• Domů
  • O
  • Články
  • Kontaktujte nás

: 91 11 9810018780 Mailem na adresu: info@aceinfowayindia.com / výzvy: 91 11 9810018780

  • Článek Písemné
  • dne 10.11.2009
  • v 12:37
  • by admin

Jak vytvořit Nice vložka Text tlačítka ve Photoshopu

To je začátek lavel design tutorial. V tomto článku najdete Jak vytvořit Nice vložka Text tlačítka ve Photoshopu. je to velmi rychlý a jednoduchý grafický design tutorial.I doufám, že si tento tutoriál.

Konečné Preview

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

inset-button-tutorial-final

Krok # 1

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

inset-button-tutorial-step1

Krok # 2

Zvolte nástroj Zaoblený obdélník a vytvořit tlačítko, dole je poloměr 6px.

inset-button-tutorial-step2

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 používat vertikální gradiant efekt pro Button. Pak klikněte na barevné gradientu na pravé straně Gradient možnost otevřít C olor Gradient Editor.

3d-bottom-layer

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

inset-button-tutorial-step2a

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 47%, vzdálenost na 2px a Velikost na 4px.

inset-button-tutorial-step2d

By měl vypadat takto.

inset-button-tutorial-step2Dropshadow

Úder

Dále budou platit Tah. První změnou hodnoty Size. Já si nastavit velikost na 1px, postoj na Outside. Já si nastavit Opacity na 100%. Tah změnit barvu z výchozí # 666666

inset-button-tutorial-step2e

By měl vypadat takto.

inset-button-tutorial-step2Stroke

Krok # 3

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

inset-button-tutorial-step3

Nyní budeme aplikovat nějaký efekt pro text.

Barva Overlay

Double-klikněte na vrstvu textu na miniaturu v panelu Vrstvy na otevření dialogového okna Styly vrstev. Nejprve jsme se použije barevnou overlay, i vybrat barvu # 303030

inset-button-tutorial-step3a

Inner Shadow

Další se Inner Shadow stylu vrstvy. Nejdůležitější část vede úhlu 41o, než změna hodnoty Opacity, vzdálenost a velikost. Já si nastavit Opacity na 75% a na vzdálenost 1px a Velikost na 1px.

inset-button-tutorial-step3Innershadow

Drop Shadow

Nakonec jsme se použije stín, první změna Míchání možnost Normální. Změnit Barva stínu z výchozí # FFFFFF. Udržujte úhel 90o, než změnou hodnoty krytí a vzdálenost. Já si nastavit Opacity na 47% a na vzdálenost 1px.

inset-button-tutorial-step3c

Výsledek

inset-button-tutorial-final

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

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

Propagujte nás

  • Přidat k Mixx!

Tagy: Photoshop, Tutorials

Související články:

Pokud se vám to líbilo čtení tohoto článku, podívejte se na další související články níže:

    • Jak vytvořit Knihtisk Typografie ve Photoshopu
    • Jak vytvořit pěkná 3D Text efekt ve Photoshopu
    • Jak vytvořit I-Phone Stejně jako tlačítka ve Photoshopu
    • Jak vytvořit Nice Elegantní Dark tlačítka ve Photoshopu
    • Jak vytvořit hladký lesklý Text efekt ve Photoshopu
Untitled Document

Odeslat komentář

XHTML: Můžete použít tyto značky: href="" <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled zobrazit více
«10 Awesome Free ručně kreslenou Icon sety
25 Awesome iPhone App webové stránky »
Untitled Document

    Odebírat

  • Přihlásit se k naší krmné
  • Odebírat e-mailem
  • Za námi na cvrlikání
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor

    • Hledat

      Untitled Document
  • Kalendář

    Listopad 2009
    M T W T F S S
    «Oct
    1
    2 3 4 5 6 7 8
    9 10 11 12 13 14 15
    16 17 18 19 20 21 22
    23 24 25 26 27 28 29
    30
    • Stránky

      • Domů
      • O
      • Články
      • Kontaktujte nás
    • Kategorie

    • Css (19)
    • Design / Inspirace (49)
    • Freebies (32)
    • Grafický design (10)
    • Photoshop (17)
    • Zdroje (30)
    • Seo (1)
    • Nářadí (7)
    • Návody (31)
    • Typografie (4)
    • Web development (5)
    • Wordpress (6)
    • Archives

    • Listopad 2009
    • Říjen 2009
    • Září 2009
    • Srpen 2009
    • Červenec 2009
    • Červen 2009
    • Květen 2009
    • Poslední příspěvky

    • Css
    • Design / Inspiration
    • Volňásek
    • Grafický design
    • Photoshop
    • Populární příspěvky

    • Jak vytvořit dobře vypadající formě bez tabulky
    • 30 Webové stránky s maximální Orange
    • Jak vytvořit Knihtisk Typografie ve Photoshopu
    • Jak vytvořit Nice Scalable CSS Based Strouhanka
    • 5 kroků pro lepší napsat Css
    • Vytvořit Beautiful Box Icon ve Photoshopu
    • 6 Awesome Online Fotografie Editování Nástroje
    • Tag cloud

    Css design Písma Volňásek Grafický design Grafický design Ikony Inspiration Inspitation Photoshop zdroje Nástroje Tutoriály Typografie webových rozvoj Wordpress

    • Kamarádi

      • Abduzeedo
      • Kromě Alist
      • BittBox
      • CrazyLeaf Design
      • Css triky
      • David Walsh
      • Fudgegraphics
      • Palivo Your Creativity
      • Nápověda Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Share Brain
      • Šest Revize
      • Lžička Grafika
      • Toxel
      • Vandelay Design
      • Naším úkolem
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • You Designer
    • Překladatel

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag
  • SPONZOŘI

    Podívejte se na UPrinting na YouTheDesigner.


    Vizitky online

    Web Design Blog Directory

.
Untitled Document
Zpět na začátek

Obecné

Tyto možná nějakého zájmu
  • O společnosti
  • Ohlasy
  • Contact Details
  • Blog
  • Sociální - Twitter, Flickr

Díla

Příklady z dřívějších projektů
  • O společnosti
  • Ohlasy
  • Contact Details
  • Blog
  • Sociální - Twitter, Flickr

Služby

To je to, co, kde prodává dnes
  • O společnosti
  • Ohlasy
  • Contact Details
  • Blog
  • Sociální - Twitter, Flickr

Contact Details

Chcete najmout nás? Začněte zde ...
  • Volný Projekt Hodnotící
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Všechna práva vyhrazena, Ace Infoway Indie Nájem Ace Infoway Indie pro váš další návrh projektu. Podívejte se na naše portfolio.