»Como Crear Cartafol icona no Photoshop
  • Inicio
  • Sobre
  • Artigos
  • Anunciar
  • Contacte connosco

: 91 11 9810018780 E-mail para info@aceinfowayindia.com: / Call: 91 11 9810018780

  • Artigo escrito
  • en 14.12.2009
  • ás 05:17
  • por admin

Como crear icona de carpeta no Photoshop

Neste tutorial imos crear icona de carpeta simple. Isto é moi sinxela e moi eficaz tutorial, por iso todo o que precisa é o Adobe Photoshop para crear este efecto. Eu espero que apreciar este tutorial.



folder-icon-heading

Resultado Final

Isto é o que nós fomos facer hoxe

folder-icon-step111

Etapa # 1

Abre o Photoshop e crear un novo documento, o meu é 550px × 550px con fondo branco.

folder-icon-step1a

Etapa # 2

Seleccione a Pen Tool, asegúrese teño as opcións seleccionadas.

folder-icon-step1b

Agora usando a ferramenta Pen deseñar algo así

folder-icon-step1

Agora imos aplicar estilos capa somesome

Efecto Gradiente

Styling the Button dea un dobre clic na miniatura forma no taboleiro capas para abrir a caixa de diálogo Estilos de Capa, imos aplicar un efecto de gradiente vertical da súa forma. En continuación, prema no gradiente de cores á dereita da opción Gradient para abrir o Color Gradient Editor.

Create Folder Icon in Photoshop

Dun dobre clic no left-color-stop e escriba o valor de cor # FFD772, a continuación, dar un dobre clic sobre o botón dereito do cor-stop e escriba o valor de cor # FFFF99.

folder-icon-step2a

Inner Glow

A continuación aplicarase a capa estilo Inner Glow. Cambiando os valores de opacidade, Chok e tamaño. Eu escollín para configurar a opacidade nun 75%, Chok a 100% e arquivo en 1px.

Mudar a cor Inner Glow do estándar para # FFFFFF

folder-icon-step2b

Golpe

Finalmente imos aplicar o Stroke. Primeira cambiando os valores de arquivo. Eu escollín para establecer o tamaño de 1px. Alterando a posición no exterior

Mudar a cor do curso a partir do padrón a # E6C15E6

folder-icon-step2c

Debe ser algo como isto agora

folder-icon-step2

Etapa # 3

Agora duplique a capa coa forma. NowGo a Editar -> Transform -> Perspective unha xogada na esquina superior dereita fóra ata que teña unha forma como a continuación

folder-icon-step3

Vaia a Editar -> Transform -> Scale e escala-lo un pouco para abaixo así que mira como aberto.

folder-icon-step4

Etapa # 4

Agora imos engadir un anaco de papel. Crear unha nova capa e deseñar un rectángulo como a continuación

folder-icon-step5

Agora imos aplicar estilos capa somesome

Efecto Gradiente

Denominándose de Forma, prema dúas veces sobre a miniatura forma no taboleiro capas para abrir a caixa de diálogo Estilos de Capa, imos aplicar un efecto de gradiente vertical da súa forma. En continuación, prema no gradiente de cores á dereita da opción Gradient para abrir o Color Gradient Editor.

Create Folder Icon in Photoshop

Dun dobre clic no left-color-stop e escriba o valor de cor # EDEDED, a continuación, dar un dobre clic sobre o botón dereito do cor-stop e introduza o valor da cor # FFFFFF.

folder-icon-step5a

Golpe

A continuación imos aplicar o Stroke. Primeira cambiando os valores de arquivo. Eu escollín para establecer o tamaño de 1px. Alterando a posición no exterior

Mudar a cor do curso a partir do padrón de # DDDDDD

folder-icon-step5b

Agora vai a Editar -> Transform -> Scale e xirar o papel.

Debe ollar coma este.

folder-icon-step6

