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

Como Crear un Poster de Película Indie en Adobe InDesign

Read Time: 12 mins

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

Posters de películas alternativas están cobrando auge en el mundo del diseño gráfico. Diseñadores y fanáticos están creando sus propios posters peculiares para promocionar sus películas favoritas indie y de culto.

En éste tutorial para principiantes crearemos un poster fan-art (arte hecho por fans) para la película favorita independiente 'Like Crazy', y veremos como puedes llevar un auténtico estilo fan-art a tus propios diseños de posters. Usaremos Adobe InDesign, y también Adobe Illustrator para crear y editar gráficos.

¿Qué es exactamente un poster de película 'alternativa'? Diseñadores gráficos e ilustradores dan un giro único en el trabajo artístico previamente aprovado en un estudio (y a veces superan el poster original en popularidad y reconocimiento), resaltando los temas clave de una película y mostrándolos en colores sin brillo que marcan tendencia e impactantes gráficos. Observa el trabajo de diseñadores de posters alternativos reconocidos como Brandon Schaefer y Jacob Wise para inspiración.

En éste tutorial, recorreremos los pasos para crear nuestra propia versión de un poster de película, y te daré algunos consejos e indicaciones para que diseñes tus propios posters de películas alternativas. ¡Comencemos!

1. Configurar Correctamente el Tamaño del Poster

Paso 1

Posters de películas existen en una gama de tamaños, pero la mayoría de los países establecen tamaños estándar, a los que la mayoría de afiches deben ser diseñados.

Aquí, crearemos un poster en un tamaño 'media hoja' de EUA, que tiene una orientación paisaje, y 22 pugadas de alto por 28 pulgadas de ancho.

Primero, abre InDesign, y ve a Archivo > Nuevo > Documento. Manten la Calidad del nuevo documento establecido en Imprimir, y el Número de Páginas en 1. Desmarca Páginas Opuestas.

En Tamaño de Página selecciona A medida... para abrir la ventana Tamaño de Página Personalizado.

Escribe Movie Half-Sheet en el cuadro Nombre y escribe 711 mm (28 in) para la Anchura y 559 mm (22 in) para la Altura. Da click en Agregar, y luego da click en OK.

custom page sizecustom page sizecustom page size

Paso 2

De regreso en la ventana Nuevo Documento, establece los Márgenes en todos los lados en 30 mm y el Sangrado de todos los lados en 5 mm.

new documentnew documentnew document

Da click en OK para crear tu página para el nuevo poster.

new document creatednew document creatednew document created

2. Estructura tu Diseño con Capas

Organizar tu trabajo en capas te ayudará a mantener diferentes elementos en tu poster fácil de bloquear, desbloquear, ocultar y editar. Trabjando en Capas en InDesign es una buena práctica para un diseño organizado, ¡así que puedes empezar!

Paso 1

Abre el panel Capas (Ventana > Capas) y da doble click en el nombre predeterminado Layer 1 y abre la ventana de Opciones de Capa. Renombra la capa como Paper Background y da click en OK.

layer optionslayer optionslayer options

Crea una nueva capa al dar click en el botón Crear Nueva Capa en la parte inferior del panel Capas, o selecciona Nueva Capa... del menú desplegable del panel (accesible desde la esquina superior derecha del panel).

Da doble click en el nombre predeterminado de la nueva capa y renómbrala como Color Background.

layers panellayers panellayers panel

Paso 2

Crea otras tres capas, usando el mismo proceso descrito en el paso anterior, en el siguiente orden: Typography, Planes y finalmente, Clouds, en la parte superior de la serie de capas.

complete set of layerscomplete set of layerscomplete set of layers

Bloquea todas las capas excepto la capa inferior, Paper Background, y da click en la capa para activarla.

locked layerslocked layerslocked layers

3. Introduce Textura y Color

Un poster de película alternativa no tiene el mismo propósito que un poster de película comercial. Fan art es sobre diversion, y dar un aspecto enfocado en el diseño para el maquetado.

Dar a posters de películas para películas de estos días un aspecto de inspiración retro realmente ayuda a meterse en la tendencia fan-art. Dos formas de lograr ésto es dar al maquetado una textura mate actual y una paleta de color inspirada en lo antiguo.

Paso 1

Siguiendo en la capa Paper Background, toma la Herramienta Marco Rectangular (F) del panel Herramientas y arrastra para crear un marco de imagen que se extienda toda la página, hasta los bordes de la sangría en todos los lados.

Colocar una imagen con textura de papel aquí dará al poster una encantadora textura de estilo vintage. Aquí, he usado ésta imagen de PhotoDune, solo abriéndola en Photoshop primero y modificándola un poco para darle un color más dorado, y luego volviéndola a guardar.

photoshop paper imagephotoshop paper imagephotoshop paper image

Ve a Archivo < Colocar y selecciona la imagen de papel; da click en Abrir. Elige Rellenar el Marco Proporcionalmente del panel Controles que corre en la parte superior del espacio de trabajo, o da doble click en el marco para directamente seleccionar la imagen y usar Mayúsculas para redimensionar, hasta que el papel llene el marco lo mejor que pueda.

placed paper imageplaced paper imageplaced paper image

Paso 2

Regresa al panel Capas y Bloquea la capa Paper Background. Desbloquea la capa Color Background.

Abre el planel Muestras (Ventana > Color > Muestras) y da click en el botón Nueva Muestra en la parte inferior derecha del panel. Da doble click en la nueva muestra para editarla en la ventana Opciones de Muestra. Renombra la nueva Muestra CMYK como Mustard y establece los valores en: C=0 N=35 Y=93 K=0. Da click en OK.

swatch options mustardswatch options mustardswatch options mustard

Crea otras dos muestras CMYK con los siguientes nombres y valores:

  • Café: C=56 M=60 Y=86 K=71
  • Azul: C=59 M=0 Y=18 K=0
swatch options brownswatch options brownswatch options brown
swatch options blueswatch options blueswatch options blue
swatches panelswatches panelswatches panel

Paso 3

Continuando en la capa Color Background, selecciona la Herramienta Rectángulo (M) y arrastra para crear un rectángulo que se extienda a lo ancho de la página, hasta la sangría superior, y arrastra hacia abajo hasta el punto medio de la página (InDesign marcará una línea rosa donde se ubica el punto central).

Establece el Color de Trazo en [Ninguno] y el Color de Relleno en Azul.

Con el marco seleccionado, dirígete al menú superior y selecciona Objeto > Efectos > Transparencia. Establece el Modo en Multiplicar y reduce la Opacidad en 83%. Da click en OK.

effects windoweffects windoweffects window
blue rectangleblue rectangleblue rectangle

Paso 4

Selecciona la forma y Edicion > Copiar, Edición > Pegar. Mueve el rectángulo pegado debajo del primero, en la mitad inferior de la página. Ajusta el Color de Relleno en Mustard.

mustard rectanglemustard rectanglemustard rectangle

Regresa al panel Capas y Bloquea la capa Color Background. Desbloquea la capa Planes.

layers panellayers panellayers panel

4. Gráficos Simples Crean una Impresión

Para éste poster vamos a dar un único giro en el diseño del poster para la película indie 'Like Crazy'. El poster del estudio para la película muestra a las estrellas en un romántico abrazo, pero podemos dar a ésto un giro mas peculiar en nuestro propio diseño de poster.

La película cuenta la historia de una joven pareja transatlántica, una británica, un americano, y los problemas que encuentran mientras tratan de mantener una relación a larga distancia.

Comuniquemos el tema de la película con un simple gráfico: ¡un avión!

Paso 1

Si te sientes cómodo en usar Adobe Illustrator o CorelDRAW, puedes elegir para crear tu propio gráfico. Aquí, he levantado un elemento de éste gráfico de GraphicRiver, aislando una sola imagen de avión en Illustrator.

vector of a planevector of a planevector of a plane

Si estás haciendo lo mismo en Illustrator pedes simplemente Edición > Copiar el vector en Illustrator, y luego regresar a InDesign y Edición > Pegar directamente en tu documento.

Coloca el vector del avión en la esquina superior izquierda de la página, y ajusta el Color de Relleno del vector (del panel Muestras) a Mustard.

mustard planemustard planemustard plane

Paso 2

