1. Design & Illustration
  2. Vintage

Cómo crear un póster para rendir tributo a "Vértigo" película clásica de Hitchcock en Adobe InDesign

This post is part of a series called Phobia Week!.
How to Draw a Shark Step by Step

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Con las fobias siendo nuestro tema de Halloween aquí en Envato Tuts+ Design, ¿por qué no rendir tributo a una de las más grandes películas jamas realizada sobre una fobia? Saul Bass célebre diseñador de mediados del siglo diseñó el póster original para Vértigo, que incluyó gráficos de espiral, una paleta de colores de dos tonos y texto alegre y desconcertante para crear un sentimiento de inquietante inestabilidad para el espectador.

Técnicamente, vértigo es un síntoma de acrofobia, que es un extraordinario temor a la altura, así que irreverentemente ¡hemos corregido el título original de la película de Hitchcock!

Crearemos el póster en Adobe InDesign, y usaremos Photoshop e Illustrator para editar gráficos para el diseño.

¿Buscas más elementos vintage para utilizar en tus diseños de pósters? Puedes encontrar más texturas antiguas y fuentes vintage en GraphicRiver y Envato Elements.

Lo que necesitarás para crear tu póster

Primero, asegúrate de tener acceso al trío de Adobe de InDesign, Photoshop e Illustrator. También necesitarás descargar las siguientes imágenes y fuentes:

1. Cómo configurar tu póster en InDesign

Configuraremos nuestro diseño como un póster grande de formato estándar 'Arch D'. Si quieres adaptar el póster a un tamaño diferente, tendrás que ajustar el tamaño de los elementos como márgenes, fuentes y gráficos.

Paso 1

Abre InDesign y ve a Archivo > Nuevo > Documento.

Mantén la Calidad establecida en Imprimir y Número de páginas en 1. Desmarca la casilla Páginas enfrentadas. Establece la Anchura de la página en 24 pulgadas y la Altura en 36 pulgadas, para un tamaño Arch D.

Establece los Márgenes Superior, Izquierdo y Derecho en 0.75 pulgadas y el Inferior en una más generosa 1 pulgada. Añade un Sangrado de 0.5 pulgadas y luego haz clic en OK.

new documentnew documentnew document

Paso 2

Expande el panel Capas (Ventana > Capas) y haz doble clic en el título Capa 1. Renombra la capa Background y haz clic en OK.

Toma la herramienta Marco rectangular (F) y arrastra para crear un marco que se extienda por toda la página y hasta el borde del sangrado en todos los lados. Ve a Archivo > Colocar, ubica tu imagen de textura de papel y haz clic en Abrir. Permítele rellenar todo el marco.

paper texturepaper texturepaper texture

Paso 3

Expande el panel Muestras (Ventana > Color > Muestras) y haz clic en el botón Nueva muestra en la parte inferior del panel. Haz doble clic en la nueva muestra para abrir la ventana Opciones de muestra. Nombra la muestra Ivory y establece los niveles CMYK en C=7 M=4 Y=7 K=0. Haz clic en OK.

ivory swatchivory swatchivory swatch

Cambia a la herramienta Rectángulo (M) y arrastra por toda la página, creando una forma para igualar las dimensiones del marco de imagen de abajo. Desde el panel Muestras, establece el Relleno de esta nueva forma en Ivory.

Con la forma seleccionada, ve a Objeto > Efectos > Transparencia, estableciendo el Modo en Superponer y la Opacidad en 50%. Haz clic en OK para salir de la ventana.

overlayoverlayoverlay

Paso 4

Crea una nueva muestra CMYK llamada Orange, con los ajustes C=0 M=62 Y=90 K=0.

orange swatchorange swatchorange swatch

Luego crea una nueva capa arriba de Background y nómbrala Color, antes de bloquear la capa Background.

Toma la herramienta Pluma (P) y realiza trazos sin mucha precisión alrededor del borde del margen, permitiendo que la línea tenga imperfecciones, esto añadirá el aspecto vintage de tu póster.

pen toolpen toolpen tool

Sigue trabajando hasta que hayas creado una forma completa.

pen toolpen toolpen tool

Establece el Relleno de tu nueva forma en Orange y el Color de trazo en [Ninguno].

orange colororange colororange color

2. Cómo añadir un efecto de espiral vintage a tu póster

Paso 1

Abre el vector espirógrafo en Illustrator. Selecciona el espirógrafo y aplícale Edición > Copiar.

vector spiralvector spiralvector spiral

