Jak Vyrobit Tlačítka Pro Web Ve Photoshopu

Obsah:

Jak Vyrobit Tlačítka Pro Web Ve Photoshopu
Jak Vyrobit Tlačítka Pro Web Ve Photoshopu

Video: Jak Vyrobit Tlačítka Pro Web Ve Photoshopu

Video: Jak Vyrobit Tlačítka Pro Web Ve Photoshopu
Video: Jak udělat HTML newsletter bez programování – Photoshop CZ tutorial 2024, Listopad
Anonim

Snadná navigace je klíčem k tomu, aby byla webová stránka pohodlná a atraktivní pro majitele i online návštěvníky. Prvky nabídky a navigace by měly být jasné, pěkné a výstižné a je vhodné vytvořit atraktivní tlačítka pro váš web v grafickém editoru Adobe Photoshop. To není těžké udělat.

Jak vyrobit tlačítka pro web ve Photoshopu
Jak vyrobit tlačítka pro web ve Photoshopu

Instrukce

Krok 1

Vytvořte nový dokument a na panelu nástrojů vyberte nástroj Zaoblený obdélník. Nakreslete úzký zaoblený obdélník, poté vyberte nástroj eliptický výběr ze sady nástrojů a nakreslete kruh na levé straně obdélníku, který překrývá jeho okraje a překračuje jej.

Krok 2

Klikněte pravým tlačítkem na obdélníkovou vrstvu a vyberte možnost Rastrování vrstvy a poté ve středu výběru znovu klikněte a v místní nabídce vyberte možnost Vrstva pomocí Vyjmout a zkopírujte výběr do nové vrstvy.

Krok 3

Otevřete nabídku nastavení vrstvy a na kartě Vržený stín nastavte režim prolnutí na Normální, krytí na 23% a vzdálenost na 3 pixely. Na kartě Překrytí barev nastavte požadovanou barvu v režimu míchání Normální a průhlednost na 100%. Měli byste mít dvoubarevný obrázek.

Krok 4

Z nabídky nástrojů znovu vyberte nástroj eliptický výřez a do levého výběru barvy nakreslete kruh. Klikněte na Odstranit. Poté přeneste výběr do nové vrstvy a naplňte ji libovolnou barvou.

Krok 5

Znovu otevřete nabídku Styl vrstvy a upravte kartu Přechodové překrytí v libovolných barvách, které vyhovují barevnému schématu vašeho webu. Nastavte radiální styl na přechod. Poté na kartě Tah nastavte váhu tahu na 2 pixely, vnější polohu cesty a krytí na 30%. Vyberte přechodovou výplň pro tah. Klikněte na OK.

Krok 6

Na panelu nástrojů vyberte štětec s bílou barvou, upravte jej tak, aby byl měkký, a průměr štětce je 10 pixelů. V pravém horním rohu kruhu, který jste namalovali, nakreslete tečku a zvýrazněte ji.

Krok 7

Poté vyberte vrstvu hlavní částí tlačítka a v nabídce Layer Style nastavte parametr Inner Shadow s režimem Multiply Blending Mode a krytím 33%. Nastavte lineární gradient s 25% krytím. Vaše tlačítko je připraveno - zbývá jen přidat k němu nápis.

Doporučuje: