Cómo diseñar un cartel de teatro retro en Adobe Illustrator

Lo que vas a crear

¿Cómo se prueba el pedigrí real de una princesa? Por si es o no capaz de dormir bien por la noche si hay un solo guisante debajo de su pila de 40 colchones, al menos según el cuento de hadas de Hans Christian Andersen "La princesa y el guisante". 

Si bien el cuento original es corto, ha inspirado otras narraciones (como suelen hacer los cuentos de hadas), como el musical de Broadway. Una vez sobre un colchón. El reparto original incluía a la actriz y comediante Carol Burnett (quien fue nominada para un Premio Tony en el papel de la Princesa Winnifred) y abrió en el Phoenix Theatre de Nueva York en 1959 antes de mudarse a Broadway..

En este tutorial, diseñaremos un póster ilustrado de homenaje para la producción original de Una vez sobre un colchón, aunque el diseño podría ser fácilmente utilizado para una producción actual. Usaremos las herramientas básicas de formas de Illustrator y la herramienta Pluma para crear capas para la base de nuestra ilustración, y luego agregaremos detalles y texturas con pinceles vectoriales y máscaras de recorte, junto con algunas tipografías divertidas..

Asegúrese de revisar la selección de plantillas de póster de Envato Market en una amplia variedad de estilos y categorías de eventos para obtener una ventaja en sus propios proyectos..

Lo que necesitarás

Los siguientes recursos fueron utilizados para completar este tutorial:

  • Pinceles de textura de vector
  • Fuente: Trocchi
  • Fuente: Steelfish
  • Fuente: Honey Script
  • Fuente: Gone

1. Prepare su documento

Paso 1

Abra un nuevo documento en Adobe Illustrator. Un tamaño típico para carteles de cine y cine es de 27 por 40 pulgadas (para los estándares de los EE. UU.), Pero trabajar con un documento tan grande podría hacer que Illustrator sea un poco lento, no dude en usar dimensiones más pequeñas (como 11 x 17 pulg. / A3) A los efectos de este tutorial..

Paso 2 

Si desea utilizar el mismo esquema de colores que se ve aquí, ahora sería un buen momento para configurar su paleta y preparar los colores en el panel Muestras. Puedes ver los colores y sus códigos hexagonales a continuación. Simplemente ingrese cada código en el Selector de color ventana, golpe DE ACUERDO, y arrastre el color de la Llenar cuadro en su barra de herramientas a su abierto Muestras panel.

Solo como nota al margen, para los fines de este tutorial en línea, trabajaremos con el color RGB (cómo se muestran los colores en las pantallas / dispositivos), pero si en realidad estuviéramos diseñando un póster para imprimir, podríamos querer diseñar en Color CMYK (que utilizan todas las impresoras) o convertir de RGB a CMYK al preparar el archivo para imprimir.

2. Añadir un fondo

Paso 1

