Mezclar fotos para crear un póster de película en Photoshop

Mezclar fotos para crear un póster de película en Photoshop

En este tutorial, les muestro lo fácil que es mezclar imágenes como un póster de película con Photoshop! Empezaremos moviendo ambas imágenes en el mismo documento y posicionándolas donde las necesitemos. Luego mezclaremos las dos imágenes usando una máscara de capa. Ayudaremos a que las imágenes se mezclen perfectamente añadiendo una textura, convirtiendo el efecto en blanco y negro y coloreándolas con nuestro propio color. Y finalmente, aumentaremos el contraste para crear nuestro efecto final de «cartel de cine».

Así es como se verá el resultado final cuando terminemos:

Cómo mezclar fotos como un póster de película en Photoshop

El efecto final del «cartel de la película».

Start!

Index
  1. Cómo mezclar imágenes como un cartel de cine
    1. Paso 1: Abrir las imágenes
    2. Paso 2: Mover ambas imágenes en el mismo documento
    3. Paso 3: Cambiar el tamaño y mover la imagen
    4. Paso 4: Mover la otra imagen (opcional)
    5. Paso 5: Añadir una máscara de capa
    6. Paso 6: Dibujar un gradiente de negro a blanco en la máscara
    7. Paso 7: Fusionar las capas
    8. Paso 8: Agregar ruido
    9. Paso 9: Convertir las imágenes a blanco y negro
    10. Paso 10: Colorear el efecto
    11. Paso 11: Aumentar el contraste

Cómo mezclar imágenes como un cartel de cine

Para este tutorial, estoy usando Photoshop CC pero cada paso es compatible con Photoshop CS6.

También puedes seguir junto con mi video de este tutorial en nuestro canal de YouTube. O descargue este tutorial en PDF y obtenga mi Guía Completa de Modos de Mezcla de Capas como un bono!

Paso 1: Abrir las imágenes

Para empezar, abre las imágenes que quieras mezclar. Aquí está el primera imagen Me drogaré:

La primera de las dos imágenes que se mezclarán. Crédito de la foto: Adobe Stock

La primera imagen. Crédito de la foto: Adobe Stock.

Y aquí está mi segunda imagen. Ambas imágenes fueron descargadas de Adobe Stock:

La primera de las dos imágenes que se mezclarán. Crédito de la foto: Adobe Stock

La segunda imagen. Crédito de la foto: Adobe Stock.

Paso 2: Mover ambas imágenes en el mismo documento

Por el momento, cada imagen está en su propio documento separado. Tenemos que moverlas a la same documento. Y la forma más fácil de hacerlo es arrastrar una imagen de un documento a otro.

Select the Movement tool on the toolbar:

Seleccionando la herramienta de movimiento de la barra de herramientas en Photoshop

Selecting the motion tool.

Haga clic en su imagen:

Al hacer clic en la imagen que se moverá al otro documento en Photoshop

Haciendo clic en la imagen con la Herramienta de Mover.

Y luego arrastrarlo hacia arriba y hacia el ficha del otro documento. Mantenga el botón del ratón pulsado y permanezca en la pestaña hasta que Photoshop cambie a la otra imagen:

Arrastrando la imagen a la pestaña del otro documento en Photoshop

Arrastrando la imagen a la pestaña del otro documento.

Entonces presione y mantenga su Change y arrastrar hacia abajo en el documento. Suelte el botón del ratón y Photoshop deja caer la imagen en su lugar. La tecla Shift centra la imagen dentro del documento:

Arrastrando la imagen al otro documento en Photoshop

Manteniendo pulsada la tecla Shift y arrastrando desde la pestaña a la otra imagen.

Si miramos en el panel de Capas, vemos ambas imágenes, cada una en una capa separada, ahora en el mismo documento:

El panel de Capas en Photoshop muestra ambas imágenes en capas separadas

El panel de Capas que muestra ambas imágenes.

Paso 3: Cambiar el tamaño y mover la imagen

Por el momento, la imagen de mi caballo es demasiado ancha para encajar en la otra imagen, así que tengo que cambiar su tamaño. Y también quiero moverla desde el centro hacia abajo. Puedo hacer ambas cosas con el comando Transformación Libre de Photoshop.

Para seleccionarlo, suba al Edit in the menu bar and choose Free transformation:

