Cómo crear un diseño tipográfico vintage en Adobe Illustrator

La tipografía de estilo vintage es clásica y sigue siendo popular hoy en día. Hay algo en la sensación de dibujado y colocado a mano de este tipo de diseños que es atractivo y llama la atención. Echemos un vistazo a cómo crear un diseño tipográfico de estilo vintage en Adobe Illustrator. Aquí hay un vistazo a lo que crearemos. Antes de comenzar, encontré una gran pieza de inspiración para usar como referencia para los pasos que seguiremos en este tutorial. Al armar un diseño como este, hay algunos factores muy importantes a considerar para lograr ese aspecto vintage. - Fuentes : debe dedicar tiempo a buscar las fuentes adecuadas. El material de referencia de la época es esencial. No existían tantas fuentes hace 50 o 100 años como hoy, por lo que no querrá elegir una fuente que no se acerque en estilo a lo que estaba disponible en ese entonces. - Formas : las formas y los elementos se dibujaban a mano, así que tenga eso en cuenta al armar sus elementos de diseño. Las líneas deben variar de ancho y, si puedes hacerlas ligeramente imperfectas, mejor aún. - Simetría : la mayoría de los diseños antiguos como este contienen cierto grado de simetría. Por lo tanto, ten en cuenta que lo que diseñes a la izquierda debe repetirse a la derecha.

Paso 1

En Illustrator, en una nueva mesa de trabajo, comencemos con la forma básica de nuestro diseño, que es la parte central del rectángulo. Quiero crear algo similar a nuestra foto de referencia aquí, y si te fijas, el rectángulo no es solo un cuadro simple. Hay dos bordes, uno grueso y uno fino. Además de una textura de fondo que consiste en líneas onduladas. Para mis bordes elegí 0,05 pulgadas para el borde grueso y 0,015 pulgadas para el borde más fino. Para el fondo, necesitamos crear una serie de líneas onduladas. Comencemos dibujando una línea recta con la herramienta Pluma (P). Haz que tenga la longitud del cuadro. Hice mi línea 30% negra. Ahora elige (Efecto | Distorsionar y transformar | Zigzag). Introduce ajustes similares a los que tengo a continuación. Ahora coloquemos nuestra línea ondulada en la base del cuadro rectangular. También copiemos y peguemos la línea y coloquemos el duplicado en la parte superior del cuadro. Ahora selecciona (Objeto | Fusión | Opciones de fusión). Para espaciar, seleccione Pasos especificados e ingrese una cantidad deeste añoAhora seleccione ambas líneas onduladas y elija (Objeto | Mezclar | Crear). Ahora debería tener un conjunto de líneas espaciadas uniformemente que llenen el cuadro.

Paso 2

Para la fuente que aparece en el cuadro, quería una buena fuente sans serif en negrita. Elegí Futura con un trazo de 150 para esparcir un poco las letras. Para el color, elegí un naranja claro con un trazo de borde blanco. Para la sombra, simplemente dupliqué la letra, cambié el color a negro y la coloqué detrás de la original. Desplacé la sombra 4 o 5 píxeles hacia la parte inferior y hacia la izquierda.

Paso 3

Para el primer adorno, necesitaremos crear un pincel de arte personalizado. Comience con un círculo negro sólido, delgado y muy ancho dibujado con la herramienta Elipse (L). Con la herramienta Convertir punto de ancla (Shift + C), haga clic en los puntos izquierdo y derecho para que la forma termine en un punto fino en ambos extremos. Ahora arrastre esta forma a la paleta de pinceles para crear un nuevo pincel. Cuando se abra el cuadro de diálogo, seleccione Pincel de arte y haga clic en Aceptar. Con la herramienta Espiral, dibuje un rizo similar al que se muestra a continuación. Deberá usar la tecla de flecha hacia abajo en su teclado para eliminar segmentos antes de soltar el botón del mouse para completar la forma. Una vez que tenga la forma, elija nuestro nuevo pincel de la paleta de pinceles. Ahora copie y pegue esta forma 3 veces, cada vez reduciendo la escala, hasta que tenga algo similar. Con la herramienta Selección directa (A), amplíe cada uno de los bucles y conecte los trazados seleccionando solo los dos puntos finales y presionando (Cmd + J) para unirlos. Necesitarás hacer un poco de edición con la herramienta Convertir punto de ancla en cada bucle para que quede suave en lugar del ángulo duro creado al unir los trazados. A continuación se muestra mi resultado después de una pequeña limpieza. No te preocupes por ser demasiado perfecto. Queremos que esto parezca dibujado a mano, ya que es parte del atractivo de la pieza final. En la imagen a continuación, muestro los pasos que utilicé para crear el segundo pincel personalizado que necesitamos. Creé las primeras dos formas, una más grande que la otra, luego utilicé la herramienta de fusión nuevamente para crear los segmentos entre ellas. Luego dupliqué la forma y la volteé para hacer el lado opuesto. Expande la apariencia (Objeto | Expandir) y luego arrastra la nueva forma a la paleta de pinceles para crear otro pincel artístico. Dibuja otra espiral con la herramienta Espiral y aplica este nuevo pincel. Ahora agrega esta nueva forma a nuestro primer conjunto de espirales. Ahora necesitamos colocar esta forma con nuestro rectángulo original. También copiémosla y péguela y apliquémosla a ambos lados. Elige (Objeto | Transformar | Reflejar - Vertical) para voltearla.

