Saitide kujundamisel kasutatakse sageli kolmemõõtmelisi navigeerimiselemente. Selliseid nuppe saab teha graafikiredaktoris Photoshop, simuleerides helitugevust varjude ja gradientide abil.
Vajalik
Photoshopi programm
Juhised
Samm 1
Looge uus dokument graafilises redaktoris, kasutades menüü Fail suvandit Uus. Valige nupule sobiv uue dokumendi suurus ja muutke taust läbipaistvaks.
2. samm
Aktiveerige ümardatud ristküliku tööriist. Kui soovite veidi ümardatud nuppu, määrake tööriistavalikute ribal raadius üheks millimeetriks. Joonistage valitud tööriista abil ümardatud ristkülik. Saadud kuju on nupu aluseks.
3. samm
Paremklõpsake kihil ja valige suvand Rasteriseeri kiht. Laadige valik menüüst Valik suvandiga Laadi valik.
4. samm
Kasutage gradientriista, et täita nupp kahevärvilise gradiendiga, valides gradiendipaleti eelseadistustest sobiva värvikombinatsiooni. Gradiendi stiil peaks olema lineaarne, valige see, klõpsates peamenüü all nuppu Lineaarne gradient. Nupu ülemine osa peaks pärast täitmist olema heledam kui alumine.
5. samm
Kandke kihile stiil. Selleks kasutage kontekstimenüü suvandit Segamisvalikud. Valige vahekaart Drop Shadow ja sisestage nurga parameetri väärtuseks sada kakskümmend kraadi. Määrake parameetriks Suurus kolm pikslit.
6. samm
Vahekaardil Sisemine vari määrake parameetri Nurk jaoks sama väärtus ja Suuruse jaoks väärtuseks viis pikslit. Rakendage stiili, vajutades sisestusklahvi.
7. samm
Tehke nupule vari. Selleks klõpsake nuppu Loo uus kiht ja täitke uue kihi valitud ala mustaga. Valige selleks Paint Bucket Tool. Tühistage valik klahvikombinatsiooniga Ctrl + D.
8. samm
Rakendage mustale ristkülikule Gaussi hägususe filter menüü Filter filtri Blur segast. Valige raadiuseks neli pikslit. Lohistage varjukiht nupukihi alla ja tõstke vari kolm kuni neli pikslit üles. Selleks aktiveerige tööriist Teisalda ja nihutage vari kursorinuppudega. Vähendage selle kihi läbipaistmatust kuuskümmend protsenti.
9. samm
Tehke aktiivne kiht nupuga ja laadige sellest valik. Vähendage valikut kahe piksli võrra, kasutades menüü Valik rühma Muuda valikut Leping.
10. samm
Looge uus kiht ja täitke saadud valik lineaarse gradiendiga valgest läbipaistvaks, nii et valge osa oleks nupu allosas. Tühistage valiku valik. Kasutades menüü Redigeerimine suvandit Vaba teisendamine, vähendage gradiendiga kaetud ala vertikaalselt. Rakendage teisendus klahviga Enter.
11. samm
Muutke gradientkihi Blend Mode režiimiks Overlay. Seda saab teha, valides paleti Stiilid vasakul küljel rippmenüüst režiimi. Vähendage kihi läbipaistmatust kuuskümmend protsenti.
12. samm
Kirjutage horisontaaltüübi tööriista abil tekst, mis peaks olema nupul.
13. samm
Koguge kõik kihid kausta, kasutades menüü Kiht suvandit Rühmakihid, valides need, hoides all klahvi Ctrl. Salvestage nupp psd-faili, kasutades menüü Fail suvandit Salvesta.
