• Casa
  • Circa
  • Articoli
  • Contattaci

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

  • Articolo scritto
  • il 10.11.2009
  • at 12:37
  • by admin

Come creare Nizza Inserto Text Button in Photoshop

Questo è un inizio lavel design tutorial. In questo articolo troverete Come creare Nizza Inserto Text Button in Photoshop. questo è molto rapido e facile tutorial.I graphic design auguriamo buon divertimento con questo tutorial.

Final Preview

Questo è ciò che siamo diventati fare oggi

inset-button-tutorial-final

Step # 1

Photoshop Aprire e creare un nuovo documento, il mio è 550px × 356px con uno sfondo bianco.

inset-button-tutorial-step1

Step # 2

Selezionare il rettangolo arrotondato Tool e creare il pulsante, il mio raggio è 6px.

inset-button-tutorial-step2

Ora ci si applica un certo effetto

Sovrapposizione sfumatura

Styling the Button doppio clic sulla miniatura del livello del pulsante nel pannello Livelli per aprire la finestra di dialogo Stili di livello, potremo applicare un effetto verticale gradiant per il pulsante. Quindi fare clic sulla sfumatura di colore sul lato destro della facoltà di sfumatura di aprire il olor C Editore sfumatura.

3d-bottom-layer

Fare doppio clic su left-color-stop e immettere il valore del colore # 848484, quindi fare doppio clic su right-color-stop e immettere il valore del colore C4C4C4 #.

inset-button-tutorial-step2a

Ombra

Avanti applicare lo stile livello Ombra. Mantenere l'angolo al 120o, che modificare i valori di opacità, distanza e delle dimensioni. Scelgo di impostare l'opacità al 47%, a distanza 2px e taglia a 4px.

inset-button-tutorial-step2d

Dovrebbe essere simile a questo.

inset-button-tutorial-step2Dropshadow

Colpo

Poi si applicherà la Corsa. In primo luogo modificando i valori delle dimensioni. Scelgo di impostare le dimensioni di 1px, posizione a Outside. Scelgo di impostare l'opacità al 100%. Cambia il colore del tratto dal default # 666666

inset-button-tutorial-step2e

Dovrebbe essere simile a questo.

inset-button-tutorial-step2Stroke

Step # 3

Selezionare Horizontal Type Tool e digitare il testo sulla parte anteriore.

inset-button-tutorial-step3

Ora ci si applica un effetto per il testo.

Sovrapposizione colore

Fare doppio clic sulla miniatura del livello di testo nel pannello Livelli per aprire la finestra di dialogo Stile livello. Prima si applica sovrapposizione dei colori, ho scelto il colore # 303030

inset-button-tutorial-step3a

Ombra interna

Avanti applicare lo stile Ombra interna di livello. Parte più importante mantenere l'angolo al 41o, che modificare i valori di opacità, distanza e delle dimensioni. Scelgo di impostare l'opacità al 75% e distanza a 1px e taglia a 1px.

inset-button-tutorial-step3Innershadow

Ombra

Infine, si applicherà l'Ombra, in primo luogo modificare l'opzione di fusione su Normale. Cambia il colore dell'ombra dal default # FFFFFF. Mantenere l'angolo a 90 °, che modificare i valori di opacità e la distanza. Scelgo di impostare l'opacità al 47% e distanza a 1px.

inset-button-tutorial-step3c

Risultato

inset-button-tutorial-final

Se si desidera controllare il lavoro, si può scaricare il file PSD per questo tutorial

Se desiderate ricevere maggiori ispirazione da noi, ti invitiamo a iscriverti al nostro feed RSS o tramite e-mail.

Archiviato in: Photoshop, Tutorials by admin

Promuovere la nostra

  • Add to Mixx!

Tags: Photoshop, Tutorials

Articoli correlati:

Se ti è piaciuto leggere questo articolo, si prega di verificare altri articoli correlati qui sotto:

    • Come creare tipografica Tipografia in Photoshop
    • Come creare Nizza Easy 3D effetto di testo in Photoshop
    • Come creare I-Phone Come Button in Photoshop
    • Come creare un Nice Sleek Dark Button in Photoshop
    • Come creare Smooth Effetto di testo lucida in Photoshop
Untitled Document

Inviare un commento

XHTML: Puoi utilizzare questi tag: href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled Show more
«10 Awesome Free Hand Drawn Icon Sets
Untitled Document

    Iscriviti

  • Iscriviti al nostro feed
  • Iscriviti via e-mail
  • Seguiteci su Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Ricerca

      Untitled Document
  • Calendario

    Novembre 2009
    M T W T F S S
    «Ott
    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
    • Pagine

      • Casa
      • Circa
      • Articoli
      • Contattaci
    • Categorie

    • Css (19)
    • Design / Ispirazione (48)
    • Freebies (32)
    • Graphic Design (10)
    • Photoshop (17)
    • Risorse (30)
    • Seo (1)
    • Tools (7)
    • Tutorial (31)
    • Tipografia (4)
    • Sviluppo Web (5)
    • Wordpress (6)
    • Archivi

    • Novembre 2009
    • Ottobre 2009
    • Settembre 2009
    • Agosto 2009
    • Luglio 2009
    • Giugno 2009
    • Maggio 2009
    • Recent Posts

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

    • Come creare bella forma, senza tavolo
    • 30 siti web con la massima Orange
    • Come creare Nizza Scalable CSS Based Pangrattato
    • 5 passaggi a scrivere meglio Css
    • Come creare tipografica Tipografia in Photoshop
    • Creare un Beautiful Box Icon in Photoshop
    • 6 Awesome Online Photo Editing Tools
    • Tag cloud

    CSS Design Fonts Freebies Graphic Design Grafica Design Icone Inspiration Inspitation Photoshop Resources Tools Tutorial Tipografia sviluppo Web Wordpress

    • Amici

      • Abduzeedo
      • Alist Apart
      • Bittbox
      • CrazyLeaf Design
      • CSS Tricks
      • David Walsh
      • Fudgegraphics
      • Carburante Your Creativity
      • Aiuto per gli sviluppatori
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDTUTS
      • Condividi Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Noi funzione
      • Web designer Depot
      • Web designer Ledger
      • Web designer Wall
      • You The Designer
    • Traduttore

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

    Check out UPrinting su YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Torna indietro

Generale

Questi forse di un certo interesse
  • About Our Company
  • Testimonianze
  • Contact Details
  • Blog
  • Sociale - Twitter, Flickr

Opere

Esempi di progetti precedenti
  • About Our Company
  • Testimonianze
  • Contact Details
  • Blog
  • Sociale - Twitter, Flickr

Servizi

Questo è quello in cui la vendita di oggi
  • About Our Company
  • Testimonianze
  • Contact Details
  • Blog
  • Sociale - Twitter, Flickr

Contact Details

Desidera noleggiare noi? Inizia qui ...
  • Free Project Assesment
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace INFOWAY India Auto Ace INFOWAY India per il vostro prossimo progetto di design. Visualizza il nostro portfolio.