Hey guys back-to-back Photoshop Tutorials. V tomto tutoriálu som sa dozviete, ako vytvoriť I-Phone Rovnako ako tlačidla vo Photoshope. To je veľmi jednoduché a veľmi účinné cvičenia. Dúfam, že sa vám bude páčiť tento tutoriál.

Finálna Preview

To je to, čo máme robiť už dnes

Krok # 1

Otvorte Photoshop a vytvoriť nový dokument, moje je 550 × 398px s bielym pozadím.

Krok # 2

Vyplňte farbu pozadia vrstvy, moja farba je # 333333.

Krok # 3

Vytvorte novú vrstvu názov vrstvy Stripe gradient. Vyberte Obdĺžniková Marquee Tool a vytvoriť s bielym pruhom.

Styling Stripe Layer double-kliknite na náhľad prúžku vrstvy v panelu Vrstvy na otvorenie dialógového okna Štýly vrstvy, budeme používať vertikálne gradiant účinok na pozadí. Potom kliknite na gradientu c olor na pravej Gradient možnosť otvoriť Farba Gradient Editor.

Double-kliknite na left-color-stop a zadajte hodnotu farby # aaaaaa, double-kliknite na ľavej-center-color-stop a zadajte hodnotu farby # CCCCCC, double-kliknite na pravej-center-color-stop a zadajte Farba hodnota # dddddd, potom double-kliknite na pravej-color-stop a zadajte hodnotu farbu # ffffff.

By mal vyzerať takto.

Krok # 4

Zvoľte nástroj Zaoblený obdĺžnik a vytvoriť tlačidlo, dole je polomer 90X40px.

Teraz platia určitý účinok

Gradient Overlay

Styling Button double-kliknite na náhľad Button vrstvu v panelu Vrstvy na otvorenie dialógového okna Štýly vrstvy, budeme používať vertikálne gradiant efekt pre Button. Potom kliknite na farebné gradientu na pravej strane prechodu možnosť otvoriť Farba Gradient Editor.

Double-kliknite na left-color-stop a zadajte hodnotu # 000000 farieb, double-kliknite na ľavej-center-color-stop a zadajte hodnotu # 222222 farieb, double-kliknite na pravej-center-color-stop a zadajte Farba hodnotu # 444444, potom double-kliknite na pravej-color-stop a zadajte hodnotu farby # 666666.

Skosenie a Reliéf

Ďalšie sa skosenie a Reliéf štýlu vrstvy. Zmena štýlu, na vonkajšie skosenie, ako zmena hodnoty hĺbka, veľkosť a zjemňujú. Ja si nastaviť hĺbka na 100%, veľkosť na 1px a zjemňujú na 10px

Dôležitou súčasťou tohto Konzultačné hodiny: Ponechajte Angle na -90 ^°, výška v 40 ^°

Zvýraznenie režim: Ja si nastaviť Opacity na 100%.

Shadow režim: Ja si nastaviť Opacity na 100%.

Úder

Nakoniec sme sa uplatňuje Ťah. Prvá zmenou hodnoty Size. Ja si nastaviť veľkosť na 1px. Zmena na pozícii Inside

Ja si nastaviť Opacity na 80%.

Ťah zmeniť farbu z východiskovej # 222222

By mal vyzerať takto.

Krok # 5

Vyberte nástroj text a zadajte text na prednej strane.

Budeme aplikovať nejaký efekt pre text.

Skosenie Reliéf

Double-kliknite na vrstvu textu na miniatúru v paneli Vrstvy na otvorenie dialógového okna Štýly vrstiev. Budeme používať Kužeľové Emboss, prvý Zmena štýlu na vonkajšie skosenie a technika Vŕtacie Soft, ako zmenou hodnôt hĺbky, smer, veľkosť a zjemňujú. Ja si nastaviť hĺbka na 130%, v smere nadol na veľkosť 1px a zjemňujú na 0px

Dôležitou súčasťou tohto Konzultačné hodiny: Ponechajte uhla 90 ^°, výška v 30 ^°

Zvýraznenie režim: Ja si nastaviť Opacity na 0%.

Shadow režim: Ja si nastaviť Opacity na 50%.

Finálna Preview

Nakoniec sme urobili tento tutoriál.

To je to, čo máme robiť už dnes

Stiahnite si zdrojový súbor

Ak si chcete skontrolovať svoju prácu, môžete si stiahnuť súbor PSD pre tento tutoriál.

iphone-ako-buttons.rar (21,3 kb)

Súbor pod: Photoshop, Tutorials admin