Photoshop Vytvořit Web 2.0 tlačítko

Tlačítka Photoshop tutoriály jsou pravděpodobně jednou z nejžhavějších kategorií v jakékoliv webové stránce Photoshop návody a protože Web 2.0 je takové horké téma nyní, umožňuje jít o jednoduché tlačítko vhodné pro všechny webové aplikace Web 2.0. Výukový program po skoku.

Vytvořte prázdné plátno o šířce přibližně 500xx (šířka) x 400px (výška). Vytvořit nové volání vrstvy 'bg01". Vybrat Zaoblený obdélníkový nástroj, podržte klávesu SHIFT a nakreslete kruhové oboustranné náměstí ve středu. Jakákoliv barva je v současné fázi v pořádku.

Vyvolejte Možnosti prolnutí z 'bg01'a upravte následující styly:

Vrhat stín

• Krytí: 40%
• Vzdálenost: 0px
• Rozpětí: 0%
• Velikost: 6px

Gradiant Overlay

• Barevná zastávka: 0%, # d00031
• Barevná zastávka: 100%, # ff2b5d

Podržte CTRL, klikněte levým tlačítkem nabg01'Miniatura vrstvy pro výběr jejího tvaru. Jít Vybrat -> Upravit -> Smlouva a zadejte hodnotu2px". Tím se zmenší vybraná oblast o 2 pixely.

Vytvořit nové volání vrstvy 'bg02'a vyplnila zvýrazněnou (po zmenšení) plochu libovolnou barvou. Používám zde # 000000 černá. Dvakrát klikněte na 'bg02' pro spuštění Možnost prolnutí a vyladit následující styl.

Gradiant Overlay

• Barevná zastávka: 0%, # c6002f
• Barevná zastávka: 100%, # c6002f

Vytvořit další novou vrstvu pro text, zavolat jitxt". Vložte text tlačítka. Budu používat abecedu, která bude reprezentovat. Zde používané styly písma jsou následující:

• Zaoblený Arial Bold
• 150pt

Stejně, po rozhodnutí o vašem textu, dvojitým kliknutím na 'txt' spustíte Možnosti prolnutí a vyladit následující styly.

Vrhat stín

• Krytí: 25%
• Vzdálenost: 0px
• Šířka: 0px
• Velikost: 5px

Vnitřní stín

• Krytí: 10%
• Vzdálenost: 0px
• Tlumivka: 0
• Velikost: 10px

Zkosení reliéfu

• Hloubka: 1px
• Směr: Dolů
• Velikost: 0px
• Změkčené: 0px
• Režim zvýraznění: 32%
• Režim stínování Opacity: 32%

Gradiant Overlay

• Barva Stop: 0% # d2d2d2
• Barva Stop: 100% # f0efef

Tlačítko je téměř hotovo. Dejme tomu trochu zář nad horní částí. Držet CTRL, levé kliknutí 'bg02'Miniatura vrstvy pro zvýraznění vnějšího tvaru; Vybrat Nástroj Eclipse Marquee. Teď drž ALT, s vybraným nástrojem Eclipse Marquee, přetáhněte na minus dolní polovinu zvýrazněné oblasti. Viz obrázek nahoře.

Když je zvýrazněna horní část a nástroj Eclipse Marquee stále vybrán, klepněte pravým tlačítkem myši a vyberte Pírko; zadejte 15px pro poloměr.

Vytvořit novou vrstvu, zavolat jizáře'a vyplňte zvýrazněnou část bílým [#ffffff]. To by mělo přidat efekt záře do horní části tlačítka. Konečný produkt by měl vypadat jako obrázek níže.

Stáhnout návod

Něco navíc…

Vylepšení možností prolnutíbg01' a 'bg02'vám poskytne více zajímavých tlačítek. Zde je další Photoshop návod na tlačítko jsem udělal dříve - Vytvořit lesklý tlačítko pro Web 2.0

Stáhněte si ukázku