In die ontwerp van webwerwe word driedimensionele navigasie-elemente dikwels gebruik. Sulke knoppies kan in die grafiese redakteur Photoshop gemaak word, wat die volume simuleer met skaduwees en gradiëntvul.
Nodig
Photoshop-program
Instruksies
Stap 1
Skep 'n nuwe dokument in 'n grafiese redakteur met behulp van die opsie New in die menu File. Kies die grootte van die nuwe dokument om by die knoppie te pas, en maak die agtergrond deursigtig.
Stap 2
Aktiveer die afgeronde reghoekgereedskap. As u 'n effens afgeronde knoppie wil hê, stel die Radius in die Tool Options-balk op een millimeter. Teken 'n afgeronde reghoek met die geselekteerde instrument. Die gevolglike vorm sal die basis vir die knoppie wees.
Stap 3
Regsklik op die laag en kies die opsie Rasterize Layer. Laai die keuse met die opsie Laai seleksie in die Kies-kieslys.
Stap 4
Gebruik die Gradient Tool om die knoppie met 'n tweekleurverloop te vul, en kies 'n geskikte kombinasie van kleure uit die voorafinstellings in die gradiëntpalet. Die gradiëntstyl moet lineêr wees; kies dit deur op die knoppie Lineêre gradiënt onder die hoofmenu te klik. Die boonste gedeelte van die knoppie na die vulling moet ligter wees as die onderste.
Stap 5
Pas 'n styl op die laag toe. Om dit te doen, gebruik die opsie Opsomming in die konteksmenu. Kies die Drop Shadow-oortjie en voer 'n waarde van honderd-en-twintig grade in vir die Angle-parameter. Stel die parameter Parameter op drie pixels.
Stap 6
Stel dieselfde waarde vir die hoekparameter in die tabblad Inner skaduwee, en stel die waarde vir vyf grootte vir vyf pixels. Pas die styl toe deur op die Enter-sleutel te druk.
Stap 7
Maak 'n skaduwee vir die knoppie. Om dit te doen, klik op die knoppie Skep 'n nuwe laag en vul die geselekteerde area van die nuwe laag met swart. Kies die Paint Bucket Tool hiervoor. Ontkies met Ctrl + D.
Stap 8
Pas 'n Gaussiese vervaging-filter toe uit die Blur-groep in die Filter-menu op die swart reghoek. Stel die Radius op vier pixels. Sleep die skaduwee onder die knoppie en verhoog die skaduwee drie tot vier pixels. Om dit te doen, aktiveer u die Move Tool en skuif die skaduwee met die wyserknoppies. Verminder die dekking vir hierdie laag tot sestig persent.
Stap 9
Maak die aktiewe laag met die knoppie en laai 'n keuse daaruit. Verminder die keuse met twee pixels met behulp van die Contract-opsie in die Modify-groep in die Selection-menu.
Stap 10
Skep 'n nuwe laag en vul die gevolglike seleksie met 'n liniêre gradiënt van wit na deursigtig sodat die wit deel onderaan die knoppie is. Ontkies die keuse. Gebruik die opsie Free Transform in die Edit-menu om die oppervlak vertikaal te verminder. Pas die transformasie toe met die Enter-sleutel.
Stap 11
Verander die versnitmodus van die gradiëntlaag na Overlay. Dit kan gedoen word deur 'n modus uit die vervolglys aan die linkerkant van die Styles-palet te kies. Verminder die dekking van die laag tot sestig persent.
Stap 12
Skryf die teks wat op die knoppie moet wees, met behulp van die Horizontal Type Tool.
Stap 13
Versamel al die lae in 'n vouer met behulp van die groepslae-opsie in die menu Laag, kies dit terwyl u die Ctrl-toets ingedrukt hou. Stoor die knoppie in 'n psd-lêer met die Save-opsie in die File-menu.
