V tomto tutoriálu budeme vytvárať webové Button. To je veľmi jednoduché a veľmi účinné cvičenia, takže všetko, čo potrebujete, je Adobe Photoshop pre vytvorenie tohto efektu. Dúfam, že sa vám bude páčiť tento tutoriál.

Ako vytvoriť webovú tlačidla vo Photoshope

Krok # 1

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

Krok # 2

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

Krok # 3

Zvoľte nástroj Zaoblený obdĺžnik a vytvoriť tlačidlo, dole Polomer je 7px, šírka: 156px, výška: 38px ..

Krok # 4

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 # 9E4C45, potom double-kliknite na pravej-color-stop a zadajte hodnotu farby # EA8484.

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 23%, na vzdialenosť 1px a Veľkosť na 9px.

Krok # 5

Vyberte Horizontálne Type Tool a typu Text na prednej strane.

Budeme aplikovať nejaký efekt pre text.

Farba 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ňuje farebnou overlay, aj vybrať farbu # 0D0D0E

Drop Shadow

Nakoniec sme sa použije tieň, prvá zmena Miešanie možnosť Normálne. Zmeniť Farba tieňa z východiskovej # FFFFFF. Udržujte uhol 120o, ako zmena hodnoty Opacity, vzdialenosť a veľkosť. Ja si nastaviť Opacity na 32% a na vzdialenosť 1px a Veľkosť na 1px.

Finálna Preview

Dajte nám vedieť, ako sa, že táto výučba môže byť oveľa lepšie? Ak ste si našli iné photoshop tutorial, ktoré chcete zdieľať s nami, neváhajte a dajte nám vedieť o kvapkanie komentár.

Ak chcete získať viac inšpirácie od nás, prosím, prihláste sa náš RSS s RSS alebo e-mailom.

Súbor pod: Volňásek, Photoshop, Tutorials admin