Como crear un icono de folder tipo vista con Photoshop

Vía PS Cloud leo esta interesante entrada, en ingles estaba, pero me di la tarea a traducirla para que ustedes pudieran realizar el tutorial sin ningún problema.

Aprenderán como hacer un icono estilo vista, uno como este:

Photoshop Tutorials

Instrucciones:

1. Comienza abriendo un nuevo documento de 100 px por 100 px.

2. Crea una nueva capa, y usando la Pen Tool dibuja algo como esto:

Photoshop Tutorials

3. Hora añadimos los siguientes estilos de capa:

Inner Glow
Photoshop Tutorials

Gradient Overlay: #ffd46f a #fff29e
Photoshop Tutorials

Stroke: #f4c65b
Photoshop Tutorials

4. Al final de todo esto debe lucir como esto:

Photoshop Tutorials

5. Ahora duplicamos la capa con la figura y vamos a Edit -> Transform -> Perspective. Arrastramos el nodo de la esquina superior-derecha hacia el lado derecho como marca la flecha roja.

Photoshop Tutorials

6. Vamos a Edit -> Transform -> Scale y escalamos hacia abajo (menos valor) hasta que se vea “abierto” el folder, cuando terminen deberá verse algo como esto o tal vez un poco diferente:

Photoshop Tutorials

7. Si desean, pueen agregar una hoja de papel. Crearemos una nueva capa y dibujamos un rectangulo como en la imagen, el rectangulo puede ser de color blanco o de cualquier otro color que deseen.

Photoshop Tutorials

8. Ahora añadiremos algunos estilos al rectangulo:

Gradient: #000000 a #ffffff
Photoshop Tutorials

Stroke: #d6d6d6
Photoshop Tutorials

9. Ahora se vera como esto:

Photoshop Tutorials

10. Ahora, rotamos el papel un poco, vamos a Edit -> Free Transform y giramos con el nodo que sea.

Photoshop Tutorials

11. Pon la capa de la hoja de papel abajo de la capa duplicada para que se vea adentro del folder.

Photoshop Tutorials

12. Si lo deseas pon la segunda capa de folder (la duplicada) a una opacidad de 70% para que luzca:

Photoshop Tutorials

13. Ahora “curvearemos” la esquina de arriba de la hoja. Borra un pedacito de la esquina superior.

Photoshop Tutorials

14. Dibuja una figura triangular negra con la Pen Tool que luzca similar a la de abajo:

Photoshop Tutorials

15. Añade los siguientes etilos de capa a la figura:

Drop Shadow
Photoshop Tutorials

Gradient Overlay ( blanco FFFFFF a rosa claro)
Photoshop Tutorials

16. Ya lo tienes! ahora te deberá quedar algo como lo siguiente:

Photoshop Tutorials

Felicidades, gracias a este tutorial, hemos aprendido a crear un folder, deja tu comment :)

Etiquetas: , , , , , ,

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s


A %d blogueros les gusta esto: