Unlimited AE and Premiere Pro templates, videos & more! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Photo & Video
  2. Photo Effects

Cómo crear una manipulación de fotos mágica: post-producción

by
Read Time:14 minsLanguages:

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

Los artistas a menudo trabajan con un equipo de personas para completar un proyecto. Este equipo podría incluir un cliente, un director creativo, un director de arte, un fotógrafo, un retocador y un diseñador gráfico. En este tutorial de dos partes, me asocié con la fotógrafa Natalie Fobes para crear una ilustración de una foto mágica que representa a una niña que interactúa con juguetes que han cobrado vida. En el proceso, te mostraremos cómo fotografiar no solo las fotografías que necesitas, sino también cómo retocarlas y combinarlas con fotografías para crear ilustraciones que se asemejen mucho a un boceto. ¡Empecemos!

La sesión de fotos

Para saber cómo se filmó la fotografía de este tutorial, ve al tutorial de Natalie en la sección Tuts+ photography.

Video en Speed Art

Video largo

Si deseas ver una versión desacelerada del video anterior, la hemos incluido aquí para ayudarte. Este video tiene una duración de 45 minutos y muestra que el video en tiempo real aceleró un 350%. Lamentablemente, no hay audio para este video.

Nota: Este tutorial hace un uso intensivo de las capas de ajuste y las máscaras de recorte. Si no estás familiarizado con cómo funcionan las Máscaras de recorte y las Capas de ajuste, echa un vistazo al video a continuación, o mira los tutoriales de Martin Perhiniak sobre Máscaras de recorte y Capas de ajuste.


Recursos del tutorial

Necesitarás los siguientes recursos en inventario para completar este tutorial. Descárgalos antes de comenzar o encuentra alternativas si no deseas pagarlos. También hemos incluido las fotos que Natalie tomó en la primera parte de este tutorial como descarga gratuita.


Planificación de la ilustración

Antes de comenzar a construir este tutorial, trabajé en estrecha colaboración con otros instructores de Tuts+ para desarrollar un concepto para la imagen final. Se nos ocurrió la idea de una escena en la que una niña interactúa con juguetes que han cobrado vida. A continuación se muestran algunos de los bocetos que preparé.

Después de un debate, decidimos que el estado de ánimo del primer boceto era mejor, así que le envié ese boceto a Natalie (la fotógrafa) para que pudiera tomar algunas fotos con un aspecto y una sensación similares. Se puede encontrar más información sobre ese proceso en la sección de fotografía de este tutorial.


1. Preparar la sala

Paso 1

Abre la foto de la habitación vacía. Esta será la base de toda la imagen. Como puedes ver, la habitación de la fotografía es ligeramente diferente de la habitación del boceto. No pudimos construir un conjunto o explorar un lugar según las especificaciones exactas del boceto, así que tuvimos que improvisar un poco.

Step 01Step 01Step 01

Con la herramienta Tampón de clonar (S), elimina algunos de los objetos que no pertenecen, como el flash y el reflector.

Step 01Step 01Step 01

Ahora, usando una Máscara Rápida (Q), oscurece las áreas sombreadas con un ajuste de Curvas.

Step 01Step 01Step 01
Step 01

Para acentuar la luz de la ventana, realiza una copia combinada (Command/Ctrl-Shift-Alt-E) y configura el Modo de fusión en Pantalla y 35% de Opacidad. Luego, aplica una máscara siguiendo la dirección de la luz.

Step 01Step 01Step 01

2. Inserta a la chica en la escena

Paso 1

Abre la fotografía de la niña, para insertarla en la escena. Con la herramienta Pluma (P), crea una selección alrededor de la niña y empluma alrededor de 0.5 píxeles.

Step 01Step 01Step 01

Ahora para hacer la máscara del cabello, ve a Canales y duplica el rojo, luego con un Ajuste de niveles (Comando / Ctrl-L), aumenta el contraste hasta que sea blanco y negro. En esta etapa, lo único que importa es el borde del cabello.

Step 01Step 01Step 01

Después de eso, con Command / Ctrl presionado, haz clic en el canal que acabas de crear para hacer la selección, y en la máscara de la niña que hiciste anteriormente, pinta con el color blanco para mostrar los bordes del cabello.

Step 01Step 01Step 01

Con Envoltura de deformación (Puppet Warp), ajusta el antebrazo de la niña para que parezca que señala hacia dónde mira.

Step 01Step 01Step 01

Después de eso, refuerza la luz y la sombra de la niña con una capa de ajuste Curvas. Para la luz, configura las curvas para que coincida con la imagen de abajo y enmascare las áreas según la luz.