Seleccionando el comando Transformación Libre en Photoshop

Go to Edit; Free transformation.

Esto coloca la caja de la Transformación Libre y las asas alrededor de la imagen:

La Transformación Libre se maneja alrededor de la segunda imagen.

Las asas de la Transformación Libre aparecen alrededor de la imagen.

Redimensionando la imagen

Para cambiar el tamaño, mantenga pulsado el botón Change junto con la llave Alt (Win) / Option (Mac), al hacer clic y arrastrar cualquiera de las manijas de las esquinas. La tecla Mayúsculas bloquea la relación de aspecto de la imagen, y la tecla Alt / Opción te permite cambiar el tamaño de la imagen desde su centro:

FILE The effect of worn and torn edges of photos in Photoshop

Redimensionar la imagen con Free Transform

Mantenga pulsada la tecla Shift+Alt (Win) / Shift+Option (Mac) y arrastre las manijas de las esquinas para cambiar el tamaño de la imagen.

Moviendo la imagen

Luego, para mover la imagen hacia abajo, haré clic dentro del cuadro de Transformación Libre y la arrastraré a su lugar. Sostén tu Change mientras se arrastra para facilitar el movimiento hacia abajo:

Moviendo la segunda imagen a su lugar con Transformación Libre

Manteniendo pulsada la tecla Shift y arrastrando la imagen hasta el fondo.

Para aceptarlo, pulse Enter (Win) / Returns (Mac):

La segunda imagen ha sido redimensionada y movida a su lugar

La imagen ha sido redimensionada y movida a su lugar.

Paso 4: Mover la otra imagen (opcional)

También quiero mover la otra imagen más arriba en el documento. Pero en el panel de Capas, vemos que la imagen está actualmente en la capa de Fondo, y Photoshop no nos permite mover una imagen mientras está en la capa de Fondo:

El panel de Capas que muestra la imagen de la pareja en la capa de Fondo

La imagen de la pareja se encuentra en la capa de fondo.

Desbloqueo de la capa de fondo

Para arreglar eso, en Photoshop CC, haga clic en el Icono del candado. En Photoshop CS6, mantenga pulsado Alt (Win) / Option y hacer doble clic en él:

Desbloquear la capa de fondo en Photoshop

Desbloqueando la capa de fondo.

Esto desbloquea la capa de fondo y la renombra como «Capa 0»:

La capa de fondo ha sido desbloqueada y renombrada.

La capa de fondo ha sido renombrada.

Moviendo la imagen

Asegúrate de que la «Capa 0» esté seleccionada, y luego con la herramienta de movimiento aún seleccionada, haz clic en la imagen y arrástrala hacia arriba y a su lugar. De nuevo, mantenga pulsada Change mientras se arrastra para facilitar el arrastre hacia arriba:

Arrastrando la imagen original hacia arriba en el documento

Arrastrando la imagen original hacia arriba en el documento.

Paso 5: Añadir una máscara de capa

Una vez que las imágenes estén en su lugar, podemos mezclarlas. Y lo haremos usando una máscara de capa. De vuelta en el panel de Capas, haga clic en la imagen de la capa superior para seleccionarla:

Seleccionando la capa superior en el panel de capas en Photoshop

Seleccionando la capa superior.

Entonces haga clic en el Add layer mask …icono:

Añadiendo una máscara de capa a la capa superior.

Añadiendo una máscara de capa.

To thumbnail layer mask aparece en la capa superior:

Aparece una miniatura de la máscara de capa.

La máscara de capa de la miniatura.

Paso 6: Dibujar un gradiente de negro a blanco en la máscara

En la barra de herramientas, seleccione la Gradient tool:

Selecting the gradient tool in Photoshop.

Seleccionando la herramienta de gradiente.

Entonces en la barra de opciones, asegúrate de que el Black, White se selecciona el gradiente:

La muestra de gradiente para la herramienta de gradiente que muestra el gradiente de Blanco y Negro

La muestra del gradiente que muestra el gradiente de Negro, Blanco.

Si no lo es, haga clic en la flecha junto a la muestra de gradiente y luego haga doble clic en la miniatura del gradiente Negro, Blanco (tercera desde la izquierda, fila superior) para seleccionarlo:

Seleccionando el gradiente de Blanco y Negro en Photoshop

Selecting the gradient Black, White.

