• Acasă
  • Despre
  • Articolele
  • Contactati-ne

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

  • Articolul scris
  • pe 10.11.2009
  • de la 12:37
  • de admin

Cum se creează Nisa Inset Text Button in Photoshop

Acesta este un început de design tutorial lavel. În acest articol veţi găsi Cum se creează Nisa Inset Text Button in Photoshop. Acest lucru este foarte rapid şi uşor tutorial.I de design grafic speranţă vă veţi bucura de acest tutorial.

Final Preview

Aceasta este ceea ce am plecat face azi

inset-button-tutorial-final

Pasul # 1

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

inset-button-tutorial-step1

Pasul # 2

Selectaţi rotunjite dreptunghi de Instrumentul şi de a crea buton, raza mea este 6px.

inset-button-tutorial-step2

Acum, vom aplica 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 click pe gradientul de culoare privind dreptul de opţiune Gradient de a deschide olor C Gradient Editor.

3d-bottom-layer

Faceţi dublu-clic pe partea stanga-culoare-stop şi introduceţi valoarea de culoare # 848484, apoi dublu-clic pe dreapta-culoare-stop şi introduceţi valoarea de culoare # C4C4C4.

inset-button-tutorial-step2a

Drop Shadow

Următoare se aplică Drop Shadow stil strat. Păstraţi unghiul la 120o, decât modificarea valorilor de opacitate, la distanţă şi Dimensiune. Eu aleg pentru a seta opacitatea la 47%, distanţa de la 2px şi de mărime la 4px.

inset-button-tutorial-step2d

Ar trebui să arate acest lucru.

inset-button-tutorial-step2Dropshadow

Lovitură

În continuare vom aplica Accident vascular cerebral. În primul rând schimbarea valorilor de mărimea acestora. Să aleg pentru a seta dimensiunea la 1px, Poziţia la Outside. Eu aleg pentru a seta opacitatea la 100%. Modificarea culorii Cursă de la implicit la # 666666

inset-button-tutorial-step2e

Ar trebui să arate acest lucru.

inset-button-tutorial-step2Stroke

Pasul # 3

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

inset-button-tutorial-step3

Acum, vom aplica un anumit efect pentru text.

Color Overlay

Dublu-click pe miniatura stratul de text scris în Panoul de straturi pentru a deschide caseta de dialog Layer Stiluri. În primul rând, vom aplica overlay culoare, am alege culoarea # 303030

inset-button-tutorial-step3a

Inner Shadow

Următoare se aplică stilul interior stratul de Shadow. Cea mai importantă parte păstrează unghiul la 41o, decât modificarea valorilor de opacitate, la distanţă şi Dimensiune. Eu aleg pentru a seta opacitatea la 75%, iar distanţa de la 1px şi de mărime la 1px.

inset-button-tutorial-step3Innershadow

Drop Shadow

În cele din urmă, vom aplica umbra, în primul rând schimba opţiunea Amestecul de pe Normal. A schimba culoarea de la Shadow implicit la # FFFFFF. Păstraţi unghiul la 90 °, decât schimbarea valorile opacităţii şi de la distanţă. Eu aleg pentru a seta opacitatea la 47%, iar distanţa de la 1px.

inset-button-tutorial-step3c

Result

inset-button-tutorial-final

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

Dacă doriţi să primiţi inspiraţie mai mult de la noi, vă rugăm să ia în considerare aderarea la feed noastre prin RSS sau prin e-mail.

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ă Letterpress Tipografii în Photoshop
    • Cum se creează Nisa Easy 3D Efect Text în Photoshop
    • Cum se creează i-Phone Ca buton în Photoshop
    • Cum se creează un Nisa elegant Dark Button in Photoshop
    • Cum se creează Smooth Efectul glossy, Text în Photoshop
Untitled Document

O Comments

  1. Sam Logan spune pe: 15 noiembrie 2009, la 4:09 a spus:

    Great efect, foarte utilă şi arată fantastic, multumesc pentru tutorial de ajutor.
    Sam Logan's blog ultima .. Foarte misto site-ul Flash? My ComLuv Profil

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
«10 Awesome Free Hand trase Icon Sets
25 Awesome iPhone App Site-uri »
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

    Noiembrie 2009
    O T V T ° ELE ELE
    «Oct
    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
    • Pages

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

    • CSS (20)
    • Design / Inspiraţie (50),
    • Freebies (35)
    • Graphic Design (10)
    • Photoshop (17)
    • Resurse (33)
    • SEO (1)
    • Tools (9)
    • Tutoriale (31)
    • Tipografii (4)
    • Web development (5)
    • Wordpress (6)
    • Arhivele

    • Noiembrie 2009
    • 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
    • Cum se creează Nisa scalabile CSS Bazat Breadcrumbs
    • 30 Site-uri cu maxim Orange
    • Cum se creează Letterpress Tipografii în Photoshop
    • 5 paşi pentru a scrie o mai bună Css
    • 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.