Step 01
Step 01Step 01Step 01

Para las sombras, establece una capa de ajuste de curvas con una máscara de recorte, haz coincidir las curvas con la imagen de abajo y enmascara las áreas opuestas a la luz.

Step 01
Step 01Step 01Step 01

3. Insertar los juguetes

Paso 1

Abre las imágenes del juguete (de los recursos provistos arriba) y usa la herramienta Pluma (P) para cortar a su alrededor. Para una selección suave, agrega una pluma de alrededor de 0.5 o 1.0.

Coloca los juguetes recortados en la imagen final. Comienza con el panda en el fondo, en la cómoda. Enmascara y ubícalo como se muestra. Disminuye un poco la luz con una capa de ajuste de Matiz/Saturación y configura la Luminosidad en -20.

Step 01Step 01Step 01

Para las sombras, usa otro ajuste de Matiz/Saturación, enmascarando las partes opuestas a la luz.

Step 01Step 01Step 01

Para la luz, usa un ajuste Curvas similar al ejemplo que se muestra a continuación.

Step 01

Enmascara las partes que necesitan luz.

Step 01Step 01Step 01

Para la sombra en la pared puedes usar la misma selección del oso, moverlo hacia un lado y oscurecer el color de la pared con un ajuste Curvas.

Step 01Step 01Step 01

Paso 2

Para el oso en la cama, disminuye la luz con una capa de Tono/Saturación y configura la Luminosidad en -35.

Step 02Step 02Step 02

Después de eso, usa un ajuste Curvas para crear una sombra como se muestra a continuación.

Step 02
Step 02Step 02Step 02

Para crear la luz, establece una capa Curvas como se muestra a continuación.

Step 02

Siguiendo la dirección de la luz.

Step 02Step 02Step 02

Para crear la sombra donde el oso hace contacto con la cama, extrae la imagen original y configura el Modo de fusión en Multiplicar.

Step 02Step 02Step 02

Para los pliegues de la cama, corta un pedazo de la sábana de la otra imagen de la niña, colócalo debajo del oso y luego enmascara algunas partes.

Step 02Step 02Step 02

Para hacer la sombra más grande, usa la selección del oso boca abajo con una curva que se oscurece de arriba a abajo.

Step 02Step 02Step 02

Paso 3

Para el oso que está parado en las cajas en el fondo, disminuye la luz con una capa de Tono/Saturación, con la Luminosidad configurada en -20.

Step 03Step 03Step 03

Crea la luz con una capa Curvas y sigue la dirección de la luz desde la ventana.

Step 03
Step 03Step 03Step 03

Para crear la sombra, usa otro ajuste Curvas.

Step 03

Enmascara las áreas de sombra.

Step 03Step 03Step 03

Ahora haz una sombra muy suave proyectada en la pared. Para esto, usa la misma selección del oso haciendo clic sobre la máscara de recorte presionando Comando/Ctrl. Después de eso, usa la herramienta Pluma (Shift-F6) configurada a alrededor de 50.0 y crea un color sólido #74584f con esta selección configurada en 30% de opacidad y modo de fusión Multiplicar.

Step 03Step 03Step 03

Mueve la sombra hacia abajo y hacia la derecha como se muestra a continuación, y pinta en la máscara para que la sombra no cubra la caja.

Step 03Step 03Step 03

Paso 4

Ahora abre la imagen de los dos osos y colócalos en el suelo.

Step 04Step 04Step 04

Con Tono/Saturación, disminuye la Luminosidad a -45. Luego usa Curves para crear las sombras

Step 04
Step 04Step 04Step 04

Con otra capa de curvas, vuelve a hacer la luz.

Step 04
Step 04Step 04Step 04

Para hacer las sombras, usarás la sombra de la foto. Para eso, haz una copia de los osos.

Step 04Step 04Step 04

A continuación, presiona Comando/Ctrl-Shift-U para desaturarlo y configura el Modo de fusión para Multiplicar.

Step 04Step 04Step 04

Paso 5

Abre el juguete de dibujo y dale la vuelta (Editar > Transformar > Voltear horizontalmente), luego gira como la imagen de abajo.

Step 05Step 05Step 05

Con la herramienta Pluma (P), enmascara el juguete para insertarlo en la cómoda y con Tono/Saturación ajusta la Luminosidad en -30 para ajustar la iluminación.

Step 05Step 05Step 05

Ahora usa un ajuste Curvas para crear las sombras.

Step 5
Step 05Step 05Step 05

