7 days of PS Actions, graphics, templates & fonts - for free! Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Fan Art

Diseña un póster vintage de la película "El Mago de Oz" en Adobe InDesign

Read Time: 14 mins
This post is part of a series called The Wizard of Oz.
This Year's Halloween Theme is... the Wizard of Oz!
Create a Colouring Book Style Illustration of Dorothy Gale in Adobe Illustrator

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

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

La mejor adaptación cinematográfica más conocida de El Mago de Oz es el querido clásico de Judy Garland de 1939. En este tutorial diseñaremos un homenaje a la película y a la Edad de Oro de Hollywood con un póster de película que tiene un distintivo ambiente vintage.

Utilizando Adobe InDesign y Adobe Illustrator, aprenderás a desarrollar un estilo vintage en tus diseños de pósteres, utilizando gráficos, texturas, colores y tipografía. Adecuado para usuarios principiantes e intermedios del software, es una gran introducción a algunos de los principios clave del diseño de pósteres.

Pongámonos en marcha y "sigamos el camino de ladrillos amarillos".

final posterfinal posterfinal poster

1. Prepara tu documento de póster

Diseñaremos la maqueta del póster en Adobe InDesign y utilizaremos Illustrator para crear los gráficos que se utilizarán en el diseño. Así pues, lo primero es abrir InDesign.

Paso 1

Ve a Archivo > Nuevo > Documento y, en la ventana Nuevo Documento que se abre, mantén la Calidad del documento establecida en Imprimir.

new document for printnew document for printnew document for print

Paso 2

Bajando por la ventana, seleccione A3 en el menú desplegable Tamaño de página (297 mm por 420 mm) y mantén la Orientación horizontal.

Mantén los Márgenes en su valor predeterminado de 12,7 mm en todos los lados, excepto el Margen inferior, que deberá aumentar a 26 mm.

Establece el Sangrado en todos los lados a 3 mm y haz clic en OK para crear tu nueva página de póster.

new document windownew document windownew document window
new documentnew documentnew document

2. Construye las capas de tu póster

Los pósteres de época tienen un aspecto "vintage" porque tienen una apariencia de capas, construidas con texturas, efectos y colores. Cualquier cosa demasiado plana y unidimensional parecerá demasiado pulida.

Construyamos las capas de nuestro diseño de póster utilizando el panel Capas de InDesign...

Paso 1

Despliega el panel Capas, que probablemente estará anclado en el lado derecho del espacio de trabajo. Si no lo encuentras, ve a Ventana > Capas.

Haz doble clic en el nombre por defecto de la Capa 1 en el panel para abrir la ventana de Opciones de Capa. Cambia el nombre de la capa por el de Fondo y haz clic en OK.

background layerbackground layerbackground layer

Paso 2

En el menú desplegable del panel Capas, selecciona Nueva capa (o haz clic en el botón Crear nueva capa situado en la parte inferior derecha del panel).

new layernew layernew layer

Cambia el nombre de la nueva capa por el de Borde y haz clic en OK.

border layerborder layerborder layer

Paso 3

Crea otras tres capas en este orden:

  • Camino de ladrillos amarillos
  • Zapatillas de Rubí
  • Tipografía

Ahora tendrás una secuencia de cinco capas, con la Tipografía en la parte superior de la pila.

layers panellayers panellayers panel

Paso 4

Bloquea todas las capas excepto la de Fondo y haz clic en la capa para activarla.

locked layerslocked layerslocked layers

3. Crea una paleta de colores vintage

Antes de empezar a diseñar tu póster, es una buena idea crear una selección de muestras, una paleta de colores vintage que puedas aplicar a los elementos de tu diseño.

Paso 1

Despliega o abra el panel Muestras (Ventana > Color > Muestras).

Haz clic en [Negro] para seleccionar la muestra y, a continuación, ve al menú desplegable del panel Muestras y selecciona Nueva muestra de color. Mantén el Tipo de color como Cuatricromía y el Modo como CMYK, y establece el valor siguiente C=2, M=8, Y=22, K (Negro)=0.

Desmarca la casilla junto a Nombre con valor de color y cambia el nombre de la Muestra a Crema.

Haz clic en Añadir y luego en OK.

new color swatch creamnew color swatch creamnew color swatch cream

Paso 2

Utilizando el mismo proceso que en el paso anterior, crea otras cuatro nuevas muestras CMYK (hasta que tengas cinco muestras en total), con los siguientes valores y nombres:

  • Esmeralda: C=83, M=17, Y=68, K=2
  • Amarillo Vintage: C=7, M=22, Y=87, K=0
  • Rubí: C=2, M=100, Y=85, K=6
  • Vintage Black: C=62, M=59, Y=68, K=72
new color swatch rubynew color swatch rubynew color swatch ruby
new color swatch yellownew color swatch yellownew color swatch yellow
swatches panelswatches panelswatches panel

Paso 3

En el panel Herramientas, anclado a la izquierda del espacio de trabajo, selecciona la Herramienta Rectángulo (M) y arrástrala a través de toda la página, hasta los bordes del sangrado en todos los lados.

Establece el Color de trazo a [Ninguno] y el Color de relleno a Crema.

cream rectanglecream rectanglecream rectangle

4. Crea un borde de estilo vintage

Te habrás dado cuenta de que la mayoría de los carteles de estilo vintage tienen imperfecciones, como líneas temblorosas y texturas irregulares. Todo ello contribuye a lograr ese aspecto vintage perfectamente imperfecto.

Paso 1

Vuelve al panel de Capas y Bloquea la capa de Fondo. Desbloquea la siguiente capa, Borde.

locked layerslocked layerslocked layers

Selecciona la Herramienta Pluma (P) en el panel Herramientas y empieza a hacer clic alrededor de los márgenes de la página (indicados por una línea de color que recorre el interior de los bordes de la página) con un objetivo ligeramente imperfecto.

Cíñete más o menos al margen, pero deja que tu pluma deje caer puntos de ancla a ambos lados, aquí y allá, para crear una forma de rectángulo imperfecto.

pen toolpen toolpen tool
pen tool around marginpen tool around marginpen tool around margin

Haz clic en el primer punto de ancla para unir los puntos en una forma sólida.

completed shapecompleted shapecompleted shape

Ajusta el Color de relleno de la forma a Esmeralda, y el Color de trazo a [Ninguno].

shape with emerald fillshape with emerald fillshape with emerald fill

Paso 2

Con la forma esmeralda seleccionada, dirígete al menú principal en la parte superior del espacio de trabajo y selecciona Objeto > Efectos > Transparencia.

Ajusta el Modo a Multiplicar y reduce la Opacidad al 90%.

transparency effecttransparency effecttransparency effect

Desde el menú de la izquierda de la ventana de Efectos, haz clic en Pluma de degradado para aplicar un degradado por defecto y abrir las opciones para ajustar el degradado.

Gira el Ángulo a -60 Grados, y acerca los Topes del degradado razonablemente, en la mitad derecha de la escala.

gradient feathergradient feathergradient feather

Haz clic en OK para salir de la ventana de Efectos. Ahora tienes un borde perfectamente imperfecto en tu diseño de póster, que se ve muy bien. ¡Buen trabajo!

completed effectscompleted effectscompleted effects

5. Sigue el camino de ladrillos amarillos...

El punto central de nuestro póster va a ser un gráfico abstracto del famoso camino de ladrillos amarillos de la película. Para crearlo, tendremos que dirigirnos a Adobe Illustrator.

Paso 1

En primer lugar, permanece en InDesign y ve al panel de Muestras. Haz clic para seleccionar la muestra Amarillo Vintage y elige Guardar muestras en el menú desplegable del panel.

save swatchessave swatchessave swatches

Nombre el archivo de Adobe Swatch Exchange (ASE) como "Amarillo Vintage" y haz clic en Guardar.

save ASE filesave ASE filesave ASE file

Paso 2

Ahora puedes abrir Illustrator y ve a Archivo > Nuevo para crear un Nuevo documento. Mantén todas las opciones por defecto como están y haz clic en OK.