Paso 4

Para crear el banner en la parte superior, dibuja un rectángulo redondeado con un radio de esquina de 0,1 pulgada. Ahora elige (Efectos | Deformar | Arco) para darle al banner una curva uniforme. Crea un rectángulo para los extremos del banner. Agrega 1 punto al costado usando la herramienta Agregar punto de ancla (+). Luego empuja este punto usando las teclas de flecha en tu teclado hasta que obtengas algo similar. Ahora aplica el mismo efecto de Arco a esta forma. También rellené el mío con 10% de negro. Expande la apariencia de esta forma y luego agrégala detrás del banner, duplicándola para cada lado. Agregué algunos detalles más al banner, que se muestran a continuación. Para la fuente dentro del banner elegí Copperplate por su aspecto vintage clásico. Apliqué la misma técnica de borde y sombra que usé dentro del rectángulo.

Paso 5

Vamos a seguir adelante y comenzar a darle forma al diseño con más texto. Para la parte superior quiero elegir una fuente más. Sabía que quería algo con un estilo serif fino/grueso. Después de buscar un poco, me decidí por una fuente llamada Modern No.este añoElegí un negro más claro al 75 % para el color. Los adornos de cada lado son flechas simples creadas a partir de una forma de triángulo. Para el título debajo del banner elegí la misma fuente Futura del rectángulo, pero en negro sólido sin bordes ni sombras. Para el texto en la parte inferior elegí Modern No.este añouevamente. Observe el tratamiento del No. 100. Lo tomé prestado de la foto de referencia. Me encanta la ubicación del "0" y el "." Para la URL usé el efecto Arco nuevamente, esta vez ingresé un número negativo para doblar el texto hacia arriba.

Paso 6

Agreguemos algunos elementos de diseño más. Para embellecer un poco la parte superior, copié y pegué nuestros remolinos originales y los giré horizontalmente, luego los coloqué detrás del cartel. Use la paleta Alinear para asegurarse de que estas piezas estén alineadas horizontalmente. Para el borde izquierdo y derecho del cartel, creemos otro elemento. Combiné algunas formas básicas a continuación para crear este adorno. Nuevamente, use las herramientas de alineación para centrar estos objetos horizontalmente entre sí.

Paso 7

Para el paso final, quiero embellecer aún más la parte inferior. Para ello, vamos a crear otro banner para la URL. Dibuja una línea con 3 puntos utilizando la herramienta Pluma. Con la herramienta Selección directa mueve el punto central hacia abajo para crear un arco sutil. Ahora suaviza los puntos haciendo clic y arrastrando horizontalmente mientras mantienes presionada la tecla Shift. Ahora aplica nuestro pincel personalizado original. Es posible que tengas que reducir el trazo. Deberías tener algo similar a la imagen de abajo cuando hayas terminado. Para la parte superior del banner hice una línea fina y apliqué el mismo Arco. Copiemos y peguemos nuestros remolinos originales una vez más, y colóquelos en la parte inferior debajo del banner. También utilicé la herramienta Espiral para crear una curva fina que coincida con la parte superior del banner. La alineé con el borde y la copié para el lado opuesto. Para la adición final... Vamos a crear un pincel personalizado más. Usando una Fusión una vez más, creé el siguiente conjunto de formas para un pincel personalizado. A continuación se muestra el pincel aplicado a otra espiral. Coloqué dos de estas espirales en el banner inferior. ¡Eso es todo! Nuestro diseño de tipografía vintage final. Estas técnicas se pueden aplicar de muchas maneras para crear patrones y diseños únicos. Espero que este tutorial te inspire a experimentar con los tuyos propios y ver qué puedes lograr.