Hey guys back-to-back Photoshop Tutorials. Tässä opetusohjelmassa I'll oppia, kuinka voit luoda I-Phone Kuten Button Photoshop. Tämä on hyvin yksinkertainen ja melko tehokas opetusohjelma. Toivon sinun viihtyvän tässä opetusohjelmassa.

Lopullinen Esikuuntele

Tämä on meidän mennyt tehdä tänään

Vaihe # 1

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

Vaihe # 2

Täytä väri taustataso, minun väri on # 333333.

Vaihe # 3

Luo uusi kerros nimi kerros raita kaltevuus. Valitse Suorakulmainen Marquee Tool ja luoda valkoinen raita.

Muotoilu Stripe Layer kaksoisosoittamalla raidan Layer pikkukuvan Tasot-paneelin avata Layer Tyylit-valintaikkunassa, voimme soveltaa vertikaalisiin gradiant vaikutus taustastasi. Sitten klikkaa C olor gradientin oikealla puolella Gradient mahdollisuus avata Väri Gradient Editor.

Kaksoisnapsauta vasemmassa-väri-stop ja anna väriarvo # aaaaaa, Kaksoisnapsauta vasemmassa-Center-väri-stop ja anna väriarvo # CCCCCC Kaksoisnapsauta oikeanpuoleisessa-Center-väri-stop ja anna väriarvo # dddddd, kaksoisnapsauta sitten oikeanpuoleisessa-väri-stop ja anna väriarvo # ffffff.

Pitäisi näyttää tältä.

Vaihe # 4

Valitse Rounded Rectangle Tool ja luoda painiketta, minun säde on 90X40px.

Nyt sovelletaan jonkinlainen vaikutus

Gradient Overlay

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

Kaksoisnapsauta vasemmassa-väri-stop ja anna värin arvo # 000000, Kaksoisnapsauta vasemmassa-Center-väri-stop ja anna värin arvo # 222222, kaksoisnapsauta oikeanpuoleisessa-Center-väri-stop ja anna värin arvo # 444444, kaksoisnapsauta sitten oikeanpuoleisessa-väri-stop ja anna väriarvo # 666666.

Kartio-ja Kohokuvio

Seuraava soveltaa Bevel ja Kuvioitu kerros tyyli. Muuttaa tyyliä Outer bevel, kuin muuttaa arvoja Depth, koko ja pehmentää. Valitsen asettaa syvyys on 100%, koko on 1px ja pehmentää on 10px

Tärkeä osa tätä Tutorial: Pidä kulma on -90 ^astetta, korkeus 40 ^o

Korosta tila: Minä valitsen asettaa Opacity 100%.

Shadow mode: Minä valitsen asettaa Opacity 100%.

Halvaus

Lopuksi meidän sovelletaan Stroke. Ensimmäinen muuttaa arvoja Koko. Valitsen asettaa koko on 1px. Muuttaminen kannan Inside

Valitsen asettaa Opacity on 80%.

Muuta Stroke väri oletuksena # 222222

Pitäisi näyttää tältä.

Vaihe # 5

Valitse teksti työkalu ja kirjoita teksti edessä.

Aiomme soveltaa joitakin vaikutus tekstiä.

Bevel Kohokuvio

Kaksoisnapsauta teksti kerros pikkukuvan Tasot-paneelin avata Layer Tyylit-valintaikkunassa. Aiomme soveltaa bevel Kuvioitu, ensimmäinen muuttaminen tyylin Outer bevel ja Technique Chisel pehmeä, kuin muuttaa arvoja Depth, suunta, koko ja pehmentää. Valitsen asettaa syvyys on 130%, suunnan alas koko on 1px ja pehmentää klo 0px

Tärkeä osa tätä Tutorial: Pidä kulma on 90 ^astetta, korkeus 30 ^o

Korosta tila: Minä valitsen asettaa Opacity 0%.

Shadow mode: Minä valitsen asettaa Opacity on 50%.

Lopullinen Esikuuntele

Lopuksi olemme tehneet tässä opetusohjelmassa.

Tämä on meidän mennyt tehdä tänään

Lataa lähdetiedoston

Jos haluat tarkistaa työtä, voit ladata sen PSD-tiedostona tässä opetusohjelmassa.

iPhone-like-buttons.rar (21.3 kB)

Filed under: Photoshop, Tutorials by admin