Edición > Copiar y Edición < Pegar el vector del avión, luego Click-Derecho (Windows) o Control-Click (Mac OS) > Transformar > Voltear Horizontal.

Manteniendo presionada la tecla Mayúsculas, arrastra la esquina del avion pegado hacia arriba para hacerlo un poco más grande, luego ajusta el Color de Relleno en Café. Colócate en la esquina inferior derecha de la página, como se observa.

brown planebrown planebrown plane

Paso 3

Toma la Herramienta Línea (\) del panel Herramientas y, manteniendo presionada la tecla Mayúsculas, arrastra tu mouse de izquierda a derecha para crear una línea de unos 245 mm de Longitud. Establece el Color de Trazo de la línea en [Papel] (Blanco). Colócalo a la derecha del avion color mostaza, extendiendo desde la parte superior de la cola del avión.

line toolline toolline tool

Con la línea seleccionada, ve a Objeto > Efectos > Desvanecimiento Degradado. Jala las Etapas de Degradado un poco más juntas, y voltea la dirección del degradado al dar click al botón a la derecha de la escala deslizante. Da click en OK.

gradient feathergradient feathergradient feather
applied effectapplied effectapplied effect

Selecciona la línea y Edición > Copiar, Edición > Pegar. Colócalo debajo dela primera línea, exendiendo desde la parte inferior de la cola del avión.

pasted linepasted linepasted line

Arrastra para seleccionar ambas líneas blancas y Edición > Copiar, Edición > Pegar. Posteriormente Click-Derecho (Windows) o Control-Click (Mac OS) > Transformar > Voltear Horizontal.

Colócalo a la derecha del avión café, ajustando la separación entre las líneas para coincidir con el ancho de la cola del avión.

pasted pair of linespasted pair of linespasted pair of lines

Regresa al panel Capas y Bloquea la capa Planes. Desbloquea la capa de abajo, Typograhy.

layers panellayers panellayers panel

5. Usa Fuentes Nítidas y de Inspiración Vintage.

Paso 1

Estaremos usando solo una fuente en todo el diseño del poster: Futura Std (Light and Book). Probablemente tendrás Futura Std por defecto como parte del conjunto de tipografías de Adobe, pero si no puedes descargar la fuente o remplazarla con Futura (que tiene una diferente selección de estilos).

En tu documento de InDesign, y en la capa Typography, selecciona la Herramienta Texto (T) y arrastra para crear un marco de texto de 110 mm de Anchura y 95 mm de Altura.

Escribe 'LIK' y establece la Fuente en Futura Std Light, Tamaño 280 pt, y el Color de Fuente en [Papel].

Coloca el marco de texto entre el conjunto superior de líneas blancas, a la derecha del avión de color mostaza.

text frametext frametext frame

Selecciona el marco de texto y Copiar, Pegar. Edita el texto para leer solo una letra, 'E', y colócalo a la derecha del marco de texto 'LIK'. Con el marco 'E' seleccionado, ve a Objeto > Efectos > Degradado Feather y jala las etapas de degradado para que estén mas juntas. Puedes necesitar voltear la dirección del degradado, para que la E se desvanezca de izquierda a derecha.

effects windoweffects windoweffects window
completed text effectcompleted text effectcompleted text effect

Paso 2

Haz lo mismo para la parte inferior del poster, en lugar de escribir 'RAZY' en un marco, y 'C' en el otro. Aplica el degradado a solo el marco de texto 'C', y permite que el degradado en cambio se desvanezca de derecha a izquierda.

text effect on mustardtext effect on mustardtext effect on mustard

Paso 3

Siguiendo todavía en la capa Typography, toma la Herramienta Texto (T) y crea un marco de texto más pequeño. Escribe 'FELICITY JONES' en el marco y establece la Fuente en Futura Book, Tamaño 70 pt, Alineación Derecha y Color de Fuente [Papel]. Coloca el marco de texto en la mitad superior de la página, del lado derecho, cerca del punto medio del maquetado.

Copia y Pega el marco de texto, ajustando el texto a leer 'ANTON YELCHIN' y la alineación Alineación Izquierda, y colocalo a la izquierda del maquetado, en la parte superior de la mitad mostaza de la página.

text frames smallertext frames smallertext frames smaller

