Tässä opetusohjelmassa aiomme luoda Web-painiketta. Tämä on hyvin yksinkertainen ja melko tehokas opetusohjelma, joten kaikki mitä tarvitset Adobe Photoshop luoda tätä. Toivon sinun viihtyvän tässä opetusohjelmassa.

Miten luoda Web Button Photoshop

Vaihe # 1

Avaa Photoshop ja luoda uuden asiakirjan, minun on 550px × 125px valkoisella taustalla.

Vaihe # 2

Täytä väri taustataso, minun väri on # 3A3A3A.

Vaihe # 3

Valitse Rounded Rectangle Tool ja luoda painiketta, minun Säde on 7PX, leveys: 156px ja korkeus: 38px..

Vaihe # 4

Nyt meidän tulee soveltaa joitakin vaikutuksia

Gradient Overlay

Muotoilu-painiketta kaksoisnapsauta painiketta Layer pikkukuvan Tasot-paneelin avata Layer Tyylit-valintaikkunassa, voimme soveltaa Vertical Gradient vaikutus painikkeen. Sitten klikkaa Väri Gradient oikealla puolella Gradient mahdollisuus avata Väri Gradient Editor.

Kaksoisnapsauta vasemmassa-väri-stop ja anna väriarvo # 9E4C45, kaksoisnapsauta sitten oikeanpuoleisessa-väri-stop ja anna väriarvo # EA8484.

Drop Shadow

Seuraava soveltaa Drop Shadow kerros tyyliin. Pidä kulma 120o, kuin muuttaa arvoja opasiteetti Etäisyys ja koko. Valitsen asettaa Opacity on 23%, kantamalla 1px ja koko on 9px.

Vaihe # 5

Valitse Horizontal Type Tool ja kirjoittaa tekstiä edessä.

Aiomme soveltaa joitakin vaikutus tekstiä.

Color Overlay

Kaksoisnapsauta teksti kerros pikkukuvan Tasot-paneelin avata Layer Tyylit-valintaikkunassa. Ensin sovelletaan väriä päällekkäin, valitsen värin # 0D0D0E

Drop Shadow

Lopuksi voimme soveltaa Drop Shadow, ensimmäinen muutos Yhdistäminen vaihtoehto Normaali. Muuta Shadow Väri oletuksena # FFFFFF. Pidä kulma 120o, kuin muuttaa arvoja opasiteetti Etäisyys ja koko. Valitsen asettaa Opacity on 32% ja etäisyys 1px ja koko on 1px.

Lopullinen Esikuuntele

Meille, miten tämä opetusohjelma voi olla parempi? Jos olet löytänyt muita Photoshop Tutorial jotka haluat jakaa kanssamme, voit ottaa meihin yhteyttä pudottamalla kommentin.

Jos haluat saada lisää inspiraatiota meille, ota huomioon tilaamalla myös syötteen RSS-tai sähköpostitse.

Filed under: Freebies, Photoshop, Tutorials by admin