Cómo diseñar un póster de viajes vintage en Adobe Illustrator y Photoshop

Lo que vas a crear

En honor al día de San Patricio, este tutorial lo guiará a través de los pasos para crear un póster de viajes a Irlanda con un estilo vintage. Usaremos un estilo geométrico simple, típico de los carteles de lo que se conoce como la "Edad de Oro de los Viajes", a principios de mediados del siglo XX, como los siguientes:

Comenzando en Illustrator y luego cambiando a Photoshop, tendremos la ventaja de las herramientas de dibujo fáciles de usar de Illustrator para ilustraciones nítidas, pero también aprovecharemos los pinceles y los modos de fusión de Photoshop para terminar con tinta y apariencia auténticas. texturas de papel.

Para obtener más inspiración, visite algunas fuentes antiguas y pinceles de textura para Photoshop en Envato Market.

1. Reúna sus recursos

Hay un par de cosas a considerar al diseñar un póster de viaje atractivo: 

  1. Un lugar reconocible, referencia o referencia cultural.
  2. fuentes auténticamente vintage

Paso 1 

Entonces, primero, querrás seleccionar una foto de referencia o reunir alguna inspiración para la ubicación que hayas elegido para mostrar en tu póster. Si desea copiar la composición que ve aquí, puede encontrar la foto en el siguiente enlace. Para mi póster de Irlanda, he elegido una imagen de los acantilados de Moher, uno de los sitios turísticos más visitados del país..

  • Foto de referencia (a través de Flickr, cortesía de Ilaria)

Paso 2

A continuación, es posible que desee descargar los otros recursos que usaremos con anticipación para que no tenga que interrumpir su progreso con el tutorial más adelante..

  • Fuentes: Poller One y Marck Script (a través de 1001 fuentes gratuitas)
  • Vector de trébol de cuatro hojas (a través de Wikimedia Commons)
  • Textura de papel (via Lost & Taken)

2. Configurar en Illustrator

Abra un documento A3, un tamaño de póster común de aproximadamente 11 x 17 pulgadas. Estoy usando RGB como mi modo de color para que el proyecto se muestre bien en pantalla, pero si terminas queriendo imprimirlo, no olvides convertir a CMYK primero.

3. Crea un fondo con degradados

Paso 1

Abre una nueva capa en el Capas panely el nombre de "fondo". Utilizar el Herramienta rectangular dibujar un rectángulo que cubra un poco menos de la mitad de la mesa de trabajo.

Paso 2

A continuación, aplicaremos un degradado a la forma del fondo. Será más fácil ajustar sus gradientes si ya tiene los colores que desea usar en su Muestras panel. Estoy usando tres tonos de azul: # 4E789C y # A0BEDC para el primer gradiente, y # 63A0AA para el segundo. 

Con la forma que acaba de dibujar seleccionada, vaya a Windows> Gradiente y seleccione Lineal debajo Tipo, ycambiar el ángulo a 90.

Paso 3

