Si eres fanático de Grease, simplemente no puedes olvidar la escena icónica de la danza, donde Sandy y Danny asisten a un baile televisado en su escuela secundaria.

En este tutorial vamos a recrear la magia de la película y crear un póster divertido con un atractivo vintage. Aprenderás cómo recrear el look retro usando tipografía, textura y color, y cómo editar una foto a todo color para darle ese aspecto de póster de la década de 1950.

Para este tutorial, que es adecuado para niveles de principiante a intermedio, necesitará acceso a Adobe InDesign, Adobe Photoshop y Adobe Illustrator.

Para descubrir más plantillas geniales para carteles y folletos de eventos, diríjase a Envato Market.

Listo para el rock-n-roll? ¡Estupendo! Empecemos...

1. Redactar el Diseño del Cartel en InDesign

Usaremos tres programas de Adobe para crear nuestro póster de baile: InDesign, Photoshop e Illustrator.

Colocaremos el póster en InDesign, usando el panel Capas para organizar el diseño, y usaremos los otros programas para editar algunos elementos gráficos a usar en el póster.

Paso 1

Abra Adobe InDesign y vaya a Archivo > Nuevo > Documento.

Establece la Intención de Imprimir. Mantenga el Número de Páginas en 1 y deseleccione las Páginas Opuestas.

En Ancho, escriba 18 pulgadas y para la Altura, 24 pulgadas. No se preocupe si esto se convierte a milímetros: esto solo depende de sus preferencias de InDesign.

18 x 24 pulgadas es un tamaño de póster estándar de los Estados Unidos.

Paso 2

Moviendo hacia abajo en la ventana de Nuevo Documento, establezca los Márgenes en todos los lados a 20 mm y agregue también un Sangrado de 5 mm alrededor de la página.

Haga clic en Aceptar para crear su nuevo documento de póster.

Paso 3

¡Es hora de ponerse en capas! Expanda el panel Capas (Ventana> Capas) y haga doble clic en el nombre predeterminado de Capa 1 para abrir la ventana Opciones de Capa.

Renombra el Fondo de la capa y haz clic en Aceptar.

Vaya al menú desplegable del panel y seleccione Nueva Capa. Cree cinco capas más en el siguiente orden y con los siguientes nombres: Color, Gráficos, Foto, Estrellas, Tipografía.

Bloquee todas las capas excepto la capa de Fondo y haga clic en el nombre de la capa para activarla.

Paso 4

Seleccione la Herramienta Marco Rectangular (F) y arrastre a través de toda la página, para crear un marco que se extienda hasta el borde del sangrado en todos los lados de la página.

Vaya a Archivo > Colocar y seleccione un fondo de papel como esta imagen de papel vintage de PhotoDune. Haga clic en Abrir.

Organice la imagen en el marco para que ninguno de los bordes del papel sea visible.

Tome la Herramienta Rectángulo (M) y arrastre a través de la página para crear un rectángulo del mismo tamaño que el marco de imagen debajo.

Expanda el panel Muestras (Ventana > Color > Muestras) y elija Nueva Muestra de Color en el menú desplegable del panel. Establezca los valores CMYK en C=7 M=13 Y=29 K=0, y cambie el nombre de la muestra a Beige.

Establezca el Color de Relleno del rectángulo en Beige.

Con el rectángulo seleccionado, vaya a Objeto > Efectos> Transparencia y reduzca la Opacidad al 65%.

Paso 5

Vuelva al panel Capas y Bloquee la capa de Fondo. Desbloquea la siguiente capa superior, Color. Acércate a la sección superior de la página y toma la Herramienta Lápiz (P).

Haga clic en la esquina superior izquierda, cerca del margen, luego haga clic hacia abajo y vuelva a hacer clic en el otro lado de la página.

Haga clic alrededor hasta que haya creado un rectángulo áspero y estrecho. No se preocupe por hacerlo perfectamente recto-- un poco de imperfección se sumará al aspecto vintage del cartel.

