RESOURCES
POSTERS - CINE:
REFERENCIAS - CINE:
- Shotdeck - Referencias de planos y color de peliculas.
- Film Grab - Referencias de planos y color de peliculas.
- Film.AI - Referencias de planos y color de peliculas.
- EVANERICHADS - Movie references
REFERENCIAS - MODA:
- Fashion Network - Referencias de desfiles de moda
- Vogue Runway - Referencias de desfiles de moda
MOODBOARDS:
- Pure Ref 2 - Programa para guardar referencias y visualizarlas sobre otros programas.
- Miro
- Obsidian
Inspo & Stocks pictures:
Formato
Tener en cuenta tanto formatos digitales como físicos para poder imprimir si es necesario
| Estilo | Digital | Fisico |
|---|---|---|
| Flyer | 1920 x 2176 px | A4 = 210 x 297 mm |
| Typographic | 2160 x 3054 px | A3 = 297 x 420 mm |
| Photographic | 3840 x 5441 px | A2 = 420 x 596 mm |
Project Settings
Typography tips:
-
Normalmente en jerarquía solo se habla de tamaño, grosor y espaciado, pero también se puede crear jerarquía con contexto.
-
Se puede utilizar la misma fuente y modificarla, por ej; estrechándola para conseguir diferentes resultados..
-
Descargar fuentes “Display”, normalmente son experimentales pero otorgan al poster mayor personalidad.
Create Color Palettes:
Monocromaticas:
Elegir un color y complementarlo con neutrales como blanco o negro.
-
Elementos principales: Titulos, imagenes, iconos, en general lo grande e importante a color para que se lleven la atención.
-
Elementos Complementarios: divisores, subtitulos, detalles, en blanco o negro suele funcionar, están para acompañar la atención, no para luchar contra ella.
-
Detalles: Texturas, formas, relleno, normalmente blanco o negro suele funcionar y pequeños detalles a color solo si ayuda a dirigir la atención.
Analogas:
Elegir un color base y mover ligeramente el “Hue” para elegir 2 colores cercanos.
-
Boost contrast: ajustar los niveles de color de la imagen con una capa “colors”, bajar las sombras y subir la luces
-
Expand color range: En lugar de elegir 3 colores continuos, dejar un color intermedio entre cada uno para tener una paleta mas amplia e interesante.
-
Gradient Map: Aplicar un gradient map y seleccionar los colores elegidos.
- tip: jugar con los ajustes del gradient map
Complementarios:
Elegir un color y su diagonal, para generar la paleta.
- Seleccionar dos subtonos para cada uno, dos más claros para el primer color y dos más oscuros para el segundo.
- Ajustar los niveles de luz de la imagen con una capa “Levels”, bajar las sombras, subir las luces.
- Aplicar un Gradient map y seleccionar los colones en el, duplicar los colores en la rampa y acercarlos para reducir la distancia entre ellos.
- Incrementar el contraste.
Poster Tutorials
Posters Grids Examples
Design in Black & White
It can be usefull to focus first in a good layout and composition
Break the grids
Aunque las grids son utiles para organizar el layout dando resultados simples y potentes, pero pueden ser un poco aburridos, a veces es necesario romper las grids con elementos como imagenes, formas, sujetos…
Movie Posters basics
Red & White
Esta combinación se usa tradicionalmente en comedias mainstream, el fondo blanco dirige el foco de atención a la acción que ocurre en la fotografía, las cuales suelen ser fotos de estudio muy limpias con una idea muy definida
Blue
Suele ser utilizado en trhillers, usando tambien una formula definida mostrando al personaje corriendo, este estilo tiene sus raices en el cine noir
Yellow
El fondo amarillo se asocia al cine independiente, esto es frecuente porque el presupuesto de promoción suele ser inferior y el amarillo es una forma sencilla de captar la atención.
Black, White & Orange
Esta combinación es tendencia en la peliculas de acción de la ultima década, el blanco y negro se usa para el protagonista principal transmitiendo masculinidad, acción… siendo desplazado por el naranja que suele ser una explosión o fuego, el alto contraste de la fotografía crea intensidad.
Blue & Orange
El naranja y azul son complementarios y son una apuesta segura en el diseño de posters, el azul suele usarse para mantener todos los elementos unidos y el naranja para guiar la atención al punto principal de la narrativa.
TIPS
Espaciado estructurado
Un espaciado entre elementos arbitrario puede hacer ver el diseño amateur y básicos, por ello hay que utilizar un sistema estructurado de espaciado alineado y consistente.
De esta forma se favorece la legibilidad usabilidad y estética general profesional.
Regla 4-8-16…:
Profundidad
Añadir elementos en el fondo añaden profundidad al diseño, un ejemplo practico es añadir un elemento borroso en el fondo ligeramente fuera de foco, el objeto borroso crea un efecto cinemático dirigiendo la mirada hacia los sujetos principales añadiendo una sensación de espacialidad.
Esto funciona especialmente bien para posters, banners…
Fondo desenfocado
Los fondos planos o solidos pueden hacer sentir el diseño sin inspiración, en lugar de usar un color solido es mejor utilizar una imagen de alta calidad y desenfocarla (10-20px) y ampliar ligeramente el brillo (5-10unit) ajustar contraste y saturación sirve para matchear el color.
Es funciona especialmente bien en pantallas de carga, aplicaciones e interfaces, aunque también funciona en diseños imprimibles, el fondo desenfocado crea un efecto moderno y elegante, manteniendo el foco en los elementos principales como texto y botones.
El desenfoque también sirve para enfatizar ciertos elementos, crear jerarquía visual.
Sombreado
Una sombra completamente negra luce artificial, en su lugar es mejor utilizar una 30% negra - “#4D4D4D”/RBG 77,77,77 y establecer el modo de fusión en “Multiplicar” con una opacidad de 50%.
Esto genera resultados suaves con sombras realistas mezclándose con el fondo, añade profundidad sin saturar la composición, esta técnica es perfecta para mockups de productos, ilustraciones y UI.