Abre el panel de Muestras (Ventana > Muestras) y abre el menú desplegable del panel. Ve a Abrir Biblioteca de Muestras > Otra Biblioteca.

open swatch libraryopen swatch libraryopen swatch library

Navega hasta tu archivo ASE en tu computadora y haz clic en Abrir. La muestra Amarillo Vintage se cargará en su propia ventana.

vintage yellow swatchvintage yellow swatchvintage yellow swatch

Paso 3

¡Ahora vamos a crear nuestro camino de ladrillos amarillos! En el panel de Herramientas, elige la Herramienta Espiral (encuéntrala en el menú desplegable de la Herramienta Segmento de línea).

Mantén pulsada la tecla Mayús y arrástrala sobre la mesa de trabajo para crear una espiral uniforme, como se muestra. Ajusta el Color de Trazo de la espiral a Amarillo Vintage.

spiral toolspiral toolspiral tool

Paso 4

Abre el panel de Pinceles (Ventana > Pinceles) y haz clic en el botón del Menú de bibliotecas de pinceles situado en la esquina inferior izquierda del panel. Elige Artístico > Artístico_LápizTizaCarboncillo.

artistic brushesartistic brushesartistic brushes

Con la gama de pinceles cargada, selecciona el pincel llamado Tiza - Blunt y aplica el pincel al trazo de la espiral. Aumenta el grosor del Trazo a 4 pt, desde las opciones en la parte superior del espacio de trabajo.

brush applied to spiralbrush applied to spiralbrush applied to spiral

Paso 5

Coge la Herramienta Tijeras (C) del menú Herramientas (bajo el menú desplegable de la Herramienta Borrador). Para crear los "ladrillos" del camino, recorta la espiral a lo largo de su longitud a intervalos variables. Crea una sección más grande, seguida de otra más pequeña, y borra las secciones más pequeñas para crear una secuencia de "ladrillos" grandes.

scissors toolscissors toolscissors tool

Continúa a lo largo de toda la espiral.

Para crear un efecto de camino pavimentado, arrastra el ratón por partes de la espiral y ve a Edición > Copiar, Edición > Pegar. Reduce un poco el tamaño de las secciones pegadas si es necesario (manteniendo pulsada Mayús para mantener las proporciones), y colócalas dentro de la primera espiral.

pasted brickspasted brickspasted bricks

Repite el proceso, copiando y pegando secciones de la espiral y posicionándolas fuera del borde de la espiral original, a lo largo de su base, hasta que tengas un camino en espiral que gradualmente se expande en tamaño hacia el exterior de la espiral.

completed spiralcompleted spiralcompleted spiral

Paso 6

Arrastra el ratón sobre todo el gráfico, de modo que hayas seleccionado todos los "ladrillos", y luego ve a Edición > Copiar.

select and copy spiralselect and copy spiralselect and copy spiral

Vuelve a tu diseño de póster en InDesign, y Bloquea la capa Borde. Desbloquea la siguiente capa, Camino de Ladrillos Amarillos. Ve a Edición > Pegar para colocar el gráfico en espiral en la página.

Puedes girar un poco el gráfico, intenta que parezca un poco imperfecto y descentrado, y colócalo hacia la parte superior derecha de la página, como se muestra.

paste into indesignpaste into indesignpaste into indesign

Una vez que estés satisfecho con la disposición, vuelve al panel de Capas y Bloquea la capa Camino de Ladrillos Amarillos. Desbloquea la capa Zapatillas de Rubí que está encima.

6. Crea las Huellas de Rubí

Dorothy no se vería muerta sin sus preciosas zapatillas de rubí, y podemos insertar una pequeña referencia a su elección de calzado en nuestro diseño de póster.

Puedes dibujar tus propias formas sencillas de huellas (recuerda incluir un tacón y una suela puntiaguda para los zapatos de tacón) en Illustrator, o descargar este archivo EPS ya preparado de GraphicRiver.

Paso 1

