Tee uusi dokumentti Ctrl+N

Ota Rounded Rectangle työkalu


Tee jotakuinkin kuvassa näkyvän buttonin kokoinen laatikko.

Mene “Shape1″ Blending optionseihin esim klikkaamalla hiiren oikealla näppäimellä siihen ja valitsemalla listasta “Blending options…”

Laita vastaavat asetukset.

Väri: #000000


Väri: #000000


Mene gradient editoriin klikkaamalla kerran Gradient laatikkoon.


Voit lisätä uuden värin klikkaamalla gradient laatikon alapuolelle ja vaihtaa värin tuplaklikkaamalla värilaatikkoon.

Värit vasemmalta oikealle:
#1c1c1c – #7a7a7a

Tee valinta “Shape1″ layeristä klikkaamalla sen thumbnail kuvaan Ctrl näppäin pohjassa.




Mene ylävalikosta “Selection > Modify > Contract”

Laita vastaavat asetukset ja paina Ok.




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

Laita “Highlight” layerin Fill: 0%.


Täytä “Highlight” layeri millä tahansa värillä Ctrl+Backspace(Suom. Askelpainautin)

Ja mene “Highlight” layerin Blending optionseihin.

Laita vastaavat asetukset.

Väri: #ffffff


Tämä on sen takia että väriä voi helposti vaihtaa tästä ilman että tarvii vaihtaa kummatkin värit gradienttiin.

Väri: #5fdfff


Mene gradient editoriin klikkaamalla kerran Gradient laatikkoon.


Voit lisätä uuden värin klikkaamalla gradient laatikon alapuolelle ja vaihtaa värin tuplaklikkaamalla värilaatikkoon.

Läpinäkyvyyttä voit vaihtaa klikkaamalla gradient laatikon yläpuolella olevaan stoppiin ja laittamalla alla olevaan Opacity laatikkon 0%

Sinun todennäköisesti tarvitsee siirtää gradientin kohtaa manuaalisesti klikkaamalla dokumenttiin ja vetämällä gradientin keskikohta oikeaan paikkaan.

Kummatkin värit on samat:
#96ff00

Huom! Jos haluat siirtä buttonin toiseen dokumenttiin niin se ei suoraan onnistu gradientin takia koska sen rajat tulee dokumentin koosta ja se siis muuttuu dokumentin koosta riippuen ellet rasteroi layereitä.

Voit rasteroida layerit näin Ctrl+Alt+A Ja Ctrl+E