Vietņu projektēšanā bieži tiek izmantoti trīsdimensiju navigācijas elementi. Šādas pogas var izveidot grafikas redaktorā Photoshop, simulējot skaļumu, izmantojot ēnas un gradienta aizpildi.
Nepieciešams
Photoshop programma
Instrukcijas
1. solis
Izveidojiet jaunu dokumentu grafiskajā redaktorā, izmantojot izvēlnes Fails opciju Jauns. Atlasiet jaunā dokumenta izmēru, lai tas būtu piemērots pogai, un padariet fonu caurspīdīgu.
2. solis
Aktivizējiet noapaļotā taisnstūra rīku. Ja vēlaties nedaudz noapaļotu pogu, joslā Rīka opcijas iestatiet rādiusu uz vienu milimetru. Izmantojot izvēlēto rīku, uzzīmējiet noapaļotu taisnstūri. Iegūtā forma būs pogas pamats.
3. solis
Ar peles labo pogu noklikšķiniet uz slāņa un atlasiet opciju Rasterize Layer. Ielādējiet atlasi ar opciju Ielādēt atlasi izvēlnē Atlasīt.
4. solis
Izmantojiet gradienta rīku, lai pogu aizpildītu ar divu krāsu gradientu, izvēloties piemērotu krāsu kombināciju no gradientu paletes sākotnējiem iestatījumiem. Gradienta stilam jābūt lineāram, atlasiet to, noklikšķinot uz pogas Linear Gradient zem galvenās izvēlnes. Pogas augšējai daļai pēc aizpildīšanas jābūt gaišākai nekā apakšējai.
5. solis
Slānim jāpielieto stils. Lai to izdarītu, izmantojiet konteksta izvēlnes opciju Blending Options. Atlasiet cilni Drop Shadow un parametram Leņķis ievadiet simts divdesmit grādu vērtību. Iestatiet parametru Size uz trim pikseļiem.
6. solis
Cilnē Iekšējā ēna iestatiet to pašu vērtību parametram Leņķis un Izmēram vērtību pieciem pikseļiem. Lietojiet stilu, nospiežot taustiņu Enter.
7. solis
Izveidojiet pogai ēnu. Lai to izdarītu, noklikšķiniet uz pogas Izveidot jaunu slāni un aizpildiet izvēlēto jaunā slāņa laukumu ar melnu. Tam atlasiet rīku Paint Bucket. Noņemiet atlasi, izmantojot Ctrl + D.
8. solis
Melnajam taisnstūrim izmantojiet Gausa izplūšanas filtru no Filtras izvēlnes Blur grupas. Iestatiet rādiusu uz četriem pikseļiem. Velciet ēnas slāni zem pogas slāņa un paceliet ēnu trīs līdz četrus pikseļus uz augšu. Lai to izdarītu, aktivizējiet pārvietošanas rīku un pārvietojiet ēnu ar kursora pogām. Samaziniet šī slāņa necaurredzamību līdz sešdesmit procentiem.
9. solis
Veiciet aktīvo slāni ar pogu un ielādējiet no tā atlasi. Samaziniet izvēli par diviem pikseļiem, izmantojot izvēlnes Izvēlne modificēšanas opciju Līgums.
10. solis
Izveidojiet jaunu slāni un aizpildiet iegūto atlasi ar lineāru gradientu no baltas līdz caurspīdīgai, lai baltā daļa būtu pogas apakšdaļā. Noņemiet atlasi. Izmantojot izvēlnes Rediģēt opciju Brīva pārveidošana, vertikāli samaziniet gradienta pārklāto laukumu. Pielietojiet transformāciju ar taustiņu Enter.
11. solis
Mainiet gradienta slāņa sajaukšanas režīmu uz Pārklājums. To var izdarīt, atlasot režīmu nolaižamajā sarakstā, kas atrodas paletes Stili kreisajā pusē. Samaziniet slāņa necaurredzamību līdz sešdesmit procentiem.
12. solis
Izmantojot rīku Horizontal Type Type, ierakstiet tekstu, kuram jābūt uz pogas.
13. solis
Savāciet visus slāņus mapē, izmantojot izvēlnes Layer opciju Group Layers, atlasot tos, turot nospiestu taustiņu Ctrl. Saglabājiet pogu psd failā, izmantojot izvēlnes Fails opciju Saglabāt.
