1. Design & Illustration
  2. Poster Design

Cómo hacer un póster cinematográfico inspirado en la Guerra de las Galaxias en Photoshop

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

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

Si quieres aprender a hacer un póster cinematográfico, es bueno tratar de replicar el trabajo de un profesional. De esta manera, puedes aprender sobre las tendencias y técnicas con un objetivo claro en mente. En este tutorial, te mostraré cómo crear un póster cinematográfico en Adobe Photoshop, inspirado en La Guerra de las Galaxias: El último Jedi.

Si necesitas una plantilla de póster cinematográfico, puedes usar nuestro creador de pósteres, Placeit. ¡Crea tu propio póster de película eligiendo una plantilla y personalizándola!

Lo que necesitarás

No tienes que usar las mismas fotos que yo para crear este póster de película. ¡Siéntete libre de usar las fotos de tus amigos como personajes!

Personajes principales:

Personajes secundarios:

Fondo:

Fuentes:

Texturas:

1. Cómo empezar a crear un póster de película

Paso 1

Primero, tenemos que cortar los personajes de sus fondos. Te mostraré cómo hacerlo en un ejemplo.

Abre uno de los archivos en Photoshop. Utiliza cualquier herramienta de selección (yo utilicé la herramienta Pluma (P)) para seleccionar el contorno del personaje. Selecciona sólo la parte que piensas usar en tu póster. No trates de contornear pelos individuales, sino sólo las "porciones completas" visibles de cabello.

select photoselect photoselect photo

Paso 2

Ve a Selección > Perfeccionar borde. Marca Radio inteligente y aumenta el Radio para suavizar el borde. Usa el pincel para pintar los pelos sueltos fuera del contorno principal. Photoshop debería agregarlos inteligentemente a la selección. Cuando termines, cambia la Salida a Nueva capa y haz clic en OK.

Haz lo mismo con todas las fotos de los personajes.

how to select hair in photoshophow to select hair in photoshophow to select hair in photoshop

Paso 3

Crea un Nuevo archivo. Estas dimensiones son las más típicas para un póster de cine:

  • Ancho: 24 pulgadas
  • Alto: 36 pulgadas
  • Resolución: 150 píxeles/pulgadas
poster dimensionsposter dimensionsposter dimensions

Paso 4

Para crear un póster cinematográfico, primero hay que planear su composición. Ve a Vista > Mostrar > Cuadrícula. Añade las Reglas (Control-R) y arrastra algunas guías de ellas para planificar el diseño del póster. Tu cuadrícula no tiene que ser exactamente igual a la mía, pero asegúrate de que no sea aleatoria.

Añade el título en el lugar correspondiente. Yo usé la fuente Death Star con una gran distancia entre las líneas (presiona Control-T para abrir el panel Carácter).

character panelcharacter panelcharacter panel
plan poster compositionplan poster compositionplan poster composition

Paso 5

Crea una Nueva Capa abajo y rellénala con cualquier color usando la herramienta Bote de Pintura (G). Haz doble clic en la capa para abrir el panel Estilo de capa. Marca Superposición de degradado y añade un degradado para crear rápidamente un fondo sencillo.

add gradient overlayadd gradient overlayadd gradient overlay
add black red white gradientadd black red white gradientadd black red white gradient
gradient backgroundgradient backgroundgradient background

Paso 6

Haz doble clic en la capa de texto. Marca Trazo y añade un trazo blanco a las letras, como en el póster original.

add stroke to textadd stroke to textadd stroke to text
text with stroketext with stroketext with stroke

Paso 7

Añade otra capa de texto. Escribe entre las palabras del título para añadir el subtítulo. Puedes usar una fuente clásica. Yo usé Calibri Bold, con espacios muy grandes entre las letras.

add subtlitle to textadd subtlitle to textadd subtlitle to text

Paso 8

Finalmente, copia y pega tus personajes en el póster. Cambia su tamaño presionando Control-T, y cambia su orientación yendo a Edición > Transformar > Voltear horizontal. Primero, coloca los personajes principales, y luego llena los espacios entre ellos con los personajes secundarios.

add characters to the posteradd characters to the posteradd characters to the poster

2. Cómo crear un fondo para un póster de película

Paso 1

Abre tu conjunto de texturas. Elige una de las texturas que quieras usar en el fondo, y ábrela en Photoshop.

brush stroke texturebrush stroke texturebrush stroke texture

Paso 2

Ve a la pestaña Canales. Mantén pulsado Control y haz clic en la miniatura del canal Gris. Luego vuelve a la pestaña Capas y ve a Selección > Invertir. Copia la selección.

select without backgroundselect without backgroundselect without background

Paso 3

Pega la textura seleccionada bajo los personajes. Puedes duplicarla para hacerla más opaca. Agrupa las texturas (Control-G).

paste the texturepaste the texturepaste the texture

Paso 4

Añade un ajuste de Tono/Saturación.

add hue saturation adjustementadd hue saturation adjustementadd hue saturation adjustement

Recórtalo a la capa de abajo (el grupo de texturas) y marca Colorizar. Arrastra los controles deslizantes para cambiar los colores como quieras.

