domingo, 11 de abril de 2010

Como crear una carpeta estilo Mac OS X Leopard con Photoshop

Bueno antes que nada, este tutorial esta traducido de otro escrito en ingles, y por supuesto mejorado por mi...

Paso 1 - Nuevo documento
Crear un nuevo documento en Photoshop con un fondo transparente, de 512 × 512 px.


Paso 2 - Frente
Seleccione la herramienta Rectángulo redondeado (U), con un radio de 15 px y dibujar una forma como a continuación,



Luego ir a Edición - Transformar – Deformar o presionar Ctrl+T y tire de las cuatro esquinas, una por una, fijándose que queden simétricamente iguales, pero tire de las esquinas superiores un poco más, pulse ENTER cuando esté satisfecho con el resultado. El color de la forma no es importante, puedes ponerle un nombre a esa capa, por ejemplo frontal.


También puede utilizar la herramienta Perspectiva en  Edición - Transformar - Perspectiva para darle un aspecto más recto a la carpeta.


Paso 3 - Sombra
Aplicar una sombra a la capa frontal, Eligiendo la Capa - Opciones de fusión - Sombra paralela o un doble clic en la capa y elija Sombra paralela en las Opciones de fusión, y establezca los valores de esta manera:



Paso 4 - Atrás
Crear dos nuevas formas con la herramienta Rectángulo redondeado con un radio de 10 px




Combinar las dos capas seleccionando las dos capas creadas recientemente y haga clic derecho - Combinar capas, puedes nombrar esa capa como Atrás. Aplicar una sombra paralela a la capa Atrás como lo hicimos en el paso 3, con estos valores:





Paso 5 - Personalización
Elija una imagen o un logotipo que desee colocar en su carpeta, yo escogí una imagen de Windows 7: Abra su imagen en Photoshop y arrástrela al documento, seleccione y escale (Ctrl + T) según lo desee, duplicar la capa de la imagen. Tome una de las capas de la imagen y colocarla en la parte superior de la capa de frente,(la otra hágala invisible quitando el ojo en el panel de capas), hacer una selección de la capa frontal, Ctrl + clic izquierdo en la imagen pequeña en el panel de capas. Seleccione la capa de la imagen y crear una máscara de capa en: Capa - Máscara de capa - Descubrir selección, el nombre de esta capa  Frontal imagen.


Seleccione la capa de la imagen que duplicaron antes y repetir el mismo proceso con la capa de Atrás. Nombre de la capa Atrás imagen.


Paso 6 - Texto
Sólo tiene que añadir un poco de texto en la parte superior; he puesto Windows 7 utilizando una tipografía llamada Segoe UI en estilo Bold y con un tamaño de 16 px o cual luzca mejor.


Paso 7 - Reflexión
Para añadir un poco de brillo se puede hacer una reflexión a su carpeta, para ello seleccionar todas las capas y duplicarlos. Combinar todas las capas duplicadas y ponerle un nombre a la capa Reflexión. Girarlo 180 ° e ir a Edición - Transformar - Voltear horizontalmente. Arrastre el reflejo justo debajo de la carpeta y crear una máscara de capa en la que Capa - Máscara de capa - Descubrir todas. A continuación, seleccione la herramienta Degradado (G) que va del negro al blanco y hacer un degradado a partir de la parte inferior va un poco más allá de la reflexión, asegúrese de que la máscara de capa está seleccionada.



Paso 8 - Guardar
Cuando haya terminado guardar la carpeta que hemos creado en un archivo PNG, ademas del nativo PSD de Photoshop, asegúrese de que su fondo sea transparente para cuando lo guarden.


Eso es todo, Espero les haya gustado el tutorial...

Suerte!!!...