Ako vytvoriť jednoduchý zelené tlačidlo vo Photoshope
Hej chlapci ešte jednu Photoshop tutorial. V návode nájdem, ako vytvoriť jednoduché zelené tlačidlo 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.
Konečný výsledok
To je to, čo máme robiť už dnes
Krok # 1
Otvorte Photoshop a vytvoriť nový dokument, moje je 550px x 398px s bielym pozadím.
Krok # 2
Vyplňte farbu pozadia vrstvy, moja farba je # 979696.
Krok # 3
Zvoľte nástroj Zaoblený obdĺžnik a vytvoriť tlačidlo, dole Polomer je 5px, šírka: 219px, výška: 40px ..
Teraz budeme aplikovať nejaký efekt
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 sa vertikálny gradient efekt pre Button. Potom kliknite na farebné prechodu na pravej strane prechodu možnosť otvoriť Farba Gradient Editor.
Double-kliknite na left-color-stop a zadajte hodnotu farby # 55A646, potom double-kliknite na pravej-color-stop a zadajte hodnotu farby # A5CE3F.
Drop Shadow
Ďalšie použiť tieň štýlu vrstvy. Udržujte uhol 120o, ako zmena hodnoty Opacity, vzdialenosť a veľkosť. Ja si nastaviť Opacity na 20%, na vzdialenosť 1px a Veľkosť na 5px.
Inner Shadow
Ďalšie sa Inner Shadow štýlu vrstvy. Udržujte uhol 120o, ako zmena hodnoty Opacity, tlumivka a veľkosť. Ja si nastaviť Opacity na 27% a tlmivka na 100% a Veľkosť na 2px.
Ďalšie Zmeniť Miešanie možnosť Normálne.
Skosenie Reliéf
Ďalej budú platiť Kužeľové Reliéf, prvý Zmena štýlu pre vnútorný skosenie a technika pre hladký, ako zmenou hodnoty Depth, smer, veľkosť a zjemňujú. Ja si nastaviť hĺbka na 100%, v smere hore, veľkosť na 1px a zjemňujú na 0px
Udržujte uhol 120o, výška na 30o
Zvýraznenie režim: Ja si nastaviť Opacity na 0%.
Shadow režim: Ja si nastaviť Opacity na 14%.
Úder
Nakoniec sme sa uplatňuje Ťah. Prvá zmenou hodnoty Size. Ja si nastaviť veľkosť na 1px. Zmena postoja k Inside
Ja si nastaviť Opacity na 50%.
Ťah zmeniť farbu z východiskovej # 529846
By mal vyzerať takto.
Krok # 4
Vyberte Horizontálne Type Tool a zadajte text na prednej strane.
Budeme aplikovať nejaký efekt pre text.
Gradient Overlay
Double-kliknite na vrstvu textu na miniatúru v paneli Vrstvy na otvorenie dialógového okna Štýly vrstiev. Najprv sme sa uplatňujú Gradient Overlay, budeme sa vertikálny gradient efekt pre váš text. Potom kliknite na farebné prechodu na pravej strane prechodu možnosť otvoriť Farba Gradient Editor ..
Double-kliknite na left-color-stop a zadajte hodnotu farby # DDDCDC, potom kliknite na double-centrum-color-stop a zadajte hodnotu farby # FFFFFF.
Drop Shadow
Nakoniec sme sa použije tieň štýlu vrstvy. Udržujte uhol 120o, ako zmena hodnoty Opacity, vzdialenosť a veľkosť. Ja si nastaviť Opacity na 34%, na vzdialenosť 1px a Veľkosť na 1px.
Konečný výsledok
Ak si chcete skontrolovať svoju prácu, môžete si stiahnuť súbor PSD pre tento tutorial
Stiahnuť súbor [240 Kilobajty]
Ak chcete získať viac inšpirácie od nás, prosím, prihláste sa náš RSS s RSS alebo e-mailom.
Súvisiace články:
Ak sa vám to páčilo čítanie tohto článku, pozrite sa na ďalšie súvisiace články nižšie:



































































designfollow hovorí na: 2.prosince 2009 v 12:52 Povedal:
skvelý tutorial, ďakujeme.