De vuelta en tu documento de InDesign, bloquea la capa Color y crea una nueva capa arriba, nombrándola Spiral. Luego aplica Edición > Pegar al gráfico en el póster. Edita el color de la espiral a tu muestra Ivory.

placed spiralplaced spiralplaced spiral

Paso 2

Para crear un efecto mareante en el póster, aplica Edición > Copiar a la espiral y luego Edición > Pegar en el mismo lugar. Usa las teclas de las flechas para moverla ligeramente hacia arriba y hacia la derecha.

paste in placepaste in placepaste in place

Con esta segunda espiral todavía seleccionada, ve a Objeto > Efectos > Transparencia y disminuye la Opacidad a 70%.

effectseffectseffects

Paso 3

Aplica Edición > Pegar en el mismo lugar a una tercera espiral en la página. Escala esta espiral aumentando su dimensión, manteniendo presionada la tecla Mayúsculas mientras lo haces, permitiéndole superar los bordes de la página.

paste in placepaste in placepaste in place

Ve a Objeto > Efectos > Transparencia y disminuye la Opacidad a 30%.

transparencytransparencytransparency
spiralspiralspiral

3. Cómo añadir un hombre cayéndose a tu diseño

Paso 1

Por ahora aplica Archivo > Guardar a tu diseño de póster y abre tu foto de hombre cayéndose en Photoshop. Queremos editarla para marcar una silueta mejor definida y también para eliminar el fondo.

Duplica la capa Background para preservar una copia, y trabaja en la capa de arriba. Usa la herramienta Lazo (L) para trazar sin mucha precisión el contorno de la figura.

lasso toollasso toollasso tool

Haz clic en Perfeccionar borde en el panel superior Controles. Marca la opción Radio inteligente y ajusta el Radio y los controles deslizantes de Desplazamiento de borde hasta que la selección sea lo más precisa posible.

refine edgerefine edgerefine edge

Usa la herramienta Perfeccionar radio/herramienta Borrar Perfeccionamientos (E) para perfeccionar más tu selección, colocándola tan cerca del contorno de la figura como sea posible.

refine edgerefine edgerefine edge
refine edgerefine edgerefine edge

Paso 2

Haz clic en OK para salir de la ventana Perfeccionar borde. Luego aplica Edición > Copiar, Edición > Pegar a la selección en una nueva capa, antes de deshabilitar la visibilidad de las capas de abajo.

pasted selectionpasted selectionpasted selection

Para verificar qué tan limpio es el borde de tu figura, podrías pensar que es útil crear un rectángulo claro abajo de la capa de la figura. Luego puedes usar la herramienta Varita mágica (W) para aislar y eliminar cualquier elemento que aún esté colocado afuera del borde de la figura.

Elige Niveles del menú Ajustes en la parte inferior del panel Capas. Jala los dos controles deslizantes de la izquierda, para oscurecer la imagen.

adjustment levelsadjustment levelsadjustment levels

Paso 3

Con la capa de la imagen seleccionada, ve a Imagen > Ajustes > Mezclador de canales. Desde el menú Ajuste preestablecido en la parte superior, elige el Blanco y negro con filtro azul (RGB), y marca la casilla Monocromo en la esquina inferior izquierda de la ventana. Haz clic en OK para salir.

Esto eliminará mucho de los detalles de la camisa cuadrada del hombre, creando una apariencia más silueteada.

blue filterblue filterblue filter

Paso 4

Ve a Imagen > Ajustes > Filtro de fotografía. Elige Sepia del menú de Filtro, y establece la Densidad en 60%. Haz clic en OK para salir de la ventana.

photo filterphoto filterphoto filter

Deshabilita la visibilidad de cualquier capa ubicada debajo de la capa de la figura y ve a Archivo > Guardar como, guardando la imagen como un archivo de Photoshop (.psd).

final imagefinal imagefinal image

Paso 5

Regresa a tu documento en InDesign y bloquea la capa Spiral. Crea una nueva capa arriba, nombrándola Falling man.

Crea un nuevo marco de imagen usando la herramienta Marco rectangular (F) y aplica Archivo > Colocar en el marco al archivo de Photoshp del hombre cayéndose. Escálalo al tamaño mostrado a continuación y rótalo ligeramente, curvando la forma del hombre alrededor del borde de las espirales interiores.

placed imageplaced imageplaced image

Paso 6

Aplica Edición > Copiar, Edición > Pegar en el mismo lugar al marco de imagen y usa las teclas de las flechas para mover la copia un poco hacia arriba. Con la copia seleccionada, ve a Objeto > Efectos > Transparencia. Establece el Modo en Multiplicar y disminuye la Opacidad a 20%.

