»Cómo Crear Icono de la carpeta en Photoshop
  • Inicio
  • Sobre
  • Artículos
  • Publicidad
  • Contáctenos

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

  • Artículo escrito
  • el 14.12.2009
  • a las 05:17 AM
  • por admin

Cómo crear Icono de la carpeta en Photoshop

En este tutorial vamos a crear el icono de carpeta simple. Esto es muy simple y muy eficaz tutorial, así que todo lo que necesita es Adobe Photoshop para crear este efecto. Espero que disfruten de este tutorial.



folder-icon-heading

Resultado final

Esto es lo que hemos ido hacer hoy

folder-icon-step111

Paso # 1

Photoshop Abrir y crear un nuevo documento, el mío es 550px × 550px con un fondo blanco.

folder-icon-step1a

Paso # 2

Seleccione la herramienta de la pluma asegurarse de que tienes las opciones seleccionadas.

folder-icon-step1b

Ahora, utilizando la herramienta de la pluma dibujar algo como esto

folder-icon-step1

Ahora vamos a aplicar estilos de capa somesome

Efecto de degradado

El estilo del botón de doble clic sobre la miniatura de la forma en el panel Capas para abrir el cuadro de diálogo Estilo de capa, vamos a aplicar un efecto de gradiente vertical de su forma. Luego haga clic en el degradado de color a la derecha de la opción de degradado para abrir el Editor de degradado de color.

Create Folder Icon in Photoshop

Haga doble clic en el left-color-stop y entrar en el valor de color # FFD772, a continuación, haga doble clic sobre el derecho-color-stop y entrar en el valor de color # FFFF99.

folder-icon-step2a

Inner Glow

Después aplicas el estilo Resplandor interior de la capa. Cambio de los valores de opacidad, Choke y tamaño. Puedo elegir para establecer la Opacidad al 75%, Choke al 100% y el tamaño al 1px.

Cambiar el color del resplandor interior del defecto # FFFFFF

folder-icon-step2b

Golpe

Finalmente, se aplicará el movimiento. Primer cambio de los valores de su tamaño. Puedo elegir para establecer el tamaño de 1px. Cambio de la posición en el exterior

Cambiar el color del trazo de la predeterminada a # E6C15E6

folder-icon-step2c

Debería ser algo como esto ahora

folder-icon-step2

Paso # 3

Ahora Duplicar la capa con la forma. NowGo a Editar -> Transformar -> Mover la perspectiva de un la esquina superior derecha fuera hasta que usted tiene la forma de abajo

folder-icon-step3

Vaya a Editar -> Transformar -> Escala y reduce la escala un poco lo que parece que se abrió.

folder-icon-step4

Paso # 4

Ahora vamos a agregar un pedazo de papel. Crear una nueva capa y dibujar un rectangule como abajo

folder-icon-step5

Ahora vamos a aplicar estilos de capa somesome

Efecto de degradado

Forma de estilo de la doble clic en la miniatura de la forma en el panel Capas para abrir el cuadro de diálogo Estilo de capa, vamos a aplicar un efecto de gradiente vertical de su forma. Luego haga clic en el degradado de color a la derecha de la opción de degradado para abrir el Editor de degradado de color.

Create Folder Icon in Photoshop

Haga doble clic en el left-color-stop y entrar en el valor de color # EDEDED, a continuación, haga doble clic sobre el derecho-color-stop y entrar en el valor de color FFFFFF #.

folder-icon-step5a

Golpe

A continuación se aplicará el movimiento. Primer cambio de los valores de su tamaño. Puedo elegir para establecer el tamaño de 1px. Cambio de la posición en el exterior

Cambiar el color del trazo de la predeterminada a # DDDDDD

folder-icon-step5b

Ahora vaya a Editar -> Transformar -> Escala y girar el papel.

Debe tener un aspecto como este.

folder-icon-step6

Ahora ponga el pedazo de papel debajo de la carpeta, y establecer la Opacidad al 65%.

Ahora vamos a la "curva" de la esquina superior del papel. Eliminar una pequeña parte de la esquina superior.

Debería tener este aspecto.

folder-icon-step9

Ahora seleccione la herramienta de la pluma y dibuje la forma (la de negro)

folder-icon-step10

Ahora vamos a aplicar algunos estilos de capa a la forma.

Forma de estilo de la doble clic en la miniatura de la forma en el panel Capas para abrir el cuadro de diálogo Estilo de capa, vamos a aplicar un efecto de gradiente vertical de su forma. Luego haga clic en el degradado de color a la derecha de la opción de degradado para abrir el Editor de degradado de color.

Create Folder Icon in Photoshop

Haga doble clic en el left-color-stop y entrar en el valor de color # EDEDED, a continuación, haga doble clic sobre el derecho-color-stop y entrar en el valor de color FFFFFF #.

folder-icon-step5a

Golpe

A continuación se aplicará el movimiento. Primer cambio de los valores de su tamaño. Puedo elegir para establecer el tamaño de 1px. Cambio de la posición en el exterior

Cambiar el color del trazo de la predeterminada a # DDDDDD

Resultado final

Esto es lo que hemos ido hacer hoy

folder-icon-step111

Si lo desea, para comprobar su trabajo, usted puede descargar el archivo PSD para este tutorial

[Descargar archivo: 30kb]

Si usted desea recibir más tutoriales de nosotros, por favor considera suscribirte a nuestro feed de RSS o por correo electrónico.

Filed under: Photoshop, Tutoriales por admin

Promover Us

  • Add to Mixx!
Ace Hosting India

Etiquetas: Photoshop, tutoriales

Artículos relacionados:

Si ha disfrutado leyendo este artículo, por favor, echa un vistazo a otros artículos relacionados a continuación:

    • Cómo crear Niza recuadro de texto del botón en Photoshop
    • ¿Cómo crear un simple botón verde en Photoshop
    • Cómo crear I-Phone Como botón en Photoshop
    • Cómo crear tipografía Tipografía en Photoshop
    • Cómo crear Web Button En Photoshop + Descarga gratuita de archivos PSD
Untitled Document

6 Comentarios

  1. Shamima Sultana, dice el: 14 de diciembre 2009 a las 7:12 am Said:

    Tarea de Niza ... gracias

  2. Semmy @ diseño minisite dice el: 14 de diciembre 2009 a las 4:00 pm Said:

    Realmente tutorial nice! gracias hombre

    Semmy
    Minisite de Diseño

  3. neeraj dice el: 15 de diciembre 2009 a las 5:20 am Said:

    PAL nice work ... keep it up.

  4. Rodman dice el: 16 de diciembre 2009 a las 8:50 pm Said:

    wow esta es una guía útil, gracias por compartir en tu blog! Sé buenos tutoriales no son fáciles de encontrar en estos días, pero después de esto era tan fácil y va a ser útil en mi sitio web

  5. Shamima Sultana, dice el: 2 de enero 2010 a las 4:52 am Said:

    Buen tutorial ...

  6. tanjila jesmeen dice el: 17 de enero 2010 a las 9:01 am Said:

    buena job.keep arriba.

Enviar un comentario

