• Početna stranica
  • O
  • Članci
  • Kontaktirajte nas

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

  • Članak je napisao
  • on 14.10.2009
  • u 10:31
  • by admin

Kako to Stvoriti Nice Sleek Tamni Dugme u Photoshopu

Hey guys još jednu Photoshop Tutorial. In this tutorial ću vam saznali kako stvoriti Nice Sleek Tamni Dugme u Photoshopu. Ovo je vrlo jednostavan i vrlo učinkovit udžbenik. Nadam se da ćete uživati ovaj udžbenik.

Final Preview

To je ono što mi otišao do danas

final-sleek-dark-button

Korak # 1

Otvorite Photoshop i napravite novi dokument, moje je 550px × 398px s bijelom pozadinom.

final-sleek-dark-button-step1

Korak # 2

Ispunite boja u pozadini sloju, moja boja je # 131.313.

final-sleek-dark-button-step2

Korak # 3

Odaberite Zaobljeni pravokutnik Alat i stvoriti gumb, moje je radijus 5px, width: 219px a visina: 40px.

final-sleek-dark-button-step3

Sada primijeniti neki efekt

Gradient Overlay

Styling Button duplo-kliknite na gumb Layer's sličice u Layers panel za otvaranje dijaloškog okvira Stilovi Layer, mi ćemo primijeniti vertikalne gradiant efekt za vaše gumba. Zatim kliknite na boju gradijenta na pravo Gradient mogućnost otvoriti Boja Gradient Editor.

iphone-like-buttons-step3-b

Dvaput kliknite na slijeva-boja-stop i unesite vrijednost # 0E0E0E boja, dupli-kuckati na lijevo-centar-boja-stop i unesite vrijednost # 1C1C1C boja, dupli-kuckati na temelju pravo-centar-boja-stop i unesite color # vrijednosti 262.626, zatim dvaput kliknite na pravo-boja-stop i unesite vrijednost # 292.929 boja.

final-sleek-dark-button-step3a

Bi trebao izgledati ovako.

final-sleek-dark-button-step3b

Outer Glow

Sljedeća primjenjuju sloja vanjski sjaj stilu. Promjena mješavina način to Overlay, nego mijenjanje vrijednosti veličina. Biram postaviti Veličina at 3px

Ja izabrati za postavljanje neprozirnosti na 30%.

Promjena Tehnika u Precise.

final-sleek-dark-button-step3c

Bi trebao izgledati ovako.

final-sleek-dark-button-step3d

Korak # 4

Odaberite Horizontal Type Tool i upišite tekst na pročelju.

final-sleek-dark-button-step4

Korak # 5

