»Come creare Folder Icon in Photoshop
  • Casa
  • Circa
  • Articoli
  • Advertise
  • Contattaci

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

  • Articolo scritto
  • il 14.12.2009
  • at 05:17
  • by admin

Come creare Folder Icon in Photoshop

In questo tutorial andremo a creare l'icona cartella semplice. Questo è molto semplice e molto efficace tutorial, in modo tutto ciò che serve è Adobe Photoshop per creare questo effetto. Spero che potrete godere di questo tutorial.



folder-icon-heading

Risultato finale

Questo è ciò che siamo diventati fare oggi

folder-icon-step111

Step # 1

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

folder-icon-step1a

Step # 2

Selezionate lo strumento Pen assicurarsi che hai queste opzioni selezionate.

folder-icon-step1b

Ora, usando lo strumento penna disegnare qualcosa di simile

folder-icon-step1

Ora ci si applicano gli stili di livello somesome

Effetto gradiente

Styling the Button doppio clic sulla miniatura della forma nella finestra Livelli per aprire la finestra di dialogo Stili di livello, potremo applicare un effetto di gradiente verticale per la forma. Quindi fare clic sulla sfumatura di colore sul lato destro della facoltà di sfumatura di aprire il colore gradiente.

Create Folder Icon in Photoshop

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

folder-icon-step2a

Inner Glow

Avanti applicare lo stile Bagliore interno layer. Cambiando i valori di opacità, Choke e taglia. Scelgo di impostare l'opacità al 75%, Choke al 100% e taglia a 1px.

Cambia il colore del bagliore interno dal default # FFFFFF

folder-icon-step2b

Colpo

Infine, si applicherà la Corsa. In primo luogo modificando i valori delle dimensioni. Scelgo di impostare le dimensioni di 1px. Cambiando la posizione di Fuori

Cambia il colore del tratto dal default # E6C15E6

folder-icon-step2c

Essa dovrebbe essere simile a questo ora

folder-icon-step2

Step # 3

Duplicate ora il livello con la forma. NowGo a Modifica -> Trasforma -> Prospettiva spostare uno in alto a destra fuori fino ad ottenere una forma come di seguito

folder-icon-step3

Vai a Modifica -> Trasforma -> Scala e la scala verso il basso un po 'in modo che appaia come aperto.

folder-icon-step4

Step # 4

Adesso andiamo ad aggiungere un pezzo di carta. Creare un nuovo livello e disegnare un rettangolo, come qui di seguito

folder-icon-step5

Ora ci si applicano gli stili di livello somesome

Effetto gradiente

Styling della Forma doppio clic sulla miniatura della forma nella finestra Livelli per aprire la finestra di dialogo Stili di livello, potremo applicare un effetto di gradiente verticale per la forma. Quindi fare clic sulla sfumatura di colore sul lato destro della facoltà di sfumatura di aprire il colore gradiente.

Create Folder Icon in Photoshop

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

folder-icon-step5a

Colpo

Poi si applicherà la Corsa. In primo luogo modificando i valori delle dimensioni. Scelgo di impostare le dimensioni di 1px. Cambiando la posizione di Fuori

Cambia il colore del tratto dal default # DDDDDD

folder-icon-step5b

Ora vai a Modifica -> Trasforma -> Scala e ruotare la carta.

Essa dovrebbe essere simile a questo.

folder-icon-step6

Ora mettete il pezzo di carta sotto la cartella, e impostare l'opacità al 65%.

Ora la "curva" nell'angolo in alto della carta. Eliminare una piccola parte in alto.

Dovrebbe essere simile a questo.

folder-icon-step9

Ora selezionate lo strumento Penna e disegnare la forma (quello in nero)

folder-icon-step10

Ora ci applicare alcuni stili di livello per la forma.

Styling della Forma doppio clic sulla miniatura della forma nella finestra Livelli per aprire la finestra di dialogo Stili di livello, potremo applicare un effetto di gradiente verticale per la forma. Quindi fare clic sulla sfumatura di colore sul lato destro della facoltà di sfumatura di aprire il colore gradiente.

Create Folder Icon in Photoshop

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

folder-icon-step5a

Colpo

Poi si applicherà la Corsa. In primo luogo modificando i valori delle dimensioni. Scelgo di impostare le dimensioni di 1px. Cambiando la posizione di Fuori

Cambia il colore del tratto dal default # DDDDDD

Risultato finale

Questo è ciò che siamo diventati fare oggi

folder-icon-step111

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

[Download file: 30KB]

Se si desidera ricevere Tutorials più 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!
Ace Hosting India

Tags: Photoshop, Tutorials

Articoli correlati:

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

    • Come creare Nizza Inserto Text Button in Photoshop
    • Come creare un semplice pulsante verde in Photoshop
    • Come creare I-Phone Come Button in Photoshop
    • Come creare tipografica Tipografia in Photoshop
    • Come creare Web Button in Photoshop + Download Free file PSD