También en la barra de opciones, asegúrate de que el gradiente escriba is set to Linear:

Ajustando el tipo de gradiente a Lineal en la Barra de Opciones de Photoshop

Ajustando el tipo de gradiente a Lineal.

A continuación, haga clic en el documento y arrastre un gradiente de negro a blanco por el lugar donde quiere que se mezclen las dos imágenes. En mi caso, haré clic justo debajo de la parte superior de la imagen del caballo para establecer el punto de partida del gradiente. Luego, para crear una transición suave entre las dos imágenes, arrastraré hasta la cima de la colina:

FILE Enfoque con luz: efecto Photoshop

Dibujar un gradiente para mezclar las dos imágenes en Photoshop

Dibujando un gradiente para mezclar las dos imágenes.

Suelte el botón del ratón, y Photoshop dibuja el gradiente en la máscara de la capa y mezcla las imágenes:

Las imágenes ahora se mezclan en Photoshop

Las imágenes ahora se mezclan donde se dibujó el gradiente.

En el panel de Capas, vemos nuestro gradiente en la miniatura de la máscara de la capa. Puede aprender más sobre las máscaras de capa, y otras formas de mezclar imágenes en Photoshop, en mi tutorial de fusión de imágenes:

El panel de capas que muestra el gradiente de negro a blanco en la miniatura de la máscara de la capa

La máscara de la capa muestra la miniatura del gradiente.

Paso 7: Fusionar las capas

A continuación, tenemos que fusionar las dos capas en una nueva capa encima de ellas. Asegúrate de que la capa superior sigue seleccionada. Luego, en un PC con Windows, presione Shift+Ctrl+Alt+E en tu teclado. En un Mac, presione Shift+Command+Option+E. Esto fusiona ambas capas en una nueva capa:

Las imágenes mezcladas se han fusionado en una nueva capa en Photoshop

Las imágenes se han fusionado en una nueva capa.

Paso 8: Agregar ruido

Para ayudar a que las imágenes se mezclen mejor, añadiremos una sutil textura. Sube al Filter menu, choose Noiseand then choose Add noise:

Selecting the filter

Moving on to Filter; Noise; Add Noise.

En el cuadro de diálogo Agregar ruido, configure el Quantity a alrededor de 2 a 4% dependiendo del tamaño de sus imágenes. Elija Gaussian and Monochromaticy luego haga clic en OK:

Añadiendo una textura a las imágenes mezcladas con el filtro

La configuración del filtro Agregar ruido.

Si hago un acercamiento, vemos cómo la textura ayuda a unificar las dos imágenes:

El ruido crea una sutil textura a través de ambas imágenes mezcladas

El ruido crea una textura a través de ambas imágenes.

Puedes activar y desactivar la textura para comparar los resultados haciendo clic en el botón icono de visibilidad para la capa fusionada en el panel de Capas:

Activar y desactivar la textura con el icono de visibilidad en el panel de Capas

Activar y desactivar el ruido con el icono de visibilidad.

Paso 9: Convertir las imágenes a blanco y negro

El único problema en este punto es que los colores de las imágenes no coinciden. Arreglémoslo convirtiendo las imágenes a blanco y negro, y luego coloreándolas con nuestro propio color.

En el panel de Capas, haga clic en el Nueva capa de relleno o ajuste …icono:

Añadiendo una nueva capa de relleno o ajuste en Photoshop

Añadiendo una nueva capa de relleno o de ajuste.

Then choose Black and black; white formar la lista:

Añadiendo una capa de ajuste en blanco y negro en Photoshop

Eligiendo un Black & capa de ajuste del blanco.

Esto convierte instantáneamente las imágenes en blanco y negro:

La conversión inicial en blanco y negro

La conversión inicial en blanco y negro.

Personalización del negro y el amperio; conversión de blanco

En el panel de Capas, vemos la nueva capa de ajuste de Negro y Negro-Ampara; Blanco:

El panel de Capas que muestra la capa de ajuste de Blanco y Negro

La capa de ajuste del Negro y el Amperio; el Blanco.

Y los controles para la capa de ajuste aparecen en el Properties panel. Para personalizar la versión en blanco y negro, comience haciendo clic en el botón Car …botón:

Pulsando el botón Auto para la capa de ajuste de Blanco y Negro

Haciendo clic en el botón Auto.