Agora coloque o anaco de papel baixo a carpeta, e define a opacidade en 65%.

Agora imos "curva" na esquina superior do papel. Eliminar unha pequena parte do ángulo superior.

Debe ser semellante a este.

folder-icon-step9

Agora seleccione a ferramenta Pen e deseñar a forma (o negro)

folder-icon-step10

Agora imos aplicar algúns estilos de capa de forma.

Denominándose de Forma, prema dúas veces sobre a miniatura forma no taboleiro capas para abrir a caixa de diálogo Estilos de Capa, imos aplicar un efecto de gradiente vertical da súa forma. En continuación, prema no gradiente de cores á dereita da opción Gradient para abrir o Color Gradient Editor.

Create Folder Icon in Photoshop

Dun dobre clic no left-color-stop e escriba o valor de cor # EDEDED, a continuación, dar un dobre clic sobre o botón dereito do cor-stop e introduza o valor da cor # FFFFFF.

folder-icon-step5a

Golpe

A continuación imos aplicar o Stroke. Primeira cambiando os valores de arquivo. Eu escollín para establecer o tamaño de 1px. Alterando a posición no exterior

Mudar a cor do curso a partir do padrón de # DDDDDD

Resultado Final

Isto é o que nós fomos facer hoxe

folder-icon-step111

Se desexa verificar o seu traballo, pode baixar o arquivo PSD para este tutorial

[Descarga do ficheiro: 30Kb]

Se desexa recibir máis tutoriais de nós, por favor, consideren asinar a nosa feed de RSS ou por e-mail.

Arquivo en: Photoshop, Tutorials por admin

Promover connosco

  • Add to Mixx!
Ace Hosting India

Tags: Photoshop, Tutoriais

Artigos relacionados:

Se lle gusta de ler este artigo, confía outros artigos relacionados a continuación:

    • Como crear Niza Insecto Text Button no Photoshop
    • Como crear un simple botón verde no Photoshop
    • Como crear I-Phone como botón no Photoshop
    • Como crear Tipografía Tipografía no Photoshop
    • Como Crear Web Button No Photoshop + Download gratis PSD File
Untitled Document

6 comentarios

  1. Shamima Sultan dixo en: 14 de decembro de 2009 at 7:12 am Said:

    Niza tarefa ... obrigado

  2. Semmy deseño @ MiniSite di en: Decembro 14, 2009 at 4:00 pm Said:

    Tutorial realmente bo! thanks man

    Semmy
    MiniSite Design

  3. neeraj dixo en: 15 de decembro de 2009 at 5:20 Said:

    pal nice work ... keep it up.

  4. Rodman dixo en: 16 de decembro de 2009 at 8:50 pm Said:

    wow isto é útil como un tutorial, grazas por compartir o teu blog! Coñezo bons tutoriais non son fáciles de pasar por estes días, pero despois iso foi tan fácil e que vai ser útil no meu sitio web

  5. Shamima Sultan dixo en: 2 de xaneiro de 2010 at 4:52 am Said:

    Niza tutorial ...

  6. tanjila jesmeen di en: Xaneiro 17, 2010 at 9:01 am Said:

    bo job.keep-lo.

Enviar un comentario

XHTML: Podes usar estas etiquetas: href = "" citar = ""> <b> <blockquote citar=""> <code> < del datetime = "">> <i> <q do <strike> <strong>