Abre una nueva capa y nómbrela Fondo (para cambiar el nombre, simplemente haga doble clic en la nueva capa en la Capas panely se le dará un lugar para escribir un nuevo nombre).Rellena toda tu mesa de trabajo con el color azul claro (# B3C5AB) usando el Herramienta rectangular.

Paso 2

Si no hizo esto al comienzo del tutorial, instale y abra el conjunto de pinceles para aerógrafos. Usaremos estos pinceles para agregar textura granulada a nuestro póster, un efecto que fue común en los estilos ilustrativos de los años 50 y 60..

Elige un pincel o dos para agregar un poco de textura en una forma ovalada en el centro de tu fondo. Use un color de trazo que sea un poco más claro que el color de fondo.

Hay un par de maneras en que puede hacer esto: completamente a mano alzada usando el Pincel, o comience creando un contorno ovalado con la Herramienta elipse, aplique uno de los pinceles de textura como un trazo en la forma y luego rellene el espacio vacío a mano con un pincel. Esta segunda técnica es la que opté por usar Airbrush 13 para el contorno y Airbrush 6 para completarla. Si desea que el efecto sea un poco más sutil, seleccione las texturas cepilladas y reduzca su opacidad a alrededor del 60%..

  • Consejo para ahorrar tiempo: Una manera fácil de generar automáticamente una selección de tonos y sombras (o versiones más claras y oscuras) de un color determinado es abrir Illustrator Guía de color (Ventana> Guía de colores). Si ya tiene un color en el área de Relleno de su barra de herramientas, cuando abra la Guía de colores, la fila superior tendrá su color seleccionado en el centro con sus matices y sombras a la derecha e izquierda, respectivamente.

Paso 3

Bloquee la capa de fondo haciendo clic en el cuadro vacío a la izquierda del nombre de la capa en el Capas panel; Aparecerá un icono de candado. Hacer esto evita que los elementos en esa capa se muevan o se interpongan en tu camino cuando intentas trabajar sobre ellos.

3. Apilar algunos colchones

La pila de colchones de la princesa será el principal concepto organizador de nuestro diseño. La princesa, por supuesto, se sentará en la parte superior, pero los colchones también se doblarán como espacio para el título de la obra y otros textos..

Paso 1

Abre una nueva capa y nómbrela Colchones. Intenta apilar una combinación de formas rectangulares y más "floppy". Para los colchones de borde recto, elija el Herramienta de rectángulo redondeado con un clic en la tecla Herramienta rectangular; Selecciónelo en el menú que aparece. Para obtener más formas de forma libre, comience con la Herramienta elipse y luego arrastre los puntos de anclaje y los controles de la forma hasta que obtenga el aspecto deseado, o cree sus propias formas con el Lapicera.

El número de colchones dependerá de las formas y tamaños específicos con los que termine, pero querrá asegurarse de dejar un espacio generoso tanto en la parte superior como en la inferior de la mesa de trabajo. También puede agregar una sugerencia simple de un marco de cama en la parte inferior si lo desea.

Paso 2

Incluya algunos colchones con alturas más grandes o ajuste algunos que ya ha dibujado; Necesitaremos estas áreas para colocar el texto del título del musical..

Como toque final, no olvides ocultar un guisante en algún lugar de allí.!

Paso 3

Este paso es opcional, pero si desea agregar más detalles a los colchones, este sería el momento de hacerlo. Puedes intentar dibujar algunos adornos como rayas o lunares y / o agregar alguna textura como la que colocamos en el fondo..

Sin embargo, habrá un paso adicional en el proceso. Después de agregar sus detalles o texturas sobre las formas del colchón, querrá recortar o recortar esos elementos a la forma de cada colchón. Una forma de hacerlo es con máscaras de recorte. Si no está familiarizado con este proceso, puede ponerse al día con nuestro Consejo rápido sobre máscaras de recorte. Así es como se verá tu trabajo antes y después de hacer máscaras de recorte:

Etapa 4

Ya sea que haya decidido o no agregar detalles adicionales a los colchones, ahora es el momento de finalizar su disposición antes de agregar texto en la parte superior. Siéntase libre de cambiar su forma, tamaño, rotación o color hasta que obtenga un resultado que le guste.

Esto es lo que terminé después de crear varias máscaras de recorte (a veces dos para un solo colchón, capas de texturas con otros adornos). Para las texturas, fui a la Guía de colores para elegir colores un poco más claros o más oscuros que los colores base de los colchones y los apliqué con Airbrush 13 nuevamente..

Bloquee la capa de colchones antes de pasar a los siguientes pasos.

4. Coloque la tipografía.

¿Recuerdas cómo hicimos algunos de los colchones extra altos unos pasos atrás? Así fue como tendríamos mucho espacio para colocar el título del musical, que es nuestro primer asunto en esta sección. Así que abre una nueva capa y llámala algo así como Texto o Tipografía.

Paso 1

Decidi dividir el titulo, Una vez sobre un colchón, en dos piezas (que se presentará en dos colchones). Podrías probar diferentes divisiones dependiendo de lo que funcione para tu composición..

  • "Once upon a" se establece en la fuente Trocchi en letras minúsculas, dimensionada para cubrir el ancho del colchón, y girada un poco para coincidir con la inclinación.
  • "Colchón" se encuentra en letras mayúsculas en la fuente Steelfish, y nuevamente, se escala y se gira para que se ajuste perfectamente a la forma del colchón. Para dar movimiento a las letras, resalte una letra a la vez con la tecla Tipo de herramienta y luego expandir el Personaje panel, ajustando el Cambio de línea de base de cada letra con las flechas arriba y abajo.

Esto es lo que tenemos con el título colocado:

Paso 2

Si lo desea (y el espacio lo permite), puede agregar algún otro texto. He incluido el lema "un nuevo musical" y el nombre de la estrella del espectáculo en dos colchones más, con las fuentes Honey Script y Trocchi.

Paso 3

Por último, llene ese espacio vacío en la parte inferior de su póster con el nombre y la fecha del teatro. El nombre del teatro se establece en la fuente Gone y el tamaño es aproximadamente el ancho de la parte inferior de la pila de colchones. La fecha de apertura se establece utilizando Steelfish de nuevo. Para llenar el espacio de manera más efectiva, intente ajustar el Rastreo (o espacio entre letras) de ambos elementos hasta alrededor de 75-100 en el Personaje panel.

5. ilustrar una princesa

Ahora es el momento de formar una princesa para posarse sobre tu pila de colchones. No podemos tener un diseño inspirado en "La princesa y el guisante" sin la princesa del mismo nombre, ¿verdad??

A veces, dibujar o diseñar figuras humanas (incluso las de dibujos animados) puede parecer difícil, pero en este caso, simplemente estamos repitiendo las mismas técnicas que ya utilizamos: estratificar y manipular formas individuales para crear una composición, luego mejorar. Esas formas básicas añadiendo detalle y textura en la parte superior. Empecemos:

Paso 1

Crea una nueva capa y llámala. Princesa. Puede resultarle útil formar primero la estructura o el "esqueleto" de la ilustración comenzando con las formas básicas delineadas. Eso es lo que he hecho a continuación para calcular la postura y las proporciones de la figura, principalmente utilizando el Lapicera para formar el torso y los brazos, junto con las mangas abullonadas y la falda completa de un vestido / camisón.

Paso 2

Seguir usando el Lapicera y / o herramientas de formas para agregar los contornos de los elementos principales que aún faltan en su ilustración, en mi caso, las manos, los pies, la cabeza y el cabello. Puede guardar detalles como características faciales para un paso posterior.

En este punto, tu princesa puede parecer un poco extraña, un poco como una marioneta, pero no te preocupes; Ella comenzará a unirse rápidamente en el siguiente paso..

Paso 3

Reemplace esos contornos con colores de relleno de su elección. Ajusta cualquier forma que no te quede bien ahora que las ves en color. 

Etapa 4

Para crear las franjas en el vestido que ves arriba, duplica la forma a la que te gustaría aplicarlas y muévelas a un lado de tu mesa de trabajo. Utilizar el Lapicera para dibujar líneas divisorias a través de la forma en la que desea separar los colores. A continuación, seleccione todas las líneas y la forma y vaya a Ventana> Pionero> Divide. Esto dividirá la forma de acuerdo con las líneas que dibujó, y puede seleccionar cada segmento usando Herramienta de selección directa y cambiar su color. Arrastre la forma a rayas hacia la mesa de trabajo para sentarse sobre la forma original.

Paso 5

Ahora también sería un buen momento para agregar texturas si lo desea, obtener variaciones de color de la Guía de colores y usar máscaras de recorte como antes. (Esas formas individuales que creaste en la etapa de trazado harán que el aislamiento y el recorte de las texturas sea mucho más rápido).

Paso 6

Dale a tu princesa algo de personalidad rellenando los rasgos faciales. Usé el Lapicera y Herramienta elipse para esto, más un pincel de textura (Aerógrafo 2) para las mejillas rosadas. Siéntase libre de agregar algunos otros detalles divertidos, como una corona o tal vez algunos adornos en el vestido.

Paso 7

Admira tu trabajo terminado!   

Hacer una reverencia

Buen trabajo, hiciste mucho en este tutorial: ¡una pequeña ilustración, un poco de tipografía, algo de textura y mucho más! Espero que hayas disfrutado combinando varios elementos de diseño y técnicas para producir un proyecto terminado en Adobe Illustrator, así como profundizar en algunas de las gemas ocultas del programa, como la Guía del color..

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