gumb sloj području (Ctrl + klik na gumb Layer's sličice u Slojevi ploča).

final-sleek-dark-button-step5

Nego stvoriti novi naziv sloj sloj Blue gradijenta.

Styling Plava gradijent dupli-kuckati na Blue gradijent Layer's sličice u Layers panel za otvaranje dijaloškog okvira Stilovi Layer, mi ćemo primijeniti horizontalno gradiant efekt za vaše gumba. Zatim kliknite na boju gradijenta na pravo Gradient mogućnost otvoriti Boja Gradient Editor.

Imajte na 180o Angle

final-sleek-dark-button-step5ab

Dvaput kliknite na slijeva-boja-stop i unesite vrijednost # 047CA3 boja, dupli-kuckati na centar-boja-stop i unesite vrijednost # 25C4F4 boju, a zatim dvokliknite na pravo-boja-stop i unesite vrijednost boju # 047CA3.

final-sleek-dark-button-step5b

Bi trebao izgledati ovako.

final-sleek-dark-button-step5a

Sada poništite odabir (Ctrl + D). Zatim premjestite označite ispod porinuti gumb pa sloj dolje dvije piksela dodirom dolje ključ (po tipkovnici).

Rezultat

final-sleek-dark-button

Download source file

Ako želite provjeriti svoj posao, vi svibanj skinuti PSD file za ovaj udžbenik.

gladak-tipka (226 KB)

Varalica pod: Photoshop, Tutoriali by admin

Promote Us

  • Dodaj u Mixx!

Tags: Photoshop, Tutoriali

Vezani članci:

Ako ste uživali čitajući ovaj članak, molimo vas da provjerite drugih srodnih članaka u nastavku:

    • Kako to Stvoriti I-Phone Poput Dugme u Photoshopu
    • Kako to Stvoriti tiskani tipografija u Photoshop
    • Kako to Stvoriti Nice Jednostavan 3D tekstni efekt u Photoshop
    • Kako to Stvoriti glatki sjajni tekstni efekt u Photoshop
    • Create Beautiful Box ikonu u Photoshop
Untitled Document

Submit Comment

XHTML: Možete koristiti ove oznake: <href naslov=""> <abbr <acronym <blockquote pozvati=""> <cite> <code> < del datetime = ""> <em> <i> <q Cite=""> <strike> <strong>


CommentLuv Enabled prikaži više
«Slobodan Social Bookmarking Icons
Developer's Paradise Sites "tjedan za 16 listopad 2009»
Untitled Document

    Pretplatite se

  • Pretplatite se na naš feed
  • Pretplati se putem e-pošte
  • Pratite nas na cvrkut
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor

    • Pretraživanje

      Untitled Document
  • Kalendar

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

      • Početna stranica
      • O
      • Članci
      • Kontaktirajte nas
    • Kategorije

    • Css (18)
    • Design / Inspiration (47)
    • Freebies (29)
    • Grafički dizajn (10)
    • Photoshop (16)
    • Resources (27)
    • Seo (1)
    • Alati (7)
    • Tutoriali (29)
    • Tipografija (4)
    • Web development (5)
    • Wordpress (6)
    • Archives

    • Listopad 2009
    • Rujan 2009
    • Kolovoz 2009
    • Srpanj 2009
    • Lipanj 2009
    • Svibanj 2009
    • Recent Posts

    • Css
    • Design / Inspiracija
    • Freebies
    • Grafički dizajn
    • Photoshop
    • Popularni postovi

    • Kako stvoriti lijep oblik bez tablice
    • 30 stranice s Maksimalna Orange
    • Kako to Stvoriti Nice CSS Based Scalable krušne mrvice
    • 5 Steps to Write Better Css
    • Kako to Stvoriti tiskani tipografija u Photoshop
    • Create Beautiful Box ikonu u Photoshop
    • 6 Strašan online Photo Editing Tools
    • Tag cloud

    Css dizajn Fontovi Freebies Grafički dizajn Grafički dizajn ikona Inspiracija Inspitation Photoshop Resursi Tools Tutorials Tipografija Web development Wordpress

    • Prijatelji

      • Abduzeedo
      • Nagnut brod Apart
      • Bittbox
      • CrazyLeaf Design
      • Css trikovi
      • David Walsh
      • Fudgegraphics
      • Gorivo svoju kreativnost
      • Pomoć Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Dionički Brain
      • Šest Revisions
      • Žlica Graphics
      • Toxel
      • Vandelay Design
      • Mi funkcija
      • Web dizajner Depot
      • Web dizajner Ledger
      • Web dizajner Zid
      • You Designer
    • Prevoditelj

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

    Check out UPrinting na YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Povratak na vrh

General

Ti možda nekih interesa
  • About Our Company
  • Testimonials
  • Kontakt detalji
  • Blog
  • Social - Twitter, Flickr

Works

Primjeri projekata prošlosti
  • About Our Company
  • Testimonials
  • Kontakt detalji
  • Blog
  • Social - Twitter, Flickr

Usluge

To je ono gdje se i danas prodaje
  • About Our Company
  • Testimonials
  • Kontakt detalji
  • Blog
  • Social - Twitter, Flickr

Kontakt detalji

Želite li nam se zaposliti? početak ovdje ...
  • Free projekta Procjena
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway Indija Najam Ace Infoway Indija dizajn za Vaš sljedeći projekt. Pogledajte naš portfolio.