• Dar
  • Dwar
  • Artikoli
  • Ikkuntattjana

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

  • Artikolu bil-Miktub
  • dwar l-14.10.2009
  • fil-10:31
  • mill admin

Kif Oħloq Nizza Sleek Dark Button fil Photoshop

Hey guys wieħed aktar Photoshop Tutorial. F'dan Tutorial I'll jitgħallmu inti Kif Toħloq Nizza Sleek Dark Button fil Photoshop. Din hija sempliċi ħafna u pjuttost effettivi tutorja. Nispera li jgawdu din tutorja.

Final Preview

Dan huwa dak li rridu marret do llum

final-sleek-dark-button

Pass # 1

Photoshop Iftaħ u toħloq dokument ġdid, mini hija 550px × 398px bi sfond abjad.

final-sleek-dark-button-step1

Pass # 2

Imla l-kulur fl-isfond saff, kulur mini hija # 131,313.

final-sleek-dark-button-step2

Pass # 3

Agħżel l-Għodda ta Rectangle Rounded u joħolqu buttuna, raġġ mini hija 5px, wisa ': 219px u għoli: 40px.

final-sleek-dark-button-step3

Issa japplikaw xi effett

Gradjent Overlay

Styling l Button double-click fuq thumbnail Saff ta 'l-buttuna fil-Bord saffi li jiftħu l-kaxxa stili Layer dialog, aħna se tapplika b'effett gradiant vertikali għall Button tiegħek. Imbagħad ikklikkja fuq ix-xaqliba kulur fuq il-lemin ta 'l-għażla Gradient sabiex jinfetħu l-Editur Gradient Color.

iphone-like-buttons-step3-b

Double-click fuq tax-xellug color-stop u jidħlu fil-valur kulur # 0E0E0E, double-click fuq tax-xellug center-color-stop u jidħlu fil-valur kulur # 1C1C1C, double-click fuq id-dritt-center-color-stop u jidħlu fil - valur color # 262,626, imbagħad double-click fuq id-dritt-color-stop u jidħlu fil-valur color # 292,929.

final-sleek-dark-button-step3a

Jekk teżamina bħal dan.

final-sleek-dark-button-step3b

Outer Glow

Li jmiss japplikaw l-istil Outer saff Glow. Nibdlu l-mod li Overlay taħlita, minn bdil tal-valuri ta 'Daqs. I jagħżel li jissetta l Size fil 3px

I jagħżel li jissetta l Opacità għal 30%.

Nibdlu l-Teknika fil preċiża.

final-sleek-dark-button-step3c

Jekk teżamina bħal dan.

final-sleek-dark-button-step3d

Pass # 4

Select orizzontali Tip Tool u test tat-tip fuq il-front.

final-sleek-dark-button-step4

Pass # 5