CommentLuv Enabled Mostrar máis
Paradise «Developer Sites da Semana de 12 de decembro de 2009
36 Exmaples de simple, eficaz Grayscale Logos para a súa inspiración »
Untitled Document

    Rexístrate

  • Asine o noso feed
  • Asinado por e-mail
  • Siga connosco en Twitter
  • WooThemes - Onde hai un Woo, hai un camiño!
  • DreamTemplate - Web Templates

    • Procura

      Untitled Document
  • Calendario

    Decembro 2009
    M T W T F S S
    «Nov Xan »
    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áxinas

      • Inicio
      • Sobre
      • Artigos
      • Anunciar
      • Contacte connosco
    • Categorías

    • Css (23)
    • Deseño / Inspiración (62)
    • Freebies (48)
    • Deseño Gráfico (12)
    • Photoshop (28)
    • Recursos (41)
    • Seo (1)
    • Personal (10)
    • Tutoriales (40)
    • Imprenta (6)
    • Desenrolo Web (6)
    • Wordpress (6)
    • Archives

    • Xaneiro 2010
    • Decembro 2009
    • Novembro 2009
    • Outubro 2009
    • Setembro 2009
    • Agosto 2009
    • Xullo 2009
    • Xuño 2009
    • Maio 2009
    • Recent posts

    • CSS
    • Deseño / Inspiration
    • Freebies
    • Deseño Gráfico
    • Photoshop
    • Popular posts

    • 5 pasos para Escribir Mellor Parte II CSS
    • Como crear Niza Scalable CSS Based breadcrumbs
    • Big 21, Negrita Tipografía Web Design
    • Como crear así coma formulario sen táboa
    • 30 sitios con máxima Orange
    • 20 exemplo impresionante de Infografía para a súa inspiración
    • 33 "Ola" Páxinas de exemplo para a súa inspiración
    • Tag cloud

    CSS Deseño Fontes Freebies Deseño Gráfico Deseño Gráfico Iconas Inspiración inspiración Photoshop Resources Tools Tutoriais Tipografía desenvolvemento web WordPress

    • Amigos

      • Abduzeedo
      • Nationalsozialismus Pisos
      • Bittbox
      • CrazyLeaf Design
      • CSS Tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Developer Help
      • Instantánea Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDTuts
      • Compartir Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Nós funcionan
      • Web Design Depot
      • Web Design Ledger
      • Web Design Wall
      • You The Design
    • Comunidade News

        • Google piques de recibir unha reforma

          "Quen quere éxito constante debe cambiar constantemente" e se está facendo cada vez máis evidente que Google está vinculada a esta escola de pensamento. The Online Marketing Blog está relatando un ...

          11 de decembro de 2009
        • Como crear un simple botón verde no Photoshop

          del é moi sinxela e moi eficaz tutorial. Eu espero que apreciar este tutorial.

          9 de decembro de 2009
        • 11 de grunge Fontes para deseñadores

          Neste post vai atopar 11 de grunge Fontes para deseñadores. Esas fontes libres son perfecto para aflixiu seus proxectos. Agardamos que che aproveite este.

          9 de decembro de 2009
        • Big 21, Negrita Tipografía Web Design

          ter un ollar para eses 21 beautiful Big, Tipografía Bold Web Design e déixenos saber a súa opinión no comentario.

          9 de decembro de 2009
    • Engadir Novas

      Vostede pode enviar seus enlaces usando o seguinte formulario e eles adoitan ser aprobado nunhas poucas horas.






      Cargando ...

    • Translator

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

    Saída UPrinting en YouTheDesigner.


    Tarxetas de Visita Online

    Web Design Blog Directory

.
Untitled Document
Volver arriba

Xeral

Estes quizais dalgún interese
  • Sobre Nosa Empresa
  • Testemuños
  • Detalles de Contacto
  • Blog
  • Social - Twitter, Flickr

Obras

Exemplos de proxectos pasados
  • Sobre Nosa Empresa
  • Testemuños
  • Detalles de Contacto
  • Blog
  • Social - Twitter, Flickr

Servizos

Isto é o que se vende hoxe
  • Sobre Nosa Empresa
  • Testemuños
  • Detalles de Contacto
  • Blog
  • Social - Twitter, Flickr

Detalles de Contacto

Tanto nos contratar? comezar aquí ...
  • Free Project Assesment
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Todos los derechos reservados, Ace Infoway India coches Ace Infoway India para o seu proxecto de deseño que vén. Ver carteira noso.