V tomto tutoriálu budeme vytvárať jednoduché & klzké modré tlačidlo. 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.

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 # 3B3F46.

Krok # 3

Zvoľte nástroj Zaoblený obdĺžnik a vytvoriť tlačidlo, dole Polomer je 15px, šírka: 128px, výška: 36px. Zmeňte si farbu popredia na pekné # 13AAB7 (modrá).

Krok # 4

Teraz sa musíme pridať nejaký pekný efekty tlačidlo.

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.

Prvá zmena voľby prolnutí Overlay. Udržujte uhol 90o, ako zmena hodnoty Opacity. Ja si nastaviť Opacity na 50%.

Double-kliknite na left-color-stop a zadajte hodnotu # 000000 farieb, potom double-kliknite na pravej-color-stop a zadajte hodnotu farby # FFFFFF.

Inner Glow

Ďalšie použiť vnútorný žiary štýlu vrstvy. Prvá zmena sa prolnutí Overlay možnosť, ako zmena hodnoty krytia a veľkosť. Ja si nastaviť priehľadnosť na 55% a Veľkosť na 6px.

Zmena farby žiara od východiskovej # FFFFFF

Stínu

Ďalšie použiť tieňa štýlu vrstvy. Prvá zmena sa prolnutí možnosť Normálne. Udržujte uhol 120o, ako zmena hodnoty Opacity a Veľkosť. Ja si nastaviť Opacity na 55% a Veľkosť na 3px.

By mal vyzerať takto.

Krok # 5

Vytvorte ďalšiu novú vrstvu, vyberte okolo svojej pôvodnej tlačidlo, môžete to urobiť tým, že drží ctrl kliknutím na miniatúru vrstvy.).

Vyplňte farbu popredia na bielu.

Zvoľte nástroj Zaoblený obdĺžnik, vyberte a odstráňte spodnej polovice bielej vrstvy, ktorú práve urobil, bude pravdepodobne nutné zmerať výšku tlačidla pred odstránením spodnej polovice.

Najprv musíte zmeniť režim vrstvy možnosť SOFTLIGHT, ako zmenou hodnoty opacity. Ja si nastaviť priehľadnosť na 20%

Krok # 6

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

V konečnom znení

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 tutoriály od nás, prosím, prihláste sa náš RSS s RSS alebo e-mailom.

Súbor pod: Photoshop, Tutorials admin