Untitled Document

6 Commenti

  1. Shamima Sultana dice il: 14 Dicembre, 2009 at 7:12 am Said:

    Compito Nizza ... grazie

  2. Semmy @ design minisito dice il: 14 Dicembre 2009 at 4:00 Said:

    Tutorial veramente bello! thanks man

    Semmy
    Minisito Design

  3. Neeraj dice il: 15 Dicembre, 2009 at 5:20 am Said:

    pal nice work ... Keep it up.

  4. Rodman ha detto il: 16 Dicembre, 2009 at 8:50 pm Said:

    wow si tratta di un utile tutorial, grazie per la condivisione sul tuo blog! So buoni tutorial non sono facili da trovare in questi giorni, ma in seguito questo è stato così facile e sarà utile per il mio sito web

  5. Shamima Sultana dice il: 2 Gennaio 2010 at 4:52 am Said:

    Bel tutorial ...

  6. tanjila jesmeen dice il: 17 Gennaio 2010 at 9:01 Said:

    buona job.keep it up.

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
«Developer's Paradise Siti della Settimana per il 12 dicembre 2009
36 Exmaples Of semplice, efficace, in scala di grigi loghi per la vostra ispirazione »
Untitled Document

    Iscriviti

  • Iscriviti al nostro feed
  • Iscriviti via e-mail
  • Seguiteci su Twitter
  • WooThemes - Se c'è un Woo, c'è un modo!
  • DreamTemplate - Web Templates

    • Ricerca

      Untitled Document
  • Calendario

    Dicembre 2009
    M T W T F S S
    «Nov Jan »
    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
    • Pagine

      • Casa
      • Circa
      • Articoli
      • Advertise
      • Contattaci
    • Categorie

    • Css (24)
    • Design / Ispirazione (63)
    • Freebies (52)
    • Graphic Design (12)
    • Photoshop (29)
    • Risorse (45)
    • Seo (1)
    • Tools (11)
    • Tutorial (41)
    • Tipografia (6)
    • Lo sviluppo Web (6)
    • Wordpress (6)
    • Archivi

    • Gennaio 2010
    • Dicembre 2009
    • 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

    • 5 passaggi a scrivere meglio i CSS parte II
    • 21 Big, Bold Tipografia Website Design
    • Come creare bella forma, senza tavolo
    • Come creare Nizza Scalable CSS Based Pangrattato
    • 20 bellissimo esempio di infografica For Your Inspiration
    • 33 "Ciao" Pagine di esempio per la tua ispirazione
    • 30 siti web con la massima Orange
    • 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
    • Community News

        • 55 + Stunning Mac Motivated gratis

          Oggi ci troviamo con lo stordimento MAC motivati Hi-res sfondi perché noi dipendenti di Apple e anche l'amore di utilizzare sfondi, come anche noi condividere con i nostri visitatori rispettati e che i lettori sono davvero b ...

          26 gennaio 2010
        • Crea Lady Uccelli Insetti Tutorial Utilizzando Adobe Illu ...

          Lady uccelli, c'è qualche altro insetto che simboleggiano la prosperità e la freschezza della natura più? È possibile trovare questi cute è quasi ovunque e non verranno mai provocare altro che applausi. ...

          25 gennaio 2010
        • 45 Free Most Wanted Giochi iPhone

          Io sono la condivisione uno dei miei hobby più antica, che è gioco, ma oggi in questo mondo moderno ci colpisce con alcune sorprendenti e più ricercati giochi iPhone gratis, iPhone è come smart phone multimediale on-line ...

          23 gennaio 2010
        • 27 cose divertenti che si desidera, sono stati Photoshopped

          In questo articolo, vedremo come "manipolazioni fotografia", che sicuramente sta andando a colpire che l'osso divertente del tuo.

          18 gennaio 2010
        • Google sta per ottenere un Makeover

          "Chiunque desideri successo costante deve cambiare continuamente", ed è sempre più evidente che Google aderisce a questa scuola di pensiero. Online Marketing Blog è segnalato un ...

          11 dicembre 2009
        • Come creare un semplice pulsante verde in Photoshop

          il suo è molto semplice e molto efficace tutorial. Spero che potrete godere di questo tutorial.

          9 dicembre 2009
        • 11 Free Fonts Grunge per i progettisti

          In questo post troverete 11 Free Fonts Grunge per i progettisti. Questi gratis caratteri sono perfetti per i vostri disegni sconvolgenti. Spero che ti piace questo.

          9 dicembre 2009
    • Aggiungi News

      Puoi inviare i tuoi link qui sotto utilizzando il modulo e che di solito sarà approvato entro poche ore.






      Loading ...

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