Desde el panel Muestras, cree una nueva muestra CMYK, con los valores C=83 M=73 Y=64 K=93, y cambie el nombre de la muestra como Negro Vintage.

Establezca el Relleno de su nueva forma de rectángulo en Negro Vintage.

Repita el mismo proceso para una nueva forma en la parte inferior de la página. Haga este rectángulo un poco más grueso y configure el Relleno nuevamente en Negro Vintage.

Paso 6

Vuelva al panel Muestras y cree una nueva muestra CMYK. Establezca los valores en C=17 M=98 Y=100 K=8, y cambie el nombre de la muestra a Rojo Vintage.

Vuelva a tomar la Herramienta Pluma (P) y rellene el centro de la página con una nueva forma cuadrada. Deje un pequeño espacio entre los bordes de las formas negras superior e inferior, y no expanda las dimensiones de la nueva forma más allá de los bordes del margen.

Establece el Relleno de la nueva forma en Rojo Vintage.

Vaya a Objeto > Efectos > Transparencia y reduzca la Opacidad de la forma al 80%. Haga clic en Aceptar.

Paso 7

Tome la Herramienta de Línea (\) y arrastre desde la parte inferior de la forma negra superior hasta la parte superior de la forma negra inferior. No se preocupe por hacerlo perfectamente vertical-- un poco de variación se verá más auténticamente retro.

Establezca el Color del Trazo en Beige y el Peso del Trazo (desde el panel Trazo [Ventana > Trazo]) a 2 puntos. Coloque la línea en el lado izquierdo de la página, como se muestra.

Copie y Pegue la línea una y otra vez para crear una serie de líneas paralelas en la sección roja de la página.

Seleccione todas las líneas y haga Clic-Derecho (Windows) o con la combinación de teclas Control-Clic (Mac) > Grupo.

Luego, seleccione las líneas agrupadas y la forma roja detrás de ellas, y haga Clic-Derecho (Windows) o Control (Mac) > Organizar > Enviar al Fondo.

Paso 8

Vuelva al panel Capas y bloquee la capa de color. Desbloquea la siguiente capa superior, Gráficos.

Tome la Herramienta Pluma (P) y haga clic en la parte roja de la página repetidamente, creando un círculo de picos, como se muestra. Continúe haciendo clic hasta que pueda vincular los trayectos en una forma completa.

Seleccione la forma y vaya a Archivo > Colocar. Elija una imagen de textura de papel, con un tono más pálido que el que eligió anteriormente. Prueba esta foto de papel de PhotoDune.

Haga clic en Abrir. Rellena toda la forma con la imagen en papel.

Seleccione la forma y Editar > Copiar, Editar > Pegar en Lugar. Seleccione directamente la imagen de papel dentro del marco pegado y elimínela.

Establezca el Relleno de la forma pegada en Beige.

En Objeto > Efectos > Transparencia, configure el Modo en Multiplicar y la Opacidad en 55%.

Seleccione ambas formas enriquecidas y haga clic con el botón derecho (Windows) o con la tecla Control presionada (Mac) > Grupo.

2. Dale a una Foto un Ambiente Vintage

Ahora que tiene el diseño de su póster listo en InDesign, podemos echar un vistazo a la preparación de algunos de los gráficos que ayudarán a darle vida al póster.

Nuestra primera tarea será tomar una foto a todo color y ditarla en Photoshop para darle un aspecto vintage auténtico.

Paso 1

Descarga esta foto de los bailarines de rock 'n' roll de PhotoDune.

Abramos esta foto en Adobe Photoshop.

Primero, vaya a Capa > Nueva Capa de Ajuste > Niveles y aumente la cantidad de negro en la imagen deslizando la flecha Negra a 8.

Luego duplique la capa de fondo para crear una copia de la imagen original.

Paso 2

Con la capa de fondo duplicada seleccionada, vaya a Filtro > Otros > Paso Alto. Aplique un Radio de 14 y configure el Modo de Fusión de la capa en Superposición.

