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.
Resultado final
Esto es lo que hemos ido hacer hoy
Paso # 1
Photoshop Abrir y crear un nuevo documento, el mío es 550px × 550px con un fondo blanco.
Paso # 2
Seleccione la herramienta de la pluma asegurarse de que tienes las opciones seleccionadas.
Ahora, utilizando la herramienta de la pluma dibujar algo como esto
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.
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.
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
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
Debería ser algo como esto ahora
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
Vaya a Editar -> Transformar -> Escala y reduce la escala un poco lo que parece que se abrió.
Paso # 4
Ahora vamos a agregar un pedazo de papel. Crear una nueva capa y dibujar un rectangule como abajo
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.
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 #.
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
Ahora vaya a Editar -> Transformar -> Escala y girar el papel.
Debe tener un aspecto como este.
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.
Ahora seleccione la herramienta de la pluma y dibuje la forma (la de negro)
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.
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 #.
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
Si lo desea, para comprobar su trabajo, usted puede descargar el archivo PSD para este tutorial
Si usted desea recibir más tutoriales de nosotros, por favor considera suscribirte a nuestro feed de RSS o por correo electrónico.
Artículos relacionados:
Si ha disfrutado leyendo este artículo, por favor, echa un vistazo a otros artículos relacionados a continuación:






















































Shamima Sultana, dice el: 14 de diciembre 2009 a las 7:12 am Said:
Tarea de Niza ... gracias
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
neeraj dice el: 15 de diciembre 2009 a las 5:20 am Said:
PAL nice work ... keep it up.
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
Shamima Sultana, dice el: 2 de enero 2010 a las 4:52 am Said:
Buen tutorial ...
tanjila jesmeen dice el: 17 de enero 2010 a las 9:01 am Said:
buena job.keep arriba.