Crea un marco de texto final, escribiendo 'OFFICIAL SELECTION (salto de párrafo) BFI LONDON (salto de párrafo) FILM FESTIVAL' y estableciendo la Fuente en Futura Book, Alineación Central

Resalta solo 'OFFICIAL SELECTION' y establece el Color de Fuente en Café y el Tamaño en 22 pt. Resalta lo restante del texto y establece el Color de Fuente en [Papel] y el Tamaño en 35 pt.

Coloca éste marco de texto en la esquina superior derecha de la pagina, como se muestra.

corner text framecorner text framecorner text frame

De regreso en el panel Capas, Bloquea la capa Typography y Desbloquea la capa superior, Clouds.

layers panellayers panellayers panel

6. ¡Los Toques Finales!

¡Tu poster se ve magnífico!

almost complete posteralmost complete posteralmost complete poster

Ahora podemos agregar un par de toques finales para darle ese bonus.

Paso 1

Abre Adobe Illustrator y crea un nuevo documento de cualquier tamaño.

Puedes simplemente crear una forma sencilla de nube usando la Herramienta Arco (encuéntrala en el menú desplegable de la Herramienta Segmento de Línea, en el panel Herramientas).

arc toolarc toolarc tool
first arcfirst arcfirst arc

Da click y arrastra para crear una simple secuencia de curvas, trabajando de izquierda a derecha. Usa la Herramienta Selección Directa (A) para editar la profundidad de las curvas hasta que estés satisfecho con la forma.

top of cloud shapetop of cloud shapetop of cloud shape

Muévete alrededor en un óvalo desprolijo, hasta que tengas una forma de nube como ésta:

complete cloud shapecomplete cloud shapecomplete cloud shape

Luego, con todas las líneas seleccionadas, ve a Objeto > Trazado > Unir para crear una forma cerrada.

joined pathsjoined pathsjoined paths

Finalmente, selecciona la forma y ve a Edición > Copiar.

Paso 2

Regresa a InDesign y a tu documento de poster. Ve a Edición > Pegar para depositar el vector de nube.

Puedes tratar el vector como quisieras una forma o marco en InDesign. De la parte superior del panel de control, ajusta el Color de Trazo en [Ninguno] y establece el Color de Relleno en [Papel].

pasted vector shapepasted vector shapepasted vector shape

Con la forma seleccionada, ve a Objeto > Efectos > Transparencia. Establece el Modo en Sobreexponer, y reduce la Opacidad en 20%. Da click en OK.

effects transparencyeffects transparencyeffects transparency

Puedes Copiar y Pegar la nube un par de veces mas, y ajustar su tamaño, colocar una nube mas pequeña detrás del texto BFI, y otra justo sobreexponiendo el nombre de Felicity Jones.

Tu diseño del poster está completo, y se ve fantástico. ¡Gran Trabajo!

complete postercomplete postercomplete poster

Paso 3

Si quisieras exportar tu poster listo para enviar a una imprenta profesional, ve a Archivo > Exportar, seleccionando Adobe PDF (Imprimir) del menú desplegable. Establece el Valor de Adobe PDF  en Calidad de Prensa.

press quality exportpress quality exportpress quality export

Asegúrate de incluir las Marcas de la Impresora y tu Sangrado pre-preparado antes de pulsar el botón Exportar.

printers marks and bleedprinters marks and bleedprinters marks and bleed

Ta-dah! Tu poster está listo para imprimir. ¡Felicidades!

print-ready fileprint-ready fileprint-ready file

Conclusión

Posters fan-art de películas son realmente divertidos de crear, y pueden presentar las películas en una luz totalmente diferente a los diseños generados en el estudio. Para crear tu propio poster de película alternativa, considera incorporar algunos de éstos consejos y trucos para dar a tu poster una apariencia actual y con acento en el diseño:

  • Utiliza texturas de fondo similares al papel para dar al poster un sentido auténtico y de inspiración retro.
  • Considera usar un número limitado de colores para mantener el diseño del poster sencillo e impactante.
  • Elige gráficos fuertes y simples plara comunicar el tema principal de la película.
  • Manten tus fuentes sencillas, clásicas y legibles para complementar diseños minimalistas.

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

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