żona tal-saff tal-buttuna (Ctrl + thumbnail Ikklikkja fuq il-Saff ta 'buttuna fil-Bord saffi).

final-sleek-dark-button-step5

Milli joħolqu isem saff ġdid is-saff gradjent Blu.

Styling-xaqliba Blu double-click fuq thumbnail-xaqliba Blue Saff fil-Bord saffi li jiftħu l-kaxxa stili Layer dialog, ser jibqgħu japplikaw effett gradiant orizzontali għall Button tiegħek. Imbagħad ikklikkja fuq ix-xaqliba kulur fuq il-lemin ta 'l-għażla Gradient sabiex jinfetħu l-Editur Gradient Color.

Żomm il-Angle fil 180o

final-sleek-dark-button-step5ab

Double-click fuq tax-xellug color-stop u jidħlu fil-valur kulur # 047CA3, double-click fuq center-color-stop u jidħlu fil-valur kulur 25C4F4 #, imbagħad double-click fuq id-dritt-color-stop u jidħlu fil-valur color # 047CA3.

final-sleek-dark-button-step5b

Jekk teżamina bħal dan.

final-sleek-dark-button-step5a

Issa deselect għażla tiegħek (Ctrl + D). Issa jċaqalqu l-enfasizzati taħt il-buttuna hekk nudge-saff ta 'l-żewġ pixels billi ttektek l isfel ewlenin (mill-tastiera tiegħek).

Result

final-sleek-dark-button

Niżżel is-sors fajl

Jekk tixtieq li jiċċekkja x-xogħol tiegħek, inti tista 'tniżżel il-fajl PSD għal dan tutorja.

buttuna sleek-(226 KB)

Iffajljati taħt: Photoshop, tutorials by admin

Tippromwovi Us

  • Add to Mixx!

Tags: Photoshop, tutorials

Artikli relatati:

jekk inti jgawdu qari dan l-artikolu, jekk jogħġbok check out oġġetti relatati oħra hawn taħt:

    • Kif Toħloq I-Phone Bħal Button fil Photoshop
    • Kif Toħloq Nizza Inset Test Button fil Photoshop
    • Kif Toħloq Letterpress tipografija fil Photoshop
    • Kif Toħloq Nizza Easy 3D Effett Test fil Photoshop
    • Kif Toħloq Smooth Effett Glossy Test fil Photoshop
Untitled Document

Submit a Comment

XHTML: Tista 'tuża dawn it-tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled juru aktar
«Ħieles Social Bookmarking Ikoni
Developer's Paradise Siti tal-Ġimgħa ta 'Ottubru 16, 2009 »
Untitled Document

    Abbona

  • Subscribe to our għalf
  • Abbona bl-email
  • Follow us fuq Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Fittex

      Untitled Document
  • Calendar

    Ottubru 2009
    M T W T F S S
    «Sep Nov »
    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

      • Dar
      • Dwar
      • Artikoli
      • Ikkuntattjana
    • Kategoriji

    • Css (19)
    • Design / Inspiration (50)
    • Freebies (33)
    • Graphic Design (10)
    • Photoshop (17)
    • Riżorsi (31)
    • Seo (1)
    • Tools (7)
    • Tutorials (31)
    • Tipografija (4)
    • Żvilupp tal-web (5)
    • Wordpress (6)
    • Arkivji

    • Novembru 2009
    • Ottubru 2009
    • Settembru 2009
    • Awissu 2009
    • Lulju 2009
    • Ġunju 2009
    • Mejju 2009
    • Recent Posts

    • Css
    • Design / Inspiration
    • Freebies
    • Graphic Design
    • Photoshop
    • Popular Karigi

    • Kif jinħolqu tajba tfittex forma mingħajr tabella
    • 30 Websites Massimu mat Orange
    • Kif Toħloq Letterpress tipografija fil Photoshop
    • Kif Toħloq Nizza skalabbli CSS Ibbażat f'breadcrumbs
    • 5 passi biex Write Aħjar css
    • Create an Icon Kaxxa sabiħ fil Photoshop
    • 6 biża Online Photo Editing Tools
    • Tag sħab

    Css Fonts Design Freebies Graphic Design Graphics Design Ikoni Inspiration Inspitation Photoshop Riżorsi Tools Tutorials tipografija Żvilupp tal-web Wordpress

    • Ħbieb

      • Abduzeedo
      • Alist Minbarra
      • Bittbox
      • CrazyLeaf Design
      • Css tricks
      • David Walsh
      • Fudgegraphics
      • Fjuwil Kreattività tiegħek
      • Għajnuna Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • Ink My Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Share Brain
      • Sitt Reviżjonijiet
      • Kuċċarina Grafika
      • Toxel
      • Vandelay Design
      • Aħna funzjoni
      • Disinjatur Web Depot
      • Disinjatur Web Ledger
      • Disinjatur Web Wall
      • You Il 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

    Iċċekkja l-UPrinting fuq YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Back to top

Ġenerali

Dawn forsi ta 'xi interess
  • About Our Company
  • Testimonjanzi
  • Contact Details
  • Blog
  • Soċjali - Twitter, Flickr

Xogħlijiet

Eżempji ta 'proġetti fil-passat
  • About Our Company
  • Testimonjanzi
  • Contact Details
  • Blog
  • Soċjali - Twitter, Flickr

Servizzi

Dan huwa dak fejn il-bejgħ tal-lum
  • About Our Company
  • Testimonjanzi
  • Contact Details
  • Blog
  • Soċjali - Twitter, Flickr

Contact Details

Want to kiri us? tibda hawn ...
  • Free Proġett Assesment
  • Email - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway Indja Kiri Ace Infoway Indja għall-proġett tiegħek tad-disinn li jmiss. Portafoll View tagħna.