• Domov
  • O
  • Členi
  • Pišite nam

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

  • Člen Pisni
  • na 14.10.2009
  • ob 10:31
  • z admin

Kako Ustvarjanje Nice Sleek Dark gumba v Photoshopu

Hej, fantje še eno Photoshop Tutorial. V tem Tutorial bom izvedeti, kako ustvariti Nice Sleek Dark gumba v Photoshopu. To je zelo enostavno in precej učinkovit tutorial. Upam, da boste uživali to tutorski.

Final Preview

To je tisto, kar smo šli do danes

final-sleek-dark-button

Korak # 1

Odprite Photoshop in ustvariti nov dokument, moj je 550px x 398px z belim ozadjem.

final-sleek-dark-button-step1

Korak # 2

Izpolnite barvo ozadja plasti, moja barva je # 131.313.

final-sleek-dark-button-step2

Korak # 3

Izberite Rounded Rectangle Tool in ustvarite gumb, rudnik polmer je 5px, širina: 219px in višina: 40px.

final-sleek-dark-button-step3

Zdaj se malo vplivajo

Gradient Overlay

Styling Button dvojni klik na sličico gumb Layer v Layers Panel odprtje Layer Styles pogovorno okno, bomo se navpično gradiant učinek za vašo Button. Nato kliknite na barvo gradienta o pravici Gradient možnost za odprtje Color Gradient Editor.

iphone-like-buttons-step3-b

Dvokliknite na levi-barva-stop in vpišite barvo vrednost # 0E0E0E, dvojni klik na levi center-barva-stop in vpišite barvo vrednost # 1C1C1C, dvokliknite na desni-center-barva-stop in vnesite color vrednost # 262.626, nato dvokliknite na desni-barva-stop in vnesite vrednost # 292929 barvo.

final-sleek-dark-button-step3a

Če bi videti to.

final-sleek-dark-button-step3b

Outer Glow

Nato se zunanji sloj Glow stil. Spreminjanje mešanica Overlay načinu, kot spreminjanje vrednot Size. Sem se odločil, da nastavite na velikost 3px

I odloči za Motnost na 30%.

Spreminjanje Technique na Natančni.

final-sleek-dark-button-step3c

Če bi videti to.

final-sleek-dark-button-step3d

Korak # 4

Izberite Horizontal Type Tool in vrsto besedila na sprednji strani.

final-sleek-dark-button-step4

Korak # 5

gumb plast na območju (Ctrl + S klikom na gumb thumbnail Layer v Layers Panel).

final-sleek-dark-button-step5

Than ustvariti novo ime plast plast Blue gradient.

Styling Blue gradient dvojni klik na sličico naklonu Blue Layer na plošči Plasti odprtje Layer Styles pogovorno okno, se bomo gradiant horizontalni učinek za vašo Button. Nato kliknite na barvo gradienta o pravici Gradient možnost za odprtje Color Gradient Editor.

Naj Angle na 180o

final-sleek-dark-button-step5ab

Dvokliknite na levi-barva-stop in vpišite barvo vrednost # 047CA3, dvokliknite na center-barva-stop in vnesite vrednost # 25C4F4 barvo, nato dvokliknite na desni-barva-stop in vpišite barvo vrednost # 047CA3.

final-sleek-dark-button-step5b

Če bi videti to.

final-sleek-dark-button-step5a

Sedaj preklicati svojo izbiro (Ctrl + D). Sedaj premaknite poudari spodnji gumb tako nudge plast navzdol dveh točk, ki jih prisluškovanje tipko navzdol (po vaši tipkovnici).

Rezultat

final-sleek-dark-button

Prenos izvorne datoteke

Če želite preveriti svoje delo, lahko prenesete datoteke PSD za to tutorski.

eleganten gumb (226 KB)

Pila pod: Photoshop, Tutorials by admin

Spodbujanje nas

Tags: Photoshop, Tutorials

Povezani članki:

Če ste uživali branju tega članka, preverite iz drugih sorodnih člankov spodaj:

    • Kako Ustvarite I-Phone kot gumba v Photoshopu
    • Kako Ustvarjanje tipografskim Tipografija v Photoshopu
    • Kako Ustvari Smooth Glossy Text Effect v Photoshopu
    • Ustvarjanje Beautiful Icon Box v Photoshopu
    • Retro Up 2 Slika v zapisnik: Photoshop
Untitled Document

Pošlji komentar

XHTML: Lahko uporabite te oznake: <a href="" <abbr title=""> <acronym <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled pokaži več
«Free Social Bookmarking Ikone
Untitled Document

    Naroči

  • Naročite se na naše krme
  • Naročite preko e-pošte
  • Sledite nam na Cvrkutati
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor

    • Iskati

      Untitled Document
  • Koledar

    Oktober 2009
    M T W T F S S
    «September
    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
    • Strani

      • Domov
      • O
      • Členi
      • Pišite nam
    • Kategorije

    • Css (18)
    • Design / Inspiration (45)
    • Freebies (26)
    • Graphic Design (10)
    • Photoshop (15)
    • Resources (24)
    • Seo (1)
    • Orodja (7)
    • Tutorials (28)
    • Tipografija (4)
    • Web development (5)
    • Wordpress (6)
    • Arhiv

    • Oktober 2009
    • September 2009
    • Avgust 2009
    • Julij 2009
    • Junij 2009
    • Maj 2009
    • Recent Posts

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

    • Kako ustvariti dobro videti obliki brez tabele
    • 30 Spletne strani z največjo Orange
    • Kako Ustvarjanje Nice Scalable CSS Based Krušne drobtine
    • 5 korakov do boljše Write Css
    • Ustvarjanje Beautiful Icon Box v Photoshopu
    • Kako Ustvarjanje tipografskim Tipografija v Photoshopu
    • 6 Awesome Online Photo Editing Tools
    • Tag cloud

    Css Design Pisave Freebies Graphic Design Graphics Design Ikone Inspiration Inspitation Photoshop Resources Orodja Tutorials Tipografija Web development WordPress

    • Prijatelji

      • Abduzeedo
      • Nagnut ladja Apart
      • Bittbox
      • CrazyLeaf Design
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Pomoč za razvijalce
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Delež Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Mi funkcija
      • Web Designer Depot
      • Web Designer Ledger
      • Web oblikovalec Wall
      • You 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
  • SPONZORJI

    Check out UPrinting na YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Nazaj na vrh

General

To morda za nekatere interesne
  • O firmi
  • Pričevanja
  • Contact Details
  • Blog
  • Socialna - Twitter, Flickr

Works

Primeri preteklih projektov
  • O firmi
  • Pričevanja
  • Contact Details
  • Blog
  • Socialna - Twitter, Flickr

Storitve

To je tisto, kjer je prodaja še danes
  • O firmi
  • Pričevanja
  • Contact Details
  • Blog
  • Socialna - Twitter, Flickr

Contact Details

Želite najeti nas? začnite tukaj ...
  • Free Project Assesments
  • E-pošta - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Vse pravice pridržane, Ace Infoway Indija Najem Ace Infoway Indiji za vaš naslednji zasnove projekta. Oglejte si našo portfelja.