Abre el gráfico en Illustrator y aísla solo el par de zapatos de tacón para trabajar con él.

footprint vectorfootprint vectorfootprint vector

Aplica un Pincel de Carbón fino al Trazo de las huellas para darles un borde ligeramente más áspero. A continuación, arrastra el ratón por una de las huellas, y haz Edición > Copiar.

charcoal brush applied to strokecharcoal brush applied to strokecharcoal brush applied to stroke

Paso 2

Vuelve a InDesign, y haz Edición > Pegar a la huella en la capa Zapatillas de Rubí. Ajusta el Trazo y el Color de Relleno del gráfico a Rubí.

Volver a Illustrator y Edición > Copiar la otra huella (esto se hace por separado para poder editarlas por separado en InDesign), y Pegar en InDesign. Establece el Trazo y el Relleno de esta a Rubí también.

Ahora puedes cambiar el tamaño de las huellas (manteniendo pulsada Mayús) y ajustar su ángulo y posición. Colócalas en algún lugar del camino de ladrillos amarillos, como se demuestra a continuación.

ruby slippersruby slippersruby slippers

Paso 3

Como toque final, arrastra el ratón por la página para seleccionar ambas huellas y ve a Objeto > Efectos > Transparencia. Ajusta el Modo a Multiplicar y haz clic en OK.

multiply effectmultiply effectmultiply effect
final resultfinal resultfinal result

7. Termina tu póster con tipografía vintage

Hay una diferencia entre los auténticos diseños "vintage" y los diseños que toman prestados los estilos vintage. Este póster entra en el último grupo. Queremos que el póster parezca un homenaje contemporáneo a los estilos vintage, y la tipografía es una forma estupenda de introducir elementos modernos y retro en el diseño de un póster.

Paso 1

Lo primero que hay que hacer es seleccionar los tipos de letra. Hay una gran variedad de tipos de letra que pretenden ser de estilo "vintage", algunos son mejores que otros, y en realidad depende de ti elegir un tipo de letra que refleje el tipo de época y la sensación que quieres para el diseño de tu cartel.

Estos son los tipos de letra que he elegido para este cartel. Pero no dudes en experimentar con otras opciones.

Minotaur es una fuente fuerte con un guiño a los estilos tipográficos de los años 30, y Fontleroy Brown es una serifa más tradicional de los años 40.

Descarga las fuentes anteriores (o elige las tuyas), instálalas y vuelva a InDesign.

Paso 2

De vuelta en el panel de Capas, Bloquea la capa Zapatillas de Ruby y Desbloquea tu capa superior, Tipografía.

Desde la regla de la parte superior de la pantalla (si no puedes ver tus reglas, ve a Ver > Mostrar reglas) haz clic y arrastra hacia abajo una guía hasta la Posición Y 374 mm, hacia el fondo de la página.

guide on pageguide on pageguide on page

Coge la Herramienta Texto (T) y crea un marco de texto grande y cuadrado. Colócalo en la esquina inferior derecha de la página. Escribe 'Oz' y ajusta la Fuente a Minotaur, Tamaño 260 pt. Ajusta el Color de la fuente a Rubí.

Ajusta la posición del marco de texto para que la línea de base del texto coincida con la posición de la guía de 374 mm.

oz text frameoz text frameoz text frame

Paso 3

Baja una segunda guía en la página, a 329 mm. Utiliza la Herramienta Texto (T) para crear otro marco de texto, esta vez un poco más largo, y escribe "Wizard" (Mago) en él.

Establece la Fuente en Fontleroy Brown, tamaño 241 pt, y establece el Color de fuente en Crema.

Coloca el marco de texto a la izquierda de la página, apoyando la línea de base del texto en la guía de 329 mm.

wizard text framewizard text framewizard text frame

Paso 4

Crea otro marco de texto mucho más pequeño y colócalo encima de "Wizard" a la izquierda de la página.  Escribe "the" y establece la Fuente en Minotaur, el Tamaño de 70 pt y el Color de fuente en Crema.

the text framethe text framethe text frame

