• Casa
  • Circa
  • Articoli
  • Contattaci

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

  • Articolo scritto
  • il 02.09.2009
  • at 09:41
  • by admin

Creare un Beautiful Box Icon in Photoshop

Ehi ragazzi uno più Photoshop tutorial qui intorno, ora in questo momento vi mostrerò come creare un'icona casella in Photoshop.This è molto semplice ed efficace tecnica. Mi auguro che godere di questo tutorial.

Ecco l'effetto che stiamo andando per:

final

Step # 1

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

box-icon-step-0

Step # 2

Selezionare lo strumento rettangolo assicurarsi che hai queste opzioni selezionate.

box-icon-step-a

Fare un rettangolo, il nome del front layer.

box-icon-step-1

Step # 3

Ora Riempire il rettangolo con af915b #
box-icon-step-2

Step # 4

Applicare un ombra interiore per la vostra casella di rettangolo.
box-icon-step-3-a

Il rettangolo dovrebbe essere simile a questo.

box-icon-step-3

Step # 5

Strumento penna livello Fai il nuovo nome del nuovo livello è alto e selezionare, metterlo sulla parte superiore del rettangolo originale quindi selezionare la Trasformazione libera Tool Ctrl + T, ora ridurre l'altezza e vai a Modifica - Trasforma - Prospettive e spostare uno dei top corner all'interno fino ad ottenere una forma di scatola.

Step # 6

Ora Riempire lo strato superiore con # e1cea4

Il tuo look box come questo

ace-box-icon

Step # 7

Applicare un ombra interiore per la tua casella di livello superiore.
box-icon-step-5-a

box-icon-step-5

Passo: 8

Creare una linea nera sul nuovo livello e di ridurre l'opacità del 40% duplicare questa linea nera, spostare un passo indietro e di ridurre l'opacità del 20%.
box-icon-step-6

Step # 11

Creare una striscia bianca sulla parte superiore, selezionare la Trasformazione libera Tool Ctrl + T e fare clic destro selezionate prospettive quindi tirare un angolo superiore interno. Ora selezionate lo strumento Penna e creare striscia bianca e posto sotto la forma, selezionare la Trasformazione libera Tool Ctrl + T e fare clic destro selezionate prospettive quindi tirare nell'angolo in basso a seconda dentro. unire questi due strati e di ridurre l'opacità al 40%.

La scatola dovrebbe assomigliare a questo.

box-icon-step-7

Step # 12

Strumento di selezionare il testo e digitare il testo sulla parte anteriore.
final-a

Ora applicare qualche effetto

gradinat
final-gradiant1

Ombra interna
final-inner-dropshdow

Ombra
final-inner-shadow

Final Preview

final

Qual è il tuo pensiero su questa esercitazione, si prega di condividere con noi. Commento di noi

Se si desidera ricevere tutorial più da noi, ti invitiamo a iscriverti al nostro feed RSS o tramite e-mail.

Archiviato in: Photoshop, Tutorials by admin

Promuovere la nostra

Tags: Photoshop, Tutorials

Articoli correlati:

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

    • Retro Up Immagine in 2 minuti: Photoshop
    • Sketch and Effect Painting In Photoshop
    • Pop Art Comic Tutorial: Photoshop
    • Come creare Smooth Effetto di testo lucida in Photoshop
    • Come cambiare un colore auto in soli 2 minuti utilizzando Photoshop
Untitled Document

Uno Commenti

  1. Iris ha detto il: 3 Settembre, 2009 at 11:44 Said:

    really nice! grazie : D

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>


«Free Rust Textures
Developer's Paradise siti della settimana di settembre 04th 2009 »
Untitled Document

    Iscriviti

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

    • Ricerca

      Untitled Document
  • Calendario

    Settembre 2009
    M T W T F S S
    «Ago
    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 (15)
    • Design / Ispirazione (39)
    • Freebies (19)
    • Graphic Design (9)
    • Photoshop (10)
    • Risorse (17)
    • Seo (1)
    • Tools (5)
    • Tutorial (22)
    • Tipografia (3)
    • Lo sviluppo Web (4)
    • Wordpress (4)
    • Archivi

    • 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
    • 6 libera e di elevata qualità Brick Wall Textures
    • Benvenuti a ACE
    • Tutorial per creare una bella, semplice, CSS menu orizzontale
    • 25 disegni piè di pagina web, le tendenze e gli stili
    • 35 Creative Illustrative Website Headers
    • Siti Developer's paradiso della settimana per il 02 luglio 2009
    • Tag cloud

    CSS Design Fonts Freebies Graphic Design Grafica Design Icone Inspiration 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.