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

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

  • Neni Shkruar
  • më 02.12.2009
  • në 06:45
  • nga admin

Si të Krijo një Simple Green Button in Photoshop

Hey guys një më shumë Photoshop Tutorial. Në këtë tutorial do të gjeni ju kam Si të Krijoni një Simple Green Button në Photoshop. Kjo është shumë e thjeshtë dhe mjaft efektive tutorial. Unë shpresoj se ju do të gëzojë këtë tutorial.

Rezultati Final

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

green-button-final1

Hapi # 1

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

Green-button-step1

Hapi # 2

Plotësoni shtresë ngjyrë në sfond, ngjyra e minave është # 979.696.

green-button-step13

Hapi # 3

Zgjidhni Rounded Rectangle Tool dhe për të krijuar butonin, minave Radius është 5px, width: 219px dhe height: 40px..

green-button-step24

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 Vertical Gradient për Button tuaj. Pastaj klikoni mbi Gradient Ngjyrë mbi të drejtën e mundësi për të hapur deri Gradient iCool Color Editor.

Green-Button

Double-click on majtë-color-stop dhe shkruani vlerën color # 55A646, pastaj dy-kliko mbi të drejtën e-color-stop dhe shkruani vlerën color # A5CE3F.

green-button-step4a

Drop Shadow

Next zbatohen stil Drop Shadow shtresë. Mbani Angle në 120o, se ndryshon vlerat e errësirë, Largësia dhe masën. Unë zgjedh për të vendosur perde në 20%, Largësia në 1px dhe masën në 5px.

green-button-step4b

Inner Shadow

Next zbatohen stil Inner Shadow shtresë. Mbani Angle në 120o, se ndryshon vlerat e errësirë, asfiksim dhe masën. Unë zgjedh për të vendosur perde në 27% dhe mbytje në 100% dhe masën në 2px.

Next Ndryshimi opsionin Blending to Normal.

green-button-step4c

Zbukuroj me reliev i pjerrët

Ardhshëm ne do të aplikojë zbukuroj me reliev i pjerrët, First Ndryshimi i stilit të brendshme i pjerrët dhe teknikë të Qetë, se ndryshon vlerat e Depth, Drejtimi, dhe të zbusë Size. Unë zgjedh për të vendosur Thellesia me 100%, Drejtimi në Up, Madhesia në 1px dhe të zbusë në 0px

Mbani Angle në 120o, Lartësia në 30o

Mode Highlight: Unë zgjedh për të vendosur patejdukshmëri në 0%.

Mode Shadow: Unë zgjedh për të vendosur perde në 14%.

green-button-step4d

Goditja

Në fund ne do të aplikohet goditja. Pari ndryshimin vlerat e Madhesia. Unë zgjedh për të vendosur Size në 1px. Ndryshimi i pozitës në Inside

Unë zgjedh për të vendosur perde në 50%.

Ndryshimi ngjyra goditja nga parazgjedhur për # 529846

green-button-step4e

Shikoni si duhet këtë.

green-button-step4

Hapi # 4

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

Ne do të aplikojë disa fuqi për tekst.

green-button-step5

Gradient mbulesë

Double-click on thumbnail shtresa Tekst në Panelin shtresa të hapur kutinë e Layer Styles dialog. Së pari ne do të aplikojë Gradient mbulesë, ne do të aplikojë një Efekt Vertical Gradient për tekstin tuaj. Pastaj klikoni mbi Gradient Ngjyrë mbi të drejtën e mundësi për të hapur deri Gradient iCool Ngjyra Editor ..

green-button-step5a

Double-click on majtë-color-stop dhe shkruani vlerën color # DDDCDC, pastaj klikoni dy qendra-on-color-stop dhe shkruani vlerën ngjyra FFFFFF #.

green-button-step5b

Drop Shadow

Në fund ne do të aplikojë stilin Drop Shadow shtresë. Mbani Angle në 120o, se ndryshon vlerat e errësirë, Largësia dhe masën. Unë zgjedh për të vendosur perde në 34%, Largësia në 1px dhe masën në 1px.

green-button-step5bc

Rezultati Final

green-button-final1

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

Download File [240KB]

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!
Ace Hosting Indi

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 të Krijo Nice kuadrat Tekst Button in Photoshop
    • 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
Untitled Document

5 Komente

  1. designfollow thotë se më: dhjetor 2, 2009 at 12:52 pm Said:

    tutorial i madh, thank you.

  2. FAQPAL thotë se më: dhjetor 4, 2009 at 2:24 Said:

    Thjeshtë por rezultat efektiv në fund, thanks for share.
    FAQPAL e fundit blog .. HTTP Headers for Dummies My ComLuv Profili

  3. ben thotë se më: dhjetor 4, 2009 at 6:48 Said:

    tutorial i madh, thank you.

  4. favSHARE thotë se më: dhjetor 4, 2009 at 11:10 Said:

    Ky artikull ka qenë e përbashkët për favSHARE.net. Shkojnë për të votuar it!
    favSHARE e fundit blog .. 14 Typeface re dhe Font Kombinimet Resources My ComLuv Profili

  5. Web Design nga Lions Solutiosn thotë se më: dhjetor 19, 2009 at 10:45 Said:

    A do të jetë një tip shumë i dobishëm për fillestar ;)

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ë
«5 hapa të mirë CSS Shkruani Pjesa II
Faqe Parajsa Developer's e Java për dhjetor 2009 »4
Untitled Document

    Subscribe

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

    • Kërkimi

      Untitled Document
  • Kalendari

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

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

    • Css (23)
    • Design / Frymëzim (59)
    • Freebies (40)
    • Graphic Design (12)
    • Photoshop (22)
    • Resources (36)
    • SEO (1)
    • Tools (9)
    • Tutorials (37)
    • Tipografi (6)
    • Zhvillim Web (6)
    • Wordpress (6)
    • Arkiva

    • Dhjetor 2009
    • 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

    • Si të Krijo Nice Scalable CSS Bazuar Breadcrumbs
    • 5 hapa të mirë CSS Shkruani Pjesa II
    • Sa të krijojnë të mira duke kërkuar forma pa tabelë
    • 30 Websites me maksimale portokalli
    • 21 Madhe, Bold Typography Website Design
    • 20 Shembull Trullosës Nga Infographics Për frymëzim juaj
    • 5 hapa të Write Better Css
    • 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
    • Community News

        • Google gati për të marrë një Makeover

          "Kush dëshiron sukses të vazhdueshëm duhet të ndryshojë vazhdimisht" dhe është duke u bërë gjithnjë e më evidente se Google pajtohet për këtë shkollë të mendimit. Online Marketing Blog është raportimit të një ...

          11 dhjetor 2009
        • Si të Krijo një Simple Green Button in Photoshop

          e tij është shumë e thjeshtë dhe mjaft efektive tutorial. Unë shpresoj se ju do të gëzojë këtë tutorial.

          9 dhjetor 2009
        • 11 Free grunge për Designers Fonts

          Në këtë post ju do të gjeni 11 Free grunge Fonts për Designers. Këto fonts lirë janë perfekte për planet tuaja shqetësuese. Unë shpresoj se ju do të gëzojnë këtë.

          9 dhjetor 2009
        • 21 Madhe, Bold Typography Website Design

          kanë një vështrim në këto Big Beautiful 21, Tipografia Bold Website Design dhe na tregoni mendimet tuaja në koment.

          9 dhjetor 2009
    • Shto Lajme

      Ju mund të paraqisni lidhjet tuaja më poshtë duke përdorur forma dhe ata zakonisht do të miratohet brenda disa orëve.






      Loading ...

    • 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ë.