multiplymultiplymultiply

Aplica Edición > Copiar a esta segunda imagen, y luego Edición >Pegar en el mismo lugar. Mueve esta copia ligeramente hacia arriba igual que antes. Luego ve a Objeto > Efectos > Transparencia y disminuye la Opacidad a 15%.

multiplymultiplymultiply

Selecciona las tres copias de la imagen y haz Clic derecho > Agrupar.

groupgroupgroup

Paso 7

Selecciona el grupo y aplica Edición > Copiar, Edición > Pegar. Reduce el tamaño de este nuevo grupo, usando la tecla Mayúsculas para escalar, y colocarlo en la parte superior del primer grupo. Rótalo para dar una sensación de movimiento alrededor de la espiral.

rotate grouprotate grouprotate group

Crea un pequeño marco de imagen en el centro de la espiral y aplica Archivo > Colocar al archivos PSD del hombre cayendo. Rótalo un poco y luego ve a Objeto > Efectos > Transparencia, disminuyendo la Opacidad a 65%.

transparencytransparencytransparency
spiral designspiral designspiral design

4. Cómo añadir tipografía estilo Hitchcock a tu diseño

Paso 1

Bloquea la capa Falling man y crea una nueva capa arriba, Type.

Toma la herramienta Texto (T) y arrastra para crear un nuevo marco de texto en la parte superior izquierda del póster. Escribe 'JAMES STEWART' y desde el panel Carácter (Ventana > Texto y tablas > Carácter) o del panel superior Controles, establece la Fuente en Hitchcock, Tamaño 90 pt. Desde el panel Muestras, establece el Color de fuente en Ivory.

Selecciona el marco de texto y aplica Edición > Copiar, Edición > Pegar debajo del primero. Edita el texto para que se lea 'KIM NOVAK'.

text framestext framestext frames

Paso 2

Crea otros cuadros de texto más pequeños arriba y abajo para texto de apoyo. Establece la Fuente en Hitchcock y el Color de fuente en [Negro].

text framestext framestext frames

Crea un marco de texto grande en la parte inferior del diseño, escribiendo el título de la película y estableciendo la Fuente en Hitchcock, Tamaño 130 pt y alinear el texto en Centro.

movie titlemovie titlemovie title

Paso 3

Puedes añadir reseñas a tu póster colocándolas debajo del título de la película. Puedes insertar un gráfico de estrella o usar una fuente como Heydings Common Icons. Ve a Ventana > Texto y tablas > Pictogramas y haz doble clic en un pictograma de estrella para insertarlo.

star glyphstar glyphstar glyph
star glyphsstar glyphsstar glyphs

5. Cómo exportar tu diseño

La ilustración de tu poster está termnada ¡sensacional trabajo! Si quieres imprimir tu póster profesionalmente, continúa leyendo para descubrir la mejor manera de exportarlo...

Paso 1

Primero, verifica que tu póster no tenga errores de ortografía y luego aplica Archivo > Guardar. Ve a Archivo > Exportar y elige Adobe PDF (Imprimir) desde el menú desplegable Formato.

En la ventana Exportar que se abre, elige [Calidad de prensa] del menú Valor de Adobe PDF en la parte superior.

press qualitypress qualitypress quality

Paso 2

Haz clic en Marcas y sangrados en el menú de la izquierda de la ventana. Marca Todas las marcas de impresora y Usar configuración de sangrado del documento.

bleed and marksbleed and marksbleed and marks

Haz clic en Exportar para crear tu archivo listo para impresión.

exported posterexported posterexported poster

Conclusión: Tu póster terminado

Tu póster digno de Hitchcock está terminado y luce brillante ¡espectacular trabajo! Además de crear un genial póster vintage, también has incorporado algunas habilidades útiles del diseño de impresión durante este tutorial, como:

  • Cómo preparar una plantilla para póster en InDesign.
  • Cómo importar gráficos vectoriales a tu diseño.
  • Cómo editar fotos para un diseño de impresión.
  • Cómo incorporar tipografía estándar profesional a tu diseño.
  • Cómo exportar tu laborioso trabajo para impresión profesional.

¿Buscas más elementos vintage para utilizar en tus diseños? Puedes encontrar más fondos y texturas vintage y fuentes retro en GraphicRiver y Envato Elements.

final posterfinal posterfinal poster
One subscription.
Unlimited Downloads.
Get unlimited downloads