Con una nueva capa de Curves configurada como la siguiente imagen, crea los aspectos más destacados.

Step 05
Step 05Step 05Step 05

Paso 6

Con la imagen del dinosaurio abierta, gírala y colócala para que coincida con la imagen de abajo.

Step 06Step 06Step 06

Después de enmascarar el dinosaurio, disminuye la luz con un ajuste de Tono/Saturación con una Luminosidad de -10 y un ajuste de Curvas para crear las sombras.

Step 06br figurefigure classStep 06Step 06Step 06

Luego usa otro ajuste Curvas para crear los resaltados.

Step 06
Step 06Step 06Step 06

Para crear sombras en el suelo, crea una capa negra de color sólido con el Modo de fusión configurado para Multiplicar. Dale a esa capa una Opacidad del 75%. Luego, con un cepillo suave, pinta la máscara en una dirección diagonal debajo del pie del dinosaurio.

Step 06Step 06Step 06
Step 06Step 06Step 06

Paso 7

Abre la imagen del pato de goma y colócala en el suelo entre la cama y el dinosaurio, y al usar Tono/Saturación disminuye la Luminosidad a -20.

Step 07Step 07Step 07

Ahora usa un ajuste de Curvas para crear los resaltados.

Step 07
Step 07Step 07Step 07

A continuación, agrega otra capa de ajuste Curvas para crear las sombras.

Step 07
Step 07Step 07Step 07

Para hacer la sombra en el suelo, usa la misma técnica que usaste en la imagen de los abrazos. Haz una copia de la imagen original de pato de goma y enmascara el área sombreada.

Step 07Step 07Step 07

A continuación, establece el Modo de fusión en Multiplicar, y enmascara el área anterior para corregir la perspectiva.

Step 07Step 07Step 07
Step 07Step 07Step 07
Step 07Step 07Step 07

Paso 8

Para insertar el conejo en la escena, gíralo y colócalo como se muestra a continuación.

Step 08Step 08Step 08

Usa una capa de Tono/Saturación para ajustar la Luminosidad a -25.

Step 08Step 08Step 08

Para las sombras, usa Curvas para crear áreas más oscuras.

Step 8
Step 08Step 08Step 08

Usa un nuevo conjunto de capas Curves como se muestra en la siguiente imagen para resaltar.

Step 08
Step 08Step 08Step 08

Paso 9

Abre la imagen del gusano y colócalo en la pierna de la niña.

Step 09Step 09Step 09

Después de enmascararlo y posicionarlo, debes disminuir la luz un poco con Tono/Saturación. Establece la luminosidad en -30.

Step 09Step 09Step 09

Para los aspectos más destacados, establece el ajuste Curvas de acuerdo con la imagen siguiente y enmascara las áreas de acuerdo con el lugar donde golpearía la luz.

Step 09
Step 09Step 09Step 09

Para hacer las sombras, usarás un ajuste Curvas.

Step 09
Step 09Step 09Step 09

Para crear una sombra de contacto donde el gusano descansa sobre la pierna de la niña, corta la imagen original y configura el Modo de fusión para Multiplicar.

Step 09Step 09Step 09

Para crear las sombras más grandes, crea un color negro sólido y establece el modo de fusión en Multiplicar y la opacidad en un 30%. Con un cepillo suave, pinta la máscara siguiendo la curva de la pierna.

Step 09Step 09Step 09
Step 09Step 09Step 09
Step 09Step 09Step 09

Paso 10

Abre la imagen del avión, voltéala horizontalmente y colócala cerca de la ventana.

Step 10Step 10Step 10

Debido a que este juguete está cerca de la ventana, estará desaturado y será más brillante, por lo tanto, utiliza el ajuste de Tono/Saturación en Luminosidad +15 y Saturación en -35.

Step 10Step 10Step 10

Para recuperar el contraste, crea una nueva capa de ajuste en blanco y negro y configura el modo de fusión en una luz suave.

Step 10Step 10Step 10

Ahora aumenta la luz con Curves.

Step 10
Step 10Step 10Step 10

A continuación, agrega algunos aspectos destacados con Curves nuevamente enmascarando algunos puntos.

Step 10
Step 10Step 10Step 10

Ahora crea el desenfoque de movimiento para darle una sensación de movimiento. Duplica todo el tratamiento del avión y fusiónalo usando Comando/Ctrl-E, luego usa Desenfoque en Movimiento y establece el ángulo a 15 y la distancia a 500. Mueve esta capa un poco hacia la derecha y la máscara para mostrar solo el camino.

