• Domov
  • O
  • Články
  • Kontaktujte nás

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

  • Článok Písomné
  • dňa 10.11.2009
  • v 12:37
  • by admin

Ako vytvoriť Nice vložka Text tlačidla vo Photoshope

To je začiatok LAVEL design tutorial. V tomto článku nájdete Ako vytvoriť Nice vložka Text tlačidla vo Photoshope. je to veľmi rýchly a jednoduchý grafický dizajn tutorial.I dúfam, že si tento tutoriál.

Finálna Preview

To je to, čo máme robiť už dnes

inset-button-tutorial-final

Krok # 1

Otvorte Photoshop a vytvoriť nový dokument, moje je 550px x 356px s bielym pozadím.

inset-button-tutorial-step1

Krok # 2

Zvoľte nástroj Zaoblený obdĺžnik a vytvoriť tlačidlo, dole je polomer 6px.

inset-button-tutorial-step2

Teraz budeme aplikovať nejaký efekt

Gradient Overlay

Styling Button double-kliknite na náhľad Button vrstvu v panelu Vrstvy na otvorenie dialógového okna Štýly vrstvy, budeme používať vertikálne gradiant efekt pre Button. Potom kliknite na farebné gradientu na pravej strane Gradient možnosť otvoriť C olor Gradient Editor.

3d-bottom-layer

Double-kliknite na left-color-stop a zadajte hodnotu # 848484 farieb, potom double-kliknite na pravej-color-stop a zadajte hodnotu farby # C4C4C4.

inset-button-tutorial-step2a

Drop Shadow

Ďalšie použiť tieň štýlu vrstvy. Udržujte uhol 120o, ako zmena hodnoty Opacity, vzdialenosť a veľkosť. Ja si nastaviť Opacity na 47%, vzdialenosť na 2px a Veľkosť na 4px.

inset-button-tutorial-step2d

By mal vyzerať takto.

inset-button-tutorial-step2Dropshadow

Úder

Ďalej budú platiť Ťah. Prvá zmenou hodnoty Size. Ja si nastaviť veľkosť na 1px, pozícia na Outside. Ja si nastaviť Opacity na 100%. Ťah zmeniť farbu z východiskovej # 666666

inset-button-tutorial-step2e

By mal vyzerať takto.

inset-button-tutorial-step2Stroke

Krok # 3

Vyberte Horizontálne Type Tool a zadajte text na prednej strane.

inset-button-tutorial-step3

Teraz budeme aplikovať nejaký efekt pre text.

Farba Overlay

Double-kliknite na vrstvu textu na miniatúru v paneli Vrstvy na otvorenie dialógového okna Štýly vrstiev. Najprv sme sa uplatňuje farebnou overlay, aj vybrať farbu # 303030

inset-button-tutorial-step3a

Inner Shadow

Ďalšie sa Inner Shadow štýlu vrstvy. Najdôležitejšia časť vedie uhla 41O, ako zmena hodnoty Opacity, vzdialenosť a veľkosť. Ja si nastaviť Opacity na 75% a na vzdialenosť 1px a Veľkosť na 1px.

inset-button-tutorial-step3Innershadow

Drop Shadow

Nakoniec sme sa použije tieň, prvá zmena Miešanie možnosť Normálne. Zmeniť Farba tieňa z východiskovej # FFFFFF. Udržujte uhol 90o, ako zmenou hodnoty krytia a vzdialenosť. Ja si nastaviť Opacity na 47% a na vzdialenosť 1px.

inset-button-tutorial-step3c

Výsledok

inset-button-tutorial-final

Ak si chcete skontrolovať svoju prácu, môžete si stiahnuť súbor PSD pre tento tutorial

Ak chcete získať viac inšpirácie od nás, prosím, prihláste sa náš RSS s RSS alebo e-mailom.

Súbor pod: Photoshop, Tutorials admin

Propagujte nás

  • Pridať k Mixx!

Tagy: Photoshop, Tutorials

Súvisiace články:

Ak sa vám to páčilo čítanie tohto článku, pozrite sa na ďalšie súvisiace články nižšie:

    • Ako vytvoriť Kníhtlač Typografia vo Photoshope
    • Ako vytvoriť pekná 3D Text efekt vo Photoshope
    • Ako vytvoriť I-Phone Rovnako ako tlačidlá vo Photoshope
    • Ako vytvoriť Nice Elegantné Dark tlačidla vo Photoshope
    • Ako vytvoriť hladký lesklý Text efekt vo Photoshope
Untitled Document

Odoslať komentár

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


CommentLuv Enabled zobraziť viac
«10 Awesome Free ručne kreslenú Icon sety
Untitled Document

    Odoberať

  • Prihlásiť sa k našej kŕmne
  • Odoberať e-mailom
  • Za nami na cvrlikání
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor

    • Hľadať

      Untitled Document
  • Kalendár

    November 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

      • Domov
      • O
      • Články
      • Kontaktujte nás
    • Kategória

    • Css (19)
    • Design / Inšpirácia (48)
    • Freebies (32)
    • Grafický design (10)
    • Photoshop (17)
    • Zdroje (30)
    • Seo (1)
    • Náradie (7)
    • Návody (31)
    • Typografia (4)
    • Web development (5)
    • Wordpress (6)
    • Archives

    • November 2009
    • Október 2009
    • September 2009
    • August 2009
    • Júl 2009
    • Jún 2009
    • Máj 2009
    • Posledné príspevky

    • Css
    • Design / Inspiration
    • Volňásek
    • Grafický dizajn
    • Photoshop
    • Populárne príspevky

    • Ako vytvoriť dobre vyzerajúce forme bez tabuľky
    • 30 Webové stránky s maximálnou Orange
    • Ako vytvoriť Nice Scalable CSS Based Strúhanka
    • 5 krokov pre lepšie napísať Css
    • Ako vytvoriť Kníhtlač Typografia vo Photoshope
    • Vytvoriť Beautiful Box Icon vo Photoshope
    • 6 Awesome Online Fotografie Editovanie Nástroje
    • Tag cloud

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

    • Kamaráti

      • Abduzeedo
      • Okrem Alist
      • BittBox
      • CrazyLeaf Design
      • Css triky
      • David Walsh
      • Fudgegraphics
      • Palivo Your Creativity
      • Pomoc Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noup
      • PSDFan
      • PSDtuts
      • Share Brain
      • Šesť Revízia
      • Lyžička Grafika
      • Toxel
      • Vandelay Design
      • Našou úlohou
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • You Designer
    • Prekladateľ

      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
  • SPONZORI

    Pozrite sa na UPrinting na YouTheDesigner.


    Vizitky online

    Web Design Blog Directory

.
Untitled Document
Späť na začiatok

Všeobecné

Tieto možno nejakého záujmu
  • O spoločnosti
  • Ohlasy
  • Contact Details
  • Blog
  • Sociálna - Twitter, Flickr

Diela

Príklady z predchádzajúcich projektov
  • O spoločnosti
  • Ohlasy
  • Contact Details
  • Blog
  • Sociálna - Twitter, Flickr

Služby

To je to, čo, kde predáva dnes
  • O spoločnosti
  • Ohlasy
  • Contact Details
  • Blog
  • Sociálna - Twitter, Flickr

Contact Details

Chcete najať nás? Začnite tu ...
  • Voľný Projekt Hodnotiaca
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Všetky práva vyhradené, Ace Infoway India Nájom Ace Infoway India pre váš ďalší návrh projektu. Pozrite sa na naše portfólio.