Hej kluci ještě jednu Photoshop tutorial. V návodu najdu, jak vytvořit jednoduché zelené tlačítko ve Photoshopu. To je velmi jednoduché a velmi účinné cvičení. Doufám, že se vám bude líbit tento tutoriál.

Konečný výsledek

To je to, co máme dělat už dnes

Krok # 1

Otevřete Photoshop a vytvořit nový dokument, moje je 550px × 398px s bílým pozadím.

Krok # 2

Vyplňte barvu pozadí vrstvy, moje barva je # 979696.

Krok # 3

Zvolte nástroj Zaoblený obdélník a vytvořit tlačítko, dole Poloměr je 5px, šířka: 219px, výška: 40px..

Nyní budeme aplikovat nějaký efekt

Gradient Overlay

Styling Button double-klikněte na náhled Button vrstvu v panelu Vrstvy k otevření dialogového okna Styly vrstvy, budeme se vertikální gradient efekt pro Button. Pak klikněte na barevné přechodu na pravé straně přechodu možnost otevřít Barva Gradient Editor.

Double-klikněte na left-color-stop a zadejte hodnotu barvy # 55A646, potom double-klikněte na pravé-color-stop a zadejte hodnotu barvy # A5CE3F.

Drop Shadow

Další použít stín stylu vrstvy. Udržujte úhel 120o, než změna hodnoty Opacity, vzdálenost a velikost. Já si nastavit Opacity na 20%, na vzdálenost 1px a Velikost na 5px.

Inner Shadow

Další se Inner Shadow stylu vrstvy. Udržujte úhel 120o, než změna hodnoty Opacity, tlumivka a velikost. Já si nastavit Opacity na 27% a tlumivka na 100% a Velikost na 2px.

Další Změnit Míchání možnost Normální.

Zkosení Reliéf

Dále budou platit Kuželové Reliéf, první Změna stylu pro vnitřní zkosení a technika pro hladký, než změnou hodnoty Depth, směr, velikost a zjemňují. Já si nastavit hloubka na 100%, ve směru nahoru, velikost na 1px a zjemňují na 0px

Udržujte úhel 120o, výška na 30o

Zvýraznit režim: Já si nastavit Opacity na 0%.

Shadow režim: Já si nastavit Opacity na 14%.

Úder

Nakonec jsme se použije Tah. První změnou hodnoty Size. Já si nastavit velikost na 1px. Změna postoje k Inside

Já si nastavit Opacity na 50%.

Tah změnit barvu z výchozí # 529846

By měl vypadat takto.

Krok # 4

Vyberte Horizontální Type Tool a zadejte text na přední straně.

Budeme aplikovat nějaký efekt pro text.

Gradient Overlay

Double-klikněte na vrstvu textu na miniaturu v panelu Vrstvy na otevření dialogového okna Styly vrstev. Nejprve jsme se použijí Gradient Overlay, budeme se vertikální gradient efekt pro váš text. Pak klikněte na barevné přechodu na pravé straně přechodu možnost otevřít Barva Gradient Editor ..

Double-klikněte na left-color-stop a zadejte hodnotu barvy # DDDCDC, potom klikněte na double-centrum-color-stop a zadejte hodnotu barvy # FFFFFF.

Drop Shadow

Nakonec jsme se použije stín stylu vrstvy. Udržujte úhel 120o, než změna hodnoty Opacity, vzdálenost a velikost. Já si nastavit Opacity na 34%, na vzdálenost 1px a Velikost na 1px.

Konečný výsledek

Pokud si chcete zkontrolovat svou práci, můžete si stáhnout soubor PSD pro tento tutorial

Stáhnout soubor [240 kilobajt]

Pokud chcete získat více inspirace od nás, prosím, přihlašte se náš RSS s RSS nebo e-mailem.

Soubor pod: Photoshop, Tutorials admin