CREAR Un PIN -Tutorial -

Continuando con tutoriales de "Diseño Gráfico" (algo mas largos y elaborados que los de fotografía) les he preparado este bonito efecto -muy propio para anuncios o detalles de eventos- mediante unos sencillos pasos. 

Asimismo, una vez hayamos creado el “Pin”, lo guardaremos como una plantilla y de esta manera siempre lo tendremos a mano para nuestras creaciones. 

COMENZAMOS: 

1. CONTROL + N para crear un documento nuevo. 

• En mi ejemplo he puesto estos valores: 18cm X 14 cm; 300 pixeles/pulgadas de resolución. 

2. Hagan clic en el icono Configurar color frontal -se encuentra situado en la Paleta de Herramientas- y escojan un rojo en el Selector de Color. 

• A continuación pulsen ALT + Suprimir y con ello rellenamos de rojo la Capa Fondo. 

3. Pulsar la tecla Mayúsculas + tecla de la letra M -2 veces-, para activar la herramienta Marco Elíptico. 

• A continuación, mientras mantienen pulsada la tecla Mayúsculas, tracen una selección circular. 

4. Seguidamente vamos a escoger la fotografía que utilizaremos en el PIN. 

• Pulsen CONTROL + O y escojan la fotografía que quieran. 
• A continuación pulsar CONTROL + A, para seleccionarla, después pulsen CONTROL + C, para copiarla en la memoria del PC. 
• Cierren  la fotografía, ya no nos hará falta. 

5. Regresamos al documento original y con la selección activada vayan a EDICIÓN > Pegar Dentro o bien pulsar ALT + Mayúsculas + Control + V. 

• La fotografía que anteriormente habíamos abierto, seleccionado y copiado, se pegará en nuestra selección circular. 

6. Ahora mantengan pulsada la tecla CONTROL y hagan clic en la miniatura negra de la Capa de Máscara -en la Paleta de Capas- para crear una selección alrededor de la fotografía.

7. Pulsar CONTROL + Mayúsculas + N, para crear una nueva Capa. 

• A continuación rellenar de rojo la selección circular pulsando el combinado de teclas ALT + Suprimir. 
• Después, pulsar CONTROL + J para duplicar ésta Capa -la del círculo rojo-. 
• Ahora en la Paleta de Capas tendremos dos círculos rojos, uno encima del otro. 

8. Hagan clic en el icono (fx) Añadir estilo de Capa, situado en la parte inferior de la paleta Capas y, en el menú desplegable, seleccionar Bisel y Relieve. 

• Pongan estos valores: 290% en Profundidad, en Tamaño y Suavizar pongan 14px. 
• En la sección Sombra -se encuentra en la mitad inferior del cuadro de diálogo- pongan 37º de valor en Angulo, 100% de Opacidad en Modo Resaltado y reducir al 40% la de Modo de Sombra.
• Pulsar OK y con ello hemos aplicado al círculo, de la Capa Superior, un efecto suave de luces y sombras dándole un aspecto redondeado. 

9. Ahora vamos a activar una selección alrededor del círculo biselado, para ello mientra mantienen pulsada la tecla CONTROL, hagan clic en la capa superior del circulo rojo –Capa 3 del paso 7-, en la Paleta de Capas. 

10. Con la selección activa ir a menú Selección > MODIFICAR > CONTRAER y, en el cuadro de dialogo Contraer Selección, ajuste el valor a 45px –ponemos este valor Alto por que estamos trabajando un archivo con una resolución de 300 ppp, si lo hacen con imágenes de menor resolución ajusten el valor a 12/15px-.

• Pulsar OK. 

11. A continuación pulsar Mayúsculas + M para activar la herramienta Marco Rectangular –si se les activa la Herramienta Marco Elíptico, vuelvan a pulsar Mayúsculas + M para cambiar a Marco rectangular-. 

• Mantener pulsada la tecla ALT y trazar una selección rectangular que cubra, más o menos, la mitad de la parte inferior de la selección circular. 
• Dejen de pulsar el botón del ratón y de esta manera conseguimos eliminar el área marcada con la selección rectangular. 
• Ahora tendremos seleccionada la parte superior del círculo. 
• Aquí es donde aparecerá la fotografía que pegamos en el paso 5. 

12. En la paleta de Capas, hagan clic en la Capa del circulo rojo –Capa 2, se encuentra justo debajo de la del círculo biselado- y luego pulsen la tecla Suprimir. 

• A continuación deseleccione pulsando CONTROL + D. 
• Por el momento aún no ven la fotografía. 

13. Seguidamente hagan clic en la Capa superior –Capa 3 la que tiene el efecto Bisel y Relieve- y reducir el Relleno de esta Capa al 0%. 

• Ahora si verán la imagen, ya que al reducir el relleno, el biselado se visualiza pero el relleno rojo se oculta. 

14. Continuamos en la Capa Superior –Capa 3-. 

• Hagan clic en el icono (fx) Añadir estilo de Capa, situado en la parte inferior de la paleta Capas y, en el menú desplegable, seleccionar Sombra Paralela. 
• Aumentar la Opacidad al 100%, desactivar la casilla de verificación Luz Global, ajustar el Ángulo a 90º, aumentar la Distancia a 14px y el Tamaño a 18. 
• Pulsar OK, para aplicar una sombra suave al botón. 

15. En la paleta Capas, hagan clic en la capa que contiene la fotografía, pulsar la letra V para activar la herramienta Mover y coloque la imagen, a su gusto, dentro del recorte –clic con el puntero del ratón en la imagen y arrástrenla-. 

• Si necesitan redimensionar la fotografía activen Transformación Libre, pulsando el combinado de teclas CONTROL + T. 
• Mientras mantenéis pulsada la tecla Mayúsculas, tirar de uno de los vértices del marco delimitador para redimensionar la imagen dentro de la zona de recorte. 

16. Por último pongan el texto que quieran en el botón. 

• Pulsar la letra T para activar la herramienta Texto y escriban lo que deseen. 

17. Ya tenemos nuestro PIN. 

• Ahora lo guardaremos y será la plantilla con la que podremos hacer cuantos botones deseemos. - CONTROL + Mayúsculas + S y guardar éste trabajo en formato PSD, con todas sus Capas. 
• Pónganle un nombre identificable y en vuestra Carpeta Plantillas. 
• Si no la tenéis, de otros tutoriales anteriores, crearla. 

Esto es todo! 

Ahora hagan las modificaciones que crean oportunas –cambiar los colores, imágenes, tamaño, etc.- y practicar, practicar y otra vez practicar. 

DISEÑO ES IMAGINACIÓN 

Saludos.