BLOG TECNOLOGICO LAS PALMAS

Descargar los archivos psd del tutorial aquí

Paso 1

Después de unas cuantas ideas sobre  papel es el momento de iniciar el diseño. Para la base de la tipografía  utilize Illustrator. Así que busqué en Google Images para “Avant Garde” y seleccione una imagen que tenía la “A” con el estilo que yo quería. Luego, en Illustrator, utilizando la herramienta de la pluma (P) crear la “A”. Usted puede mantener la tecla SHIFT pulsada para asegurarse de que las líneas son rectas.

Con la “A” hecha, seleccione la herramienta Texto (T) y escriba el BDZ utilizando la fuente Avant Garden.

Paso 2

Seleccione el texto creado e ir al Type>Create Outilines. Luego con Direct Selection (A) selecciona los vértices de la base de la Z y mueve los hacia abajo como la imagen de abajo.

Paso 3

Ahora abre Photoshop  y crear un documento nuevo, para el tamaño he usado  A4. Luego llene la capa de fondo con un color marrón (#573E2A).  Despues copie el texto creado en illustrator y pegalo en photoshop como Shape Layer. De esa manera podemos seguir jugando con los vectores usando Path Selection Tool (A) and Direct Selection Tool (A).

Con Direct Selection Tool (A) mover la base de la A,  la recta todo el camino hasta llegar a la base de la “Z” (1) y el otros paso de todo el camino hasta el borde del documento (2). Utilizando el Pen Tool (P) crear algunos puntos en la cima de la B y hacer que vaya todo el camino hasta la parte de arriba del documento (3).

Paso 4

Con Direct Selection Tool (A) seleccione el elemento B y copiar y pegar en una nueva capa. Luego Layer>Layer Style>Color Overlay y utilize #FC9E1D para el color.

Paso 5

Con el #FC9E1D seleccione la area de abajo del A exactamente como esta mostrado en la imagen abajo. A continuación, cree una nueva capa y llenala con blanco. Sólo el área seleccionada.

Paso 6

Nos vamos a Layer>Layer Style>Color Overlay. Utilizamos como color el verde #6F7A38 y Multiplicar para el Blend Mode. Para el patrón  selecciona el papel cuadriculado. Es bajo el Color Papers preset. También aumentar la escala de un 300%.

Paso 7

Ahora vamos a agregar un poco de texto. Para la fuente utilicé Dirty Headline, usted lo puede encontrar en dafont.com. Coloque el texto en el área verde como la imagen de abajo. También puede añadir una sombra muy sutil. Nos vamos a Layer>Layer Styles>Drop Shadow. Yo utilize 35% Opacity, 2 pixels para Distance y 10 pixels para Size.

Paso 8

Es hora de agregar algunas texturas. La que he usado es de Shutterstock y puede descargarla aquí: http://www.shutterstock.com/pic-35221027/stock-photo-old-paper.html

Colóquela en su documento, encima de las otras capas, a continuación, cambiar Blend Mode a Multiply. Tmbien nos vamos a Image>Hue and Saturation y reducir la saturación de manera que la imagen no se quedara amarillenta.

Paso 9

Ahora  puede añadir algunos elementos sucios como el uso de Brushes para que las líneas se quedan menos uniforme. Usé algunos Brushes de la página web de Eduardo Recife’s Misprintedtype.

Conclusión:

En menos de 10 pasos somos capaces de crear un interesante cartel de estilo retro, muy elegante. El secreto es la sencillez, color y texturas. Por supuesto te puede gustar más sin los Brushes  y los efectos sucios, o quieres probar diferentes colores, he creado otras 2 versiones con colores fríos y también jugar con una foto en el fondo.

Autor: Fabio Sasso

Descargar los archivos psd del tutorial aquí