Más Que Dibujitos

Hace unos días, publiqué una selección de diseños vintage, y me gustaron tanto que resolví hacer un pequeño tutorial para diseñar una etiqueta vintage en Illustrator y Photoshop. Tomando como referencia uno de esos diseños y utilizando fuentes gratuitas, conseguí el siguiente resultado:

Las tipografías utilizadas son: Machine Script, Reklame Script Regular Demo, Code Bold y League Gothic. La paleta de colores: #C58C31 Marrón, #F6CD13 Amarillo, #F6F0B3 Amarillo pastel y #C92127 rojo. La textura de papel vintage es de la gente de Design Kindley  la pueden descargar aquí.

Lo primero que hacemos es crear un nuevo documento para imprimir en Illustrator y trazar un rectángulo (190mm ancho por 125mm de alto apróx.), que va a ser nuestro fondo.

Luego con la herramienta Rectángulo, hacemos un cuadrado perfecto, para eso mantenemos pulsada la tecla Shift mientras arrastramos. Sin dar medidas específicas, debemos lograr algo similar a esto:

En nuestro panel de Transformar (Si no está a la vista vamos a Ventana>Transformar) lo rotamos 45º grados.

Con la herramienta Selección Directa (flecha blanca) seleccionamos un nodo de los extremos del rombo y con la tecla Shift pulsada lo corremos hacia afuera con las teclas de dirección de nuestro teclado. Hacemos lo mismo con el nodo del otro extremo lateral, hasta llegar a este resultado aproximadamente:

Con la herramienta Selección Directa volvemos a seleccionar los dos nodos de los extremos laterales y lo convertimos a puntos de ancla suavizados desde nuestra barra de herramientas de la parte superior, como muestra la imagen.

Luego, con el objeto seleccionado, vamos a Objeto>Trazado>Desplazamiento.

Y le damos los siguientes valores:

Damos OK, y cambiamos el relleno por [ninguno] y el color de trazo amarillo pastel y podemos cambiar el grosor del trazo a gusto.

Con la herramienta Elipse, creamos un círculo perfecto (para esto mantenemos pulsada la tecla Shift) de apróx 35mm de diámetro. Luego con el círculo seleccionado vamos a Efecto>Distorsionar y Transformar>Zigzag…

Le damos los siguientes valores:

Colocamos el texto, en las siguientes tipografías (como se muestra en la imagen). Cabe aclarar que en los textos en Code Bold y League Gothic se modificó el espaciado entre letras. Esto se consigue presionando la tecla Alt (con el texto seleccionado) mientras se va corriendo hacia la derecha con las teclas de dirección del teclado o bien en el Panel Carácter, en la parte de definir tracking.

Con la herramienta Rectángulo, hacemos uno pequeño (16mm x 7mm). Con la herramienta Añadir Punto de ancla, creamos un nuevo nodo en el medio del lateral derecho y con la herramienta Selección directa, lo movemos un poco hacia la izquierda.

Luego lo seleccionamos y le damos un click derecho: Transformar>Reflejo y damos los siguientes valores  (imagen) y damos click en Copiar. Esta copia reflejada  la posicionamos adelante de la palabra Coffee

Debemos lograr algo similar a esto:

Nos vamos a Photoshop y creamos un nuevo documento:

Copiamos los elementos del fondo desde Illustrator y los pegamos en el nuevo documento de Photoshop. Acomodamos o redimensionamos si es necesario.

Abrimos la textura (que más nos haya gustado) y seleccionamos todo (Ctrl+A), copiamos (Ctrl+C) y la pegamos en el documento donde estamos trabajando.

De manera que la textura quede sobre la capa Fondo y con el siguiente estilo: Modo Multiplicar, Opacidad 67% (pueden jugar con el estilo de la capa para ver cómo les queda mejor).

Por último copié los textos y demás elementos desde Illustrator y los pegué en Photoshop en una capa aparte, arriba de la textura.

Resultado Final:

Click sobre la imagen para verla más grande.

Variante: