• Shtëpia
  • Rreth
  • Artikuj
  • Na kontaktoni

: 91 11 9810018780 Mail: info@aceinfowayindia.com / Call: 91 11 9810018780

  • Neni Shkruar
  • më 10.11.2009
  • në 12:37
  • nga admin

Si të Krijo Nice kuadrat Tekst Button in Photoshop

Ky është një fillim lavel design tutorial. Në këtë artikull do të gjeni Si të Krijo Nice kuadrat Tekst Button në Photoshop. kjo është shumë e shpejtë dhe e lehtë tutorial.I grafike shpresoj se ju do të gëzojë këtë tutorial.

Final Preview

Kjo është ajo që ne bëjmë sot shkuar

inset-button-tutorial-final

Hapi # 1

Photoshop hapur dhe të krijojë një dokument të ri, minave është 550px × 356px me një sfond të bardhë.

inset-button-tutorial-step1

Hapi # 2

Zgjidhni Rounded Rectangle Tool dhe për të krijuar butonin, rreze e minave është 6px.

inset-button-tutorial-step2

Tani ne do të aplikohen disa efekt

Gradient mbulesë

Styling dyfishtë Button click-në tablo Shtresa Button në Panelin shtresa të hapur kutinë e stileve Shtresa e dialogut, ne do të aplikojë një efekt vertikale gradiant për Button tuaj. Pastaj klikoni mbi gradienti ngjyrë të drejtë e mundësi për të hapur deri Gradient iCool olor C Editor.

3d-bottom-layer

Double-click on majtë-color-stop dhe hyjnë në vlerën 848.484 ngjyra #, pastaj dy-kliko mbi të drejtën e-color-stop dhe hyjnë në vlerën ngjyra C4C4C4 #.

inset-button-tutorial-step2a

Drop Shadow

Next zbatohen stil Drop Shadow shtresë. Mbani kënd në 120o, se ndryshon vlerat e errësirë, Largësia dhe masën. Unë zgjedh për të vendosur perde në 47%, Largësia në 2px dhe masën në 4px.

inset-button-tutorial-step2d

Duhet të duket si ky.

inset-button-tutorial-step2Dropshadow

Goditja

Ardhshëm ne do të aplikohet goditja. Pari ndryshimin vlerat e Madhesia. Unë zgjedh për të vendosur Madhesia në 1px, Pozicioni me Jashtë. Unë zgjedh për të vendosur perde në 100%. Ndryshimi ngjyra goditja nga parazgjedhur për # 666666

inset-button-tutorial-step2e

Duhet të duket si ky.

inset-button-tutorial-step2Stroke

Hapi # 3

Zgjidhni Horizontal Type Tool dhe tekst lloji më përpara.

inset-button-tutorial-step3

Tani ne do të aplikojë disa fuqi për tekst.

Color overlay

Double-click on thumbnail shtresa Tekst në Panelin shtresa të hapur kutinë e Layer Styles dialog. Së pari ne do të aplikojë mbulesë ngjyrë, i zgjedh ngjyra # 303030

inset-button-tutorial-step3a

Inner Shadow

Next zbatohen stil Inner Shadow shtresë. Pjesën më të rëndësishme mbajnë Angle në 41o, se ndryshon vlerat e errësirë, Largësia dhe masën. Unë zgjedh për të vendosur perde në 75% dhe në distancë në 1px dhe masën në 1px.

inset-button-tutorial-step3Innershadow

Drop Shadow

Në fund ne do të zbatohet Drop Shadow, së pari ndryshim opsionin Blending to Normal. Change Color Shadow nga parazgjedhur për # FFFFFF. Mbani Angle në 90o, se ndryshon vlerat e perde dhe në distancë. Unë zgjedh për të vendosur perde në 47% dhe në distancë në 1px.

inset-button-tutorial-step3c

Result

inset-button-tutorial-final

Nëse dëshironi të shikoni punën tuaj, ju mund të shkarkoni skedarin PSD për këtë tutorial

në qoftë se ju dëshironi të merrni më shumë frymëzim prej nesh, ju lutem konsideroni nënshkrimit to our feed duke RSS ose me email.

