V tomto tutoriálu budeme vytvářet jednoduché & kluzké modré tlačítko. To je velmi jednoduché a velmi účinné cvičení, takže vše, co potřebujete, je Adobe Photoshop pro vytvoření tohoto efektu. Doufám, že se vám bude líbit tento tutoriál.

Krok # 1

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

Krok # 2

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

Krok # 3

Zvolte nástroj Zaoblený obdélník a vytvořit tlačítko, dole Poloměr je 15px, šířka: 128px, výška: 36px. Změňte si barvu popředí na pěkné # 13AAB7 (modrá).

Krok # 4

Nyní se musíme přidat nějaký pěkný efekty tlačítko.

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.

První změna volby prolnutí Overlay. Udržujte úhel 90o, než změna hodnoty Opacity. Já si nastavit Opacity na 50%.

Double-klikněte na left-color-stop a zadejte hodnotu # 000000 barev, potom double-klikněte na pravé-color-stop a zadejte hodnotu barvy # FFFFFF.

Inner Glow

Další použít vnitřní záře stylu vrstvy. První změna se prolnutí Overlay možnost, než změna hodnoty krytí a velikost. Já si nastavit průhlednost na 55% a Velikost na 6px.

Změna barvy záře od výchozí # FFFFFF

Stínu

Další použít stínu stylu vrstvy. První změna se prolnutí možnost Normální. Udržujte úhel 120o, než změna hodnoty Opacity a Velikost. Já si nastavit Opacity na 55% a Velikost na 3px.

By měl vypadat takto.

Krok # 5

Vytvořte další novou vrstvu, vyberte kolem své původní tlačítko, můžete to udělat tím, že drží ctrl klepnutím na miniaturu vrstvy.).

Vyplňte barvu popředí na bílou.

Zvolte nástroj Zaoblený obdélník, vyberte a odstraňte spodní poloviny bílé vrstvy, kterou právě udělal, bude pravděpodobně nutné změřit výšku tlačítka před odstraněním spodní poloviny.

Nejprve musíte změnit režim vrstvy možnost SOFTLIGHT, než změnou hodnoty opacity. Já si nastavit průhlednost na 20%

Krok # 6

Vyberte Horizontální Type Tool a typu Text na přední straně.

V konečném znění

Dejte nám vědět, jak se, že tato výuka může být mnohem lepší? Jestliže jste si našli jiné photoshop tutorial, které chcete sdílet s námi, neváhejte a dejte nám vědět o kapání komentář.

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

Soubor pod: Photoshop, Tutorials admin