• Acasă
  • Despre
  • Articolele
  • Contactati-ne

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

  • Articolul scris
  • pe 14.10.2009
  • de la 10:31
  • de admin

Cum se creează un Nisa elegant Dark Button in Photoshop

Hey guys una mai mult Photoshop. In acest tutorial voi învăţa cum să creaţi un Nisa elegant Dark buton in Photoshop. Acest lucru este foarte simplu şi destul de eficiente tutorial. Sper că vă veţi bucura de acest tutorial.

Final Preview

Aceasta este ceea ce am plecat face azi

final-sleek-dark-button

Pasul # 1

Photoshop Deschideţi şi a crea un nou document, a mea este de 550px × 398px cu un fundal alb.

final-sleek-dark-button-step1

Pasul # 2

Completaţi în stratul de culoare de fundal, culoarea mea este # 131313.

final-sleek-dark-button-step2

Pasul # 3

Selectaţi rotunjite dreptunghi de Instrumentul şi de a crea buton, raza mea este 5px, width: 219px si height: 40px.

final-sleek-dark-button-step3

Acum, se aplică un anumit efect

Gradient Overlay

Styling buton dublu-clic pe miniatura Layer butonului din Panoul de straturi pentru a deschide caseta de dialog Layer Stiluri, vom aplica un efect vertical gradiant pentru butonul. Apoi faceţi clic pe gradientul de culoare privind dreptul de opţiune Gradient de a deschide Color Gradient Editor.

iphone-like-buttons-step3-b

Faceţi dublu-clic pe stanga-culoare-stop şi introduceţi valoarea de culoare # 0E0E0E, dublu-clic pe stanga-centru-culoare-stop şi introduceţi valoarea de culoare # 1C1C1C, dublu-clic pe dreapta-centru-culoare-stop şi introduceţi valoarea de culoare # 262626, apoi dublu-clic pe dreapta-culoare-stop şi introduceţi valoarea de culoare # 292929.

final-sleek-dark-button-step3a

Ar trebui să arate acest lucru.

final-sleek-dark-button-step3b

Outer Glow

Următoare se aplică exterior Glow stil strat. Modificarea modului de amestec de a Overlay, decât schimbarea valorilor de mărimea acestora. Să aleg pentru a seta dimensiunea la 3px

Eu aleg pentru a seta opacitatea la 30%.

Schimbarea de la Technique precis.

final-sleek-dark-button-step3c

Ar trebui să arate acest lucru.

final-sleek-dark-button-step3d

Pasul # 4

Selectaţi orizontale Tip Tool şi text de tip pe fata.

final-sleek-dark-button-step4

Pasul # 5

stratul de butonul de zona (Ctrl + Click pe miniatura Layer butonului în Panoul de straturi).

final-sleek-dark-button-step5

Decât să creeze un nume nou strat stratul de gradientul Blue.

Styling gradientul Blue dublu-clic pe miniatura Blue gradientul Layer scris în Panoul de straturi pentru a deschide caseta de dialog Layer Stiluri, vom aplica un efect orizontal gradiant pentru butonul. Apoi faceţi clic pe gradientul de culoare privind dreptul de opţiune Gradient de a deschide Color Gradient Editor.

Păstraţi unghiul la 180o

final-sleek-dark-button-step5ab

Faceţi dublu-clic pe partea stanga-culoare-stop şi introduceţi valoarea de culoare # 047CA3, dublu-clic pe centru-culoare-stop şi introduceţi valoarea de culoare 25C4F4 #, apoi dublu-clic pe dreapta-culoare-stop şi introduceţi valoarea de culoare # 047CA3.

final-sleek-dark-button-step5b

Ar trebui să arate acest lucru.

final-sleek-dark-button-step5a

Acum, deselecta selecţia dvs. (Ctrl + D). Acum, mutaţi evidenţia pe butonul de mai jos, astfel ghiont stratul de jos doi pixeli prin atingerea jos cheie (de tastatură).

Result

final-sleek-dark-button

Descărcaţi fişierul sursă

Dacă doriţi să verifice activitatea dumneavoastră, puteţi descărca fişierul PSD pentru acest tutorial.