XHTML: Puedes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled ver mas
Paraíso «desarrollador de Sitios de la Semana de 12 de diciembre 2009
36 Exmaples de simple, eficaz en escala de grises logos para su inspiración »
Untitled Document

    Suscribirse

  • Suscríbete a nuestro feed
  • Suscripción por correo electrónico
  • Siga con nosotros en Twitter
  • WooThemes - ¿Dónde hay una Woo, hay un camino!
  • DreamTemplate - Plantillas Web

    • Búsqueda

      Untitled Document
  • Calendario

    Diciembre 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
    • Páginas

      • Inicio
      • Sobre
      • Artículos
      • Publicidad
      • Contáctenos
    • Categorías

    • CSS (23)
    • Diseño / inspiración (62)
    • Regalos (47)
    • Diseño Gráfico (12)
    • Photoshop (28)
    • Recursos (40)
    • Seo (1)
    • Herramientas (9)
    • Tutoriales (40)
    • Tipografía (6)
    • Desarrollo web (6)
    • Wordpress (6)
    • Archivos

    • Enero 2010
    • Diciembre 2009
    • Noviembre 2009
    • Octubre 2009
    • Septiembre 2009
    • Agosto 2009
    • Julio 2009
    • Junio 2009
    • Mayo 2009
    • Recent Posts

    • Css
    • Diseño / Inspiración
    • Regalos
    • Diseño Gráfico
    • Photoshop
    • Puestos Popular

    • 5 Pasos a escribir mejor CSS Parte II
    • Cómo crear Niza escalable CSS Basado Breadcrumbs
    • 21 Big, Bold Tipografía Diseño de páginas Web
    • ¿Cómo crear una buena forma sin mirar la tabla
    • 30 Páginas web con la máxima de Orange
    • 20 impresionante ejemplo de infografía para su inspiración
    • 33 "Hola" Páginas de ejemplo para su inspiración
    • Nube de etiquetas

    CSS Diseño Fuentes gratuitos Diseño Gráfico Diseño gráfico iconos Inspiración Inspitation Photoshop Recursos Herramientas Tutoriales Tipografía desarrollo Web Wordpress

    • Amigos

      • Abduzeedo
      • Aparte alist
      • BittBox
      • CrazyLeaf Diseño
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Alimente su creatividad
      • Ayuda para desarrolladores
      • Instant Shift
      • Line25
      • Mirificampress
      • Mi blog de tinta
      • Noupe
      • PSDFan
      • PSDTUTS
      • Compartir Brain
      • Seis revisiones
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Funcionamos
      • Web Designer Depot
      • Diseñador Web Ledger
      • Web Designer Wall
      • You The Designer
    • Noticias de la comunidad

        • Google a punto de conseguir un cambio de imagen

          "Aquel éxito constante debe cambiar constantemente" y es cada vez más evidente que Google se adhiere a esta escuela de pensamiento. El blog de marketing en línea es informar de un ...

          11 de diciembre 2009
        • ¿Cómo crear un simple botón verde en Photoshop

          el suyo es muy sencillo y muy eficaz tutorial. Espero que disfruten de este tutorial.

          9 de diciembre 2009
        • 11 Libre Grunge Fuentes para diseñadores

          En este post encontrarás 11 Libre Grunge Fuentes para Diseñadores. Estas fuentes libres son perfectos para angustiante sus diseños. Espero que usted disfrute de este.

          9 de diciembre 2009
        • 21 Big, Bold Tipografía Diseño de páginas Web

          echar un vistazo a estos 21 Big Beautiful, Negrita Tipografía Diseño de páginas Web y déjenos saber sus pensamientos en el comentario.

          9 de diciembre 2009
    • Añadir Noticias

      Puede enviar sus enlaces de abajo usando el formulario y por lo general será aprobado dentro de unas horas.






      Cargando ...

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

    Hora de salida UPrinting en YouTheDesigner.


    Tarjetas en Línea

    Web Design Blog Directory

.
Untitled Document
Volver al principio

General

Estas tal vez de algún interés
  • Acerca de Nuestra Empresa
  • Testimonios
  • Datos de contacto
  • Blog
  • Sociales - Twitter, Flickr

Obras

Ejemplos de proyectos anteriores
  • Acerca de Nuestra Empresa
  • Testimonios
  • Datos de contacto
  • Blog
  • Sociales - Twitter, Flickr

Servicios

Esto es lo que la venta de hoy
  • Acerca de Nuestra Empresa
  • Testimonios
  • Datos de contacto
  • Blog
  • Sociales - Twitter, Flickr

Datos de contacto

Quieren contratar a nosotros? ¡Empiece aquí ...
  • Evaluación Proyecto Libre
  • Email - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Todos los derechos reservados, Ace Infoway India Alquiler Ace Infoway la India para su proyecto de diseño que viene. Ver nuestra cartera.