Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Poster Design

Cómo Crear un Póster de Eventos Vintage en Adobe InDesign

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Grease Movie Week.
How to Create a Beauty-Inspired Illustration in Adobe Illustrator
How to Create a 50s Fashion Illustration in Adobe Illustrator

Spanish (Español) translation by Leareny Guerrero (you can also view the original English article)

Final product image
What You'll Be Creating

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.

final poster yellow

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.

new document

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.

margins and bleed

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

new document

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.

layers panel

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.

typography layer

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

locked layers

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.

paper background

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.

beige swatch

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%.

transparency effects
completed effect

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.

pen tool

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.

vintage black swatch

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

rectangle shape

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.

repeated rectangle

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.

swatches panel vintage red

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.

red shape

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

effects window
completed effect

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.

line tool

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.

repeated lines

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.

send to back
completed lines

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.

pen tool star

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.

filled star
position on page

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.

beige fill

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

multiply transparency

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

grouped shapes
completed effect

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.

original photo
photo with vintage effect

Paso 1

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

original photo in color

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.

adjustment layer

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

duplicate layer

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.

high pass

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

brightness and contrast

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.

channels adjustment layer red
channels adjustment layer blue

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%.

levels adjustment layer

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

hue and saturation

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%.

filter noise

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.

lens correction

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.

black and white
final photo with effects

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.

lasso tool

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.

refine edge

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.

lasso tool
refine edge

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.

completed photo effect

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.

pen tool

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

completed border

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.

smooth tool

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.

brush definition

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.

pasted shape

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).

placed photo
position on page

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:

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.

rock text frame

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.

baby blue swatch

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.

create outlines

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

send to back

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.

adjusted vector

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.

repeated effect

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.

character panel

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%.

text frames

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%.

text at top of poster

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%.

text frame at bottom of poster

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%.

dance-off text

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.

completed lower text
poster as it stands

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%.

pen tool star

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.

pasted stars

¡Su Cartel Terminado!

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

final poster in red

¿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).

final poster in yellow

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.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.