Photoshop elegirá sus propios ajustes para el efecto:

La conversión automática a blanco y negro en Photoshop

La conversión automática a blanco y negro.

Para personalizarlo más, haga clic y arrastre el deslizadores de color para ajustar el brillo de las diferentes partes de la imagen en base a su color original. Por ejemplo, arrastrar el deslizador de Rojos aclarará u oscurecerá cualquier área que contenga rojo. Arrastrar el deslizador Amarillo afectará las áreas que contenían amarillo, y así sucesivamente:

Usa los deslizadores de color para crear tu propia versión personalizada en blanco y negro de la imagen

Utiliza los controles deslizantes de color para crear tu propia versión personalizada en blanco y negro.

Continúe arrastrando los deslizadores hasta que esté contento con los resultados:

FILE Puestas de sol cálidas y doradas con mapas degradados

La versión personalizada en blanco y negro de las imágenes mezcladas

La versión personalizada en blanco y negro.

Paso 10: Colorear el efecto

Así que ahora que hemos eliminado los colores originales, coloreemos el efecto con nuestro propio color. Y la forma más fácil de hacerlo es con una capa de ajuste de Tono/Saturación.

De vuelta en el panel de Capas, haga clic de nuevo en el Nueva capa de relleno o ajuste …icono:

Haciendo clic en el icono de Nueva Capa de Relleno o Ajuste en el panel de Capas

Haciendo clic en el icono de Nueva capa de relleno o de ajuste.

Y luego elige Hue/Saturation:

Añadir una capa de ajuste de Tono/Saturación al documento

Adding a Hue/Saturation adjustment layer.

En el panel de propiedades, seleccione el Colour opción:

Seleccionando la opción Colorizar en el panel de Propiedades

Haciendo clic en «Colorear».

Elija un color arrastrando el Hue deslizador. Pondré mi valor de Hue a 30. Luego establezca la intensidad del color con el deslizador de Saturación. Volveré a poner el mío a 30:

Eligiendo un color en el panel de propiedades

Eligiendo un color y un valor de saturación con los deslizadores.

Una vez que hayas elegido tu color, vuelve al Panel de capas y cambiar el mixing mode de la capa de ajuste de Tono/Saturación a Colour. De esta manera, estamos afectando sólo los colores de la imagen, no los valores de brillo:

Cambiar el modo de mezcla de la capa de ajuste de Tono/Saturación a Color

Changing the mixing mode to Color.

Y aquí está el resultado:

El resultado después de colorear el efecto del cartel de la película en Photoshop

El resultado después de colorear el efecto.

Paso 11: Aumentar el contraste

Por último, si necesitas aumentar el contraste del efecto, haz clic de nuevo en el Nueva capa de relleno o ajuste in the Layers panel:

Haciendo clic en el icono de Nueva Capa de Relleno o Ajuste en el panel de Capas

Haciendo clic en el icono de Nueva capa de relleno o de ajuste.

Y esta vez, elige Niveles:

Añadiendo una capa de ajuste de niveles

Añadiendo una capa de ajuste de niveles.

Cambiar el modo de mezcla de la capa de ajuste de los niveles de Normal a Luz suave:

Cambiando el modo de fusión de la capa de ajuste de niveles a Luz suave en Photoshop

Cambiando el modo de mezcla a Luz Suave.

Esto aumenta instantáneamente el contraste:

El cartel de la película después de aumentar el contraste con el modo de mezcla

El resultado después de cambiar el modo de mezcla a Luz Suave.

Si el contraste es demasiado fuerte, sólo baja la opacidad de la capa de ajuste de los niveles para afinar los resultados. Bajaré la mía al 35%:

Bajando la opacidad de la capa de ajuste de los niveles

Bajando la opacidad de la capa de ajuste de los niveles.

Y aquí, después de bajar la opacidad, es mi resultado final:

Cómo mezclar fotos como un póster de película en Photoshop

El efecto final del «cartel de la película».

¡Y ahí lo tenemos! ¡Así es como se mezclan fácilmente las fotos como un póster de película con Photoshop! Visita nuestra sección de efectos fotográficos para ver más tutoriales. Y no olvides que todos nuestros tutoriales de Photoshop ya están disponibles para descargar en formato PDF.

Go up

We use our own and third party cookies to improve the user experience. More Informaticon