Step 10Step 10Step 10
Step 10Step 10Step 10

En el paso final, agrega un desenfoque de movimiento a la hélice. Primero, haz una copia del avión y corta solo la hélice.

Step 10Step 10Step 10

Luego, alinea horizontalmente.

Step 10Step 10Step 10

Después de eso, haz una selección cuadrada con la hélice centralizada y usa un Desenfoque radial configurado en 
30, y marca las opciones 'spin and good'.

Step 10Step 10Step 10
Step 10Step 10Step 10

Duplica la capa y gírala verticalmente hasta que queden perpendiculares.

Step 10Step 10Step 10

Usando la herramienta Distorsión (Edición > Transformar > Distorsionar), coloca la hélice en la perspectiva adecuada.

Step 10Step 10Step 10

Para terminar el plano, usa un cepillo suave para borrar la hélice en la máscara del avión.

Step 10Step 10Step 10
Step 10Step 10Step 10
Step 10Step 10Step 10

Paso 11

Coloca el cohete cerca de la ventana.

Step 11Step 11Step 11

Debido a que el juguete está cerca de la ventana, será más brillante, por lo tanto, usa Tono/Saturación y configura la Luminosidad en +30.

Step 11
Step 11Step 11Step 11

Para agregar más luz, usa un ajuste Curvas y una máscara según la luz.

Step 11Step 11Step 11
Step 11
Step 11Step 11Step 11

Para hacer el Desenfoque de movimiento, duplica el cohete y configura Desenfoque de movimiento o Motion Blur a -50 y 500 píxeles.

Step 11Step 11Step 11

Enmascara el movimiento borroso para que aparezca solo en el camino del cohete.

Step 11Step 11Step 11

Ahora, para disparar el cohete, abre la imagen de fuegos artificiales y colócala detrás del cohete.

Step 11Step 11Step 11

Establece el Modo de fusión en la pantalla y enmascara solo los fuegos artificiales.

Step 11Step 11Step 11

Después de eso, resalta los colores. Crea una capa de Tono/Saturación, selecciona Colorear para volverla roja y configura la Saturación en +100 y vincula la capa de ajuste a la capa de fuegos artificiales usando una Máscara de recorte.

Step 11
Step 11Step 11Step 11

Ahora, para mejorar el color amarillo, usa el mismo proceso. Crea una nueva Capa de tonalidad/saturación configurada en la opción Colorear, y configura Tono en 40 y Saturación en 100. Después de eso, pinta en la máscara para colorear solo el comienzo de la llama.

Step 11
Step 11Step 11Step 11
Step 11Step 11Step 11

Para aumentar el contraste y el brillo, duplica todas las capas de fuegos artificiales y combínalas (Comando / Ctrl-E), luego cambia el Modo de fusión a Superposición y enmascare algunas partes.

Step 11Step 11Step 11

4. Crear el Hada

Paso 1

Para el hada, abre la imagen de la niña voladora, colócala y voltéala horizontalmente.

Step 1Step 1Step 1

Enmascara a la niña con la misma técnica que usa la niña en la cama, dejando fuera el brazo de fondo.

Step 1Step 1Step 1

Para el otro brazo, abre la imagen de la bailarina y recorta solo el brazo levantado.

Step 1Step 1Step 1
Step 1Step 1Step 1

Luego, disminuye el tamaño del brazo y colócalo como la imagen de abajo.

Step 1Step 1Step 1

Ahora es el momento de hacer que la luz luzca bien. Oscurece un poco al brazo y a la chica con una capa de Tono/Saturación, con la Luminosidad configurada en -15.

Step 1Step 1Step 1

Usa una capa de Tono/Saturación para cambiar el color del vestido de la niña. Establece la capa en la opción Colorear y luego configura la Saturación en 30 y enmascara solo el vestido.

Step 1
Step 1Step 1Step 1

Con un ajuste Curvas, agrega más contraste en la pierna de la niña.

Step 1
Step 1Step 1Step 1

Ahora, usa un Mapa de gradiente en el brazo de la niña para igualar el color de la piel con el resto del cuerpo y usa el mismo ajuste de Curvas que se utilizó anteriormente en la pierna.

Step 1Step 1Step 1
Step 1Step 1Step 1

Paso 2

Para crear las alas, usa la imagen de hadas.

Step 2Step 2Step 2

Intenta hacer una forma orgánica y fluida.

Step 2Step 2Step 2

Duplica la imagen del ala, configura el modo de fusión en Color quemado y distorsiona la imagen para hacer un movimiento más suave y luego enmascara algunas partes.