Luego, vaya a Capa > Nueva Capa de Ajuste > Brillo / Contraste, y reduzca el contraste a aproximadamente -20.

Paso 3

Cree una Nueva Capa de Ajuste desde la parte inferior del panel Capas y seleccione Curvas. Usando el menú desplegable Canal, juegue con las curvas de cada canal de color (creando una forma aproximada de S-bend para cada uno) para crear más contraste dentro de la imagen.

Paso 4

Cree una nueva capa sobre la Capa de Ajuste de Niveles y rellénela con un magenta RGB (R=255 G=0 B=255).

Cambie el Modo de Fusión de esta capa a Pantalla y reduzca la Opacidad a aproximadamente el 5%.

Cree una nueva Capa de Ajuste de Tono / Saturación y reduzca la Saturación a -20.

Paso 5

Vuelva a duplicar la capa de fondo y vaya a Filtro > Ruido > Agregar Ruido.

Deseleccione Monocromático en la parte inferior de la ventana Agregar Ruido y seleccione Uniforme para la Distribución. Establezca la Cantidad en 2,45%.

Paso 6

Seleccione la capa de fondo duplicada que tiene aplicado el filtro de ruido; Luego vaya a Filtro > Corrección de Lente.

En la pestaña Personalizar, reduzca la cantidad a -100 y aumente el Punto Medio a +40.

Paso 7

Para darle a su foto un aspecto final verdaderamente vintage, aplique una Capa de Ajuste en Blanco y Negro y mueva esta capa a la parte superior de la pila de capas.

Marque la casilla de verificación Tinte y haga doble clic en la muestra de color que se encuentra al lado del tinte para ajustar la sombra. Elija un tinte amarillo muy pálido, como R=253 G=253 B=224. Haga clic en Aceptar.

Paso 8

Para usar la foto en el diseño de nuestro póster, también deberemos eliminar el fondo de la foto. Guarde la foto editada y expórtela a un formato JPEG.

Abra esta imagen JPEG en una nueva ventana en Photoshop. Duplique la capa de fondo para mantener una copia de la imagen original. Puede desactivar la visibilidad de la capa de fondo original.

A continuación, tome la Herramienta Lazo (L) y haga clic alrededor de la mitad superior de la imagen. No te preocupes por trazar el borde de los bailarines a la perfección, porque podemos arreglarlo en un momento.

Continúe por la mitad superior de la imagen y luego junte el lazo para seleccionar la mitad superior completa del fondo.

Haga clic en el botón Refinar Borde en el panel de control en la parte superior del área de trabajo. En la ventana Refinar Borde, marque la casilla junto a Radio Inteligente y aumente el Radio a unos 20 px.

Aumente Suavidad a 4, Defínalo a 0,3 y ajuste el Control Deslizante desplazar borde hasta que esté satisfecho con la precisión de la línea.

Haga clic en Aceptar y luego elimine el fondo seleccionado.

Paso 9

Repita el proceso detallado en el paso anterior para el resto del fondo de la foto, usando la Herramienta Lazo (L) para trazar el borde, refinando el borde y eliminando la selección.

Guarde la foto como un nuevo archivo de Photoshop y asígnele el nombre ‘Foto editada sin Background.psd’.

3. Crear Gráficos Retro Auténticos

La diferencia entre los diseños genuinos de carteles vintage y los intentos modernos de estilos vintage se encuentra generalmente en los detalles más pequeños. Las líneas que son demasiado rectas, las fotos sin imperfecciones y la falta de textura en el diseño generalmente traicionan a un aspiranteño vintage y pueden hacer que se vea demasiado moderno.

Voy a mostrarte un truco para hacer que tus fotos se vean aún más retro en estilo, creando una sombra pálida de la imagen detrás de la foto. Esto imita el proceso de pegar imágenes directamente en carteles en borradores dibujados a mano, lo que da a los carteles antiguos ese estilo imperfecto hecho a mano que se ve tan bien.

Paso 1

