• Otthon
  • Körülbelül
  • Cikkekben
  • Írjon nekünk

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

  • Cikket írta
  • on 14.10.2009
  • at 10:31
  • by admin

Hogyan lehet létrehozni a Nice Sleek Dark Button Photoshop

Hé srácok még egy Photoshop bemutatója. A bemutató fogom tanulni, hogyan hozhat létre a Nice Sleek Dark Button a Photoshop. Ez nagyon egyszerű és nagyon hatékony konzultáció. Remélem tetszeni fog ez a bemutató.

Final Preview

Ez az, amit ma nem ment

final-sleek-dark-button

Step # 1

Open photoshop és hozzon létre egy új dokumentumot, az enyém 550px × 398px, fehér háttérrel.

final-sleek-dark-button-step1

Step # 2

Töltsük meg a szín a háttérben rétegben, az enyém színe # 131.313.

final-sleek-dark-button-step2

Step # 3

Válasszuk ki a Rounded Rectangle Tool és a Create gombra, az enyém sugara 5px, width: 219px és magasság: 40px.

final-sleek-dark-button-step3

Most már alkalmaz valamilyen hatása

Gradient Overlay

A stílus gomb duplán kattintson a gombra réteg miniatűr a Rétegek panel megnyitása a Layer Styles párbeszédablak, akkor alkalmazza a függőleges gradiant hatása az Ön Button. , Majd kattints a színes gradiens a jobb oldalon a Gradient lehetőséget nyit a Szín Gradient Editor.

iphone-like-buttons-step3-b

Kattintson duplán a bal-szín-stop és adja meg a szín értéke # 0E0E0E kattintson duplán a bal-center-szín-stop és adja meg a szín értéke # 1C1C1C kattintson duplán a jobb-center-szín-stop és adja meg a # 262.626 szín érték, majd kattintson duplán a jobb-szín-stop és adja meg a szín értéke # 292.929.

final-sleek-dark-button-step3a

Így kell kinéznie.

final-sleek-dark-button-step3b

Outer Glow

Következő alkalmazni az Outer Glow réteg stílus. Megváltoztatása a kevert mód Overlay, mint a változó értékeit Size. Én úgy dönt, hogy beállíthatjuk, hogy a méret a 3px

Én úgy dönt, hogy állítsa be a Opacity 30%.

Megváltoztatja a technika pontosan.

final-sleek-dark-button-step3c

Így kell kinéznie.

final-sleek-dark-button-step3d

Step # 4

Válasszuk a Vízszintes Type Tool és írja Szöveg elöl.

final-sleek-dark-button-step4

Step # 5

A gomb réteg területe (Ctrl + gombra kattintva a réteg miniatűr a Rétegek panel).

final-sleek-dark-button-step5

, Mint egy új réteget a réteg neve kék színátmenet.

Stílus a kék gradiens kattintsunk kétszer a kék gradiens réteg miniatűr a Rétegek panel megnyitása a Layer Styles párbeszédablak, mi fog alkalmazni gradiant horizontális hatása az Ön Button. , Majd kattints a színes gradiens a jobb oldalon a Gradient lehetőséget nyit a Szín Gradient Editor.

Tartsa a szög, 180o

final-sleek-dark-button-step5ab

Kattintson duplán a bal-szín-stop és adja meg a szín értéke # 047CA3 kattintson duplán a középső-szín-stop és adja meg a szín értéke # 25C4F4, majd kattintson duplán a jobb-szín-stop és adja meg a szín értéke # 047CA3.

final-sleek-dark-button-step5b

Így kell kinéznie.

final-sleek-dark-button-step5a

Most törölje a kijelölt (Ctrl + D). Na mozgás a kiemelés alatti gombot, meglökés a réteg le két pixel érintésével a lefelé gombot (a billentyűzeten).

Eredményt

final-sleek-dark-button

Töltsd le a forrás fájl

Ha azt szeretné, hogy ellenőrizze a munkát, akkor töltse le a PSD fájlt a bemutató.

karcsú gombos (226 KB)

Kategória: Photoshop, Tutorials by admin

Promote Us

  • Add hozzá a Mixx!

Tags: Photoshop, Tutorials

Kapcsolódó cikkek:

Ha élvezettel olvasta ezt a cikket, kérlek nézd meg a többi kapcsolódó cikkek a következők:

    • Hogyan lehet létrehozni, I-Phone Mint Button a Photoshop
    • Hogyan hozzunk létre Magasnyomó Typography Photoshop
    • Hogyan hozzunk létre Nice Easy 3D Text Effect in Photoshop
    • Hogyan hozzunk létre Smooth Glossy Text Effect in Photoshop
    • Hozzon létre egy szép Box Icon Photoshop
Untitled Document A

Submit a Comment

XHTML: Tudod használ ezek tags: href="" cím=""> <abbr title=""> <acronym title=""> <blockquote idéz=""> <cite> <code> < del datetime = ""> <em> <i> <q idéz=""> <strike> <strong>


CommentLuv Enabled show more
«Szabad Social Bookmarking Ikonok
Developer's Paradise helyszínei a hét október 16, 2009 »
Untitled Document A

    Fizetnünk

  • Iratkozz fel a feedre
  • Iratkozzon fel e-mail
  • Kövesse velünk a Twitter
  • Szponzorként
  • Szponzorként
  • Szponzorként
  • Szponzorként
  • Szponzorként
  • Szponzorként

    • Keres

  • Naptári

    Október 2009
    N T NYH T F. S S
    «Szeptember
    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
    • Oldalain

      • Otthon
      • Körülbelül
      • Cikkekben
      • Írjon nekünk
    • Kategóriákban

    • CSS (18) Az
    • Design / Inspiration (46)
    • Freebies (28) A
    • Graphic Design (10)
    • Photoshop (16) A
    • Források (26)
    • Seo (1) A
    • Szerszámok (7)
    • Tutorials (29)
    • Tipográfia (4) A
    • Web development (5)
    • Wordpress (6) A
    • Levéltári

    • Október 2009
    • Szeptember 2009
    • Augusztus 2009
    • Július 2009
    • Június 2009
    • Május 2009
    • Recent Posts

    • Css
    • Design / Inspiration
    • Freebies
    • Graphic Design
    • A Photoshop
    • Popular Posts

    • Hogyan teremt jó kinézetű forma nélküli asztali
    • 30 Websites maximális Orange
    • Hogyan hozzunk létre Nice Scalable CSS alapú Breadcrumbs
    • 5 Lépéseket kell jobb Css
    • Hozzon létre egy szép Box Icon Photoshop
    • Hogyan hozzunk létre Magasnyomó Typography Photoshop
    • 6 Awesome Online Photo Editing Tools
    • Címke felhő

    CSS Design betűtípusok Freebies Grafikai tervezés Grafikai ikonok Inspiration Inspitation Photoshop Resources Tools Tutorials Tipográfia webes fejlesztés Wordpress

    • Barátok

      • Abduzeedo
      • Alist Apart
      • Bittbox
      • CrazyLeaf Design
      • Css trükkök
      • David Walsh
      • Fudgegraphics
      • Üzemanyag Your Creativity
      • Segítség Developer
      • Shift billentyût Azonnali
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Share Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Mi funkció
      • Web Designer Depot -
      • Web Designer Ledger
      • Web Designer Wall
      • Ön a tervező
    • Fordító

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

    Check out UPrinting a YouTheDesigner.


    Névjegykártyák Online

    Web Design Blog Directory

.
Untitled Document A
Vissza a lap tetejére

Általánosságban

Ezek talán néhány érdeke
  • Cégünk mintegy
  • Ajándéklevél
  • Contact Details
  • Blog
  • Társadalmi - Twitter, a Flickr

Alkotások

Példák a korábbi projektek
  • Cégünk mintegy
  • Ajándéklevél
  • Contact Details
  • Blog
  • Társadalmi - Twitter, a Flickr

Szolgáltatásokra

Ez az, amit ma, ha értékesítési
  • Cégünk mintegy
  • Ajándéklevél
  • Contact Details
  • Blog
  • Társadalmi - Twitter, a Flickr

Contact Details

Want to hire minket? kezdéshez itt ...
  • Free Project Assesment
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Minden jog fenntartva, Ace Infoway india Hire Ace Infoway india itt a következő tervezési projekt számára. Tekintse meg portfólió.