Los cuadrados pequeños en la parte inferior del espectro de colores se denominan controles deslizantes de degradado. Haga doble clic en el de la derecha y seleccione el tono azul grisáceo oscuro (# 4E789C) de sus muestras. Haga doble clic en el control deslizante izquierdo y cambie el color a blanco.. 

Ahora agregue un tercer control deslizante cerca de la mitad moviendo el mouse cerca del borde inferior del espectro de colores hasta que el cursor cambie a blanco con un pequeño signo más (+) al lado. Haga clic para agregar un control deslizante y cambiar su color al color azul más claro (# A0BEDC).

Puede ajustar la posición de los colores arrastrando los controles deslizantes en la parte inferior. También puede ajustar cómo los colores se mezclan entre sí (gradualmente o con divisiones nítidas) arrastrando los dos controles deslizantes en forma de diamante en la parte superior. Los ajustes que he usado se muestran arriba.. 

Etapa 4 

Repita los pasos 2 y 3 para crear otro degradado para llenar la parte inferior vacía de la mesa de trabajo. Este es un degradado de dos colores, con el azul medio (# 63A0AA) mencionado anteriormente junto con el blanco, en la configuración que se ve a continuación.

Paso 5

A continuación, colocaremos una ladera en el fondo. Primero, agregue dos tonos de verde a sus muestras: una más oscura (# 2A7B00) y uno más ligero (# 529108). 

Ahora usa el Lapicera para dibujar una línea torcida que descienda de izquierda a derecha en la parte inferior del póster y haga que el color sea más verde oscuro. Dibuje una forma similar a la capa más pequeña en la parte superior y aplique un degradado utilizando ambos verdes (claro a la izquierda, oscuro a la derecha), como se ve a continuación:

4. Dibuja los acantilados 

Paso 1 

Bloquee la capa de fondo y cree una nueva capa, denominándola "Acantilados".

Ahora es el momento de echar un vistazo a tu foto. Ayuda a colocarlo al lado de su mesa de trabajo para una referencia fácil. Usa la foto para tener una idea básica de la forma y la escala de los acantilados..

Paso 2

Utilizar el Lapicera Desbastar las formas de cada acantilado. No tiene que ser exacto, pero sí desea que la sensación de que los acantilados disminuyen de tamaño en la distancia. Incluso puede trazar sobre la foto para obtener la ubicación general correcta si lo desea.

Asegúrate de no hacerlos demasiado grandes, de modo que tengas espacio para el texto en la parte superior. Como grupo, el borde de los acantilados debe detenerse cerca del borde derecho de la mesa de trabajo, y la parte superior de la más alta debe terminar aproximadamente dos tercios del camino hacia arriba de la mesa de trabajo desde la parte inferior. 

Si necesita ajustar el tamaño, seleccione todas las piezas a la vez para mantener su tamaño y posición en relación con el otro.

Paso 3

Queremos que los acantilados sean de color más claro a medida que se hacen más pequeños para que parezcan estar desapareciendo en la distancia. Una forma fácil de obtener versiones más claras o más oscuras (también conocidas como tintes y sombras) de un color base para usar la herramienta Guía de color de Illustrator.

Así que primero haz el acantilado más grande de un color marrón grisáceo oscuro, # 474549. Este es nuestro color base. Ahora abre el Guía de color (Ventana> Guía de colores) y seleccione Sombras desde el menú desplegable. 

Etapa 4

Verás nuestro color base en el centro de la primera fila con una pequeña flecha apuntando hacia él. A la derecha de eso hay versiones más claras, o tintes, de ese color. Aplicar los tres acantilados restantes..

También agregué gradientes a los dos acantilados del medio para obtener un poco más de profundidad, haciendo que los bordes correctos se vieran más oscuros; puedes hacer lo mismo si quieres. 

Paso 5

Para agregar algunos parches de hierba a los acantilados, eche un vistazo a la foto de referencia para obtener ideas de ubicación y luego use la Lapicera Colocar algunas formas angulares simples..

Los greens son los mismos que usamos para la ladera, el verde más oscuro para el primer acantilado y el verde más claro para el segundo..

Paso 6

Nuestro último paso para terminar los acantilados es agregar un poco de agua que forme espuma en la parte inferior, así que seleccione Lapicera otra vez. Esta vez, en lugar de simplemente hacer clic en los puntos de anclaje para líneas rectas y ángulos, haga clic y mantenga presionado mientras arrastra el cursor para crear una línea suave y curva que se desplaza hacia adentro y hacia afuera a lo largo de los bordes inferiores de los acantilados.

Paso 7

Elimine el contorno de la forma si tiene uno (cambiando el Carrera color para Ninguna), y luego aplicar un degradado. Desde el Relleno degradado menú desplegable, seleccione Fade to White. Esto hará que un lado del degradado sea blanco y el otro claro, dejando que cualquier color debajo se muestre. Puedes ver las otras configuraciones abajo:

5. Crea una figura turística. 

En el estilo de ilustración que usamos, dibujar personas realmente no es tan complicado. Es simplemente una serie de formas geométricas y curvas (como las que ya hemos estado dibujando) apiladas estratégicamente. Es posible que desee trabajar esta parte en el espacio vacío al lado de su mesa de trabajo para tener espacio para juntar todas las piezas y así el fondo no se interponga en su camino.

Si solo quieres hacerlo y crear tu propia figura, siéntete libre (y luego salta a la sección "Organizar la tipografía"). Pero si desea copiar este, siga leyendo para conocer el proceso paso a paso. Primero, bloquee la capa "Acantilados" y cree una nueva llamada "Turista".

Paso 1

El cuerpo principal es básicamente dos rectángulos cónicos (dibujados con la Lapicera): uno con bordes rectos y el otro con lados curvos. El ancho de las formas debe ser el mismo donde se encuentran. Los colores son los siguientes: # C1272D por el rojo; # 314463 por el azul.

Paso 2 

Para los brazos, comience dibujando una V lateral, poco profunda, con la Lapicera-Este es el ángulo interno del brazo izquierdo. Continuando desde uno de los puntos finales, aún utilizando la herramienta Pluma, dibuje una línea recta que se extienda hacia afuera y dos líneas curvas para formar el borde exterior del brazo; Cierra la forma con otra línea recta..

(Aquí hay una sugerencia rápida de la herramienta Pluma: cuando haga la transición entre una línea curva y una recta, querrá hacer clic en el punto de anclaje antes de continuar convirtiéndolo de un punto liso a un punto de esquina, para que tenga una línea recta línea y ángulo de limpieza.)

Si es necesario, cambia el tamaño de la forma completa para que tenga la misma altura que el torso. Lo reutilizaremos para el brazo derecho, así que copie y pegue la forma para duplicarla y luego gírela 180 grados seleccionando Objeto> Transformar> Rotar y escribiendo 180. Con la forma aún seleccionada, haga clic en el asa superior central de su marco y arrástrela hacia abajo un poco para que el brazo no sea tan alto como el primero.

Paso 3 

A continuación, las manos y las piernas. Para las manos, dibuje justo encima de los brazos con la Lapicera para que las proporciones salgan bien y no tengas que cambiar el tamaño. Similar a los brazos, tenemos una combinación de líneas rectas y curvas: líneas rectas para la parte superior de las manos y los dedos y una curva para la parte inferior de la mano donde está la palma..

Para las piernas, dibuja dos rectángulos estrechos y cónicos y agrega unos zapatos o botas simples en la parte superior. Selecciona tanto las piernas como las botas y envía todo a la parte posterior (Objeto> Organizar> Enviar al fondo) entonces están detrás de la falda.

Etapa 4

Por último, la bufanda, el pelo y el sombrero (los colocaremos en ese orden encima del torso).

Para la bufanda, todo lo que necesita es un rectángulo con lados curvos y dos formas de hojas, en el mismo color verde oscuro que usamos antes. Dibuja estos con el Lapicera sin preocuparse demasiado por crear formas perfectas; La mayor parte de la bufanda estará cubierta por el pelo..

Paso 5 

Para el cabello, comienza con el Herramienta elipse Para dibujar un óvalo. Luego regresa a la Lapicera dibujar una especie de triángulo curvo con una cola para las puntas del cabello. 

Después de organizar las dos formas juntas, puede unirlas en una seleccionando Ventana> Pathfinder> Unite; nivelar los bultos con el Herramienta lisa (Acceda con un click-hold de la Herramienta Lápiz).

El color marrón que uso tanto para el cabello como para las botas es # 603813.

Paso 6 

Juntaremos el sombrero en dos etapas, cubiertas en los pasos 6 y 7. Para ver algunos suplementos visuales de estos pasos, desplácese hasta la imagen al final del paso 7.

  • Utilizar el Herramienta elipse para dibujar un óvalo para el borde y girarlo para que se incline ligeramente, aproximadamente 45 grados.
  • Selecciona el Agregar herramienta de punto de anclaje (se accede con un clic en la tecla Lapicera) y haga clic para agregar un punto de anclaje en el óvalo a mitad de camino entre los puntos de la izquierda y la parte inferior. Cambiar a la Herramienta de selección directa y arrastra ese nuevo punto ligeramente hacia adentro. 
  • Todavía usando el Herramienta de selección directa, tome el punto de anclaje situado más a la izquierda y arrástrelo hacia arriba y hacia la izquierda para que el lado del óvalo sea más largo y recto.

Al hacer clic en un punto de anclaje con el Herramienta de selección directa, Aparecerán algunas asas. Puede hacer clic y arrastrar esos controles para manipular los contornos de su forma..

  • Experimente ajustando los mangos de los puntos de anclaje en el lado izquierdo hasta que tenga un óvalo más plano con una sangría leve.

Paso 7 

Ahora trabajaremos en la corona del sombrero.. 

  • Comienza con un pequeño rectángulo inclinado en un ángulo similar a tu óvalo.
  • Utilizar el Agregar herramienta de punto de anclaje para colocar un punto de anclaje en la parte superior del rectángulo cerca del centro. A continuación, arrástrelo hacia abajo y a la izquierda con la Herramienta de selección directa. También arrastre los dos puntos inferiores hacia el exterior, más aún para el de la derecha.
  • Haga clic en el punto de anclaje superior izquierdo con el Herramienta de selección directa,y en el Punto de anclaje barra de herramientas que aparece en la parte superior de la pantalla, seleccione la Convertir puntos de anclaje seleccionados para suavizar botón. Esto le dará a esa esquina un borde redondeado, y puede ajustar los mangos si es necesario.

Utilizar el Lapicera Para rematar el sombrero con una banda roja. El color azul es el mismo que usamos antes para la falda..

Paso 8

¡Ahora tu figura turística está completa! Ajuste el tamaño de cada elemento según sea necesario para que se ajuste a las partes anteriores de la ilustración. Cuando esté satisfecho con el resultado, vuelva a la normalidad. Herramienta de selección, arrastre un cuadro invisible alrededor de toda la ilustración para seleccionar todas las partes y presione Comando / Control-G para agruparlos. 

Coloque la figura en la esquina inferior izquierda de la composición y tamaño para ajustar si es necesario.

6. Organizar la tipografía.

Paso 1

Si aún no lo has hecho, descarga e instala las fuentes que usaremos (Poller One y Marck Script) junto con el gráfico vectorial de trébol de cuatro hojas. Crear una nueva capa llamada "Texto".

Paso 2 

Escriba "IRLANDA" usando la Poller One fuente en aproximadamente 130 puntos. Cambia el color a blanco..

Con la palabra seleccionada, vaya a Efecto> Warp> Rise y establecer el curva a 56%. Colóquelo más o menos en el centro del área del cielo sobre los acantilados..

Paso 3

Utilizar el Herramienta elipse para crear un pequeño círculo blanco que cubra el agujero en la R. Lo reemplazaremos con el gráfico de trébol de cuatro hojas para un poco más festividad del Día de San Patricio.

Coloque el gráfico (Archivo> Lugar> localice donde tiene guardado el archivo), cambie el color a verde (el verde que usaremos de aquí en adelante es el tono más oscuro) y reduzca el tamaño para que se ajuste a la curva de la R.

Etapa 4

Ahora vamos a añadir una sombra. Copia “IRLANDA” y Pegar en la espalda, cambiando el color a verde Ahora ve a Efecto> Distorsionar y transformar> Transformar. En los controles deslizantes bajo Movimiento, Arrástrelos a la izquierda el incremento más pequeño que pueda, que es -0.0139 in. Entonces escribe 12 en la casilla etiquetada copias (Si desea una sombra más grande, simplemente escriba un número mayor). Terminarás con una bonita sombra de reparto como esta:

Paso 5

A continuación, añadiremos el resto de nuestro texto. Utilizando la Marck Script fuente, escriba "Visita" en 110 pt y cambia el color a blanco. 

Coloque la palabra en el espacio vacío sobre "IRLANDA" (de modo que la V se alinee con el trébol) y gírela a un ángulo similar. Luego ve a Objeto> Transformar> Cizalla y escriba 20 en el Ángulo de corte caja.

Paso 6

Nuestro último fragmento de texto, "The Cliffs of Moher", es una mezcla de los dos tipos de letra. Puedes ver el arreglo abajo.. 

Todas las letras mayúsculas (excluyendo la C y la M en el guión) se establecen en Poller One, 35 puntos. Las partes que siguen a la C y M se rotan y luego se cortan 20 grados, la misma técnica que utilizamos para la "Visita". 

El C y M se establecen en Marck Script a 132 puntos. La M también se giró y luego se cortó 20 grados para ajustarse mejor con la inclinación del texto. La palabra "de" es 54 puntos, Sin efectos adicionales. El color es el mismo azul que usamos para el primer gradiente., # 4E789C.

Y eso envuelve la colocación de nuestra tipografía. Esto es lo que tenemos hasta ahora: la porción de vector completado de nuestra ilustración. A continuación, vamos a cambiar a Photoshop. (Pero no cierre su documento de Illustrator todavía, porque lo necesitaremos una vez más aquí en breve).

7. Configurar en Photoshop

Paso 1

Ahora es el momento de añadir algo de textura a nuestra ilustración. Abra un nuevo documento de Photoshop con las mismas especificaciones que su documento de Illustrator:

Paso 2

Descarga la textura de papel si aún no lo has hecho. Colóquelo en su documento y dimensione para llenar todo el lienzo..

Paso 3

Crear una nueva capa en Photoshop. Ahora ve a Illustrator y copia todos los contenidos de tu mesa de trabajo (ahora hemos terminado con Illustrator).

Pegar en su nueva capa de Photoshop. Cuando aparece un cuadro de diálogo que le pregunta qué desea pegarlo, seleccione Objeto inteligente. De esa manera, si observa algo en su ilustración vectorial que desea cambiar, todo lo que tiene que hacer es hacer doble clic en el objeto inteligente y se abrirá automáticamente en Illustrator. Realiza los cambios que deseas, los guardas en Illustrator y los cambios aparecen mágicamente en Photoshop. Con buena pinta! 

Etapa 4 

Con su objeto inteligente seleccionado, vaya a Capa> Estilo de capa> Opciones de fusión y seleccione Luz dura desde el Modo de mezcla Menú desplegable. Todos los demás ajustes pueden permanecer igual. Esto hace que parezca que nuestra ilustración vectorial se imprimió realmente en papel real.

El papel marrón le dará un cierto tono a la ilustración. Si desea modificar ese tono, quizás hacerlo más amarillento o verdoso, intente experimentar con las opciones que encontrará debajo de Imagen> Ajustes> Variaciones. 

8. Añadir textura

Nuestro método para agregar textura a la ilustración real es simple, con solo dos herramientas: la Herramienta de selección rápida y la Herramienta de pincel, utilizando uno de los pinceles predeterminados de Photoshop.

Paso 1

Crea una nueva capa. Elegir la Herramienta de selección rápida, asegurándose de seleccionar el Muestra todas las capas casilla de verificación en la parte superior de la pantalla. Esto nos permitirá seleccionar áreas específicas en las que queremos que nuestras texturas pulidas se mantengan dentro. 

Ahora vamos a empezar con la ladera cubierta de hierba. Utilizar el Herramienta de selección rápida, haciendo clic y arrastrando el cursor por la ladera. La herramienta debe hacer que su selección se ajuste automáticamente a la forma exacta de la ladera, indicada por una línea discontinua ondulada:

Paso 2

Ahora elige el Herramienta cuentagotas y haga clic dentro del área verde más clara de la ladera para seleccionar ese color. Elige el Esponja de mar 2 pincel, o cualquier otro pincel texturado que te guste (puedes encontrar este en el Cepillos panel en el Acabados Faux cepillos categoría). 

Haga el diámetro del pincel bastante grande, entre 400 y 500 píxeles, y agregue algunos reflejos a lo largo de la parte superior de la ladera. Aplique el pincel un clic a la vez en lugar de con trazos: la textura granulada se verá mejor de esta manera. Y no se preocupe por “colorear fuera de las líneas”: las texturas solo se aplicarán dentro de los límites del área que seleccionamos con la herramienta de selección rápida.

Recuerda, siempre puedes borrar cualquier cosa que no te guste..

Paso 3

Repita el mismo proceso para los acantilados. Intente agregar textura en dos tonos: uno más claro que el color base de un acantilado y otro más oscuro. También puede disminuir la opacidad de su pincel para un efecto más difuminado o para ayudar a mezclar los bordes de sus texturas.

Si desea eliminar parte de su selección (digamos que seleccionó todo el primer acantilado pero desea restar los parches de hierba), simplemente presione el botón Restar de la selección (el tercero en la barra de herramientas en la parte superior de la pantalla) antes de continuar usando el botón Herramienta de selección rápida. Si quieres una capacidad de selección más precisa, reduce el tamaño de tu pincel.

Etapa 4

Para la espuma marina, comience con blanco y concentre su textura cepillando cerca de los bordes inferiores de los acantilados. 

Luego usa el Herramienta cuentagotas y elija azules en el área de agua de su ilustración, trabajando hacia adentro con el pincel hacia las texturas blancas que acaba de aplicar para suavizar un poco las líneas externas duras de ese degradado blanco.

Paso 5

Por último, pero no menos importante, agregue un poco de sombreado a su turista y luego admire su creación terminada! 

Has llegado a tu destino! 

Felicitaciones por hacerlo todo el camino. Espero que hayas aprendido algunos consejos y técnicas para emparejar las herramientas y habilidades únicas que se encuentran tanto en Illustrator como en Photoshop para completar un solo proyecto. Esperamos que tenga alguna buena práctica al usar la herramienta Pluma y los puntos de anclaje en uno, y aplicar la textura con los modos de fusión y los pinceles en el otro..

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