Para esta parte del tutorial necesitarás usar Adobe Illustrator. Ábrelo y crea un Nuevo Documento.

Archivo > Colocar el archivo PSD de la ‘Foto editada sin fondo.psd’.

Expanda el panel Capas (Ventana > Capas) y cree una nueva capa. Rellénelo con un color brillante y contrastante y establezca esta capa detrás de la foto. Bloquea tanto esta capa como la capa de fotos.

Cree una segunda capa nueva, por encima de la capa de color y detrás de la capa de foto, intercalada entre las dos. Esta es la capa en la que trabajaremos.

Tome la Herramienta Pluma (P) y configure el Trazo y el Color de Relleno en una muestra blanca. Haga clic alrededor de los bordes de los bailarines, trazando la imagen de manera muy informal y desigual. Asegúrate de que el trazado se haga ligeramente fuera del borde de la foto, para que esté visible.

Continúe trazando la Herramienta Pluma alrededor de todo el borde de la imagen, hasta que tenga un borde blanco completo, como se muestra.

Paso 2

Tome la Herramienta Suavizar (debajo del menú desplegable de la Herramienta Lápiz) y arrastre sobre los bordes irregulares o demasiado afilados del borde blanco. La Herramienta Suavizar igualará esto muy bien.

En el menú desplegable Definición de Pincel en la parte superior del área de trabajo, seleccione el botón Menú Bibliotecas de Pinceles y seleccione Artístico > Artistic_Paintbrush.

Desde la selección de pinceles que se abre, elija Pincel Seco 9 y aplíquelo al Trazo de la forma blanca que acaba de crear. Establezca el Ancho del Trazo en 1 pt.

Paso 3

Seleccione la forma blanca y Editar > Copiar. Ahora puede Editar > Pegar la forma directamente en su documento de InDesign, en la capa Gráficos.

Cambie el tamaño del gráfico pegado, use Mayús para mantener las proporciones y céntrelo en la página, encima del círculo puntiagudo, como se muestra.

Bloquea la capa Gráficos y desbloquea la siguiente capa, Foto. Tome la Herramienta de Marco Rectangular (F) y arrastre para crear un marco de imagen en el centro de la página. Archivo > Colocar y elija su ‘Foto Editada Sin Fondo.psd’. Cambie el tamaño hasta que coincida con el tamaño de la forma blanca (con el borde blanco aún visible alrededor de los bordes).

4. Usa Tipografías de Estilo de los Años 50.

La tipografía le dará a tu cartel el mayor guiño a la era de los años cincuenta. En primer lugar, descargue e instale las siguientes fuentes gratuitas:

• KiloGram
• Grand Hotel
• Risque
• Cartwheel

Paso 1

Vuelva a su documento de InDesign y bloquee la capa Foto. Desbloquea la capa en la parte superior de la pila, Tipografía.

Cree un marco de texto con la Herramienta de Texto (T) y escriba 'ROCK'. Establezca la Fuente en KiloGram, Tamaño 230 pt y Color en Negro Vintage.

Gire el marco ligeramente para que el texto se asiente en un ángulo alegre, como se muestra a continuación. Posición en la parte superior derecha de la foto.

Paso 2

Vuelva al panel Muestras y cree una nueva muestra CMYK con los valores C=23 M=0 Y=12 K=0. Renombralo a Baby Blue.

Seleccione el marco de texto ‘ROCK’ y Editar > Copiar, Editar > Pegar. Ajuste el Color de la Fuente del marco de texto pegado a Baby Blue.

Con el marco pegado seleccionado, vaya a Tipo > Crear Contornos para convertir el texto en una forma vectorial ajustable.

Clic-Derecho (Windows) o con la tecla Control presionada (Mac) > Organizar > Enviar a Atrás.

Establezca el texto azul detrás del texto negro y estire el texto azul un poco, para que coincida con el tamaño menos perfectamente.

Repita los mismos pasos, primero escriba ‘ROLL’ en Vintage Black y luego cree una versión vectorial en Baby Blue. Posicione debajo de la foto, como se muestra.

