Cómo diseñar un póster retro en Adobe Illustrator

Lo que vas a crear

¿No puedes vivir sin tu dosis de café? Este arte alegre y de estilo retro sería el complemento perfecto para cualquier cocina: un compañero visual para su preparación matutina. 

En este tutorial, usaremos una variedad de herramientas en Illustrator (incluyendo las herramientas Pluma, Lápiz y Pathfinder, entre otras) para crear ilustraciones vectoriales sencillas. También modificaremos algunos tipos de letra para completar nuestro diseño..

Si está de humor para un proyecto más rápido, puede obtener una ventaja con este paquete de vectores. Puede colocar las formas de la cafetera y la taza como están, o agregarles sus propios adornos..

Para más inspiración, echa un vistazo a otros vectores retro y de café en Envato Market. 

Listo? Hagámoslo!

1. Configura tu documento

Paso 1

Comenzaremos por abrir un nuevo documento en Illustrator. He establecido el tamaño de mi documento en A3, un tamaño de póster común que es aproximadamente equivalente a 11 x 17 pulgadas en medidas de EE. UU. Puedes ver la configuración abajo:

Paso 2

A continuación, elegiremos nuestros colores. Si desea utilizar la misma paleta de colores que yo, puede insertar los códigos hexadecimales que se enumeran a continuación. Simplemente haga doble clic en el Llenar en la barra de herramientas (donde aparecen sus selecciones de color) e ingrese un código en el cuadro en la parte inferior de la ventana, el que está precedido por un signo de número (#).

Paso 3

Agrega un fondo usando el Herramienta rectangular para llenar todo el tablero de arte con nuestro color amarillo / # F9CF1C.

Bloquea la capa en la que está Capas panelAl hacer clic en el cuadro vacío a la izquierda.

2. Coloque la tipografía.

Una de las claves para crear un diseño que refleje un cierto período de tiempo es elegir tipografías de apariencia auténtica. Para este proyecto, queremos un estilo que recuerde a los años 50 y 60 (comúnmente denominado "mediados de siglo" o "mediados de siglo modernos"). He elegido dos tipos de letra gratuitos diseñados para hacerse eco de esta era, que puedes descargar en los enlaces a continuación:

  • Carosello (a través de GraphicsFuel)
  • Maiden Orange (a través de 1001 fuentes)

Paso 1

Crea una nueva capa y escribe 'Fresco' en 170 puntos. Cambia la fuente a Carosello y el color a naranja / # F77823. Luego haz la 'F' un poco más grande, sobre 180 puntos.

Paso 2

Escriba 'CAFÉ' en 145 pt. Cambie la fuente a Maiden Orange y el color a teal / # 3BAD9D.

Las letras se ven un poco demasiado delgadas junto a los trazos gruesos de la fuente del script, así que dale a 'CAFÉ' una 5 pt acariciar y cambiar el Rastreo a 50. Ambas configuraciones son accesibles en el Tipo barra de herramientas que se extiende a lo largo de la parte superior de la pantalla cuando selecciona un cuadro de texto. 

Arrastre ambas palabras a la esquina superior derecha de la mesa de trabajo, donde las organizaremos. Esto es lo que tenemos hasta ahora:    

3. Modificar y embellecer el tipo

Ahora haremos algunos cambios en el texto para darle un toque retro adicional..

Paso 1

Primero, selecciona 'Fresh' y ve a Efecto> Warp> Rise y establecer el curva a 18%.

A continuación, utilizando uno de los pinceles predeterminados de Illustrator, agregaremos algo de subrayado en "Fresco" para enfatizar y rellenar el espacio entre él y "CAFÉ".

Paso 2

Selecciona el Herramienta de pincel. De tu Menú Pinceles Bibliotecas, seleccionar Artística> Artística_Ink y encontrar el Cónico - Redondo cepillo.

Dibuja un par de swashes naranjas debajo de "Fresco", siguiendo el ángulo de inclinación de las letras. Si tus líneas se vuelven un poco grumosas, arrastra el Herramienta lisa a través de ellos(ubicado debajo de la herramienta Lápiz; acceda con un clic). Cambié el trazo de la línea superior a 1.5 pt y mantuvo la línea de fondo en 1 punto por lo que habría una pequeña variación entre ellos, como si estuvieran realmente pintados con un pincel.

Algunos pinceles de Illustrator pueden variar ligeramente del color del trazo que les asigne. Aquí, puede observar que las líneas parecen ser de color naranja más claro que el texto "Fresco". Si alguna vez observa este problema en su trabajo, simplemente seleccione los trazos de pincel que no se vean bien, vaya a Objeto> Expandir Apariencia, y vuelva a seleccionar la muestra de color deseada.

Paso 3

Nuestro último adorno es agregar una sombra sutil a "CAFÉ". Primero, queremos que las letras sean de una sola forma, de modo que no tengamos que meternos en cambiar los colores de relleno y trazo por separado. Para hacer esto, ve a Tipo> Crear Contornos, entonces Objeto> Expandir (deja la configuración por defecto) > Ok. Para finalizar el proceso, seleccione Ventana> Pathfinder> Unite.

Ahora copia y pega 'CAFÉ' para duplicarlo. Cambia el color a oro / # F9B31C y coloque la copia ligeramente debajo y a la izquierda de la palabra original. Ahora haga clic de nuevo en el trullo "CAFÉ" y seleccione Objeto> Organizar> Traer al frente.

Y ahora hemos completado la parte tipográfica de nuestro proyecto. Es posible que desee ajustar la ubicación hasta que le guste la forma en que las palabras se sientan juntas.

4. Crea las ilustraciones

Ahora podemos añadir nuestra obra de arte principal: la cafetera y la taza. Puede acercarse a esta parte como desee, pero algunas técnicas que podría considerar son:

  • utilizando formas vectoriales preexistentes, como las vinculadas en la introducción 
  • Dibujándolos a mano alzada, ya sea en papel o directamente en Illustrator. 
  • usando una foto de referencia y la herramienta Pluma   

Elegí la tercera opción por un par de razones. Uno, me gusta el control que ofrece la herramienta Pluma para crear formas tanto curvas como geométricas. Dos, tenía en mente un estilo particular de cafetera y quería hacer las formas correctamente con la ayuda de una foto de referencia..

Si también desea utilizar este método, se seguirán algunos pasos básicos. Para sugerencias de fotos de referencia, vea los enlaces a continuación (imágenes con licencia de Creative Commons a través de Flickr, cortesía del usuario Jay Kaye). Las que usaré son las primeras opciones, pero puedes usar estas técnicas sin importar qué fotos elijas..

  • Cafeteras: 1, 2, 3
  • Copas: 1, 2, 3

Paso 1

Coloque su foto de referencia al lado de su mesa de trabajo y reduzca su opacidad a aproximadamente 50%. Utilizando la Lapicera, Delinea las formas básicas de tu cafetera. Si desea que cualquier parte sea de un color diferente al del cuerpo principal, hágalas formas separadas para luego colorearlas fácilmente. No te preocupes por crear líneas perfectamente rectas; Las formas que están un poco descentradas se adaptarán bien a este estilo..

Aquí es cómo resultó mi esquema. A pesar de que el pico será del mismo color que el resto de la olla, le di su propia forma para crear ángulos limpios donde se une..

Paso 2

Cambie los contornos en formas rellenas haciendo clic en el Intercambiar relleno y trazo flecha o golpeando Shift-X. Aplica los colores que más te gusten. Es posible que deba enviar algunas de sus formas hacia atrás (como las asas aquí).

Coloque su cafetera terminada en la esquina inferior izquierda y dimensione para llenar aproximadamente dos tercios del espacio debajo del texto. Asegúrese de que el pico esté apuntando hacia la derecha. Si la foto de referencia que está usando la tiene orientada en la otra dirección, es una solución fácil. Simplemente arrastre el cursor para seleccionar todo el bote, luego haga clic Objeto> Transformar> Reflejar> Vertical.

Paso 3

Repita los dos pasos anteriores para la taza. Si necesita recortar una forma, como la parte interior del mango, una forma fácil es asegurarse de que la forma o el contorno esté al frente, selecciónelo y la forma del fondo (manteniendo presionada la tecla Cambio), E ir a Ventana> Pathfinder> Frente Menos (ese es el segundo botón en la fila superior).

Coloque la taza frente a la olla en la esquina derecha (con la manija hacia afuera). Para el interior de la taza, elegí una versión más clara de nuestro color verde azulado.

5. Agregue los toques finales

Paso 1

¡No puedes olvidar llenar tu taza! Utilizar el Herramienta elipse Para agregar un óvalo marrón oscuro para el café. Puedes usar el Herramienta de selección directa para arrastrar los puntos de anclaje del óvalo hasta que se ajuste al interior de la taza. Termínelo dibujando una forma curva marrón más clara con el Lapicera para un punto culminante.

Paso 2

Crea una nueva capa y muévela para ser la segunda desde la parte inferior en la Panel de capas. Use la misma técnica que en el paso anterior (Herramienta Elipse y puntos de anclaje móviles) para agregar sombras debajo de la olla y la taza en nuestro color dorado.

Paso 3

Nuestro último paso es sacar un poco de vapor que sale de la cafetera. Utilizar el Herramienta Lápiz a 3 puntos Y con un trazo color blanco. Dibuja algunas líneas onduladas y superpuestas que llenan el espacio sobre el bote y hacia la izquierda del texto. Descubrí que la mejor manera de crear líneas fluidas y entrecruzadas era dibujarlas en dos bucles que comiencen y terminen en la salida de la cafetera..

Eso es todo amigos!

Gran trabajo, creo que te has ganado un descanso para tomar un café. Espero que te hayas divertido usando algunas de las herramientas de dibujo y formas más básicas de Illustrator, junto con algunos atajos útiles, para crear ilustraciones vectoriales sencillas. Si está interesado en aprender más sobre cómo crear diseños de estilo de mediados de siglo de aspecto auténtico, asegúrese de consultar nuestros 10 consejos principales para crear diseños de inspiración retro..

Siéntase libre de compartir cómo resultó su proyecto o haga preguntas en la sección de comentarios. Como siempre, feliz diseño.!