buton elegant (226 KB)

Filed under: Photoshop, Tutoriale de admin

Promoveaza-ne

  • Add to Mixx!

Tag-uri: Photoshop, Tutoriale

Articole înrudite:

în cazul în care aţi bucurat de citirea acestui articol, vă rugăm să verificaţi articole conexe, altele de mai jos:

    • Cum se creează i-Phone Ca buton în Photoshop
    • Cum se creează Letterpress Tipografii în Photoshop
    • Cum se creează Nisa Easy 3D Efect Text în Photoshop
    • Cum se creează Smooth Efectul glossy, Text în Photoshop
    • Creaţi un Beautiful Box icon in Photoshop
Untitled Document

Trimiteţi un comentariu

XHTML: Puteţi folosi aceste tag-uri: <a href="" titlu=""> <abbr titlu=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled arătaţi mai multe
«Drum liber Social marcare Pictograme
Developer's Paradise Site-uri de la Săptămâna pentru 16 octombrie 2009 »
Untitled Document

    Aboneaza-te

  • Aboneaza-te la feed nostru
  • Abonare prin e-mail
  • Urmaţi-ne pe Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Căuta

      Untitled Document
  • Calendarul

    Octombrie 2009
    O T V T ° ELE ELE
    «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

      • Acasă
      • Despre
      • Articolele
      • Contactati-ne
    • Categorie

    • CSS (19)
    • Design / Inspiraţie (47)
    • Freebies (31)
    • Graphic Design (10)
    • Photoshop (16)
    • Resurse (29)
    • SEO (1)
    • Instrument (7)
    • Tutoriale (30)
    • Tipografii (4)
    • Web development (5)
    • Wordpress (6)
    • Arhivele

    • Octombrie 2009
    • Septembrie 2009
    • August 2009
    • Iulie 2009
    • Iunie 2009
    • Mai 2009
    • Recent Posts

    • Css
    • Design / Inspiraţie
    • Freebies
    • Graphic Design
    • Photoshop
    • Posturi populare

    • Cât de a crea good looking forma fara masa
    • 30 Site-uri cu maxim Orange
    • Cum se creează Nisa scalabile CSS Bazat Breadcrumbs
    • 5 paşi pentru a scrie o mai bună Css
    • Cum se creează Letterpress Tipografii în Photoshop
    • Creaţi un Beautiful Box icon in Photoshop
    • 6 Awesome online de editare foto Tools
    • Tag cloud

    CSS Design Fonturi Freebies Design Grafic Design de grafica Icoane Inspiraţie Inspitation Photoshop Resurse Instrumente Tutoriale tipografie Web dezvoltare Wordpress

    • Prieteni

      • Abduzeedo
      • Alist Apart
      • Bittbox
      • CrazyLeaf Design
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Combustibil creativitatea
      • Ajutor pentru dezvoltatori
      • Instant Shift
      • Line25
      • Mirificampress
      • My Blog de cerneală
      • Noupe
      • PSDFan
      • PSDtuts
      • Share Brain
      • Şase Revizuiri
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Suntem Funcţia
      • Web Designer Depot
      • Web Designer Ledger
      • Web designer de perete
      • Tu Designer
    • Traducător

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

    Check out UPrinting pe YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Back to top

Generale

Aceste Poate de oarecare interes
  • Compania noastra Despre
  • Testimoniale
  • Detalii Contact
  • Blog
  • Social - Twitter, Flickr

Lucrări

Exemple de proiecte din trecut
  • Compania noastra Despre
  • Testimoniale
  • Detalii Contact
  • Blog
  • Social - Twitter, Flickr

Services

Aceasta este ceea ce în cazul în care vinde de azi
  • Compania noastra Despre
  • Testimoniale
  • Detalii Contact
  • Blog
  • Social - Twitter, Flickr

Detalii Contact

Vrei să angajeze noi? a începe aici ...
  • Drum liber Project Assesment
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway India Închiriez Ace Infoway India, pentru proiectul dumneavoastra de proiectare următoare. Portofoliul nostru de View.