Paso 3

Cree un nuevo marco de texto y escriba ‘‘N’’ en el marco, configurando el tipo en Risque, 250 pt y un Color de Fuente [Papel]. Gire el marco para que coincida con el ángulo de los otros marcos de texto y colóquelo en la esquina inferior izquierda de la foto.

Paso 4

Agregue otros dos marcos de texto girados a la esquina superior izquierda del fondo rojo, escribiendo 'our' en uno, y ' "swell"' en el otro.

Establezca la Fuente en Grand Hotel, 130 pt y el Color de fuente en Beige, Tinte 70%.

Paso 5

Agregue dos marcos de texto al rectángulo negro en la parte superior de la página.

Gire una en el lado izquierdo y escriba "¡No se la pierda!", En Grand Hotel, tamaño 65 pt, y Color de Fuente Beige, Tint 70%.

Escriba ‘Come Along To’ en el cuadro de texto de la derecha, establecido en KiloGram, 99 pt, Todas Mayúsculas y Color de Fuente Beige, Tinte 70%.

Paso 6

Desplácese hasta la parte inferior de la página y cree un nuevo marco de texto pequeño, posicionándolo en el extremo izquierdo del rectángulo negro.

Escriba ‘D’ y configure la Fuente en Cartwheel, Tamaño 160 pt, Rojo Vintage con un Matiz del 85%.

Copie y Pegue el marco de texto repetidamente, ajuste la letra en el marco a medida que avanza y desplace los marcos hacia arriba y hacia abajo un poco para hacer que el texto se vea más alegre, hasta que tenga la frase completa 'DANCE-OFF!´.

Coloque el signo de exclamación en un tamaño más pequeño y en Beige, Matiz 70%.

Como paso final para editar la tipografía del cartel, establezca un par de detalles adicionales sobre el evento (por ejemplo, 'Live Televised Event!’ y ‘Saturday 8th June 1957’) en marcos de texto separados, y en las fuentes Risque y Grand Hotel.

Paso 7

Para darle a tu póster el toque especial final, desbloquea la capa de Estrellas en el panel Capas.

Tome la Herramienta Pluma (P) y, en el tablero de pegado al lado de la página, dibuje una forma de estrella como la que se muestra en la imagen. Ajuste el Relleno a Beige, Matíz 50%.

Copie y Pegue la forma de la estrella repetidamente, y esparza las áreas más vacías del fondo rojo en el póster, variando el tamaño, la rotación y el ángulo para dar un poco de variación.

¡Su Cartel Terminado!

¡Buen trabajo! Tu póster de inspiración vintage está terminado y se ve fantástico-- ¡muy retro!

¿Por qué no intentar mezclar el color de fondo del póster para crear diferentes efectos? Se verá muy bien en un amarillo retro, por ejemplo (intente C=3 M=19 Y=78 K=0).

Todo lo que queda por hacer ahora es exportar el póster para imprimirlo.

Vaya a Archivo > Exportar y guarde el póster como un archivo de Calidad de Prensa, PDF de Adobe (Imprimir). Asegúrese de incluir el Sangrado en la exportación si va a enviar su póster para que lo impriman profesionalmente.

Ha adquirido algunas habilidades prácticas para recrear pósters de estilo vintage en este tutorial. Ahora sabes cómo:

• Cree texturas de papel y colores de inspiración vintage en InDesign para recrear un aspecto envejecido en sus diseños
• Edita fotos modernas a todo color para que aparezcan con un estilo más vintage
• Cree gráficos vectoriales en Illustrator que ayudan a mejorar las fotos de estilo vintage en diseños de póster.
• Trabaja con tipos de letra retro-apropiados y dale a tu tipografía un aspecto auténtico de los años 50

Buen trabajo. ¡Siéntase libre de compartir los resultados de su cartel en los Comentarios a continuación!

¿Buscas más inspiración? Echa un vistazo a algunas plantillas impresionantes para carteles de eventos y folletos en GraphicRiver.