Selecciona el marco de texto y Copia y Pega, ajustando el texto para leer "de" y aumentando el Tamaño de fuente a 100 pt. Posicionar a la izquierda de "Oz".

of text frameof text frameof text frame

Paso 5

Ahora que tienes el título de la película junto, puedes introducir otros subtítulos más pequeños, como líneas telefónicas, citas de reseñas o los nombres del elenco.

Aquí, configuré "Judy Garland" en Tamaño 37 pt Minotaur, Color de fuente Negro Vintage y elegí Alinear a la derecha en el panel Controles de formato de caracteres en la parte superior de la pantalla. He colocado su nombre encima de "Oz".

judy garland headlinejudy garland headlinejudy garland headline

También agregué los nombres de otros miembros prominentes del reparto debajo de "Wizard", configurándolos en Minotaur, Tamaño 23 pt y Negro Vintage. Los he alineado al azar para darle a la tipografía una sensación más auténticamente vintage. También agregué palabras de conexión como "starring" (protagonista) en Fontleroy Brown, para dar un poco de contraste.

cast namescast namescast names
final resultfinal resultfinal result

8. Un toque vintage final...

Tu póster se ve muy bien, pero podemos darle un aspecto aún más auténticamente vintage al incorporar un poco de textura en el fondo del diseño.

Paso 1

Bloquea la capa Tipografía y Desbloquea la capa Borde más abajo. Con la capa activada, selecciona la forma esmeralda y ve a Edición > Copiar.

border layerborder layerborder layer

Paso 2

Sin pegar tu forma, primero editemos la forma esmeralda existente que tenemos aquí en la página.

Elimina los efectos aplicados a la forma seleccionándola y yendo a Objeto > Efectos. Anule la selección de Desvanecimiento de degradado en el menú de la izquierda de la ventana Efectos y restablece la Transparencia a Normal y la Opacidad al 100%. Haz clic en OK para salir de la ventana.

transparency removedtransparency removedtransparency removed

Elimina el relleno de color esmeralda eligiendo [Ninguno] en el panel Muestras.

color removedcolor removedcolor removed

Paso 3

Ahora dirígete a Archivo> Colocar. Elige una imagen de fondo de papel con un toque vintage. Prueba esta textura de papel de PhotoDune.

Selecciona Abrir y cambia el tamaño de la imagen del papel para que llene la forma (elige Llenar marco proporcionalmente en las opciones que aparecen en la parte superior del espacio de trabajo).

paper image placedpaper image placedpaper image placed

Paso 4

Finalmente, ve a Edición > Pegar en mismo lugar para pegar una copia de tu forma de esmeralda original en la parte superior de la imagen del papel. La textura del papel se asomará sutilmente a través de la forma esmeralda y le dará a todo el póster un aspecto vintage mucho más auténtico.

final posterfinal posterfinal poster

Conclusión

¡Excelente trabajo! ¡Tu póster está terminado y tiene un aspecto fantástico!

Todo lo que necesitas hacer ahora es exportarlo (Archivo > Exportar, elegiendo Adobe PDF (Imprimir) o (Interactivo) en el menú desplegable Formato) y compartirlo con amigos y familiares.

final poster hung upfinal poster hung upfinal poster hung up

En este tutorial, has adquirido algunas habilidades transferibles y realmente útiles para recrear digitalmente diseños de estilo vintage. Ahora puede sentirse seguro:

  • Crear un fondo de estilo vintage y un borde "perfectamente imperfecto" para los diseños de tus pósteres.
  • Crear paletas de colores de muestra personalizadas en InDesign y compartirlas con Illustrator como archivos ASE
  • Creación de gráficos vectoriales simples en Illustrator, listos para pegar directamente en tus documentos de InDesign
  • Elegir los tipos de letra adecuados y crear una tipografía con un toque retro
  • Integrar texturas de papel en tus diseños para recrear ese auténtico aspecto vintage.

Impresionante trabajo. ¡No dudes en compartir tus diseños de pósteres en los comentarios a continuación!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription.
Unlimited Downloads.
Get unlimited downloads