Step 2Step 2Step 2
Step 2Step 2Step 2

Duplica las capas que acabas de crear, configura la opacidad al 65% y gira para hacer la punta del ala, y luego, una vez más, enmascara algunas partes para integrarlo mejor.

Step 2Step 2Step 2
Step 2Step 2Step 2

Haz una copia de estas dos capas, pero cambia el Modo de fusión para aclarar y enmascara algunas partes para mostrar solo algunos aspectos destacados.

Step 2Step 2Step 2
Step 2Step 2Step 2

A continuación, abre la imagen de los efectos de la luz y envuelve esto para crear el camino de la luz.

Step 2Step 2Step 2

Para hacer que el camino de luz se mezcle con la imagen, usa un ajuste de Tono/Saturación para cambiarlo de azul a rosa y configura el Modo de fusiónPantalla. Luego enmascara esto para hacer un recorrido gradual.

Step 2
Step 2Step 2Step 2
Step 2Step 2Step 2

Duplica esta nueva capa y usa otra parte de la imagen para hacer otra pista de luz debajo del uno, y cambia el Modo de fusión a Superposición y la Opacidad al 65%.

Step 2Step 2Step 2

Para los toques finales, agrega un poco de brillo. Abre la imagen de bengala y corta todas las bengalas en sus propias capas separadas.

Step 2Step 2Step 2

Luego, duplica y escala estos a diferentes tamaños para crear una pequeña constelación. Establece el Modo de fusión en pantalla, por lo que las bengalas se parecen a la imagen de abajo.

Step 2Step 2Step 2

Después de eso, extiéndelos en diferentes puntos alrededor del hada.

Step 2Step 2Step 2
Step 2Step 2Step 2
Step 2Step 2Step 2

Ahora agrega dos grandes bengalas entre la niña y el hada.

Step 2Step 2Step 2
Step 2Step 2Step 2

Para finalizar, usa Matiz/Saturación para agregar un tono rosa en las bengalas grandes. Marca la opción Colorizar y configura la Saturación en 100 y la Luminosidad en -5. No te olvides de vincular a la capa de ajuste con una máscara de recorte.

Step 2
Step 2Step 2Step 2
Step 2Step 2Step 2

5. Medio ambiente y estado de ánimo

Para el proceso final, crearás el ambiente para todo el entorno, incluidos los colores, el contraste, el brillo y todo lo relacionado con el aspecto y la sensación finales.

Paso 1

Comienza por desaturar la imagen con un ajuste de Tono/Saturación, con la Saturación configurada en -40.

Step 1

Para agregar más contraste a la imagen, crea una nueva capa de ajuste en blanco y negro y establece el Modo de fusión en Luz suave y una Opacidad del 60%, luego crea un nuevo ajuste de Brillo/Contraste configurando Brillo en 5 y Contraste en 10 .

Step 1

En este punto, la imagen debería verse así:

Step 1Step 1Step 1

Paso 2

Ahora agregaremos un poco de color a la imagen. Crea una capa de mapa de degradado según la siguiente imagen.

Step 1Step 1Step 1

Usa los códigos de color que se muestran a continuación y configura el Modo de fusión en Luz suave y la Opacidad en 60%.

Step 1Step 1Step 1

Este ajuste creará un tono cálido para toda la imagen.

Step 1Step 1Step 1

Ahora, agrega algunos tonos fríos a las sombras. Crea un ajuste de Balance de color.

Step 1

Luego enmascara esta capa, seleccionando solo las sombras. Puedes ir a Canales, mantener presionada la tecla Comando/Ctrl y hacer clic en el canal azul para hacer una selección. Establece el desenfoque a alrededor de 10, en la máscara debe ser similar a la imagen de abajo.

Step 1Step 1Step 1
Step 1Step 1Step 1

Luego, usa la misma máscara y crea una capa de Filtro de fotos.

Step 1

Después de eso, para finalizar el tutorial, agrega más Vibrancia y Saturación.

Step 1

Puedes ver la diferencia que producen los ajustes anteriores al comparar las imágenes a continuación.

Step 1Step 1Step 1
Step 1Step 1Step 1

Conclusión

En este tutorial, te mostré cómo crear una manipulación de fotos usando una combinación de fotografías personalizadas y de stock. Ahora has aprendido cómo aplicar sombras realistas a los objetos mediante el uso de capas de ajuste y máscaras, así como también cómo agregar desenfoque de movimiento y efectos de luz. Espero que hayas disfrutado este tutorial y puedas utilizar estas técnicas para crear algo mágico por tu cuenta.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.