add colorize layeradd colorize layeradd colorize layer

Paso 5

Añade más texturas al grupo, todas se colorearán automáticamente.

colorize the texturecolorize the texturecolorize the texture

Paso 6

Utiliza el mismo método para crear un fondo para el título.

add brush stroke backgroundadd brush stroke backgroundadd brush stroke background

Paso 7

Crear una Nueva capa sobre el fondo, pero debajo de los personajes. Rellénala con negro usando la herramienta Bote de pintura (G). Ve a Filtro > Ruido > Añadir ruido y añade un poco de ruido monocromático.

add noiseadd noiseadd noise

Paso 8

Ve a Filtro > Galería de filtros > Artístico > Esponja. Ajusta la configuración para convertir el ruido en estrellas.

create stars in photoshopcreate stars in photoshopcreate stars in photoshop

Paso 9

Añade una Máscara de capa a esta capa. Selecciona la máscara y utiliza la herramienta Degradado (G) para añadir un degradado en blanco y negro en la parte superior. La parte negra del degradado hará que la capa sea transparente.

  • Máscaras de capa
    Cómo usar Máscaras de capa en Photoshop
    Laura Keung
gradient optionsgradient optionsgradient options
add gradient layer maskadd gradient layer maskadd gradient layer mask

Paso 10

Ajusta el degradado del fondo para mantener el tono rojizo justo debajo de los trazos del pincel.

adjust gradient colorsadjust gradient colorsadjust gradient colors

Paso 11

Pega la foto del suelo seco. Utiliza la herramienta Transformación libre (Control-T) para cambiar su tamaño; mantén pulsado Control para arrastrar las esquinas por separado.

add soil change perspectiveadd soil change perspectiveadd soil change perspective

Paso 12

Añade un ajuste de Tono/Saturación para desaturar el suelo.

colorize soilcolorize soilcolorize soil

Paso 13

Añade el ajuste de Exposición para dar a la imagen menos contraste.

add exposure adjustementadd exposure adjustementadd exposure adjustement
change exposure settingschange exposure settingschange exposure settings
make ground whitemake ground whitemake ground white

Paso 14

Pega la foto del panorama montañoso sobre el suelo. Cambia su tamaño. Añade un ajuste de Tono/Saturación para que las montañas concuerden con el suelo.

colorize mountainscolorize mountainscolorize mountains
create mountains backgroundcreate mountains backgroundcreate mountains background

Paso 15

Utiliza una Máscara de capa para combinar las montañas con el fondo y eliminar el cielo gris.

blend with layer maksblend with layer maksblend with layer maks

Paso 16

Pega la imagen de hierba y cambia su tamaño.

add grass to the groundadd grass to the groundadd grass to the ground

Paso 17

Colorea la hierba con un ajuste de Tono/Saturación.

colorize grasscolorize grasscolorize grass
make grass redmake grass redmake grass red

Paso 18

Añade más hierba con la misma técnica.

add more grassadd more grassadd more grass

3. Cómo añadir una iluminación consistente a los personajes

Paso 1

Para fusionar los personajes con su fondo, añade Máscaras de capa y limpia sus bordes. Puedes usar un pincel difuso, y luego un pincel con textura para conseguir un efecto más interesante.

clean up edges with layer maskclean up edges with layer maskclean up edges with layer mask

Paso 2

Coloca una Nueva capa entre los personajes. Pinta con un pincel difuso para separar los personajes con una niebla roja.

add red fogadd red fogadd red fog

Paso 3

Algunas de las fotos tienen una iluminación visiblemente diferente. Puedes solucionarlo añadiendo un ajuste de Curvas.

add curves adjustmentadd curves adjustmentadd curves adjustment
curves adjustment settingscurves adjustment settingscurves adjustment settings
change contrast with curveschange contrast with curveschange contrast with curves

Paso 4

Dado que hay mucho rojo alrededor, los personajes deben ser afectados por él. Añade un ajuste de Tono/Saturación a uno de ellos y coloréalo de rojo.

colorize reflected lightcolorize reflected lightcolorize reflected light
colorzie characterscolorzie characterscolorzie characters

Paso 5

Mantén pulsada la tecla Alt y arrastra el ajuste para duplicarlo. Añádelo a cada personaje. ¡No te olvides de recortarlo (Control-Alt-G)!

create consisten lightcreate consisten lightcreate consisten light

Paso 6

Pinta la máscara de cada capa de ajuste para revelar una parte de la cara que no esté afectada por la luz roja.

clean up the lightingclean up the lightingclean up the lighting

Paso 7

Añadamos un poco de luz de borde más fuerte. Usa el ajuste de Tono/Saturación de nuevo.

colorze strong lightcolorze strong lightcolorze strong light
add strong lightadd strong lightadd strong light

Paso 8

Haz doble clic en el ajuste y cambia sus Opciones de fusión. Mantén pulsada la tecla Alt para dividir el marcador negro inferior. Esto hará que el efecto sea transparente en las áreas más oscuras. A continuación, pinta la Máscara de capa para mantener el efecto solo en el borde.

