Dokumentin tiedot:

Tee uusi layeri (Ctrl+Shift+N) Nimeä se “ButtonBase”

Ota Rectangular Marquee työkalu työkalu



Klikkaa kerran dokumenttiin



Täytä valinta (Shift+F5) värillä #727272

Poista valinta (Ctrl+D)

Mene “ButtonBase” layerin blending optionseihin ja laita vastaavat tiedot.

Tee uusi layeri (Ctrl+Shift+N) Nimeä se “Highlight”



Tee valinta klikkaamalla Ctrl näppäin pohjassa “ButtonBase” layerin thumbnailiin.






Ota taas Rectangular Marquee työkalu



Poista valinnaasta puolet pystysuunnassa Alt näppäin pohjassa.

(Ihan vaan silmämääräisesti)



Täytä valinta (Shift+F5) värillä #ffffff (valkoinen)

Poista valinta (Ctrl+D)

Tee uusi layeri (Ctrl+Shift+N) Nimeä se “Color”



Tee taas valinta klikkaamalla Ctrl näppäin pohjassa “ButtonBase” layerin thumbnailiin.






Ota Brush työkalu



Vedä pystysuunnassa Shift näppäin pohjassa viiva buttonin keskelle.

Huom! Älä poista valintaa vielä!

Tee uusi layeri (Ctrl+Shift+N) Nimeä se “Shadow”



Mene ylävalikosta “Select > Modify > Contract…”



Täytä valinta (Shift+F5) värillä #000000 (musta)



Huom! Älä poista valintaa vielä!

Niin yksinkertaista ja hämmentävää kun se onkin niin paina näppäintä “Q” mikä tekee valinnasta Quickmaskin ( jos et ymmärrä quickmaskia niin kuvittele se eräänlaisena valinnan muotona)



Tee Free tansformi (Ctrl+T) ja ensin pienennä quickmaskia sivuttaissuunnassa Alt näppäin pohjassa ja suurenna sitä sitten reilusti pysty suunnassa ja asemoi se noin kuvassa näytetyllä tavalla



Ja sulje Free transformi Enter näppäimellä.

Mene ylävalikosta “Filter > Blur > Gaussian Blur…”






Tee taas Free tansformi (Ctrl+T) ja Siirrä pistettä oikeasta alakulmasta sivulle Ctrl+Shift+Alt näppäimet pohjassa samanaikaisesti.

Siirrä suunnilleen siten että reuna menee buttonin alareunoihin tai niistä vähän yli.



Poista free tansform painamalla Enter näppäintä.

Paina taas kerran “Q” näppäintä ja quickmask vaihtuu normaaliksi valinnaksi.



Paina Delete näppäintä ja poista valinta (Ctrl+D)

Ota move työkalu ja siirrä Shadow layeriä 1px alaspäin klikkaamalla kerran nuolinäppäintä alas.

Valitse kaikki layerit (Ctrl+Alt+A)



Ja sitten laita ne kansioon (Ctrl+G)



Klikkaa hiiren oikealla näppäimellä kansioon ja valitse listasta “Duplicate Group…”



Toista sama kerran jotta sinulla on 3 kansiota. ( =3 buttonia)



Ota Move työkalu ja siirrä buttonit allekkain ( muista ottaa pystysuunnassa huomioon buttonien varjot..)



Ota Crop työkalu ja rajaa kuvasta pois tyhjä tila mutta rajaa tarkasti ettei buttonien varjot jää kuvasta pois..



Seuraavaksi piilota kuvassa näytetyt layerit

(eli ne missä ei näy vasemmalla silmä ikonia)

Tallenna kuva .png muodossa (Ctrl+Shift+Alt+S)



Tässä vielä buttonit png muodossa