»Com crear Icona de la carpeta en Photoshop
  • Inici
  • Sobre
  • Articles
  • Publicitat
  • Contacti'ns

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

  • Article escrit
  • el 14.12.2009
  • a les 05:17
  • per admin

Com crear Icona de la carpeta en Photoshop

En aquest tutorial crearem la icona de carpeta simple. Això és molt simple i molt eficaç tutorial, així que tot el que necessita és l'Adobe Photoshop per crear aquest efecte. Espero que gaudeixin d'aquest tutorial.



folder-icon-heading

Resultat final

Això és el que hem anat fer avui

folder-icon-step111

Pas # 1

Photoshop Obrir i crear un nou document, el meu és 550px × 550px amb un fons blanc.

folder-icon-step1a

Pas # 2

Seleccioneu l'eina de la ploma assegurar-se que tens les opcions seleccionades.

folder-icon-step1b

Ara, utilitzant l'eina de la ploma dibuixar alguna cosa com això

folder-icon-step1

Ara anem a aplicar estils de capa somesome

Efecte de degradat

L'estil del botó de doble clic sobre la miniatura de la forma en el panell Capes per obrir el quadre de diàleg Estil de capa, anem a aplicar un efecte de gradient vertical de la seva forma. Després feu clic al degradat de color a la dreta de l'opció de degradat per obrir l'Editor de degradat de color.

Create Folder Icon in Photoshop

Feu doble clic al left-color-stop i entrar en el valor de color # FFD772, a continuació, feu doble clic sobre el dret-color-stop i entrar en el valor de color # FFFF99.

folder-icon-step2a

Inner Glow

Després apliques l'estil Resplandor interior de la capa. Canvi dels valors d'opacitat, Bobina de xoc i mida. Puc escollir per establir la Opacitat al 75%, Bobina de xoc al 100% i la mida al 1px.

Canviar el color de la resplendor interior del defecte # FFFFFF

folder-icon-step2b

Cop

Finalment, s'aplicarà el moviment. Primer canvi dels valors de la seva mida. Puc triar per establir la mida de 1px. Canvi de la posició a l'exterior

Canviar el color del traç de la per defecte a # E6C15E6

folder-icon-step2c

Hauria de ser alguna cosa com això ara

folder-icon-step2

Pas # 3

Ara Duplica la capa amb la forma. NowGo a Edita -> Transformar -> Moure la perspectiva d'un la part superior dreta fora fins que vostè té la forma de sota

folder-icon-step3

Aneu a Edita -> Transformar -> Escala i redueix l'escala una mica el que sembla que es va obrir.

folder-icon-step4

Pas # 4

Ara anem a afegir un tros de paper. Crear una nova capa i dibuixar un rectangle com avall

folder-icon-step5

Ara anem a aplicar estils de capa somesome

Efecte de degradat

Forma d'estil de la doble clic a la miniatura de la forma en el panell Capes per obrir el quadre de diàleg Estil de capa, anem a aplicar un efecte de gradient vertical de la seva forma. Després feu clic al degradat de color a la dreta de l'opció de degradat per obrir l'Editor de degradat de color.

Create Folder Icon in Photoshop

Feu doble clic al left-color-stop i entrar en el valor de color # EDEDED, a continuació, feu doble clic sobre el dret-color-stop i entrar en el valor de color FFFFFF #.

folder-icon-step5a

Cop

A continuació s'aplicarà el moviment. Primer canvi dels valors de la seva mida. Puc triar per establir la mida de 1px. Canvi de la posició a l'exterior

Canviar el color del traç de la per defecte a # DDDDDD

folder-icon-step5b

Ara aneu a Edita -> Transformar -> Escala i girar el paper.

Ha de tenir un aspecte com aquest.

folder-icon-step6

Ara poseu el tros de paper sota de la carpeta, i establir la Opacitat al 65%.

Ara anem a la "corba" de la part superior del paper. Eliminar una petita part de la part superior.

Hauria de tenir aquest aspecte.

folder-icon-step9

Ara seleccioneu l'eina de la ploma i dibuixeu la forma (la de negre)

folder-icon-step10

Ara anem a aplicar alguns estils de capa a la forma.

Forma d'estil de la doble clic a la miniatura de la forma en el panell Capes per obrir el quadre de diàleg Estil de capa, anem a aplicar un efecte de gradient vertical de la seva forma. Després feu clic al degradat de color a la dreta de l'opció de degradat per obrir l'Editor de degradat de color.

Create Folder Icon in Photoshop

Feu doble clic al left-color-stop i entrar en el valor de color # EDEDED, a continuació, feu doble clic sobre el dret-color-stop i entrar en el valor de color FFFFFF #.

folder-icon-step5a

Cop

A continuació s'aplicarà el moviment. Primer canvi dels valors de la seva mida. Puc triar per establir la mida de 1px. Canvi de la posició a l'exterior

Canviar el color del traç de la per defecte a # DDDDDD

Resultat final

Això és el que hem anat fer avui

folder-icon-step111

Si ho desitja, per comprovar el seu treball, podeu descarregar l'arxiu PSD per aquest tutorial

[Descarregar fitxer: 30kb]

Si vol rebre més tutorials de nosaltres, si us plau considera subscriure't al nostre feed de RSS o per correu electrònic.

Filed under: Photoshop, Tutorials per admin

Promoure Us

  • Add to Mixx!
Ace Hosting Índia

Etiquetes: Photoshop, tutorials

Articles relacionats:

Si heu gaudit llegint aquest article, si us plau, fes un cop d'ull a altres articles relacionats a continuació:

    • Com crear Niça requadre de text del botó en Photoshop
    • Com crear un simple botó verd en Photoshop
    • Com crear I-Phone Com botó en Photoshop
    • Com crear tipografia Tipografia en Photoshop
    • Com crear Nice Easy 3D Efecte de text en Photoshop