change blending optionschange blending optionschange blending options
make string light realisticmake string light realisticmake string light realistic

Aplica el mismo efecto a todos los personajes.

add rim light to charactersadd rim light to charactersadd rim light to characters

Paso 9

En el póster original de la película, también hay una luz blanca de borde. Añádela con un ajuste de Tono/Saturación, Opciones de fusión y Máscara de capa.

create white rim lightcreate white rim lightcreate white rim light
add white rim light to charactersadd white rim light to charactersadd white rim light to characters

4. Cómo crear un sable de luz

Paso 1

Selecciona la hoja de la espada con cualquier herramienta. Crea una Nueva capa y rellénala de blanco. Colócala sobre los personajes.

select the bladeselect the bladeselect the blade

Paso 2

Haz doble clic en la capa. Marca Satinado y hazlo azul, creando una sutil línea de azul brillante dentro de la hoja.

add satinadd satinadd satin

Paso 3

Marca Resplandor exterior. Hazlo azul.

add outer glowadd outer glowadd outer glow

Paso 4

Marca Sombra paralela y conviértela en otro tipo de resplandor cambiando su Modo de fusión a Trama. Usa color azul también.

add drop shadowadd drop shadowadd drop shadow
make sword glowmake sword glowmake sword glow

Paso 5

Crea una Nueva capa. Rellénala con negro. Ve a Filtro > Interpretar > Destello. Selecciona el tipo que te guste y ajusta su brillo.

add lens flareadd lens flareadd lens flare

Paso 6

Cambia su Modo de fusión a Trama para eliminar las áreas negras. Luego agrega un ajuste de Tono/Saturación para que sea más azul. Arrástralo y colócalo sobre la hoja.

change color of lightchange color of lightchange color of light
create glowcreate glowcreate glow

Paso 7

Debido a que introdujimos una nueva fuente de luz en la escena, necesitamos añadir algo de luz a los personajes también. Hazlo de la misma manera que antes, esta vez coloreándolos de azul.

add blue lightadd blue lightadd blue light
colorize character bluecolorize character bluecolorize character blue
change blend if optionschange blend if optionschange blend if options
add blue light to charactersadd blue light to charactersadd blue light to characters

5. Cómo terminar el póster 

Paso 1

Ya casi terminamos, así que es hora de ocuparse por los detalles. Observa todos los personajes. ¿Alguno de ellos parece fuera de lugar? Añade un ajuste para arreglarlo. Decidí oscurecer al personaje de la capucha para hacerlo más misterioso.

adjust contrast in the sceneadjust contrast in the sceneadjust contrast in the scene

Paso 2

Añade los jets para decorar el texto.

add jetsadd jetsadd jets

Paso 3

Añade los jets al fondo, también.

add jets in the backgroundadd jets in the backgroundadd jets in the background

Paso 4

Añade algún texto Lorem Ipsum con la fuente Ultra Condensed.

add secondary textadd secondary textadd secondary text

Paso 5

Añade un resplandor blanco al texto para hacerlo más visible.

make text glowmake text glowmake text glow

Paso 6

Muestra las guías de nuevo y mira cómo se ve toda la composición. Puede que sea necesario mover los elementos para hacerla más simétrica.

check the compositioncheck the compositioncheck the composition

Paso 7

Añade un ajuste de Niveles en la parte superior. Úsalo para añadir más contraste a la imagen.

add levels adjustmentadd levels adjustmentadd levels adjustment
change contrast with levelschange contrast with levelschange contrast with levels
make shadows deepermake shadows deepermake shadows deeper

Paso 8

Pinta encima de la máscara para revelar la parte más oscura.

clean up shadowsclean up shadowsclean up shadows

Paso 9

Cuando termines, copia toda la imagen a un nuevo archivo, o acóplala. Ve a Filtro > Ruido > Añadir ruido.

add noise to posteradd noise to posteradd noise to poster

Paso 10

Duplica (Control-J) la capa. Ve a Filtro > Otro > Paso alto. Arrastra el Radio para mostrar solo los bordes.

add high passadd high passadd high pass

Paso 11

Cambia el Modo de fusión a Luz lineal. Esta capa enfocará los detalles.

sharpen whole imagesharpen whole imagesharpen whole image

¡Que la fuerza esté contigo!

¡Buen trabajo! Ahora sabes cómo hacer un póster cinematográfico en Photoshop. Si estás interesado en el diseño de pósteres, puede que disfrutes de estos tutoriales también:

  • Diseño de pósteres
    Cómo hacer un póster de película en Photoshop
    Abbey Esparza
  • Diseño de pósteres
    Cómo hacer un póster cinematográfico en línea con un creador de pósteres
    Monika Zagrobelna
  • Retro
    Cómo crear un póster antiguo de viajes espaciales soviéticos en Adobe InDesign
    Grace Fussell

Si quieres saber cómo se ve tu póster, puedes usar un generador de maquetas, Placeit.

how to create poster mockuphow to create poster mockuphow to create poster mockup
how to make movie poster adobe photoshophow to make movie poster adobe photoshophow to make movie poster adobe photoshop
One subscription.
Unlimited Downloads.
Get unlimited downloads