Paraqitur sipas: Photoshop, Tutorials nga admin

Nxitja Us

  • Add to Mixx!

Tags: Photoshop, Tutorials

Related Articles:

në qoftë se ju ka gëzuar lexuar këtë artikull, ju lutem shikoni artikuj të tjerë që lidhen me poshte:

    • Si për të shtypur Krijo Typography në Photoshop
    • Si të Krijo Nice Easy 3D Efekte Tekst në Photoshop
    • Si të Krijo I-Phone si Button in Photoshop
    • Si të Krijo një shkëlqim Nice Dark Button in Photoshop
    • Si të Krijo Smooth Text Effect shkëlqim në Photoshop
Untitled Document

Submit a Comment

XHTML: Mund të përdorni këto tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled tregojnë më shumë
«10 Awesome Free Hand Drawn Icon Sets
Untitled Document

    Subscribe

  • Subscribe to our feed
  • Subscribe by email
  • Ndiqni na Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Kërkimi

      Untitled Document
  • Kalendari

    Nëntor 2009
    M T W T F S S
    «Tetor
    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
    • Pages

      • Shtëpia
      • Rreth
      • Artikuj
      • Na kontaktoni
    • Kategoritë

    • Css (19)
    • Design / Frymëzim (48)
    • Freebies (32)
    • Graphic Design (10)
    • Photoshop (17)
    • Resources (30)
    • SEO (1)
    • Tools (7)
    • Tutorials (31)
    • Tipografi (4)
    • Zhvillim Web (5)
    • Wordpress (6)
    • Arkiva

    • Nëntor 2009
    • Tetor 2009
    • Shtator 2009
    • Gusht 2009
    • Korrik 2009
    • Qershor 2009
    • Maj 2009
    • Recent Posts

    • Css
    • Design / frymëzim
    • Freebies
    • Graphic Design
    • Photoshop
    • Popular Posts

    • Sa të krijojnë të mira duke kërkuar forma pa tabelë
    • 30 Websites me maksimale portokalli
    • Si të Krijo Nice Scalable CSS Bazuar Breadcrumbs
    • 5 hapa të Write Better Css
    • Si për të shtypur Krijo Typography në Photoshop
    • Krijo një Box Beautiful Icon në Photoshop
    • 6 Awesome Online Photo Editing Tools
    • Tag cloud

    Css Design Fonts Freebies Graphic Design Graphics Design Icons frymëzim Inspitation Photoshop Resources Mjetet Tutorials Typography zhvillimit Web Wordpress

    • Shokët

      • Abduzeedo
      • Përveç Alist
      • Bittbox
      • CrazyLeaf Design
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Karburanti Krijimtari juaj
      • Ndihmë Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Share Brain
      • Gjashtë Rishikimet
      • Lugë Graphics
      • Toxel
      • Vandelay Design
      • Ne funksion
      • Web Designer depo
      • Web Designer Ledger
      • Web designer Wall
      • Ju Designer
    • Translator

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

    Check out UPrinting në YouTheDesigner.


    Biznes Cards Online

    Web Design Blog Directory

.
Untitled Document
Kthehu në fillim

Përgjithshëm

Këto ndoshta e disa interes
  • Rreth Kompania jonë
  • Dëshmi
  • Detajet e kontaktit
  • Blog
  • Sociale - Twitter, Flickr

Works

Shembuj të projekteve të kaluara
  • Rreth Kompania jonë
  • Dëshmi
  • Detajet e kontaktit
  • Blog
  • Sociale - Twitter, Flickr

Shërbimet

Kjo është ajo ku shitja e sotme
  • Rreth Kompania jonë
  • Dëshmi
  • Detajet e kontaktit
  • Blog
  • Sociale - Twitter, Flickr

Detajet e kontaktit

Dëshironi të punësojë ne? filloni këtu ...
  • Free Projekti Vlerësimi
  • Email - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway Indi Hire Ace Infoway Indi për projektin tuaj të ardhshëm design. Portofoli Shiko tonë.