Untitled Document

4 Comentaris

  1. Shamim Sultana, diu el: 14 desembre 2009 a les 7:12 Said:

    Tasca de Niça ... gràcies

  2. Semmy @ disseny minisite diu el: 14 desembre 2009 a les 4:00 pm Said:

    Realment tutorial nice! gràcies home

    Semmy
    Minisite de Disseny

  3. Neeraj diu el: 15 desembre 2009 a les 5:20 Said:

    PAL nice work ... keep it up.

  4. Rodman diu el: 16 desembre 2009 a les 8:50 pm Said:

    wow aquesta és una guia útil, gràcies per compartir al bloc! Sigues bons tutorials no són fàcils de trobar en aquests dies, però després d'això era tan fàcil i serà útil en el meu lloc web

Enviar un comentari

XHTML: Pots utilitzar aquestes etiquetes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> l'datetime = ""> <em> <i> <strike> <strong>


CommentLuv Enabled veure mes
Paradís «desenvolupador de Llocs de la Setmana de desembre 12, 2009
36 Exmaples de simple, eficaç en escala de grisos logos per a la seva inspiració »
Untitled Document

    Subscriure's

  • Subscriu-te al nostre feed
  • Subscripció per correu electrònic
  • Siga amb nosaltres a Twitter

    • Cerca

      Untitled Document
  • Calendari

    Desembre 2009
    M T W T F S S
    «Novembre
    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
    • Pàgines

      • Inici
      • Sobre
      • Articles
      • Publicitat
      • Contacti'ns
    • Categories

    • CSS (23)
    • Disseny / inspiració (59)
    • Regals (39)
    • Disseny Gràfic (12)
    • Photoshop (21)
    • Recursos (35)
    • Seo (1)
    • Eines (9)
    • Tutorials (37)
    • Tipografia (6)
    • Desenvolupament web (6)
    • Wordpress (6)
    • Arxius

    • Desembre 2009
    • Novembre 2009
    • Octubre 2009
    • Setembre 2009
    • Agost 2009
    • Juliol 2009
    • Juny 2009
    • Maig 2009
    • Recent Posts

    • Css
    • Disseny / Inspiració
    • Regals
    • Disseny Gràfic
    • Photoshop
    • Llocs Popular

    • Com crear Niça escalable CSS Basat Breadcrumbs
    • 5 Passos a escriure millor CSS Part II
    • Com crear una bona manera sense mirar la taula
    • 30 Pàgines web amb la màxima d'Orange
    • 21 Big, Bold Tipografia Disseny de pàgines web
    • 20 impressionant exemple d'infografia per a la seva inspiració
    • 5 Passos a escriure millor Css
    • Núvol d'etiquetes

    CSS Disseny Fonts gratuïts Disseny Gràfic Disseny gràfic icones Inspiració Inspitation Photoshop Recursos Eines Tutorials Tipografia desenvolupament web Wordpress

    • Amics

      • Abduzeedo
      • A part ALIST
      • BittBox
      • CrazyLeaf Disseny
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Alimenti la seva creativitat
      • Ajuda per a desenvolupadors
      • Instant Shift
      • Line25
      • Mirificampress
      • El meu bloc de tinta
      • Noupe
      • PSDFan
      • PSDTUTS
      • Compartir Brain
      • Sis revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Funcionem
      • Web Designer Depot
      • Dissenyador Web Ledger
      • Web Designer Wall
      • You The Designer
    • Notícies de la comunitat

        • Google a punt d'aconseguir un canvi d'imatge

          "Aquell èxit constant ha de canviar constantment" i és cada vegada més evident que Google s'adhereix a aquesta escola de pensament. El blog de màrqueting en línia és informar d'un ...

          11 desembre 2009
        • Com crear un simple botó verd en Photoshop

          el seu és molt senzill i molt eficaç tutorial. Espero que gaudeixin d'aquest tutorial.

          9 desembre 2009
        • 11 Lliure Grunge Fonts per a dissenyadors

          En aquest post trobaràs 11 Lliure Grunge Fonts per a Dissenyadors. Aquestes fonts lliures són perfectes per angoixant seus dissenys. Espero que vostè gaudeixi d'aquest.

          9 desembre 2009
        • 21 Big, Bold Tipografia Disseny de pàgines web

          fer una ullada a aquests 21 Big Beautiful, Negreta Tipografia Disseny de pàgines web i deixi'ns saber els seus pensaments en el comentari.

          9 desembre 2009
    • Afegir Notícies

      Podeu enviar els seus enllaços de sota utilitzant el formulari i en general serà aprovat d'aquí a unes hores.






      Carregant ...

    • Traductor

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

    Hora de sortida UPrinting a YouTheDesigner.


    Targetes en Línia

    Web Design Blog Directory

.
Untitled Document
Tornar al principi

General

Aquestes potser d'algun interès
  • Sobre La nostra empresa
  • Testimonis
  • Dades de contacte
  • Bloc
  • Socials - Twitter, Flickr

Obres

Exemples de projectes anteriors
  • Sobre La nostra empresa
  • Testimonis
  • Dades de contacte
  • Bloc
  • Socials - Twitter, Flickr

Serveis

Això és el que la venda d'avui
  • Sobre La nostra empresa
  • Testimonis
  • Dades de contacte
  • Bloc
  • Socials - Twitter, Flickr

Dades de contacte

Volen contractar a nosaltres? Comenci aquí ...
  • Avaluació Projecte Lliure
  • Email - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Tots els drets reservats, Ace Infoway Índia Lloguer Ace Infoway l'Índia per al seu projecte de disseny que ve. Veure la nostra cartera.