Cómo Animar Fotos En Photoshop! Efecto de paralaje 2.5 D

¡Aprende esta fantástica técnica para animar fácilmente fotos en Photoshop!

En este tutorial, cubriremos las funciones de animación y 3D de Photoshop para crear un efecto de paralaje 2.5 D para hacer que sus fotos cobren vida.

La increíble foto utilizada en este tutorial es de Marc Rafanell López. Puede descargar la misma foto haciendo clic aquí, ¡pero también puede usar cualquier foto para seguirla!

¿Está listo para comenzar?

Use Seleccionar asunto para Crear la Selección

Para animar cualquier foto en Photoshop, comience separando la imagen en dos capas: el Primer plano (formado por los dos puentes masculinos) y su fondo.

Para hacerlo, vaya a Seleccionar > Sujeto y permita que Photoshop utilice Adobe Sensei, una innovadora Inteligencia Artificial (IA), para detectar los sujetos en la imagen y crear una selección a su alrededor.

Si está tratando con una versión anterior de Photoshop, aún puede usar la herramienta de Selección rápida para crear una selección alrededor del tema.

Refine la selección con el Modo de Máscara rápida

Una vez que realice una buena selección, presione la tecla Q en su teclado para entrar en el modo de máscara rápida. Este modo colocará una superposición roja en partes de la imagen que estén fuera de la selección actual.

Con la herramienta Pincel, puede pintar con blanco (#ffffff) para agregar a la selección y pintar con negro (#000000) para restar de la selección.

CONSEJO PROFESIONAL: ¡Presiona la tecla X en tu teclado para intercambiar el Primer plano y el color de fondo!

Para esta parte, está bien crear una selección suelta. Ya que estamos trabajando de manera no destructiva, siempre pueden volver a esto más tarde y refinarlo aún más.

Una vez que haya terminado de seleccionar, presione la tecla Q en su teclado para salir del modo de máscara rápida y revelar su nueva selección.

A continuación, duplique la capa actual haciendo clic y arrastrando la capa al icono de Nueva capa, que se encuentra en la parte inferior derecha del panel Capas.

Haga clic en el icono de Máscara de capa para agregar una máscara de capa a la capa duplicada y así solo mostrará los sujetos saltando.

A continuación, vaya a Seleccionar > Modificar > Expandir para ampliar la selección.

En la Ventana Expandir selección, establezca el valor Expandir Por en 4 píxeles.

A continuación, pulse Aceptar.

Si hace zoom, verá cómo los bordes de la selección están ahora 4 píxeles más alejados de la configuración anterior.

Si todavía hay áreas que forman parte del primer plano pero no están seleccionadas, utilice la herramienta Lazo y, mientras mantiene pulsada la tecla Mayús, haga clic y arrastre alrededor del área para agregarla a su selección.

Duplique el fondo haciendo clic y arrastrándolo al icono de Nueva capa.

Utilice Relleno compatible con contenido para Crear una Placa de fondo Limpia

En la copia duplicada, vaya a Editar Relleno compatible con contenido >. La tecnología basada en el contenido llenará los píxeles donde solían estar los sujetos.

La superposición verde muestra el área desde la que la tecnología consciente del contenido toma muestras de píxeles, y para esta parte, está haciendo un trabajo excelente. Aunque no es perfecto, es totalmente ajustable.

Presione Ctrl D (Windows) o Comando D (macOS) para deseleccionar mientras me enfoque en la siguiente parte, donde le mostraré cómo corregir las inconsistencias en los píxeles de fondo.

Con los píxeles generados en la nueva capa seleccionada, mantenga pulsada la tecla Mayús mientras selecciona también la capa inferior.

A continuación, pulse Ctrl E (Windows) o Comando E (macOS) para fusionar las dos capas seleccionadas en una sola capa.

Utilice la herramienta Clonar sello Para Refinar el Fondo

Zoom en una parte de la imagen que necesita refinarse. Con la herramienta Clonar sello, puedo copiar los píxeles seleccionados y pegarlos en otro. Para ello, mantenga pulsada la tecla Alt (Windows) u Option (macOS) del teclado para determinar la fuente de muestra..

Una vez que esté configurado, verá cómo está pintando con los píxeles tomados de la fuente de muestra.

Tómese su tiempo para refinar esta área, y siempre puede restablecer su fuente de muestra presionando Alt (Windows) u Opción (macOS).

A continuación, utilice la herramienta Marquesina rectangular para seleccionar los paneles de madera apilados y pulse Ctrl J (Windows) o Comando J (macOS).

Pulse Ctrl T (Ventana) o Comando T (macOS) para transformar la selección copiada y moverla a un lado.

Haga clic con el botón derecho y seleccione Voltear horizontal.

A continuación, haga clic con el botón derecho del ratón de nuevo para seleccionar Distorsionar y ajustar la selección en consecuencia para que coincida con el fondo.

Pulse la tecla Enter (Windows) o Return (macOS) para salir del modo de transformación.

Dado que el hombre forma parte de la selección, utilice la herramienta Clonar sello una vez más para pintar píxeles de una Fuente de muestra y limpiar el área.

También puede tomar este tiempo para llenar el área entre los paneles de madera apilados para que sea consistente.

Puede ver otra área significativa con un patrón inconsistente en el lado derecho de los paneles de madera apilados, y también puede arreglarlo con la herramienta Clonar sello.

Una vez que haya terminado estos pasos cruciales, puede pasar a combinarlos en una sola capa.

Para ello, mantenga pulsada la tecla Mayús mientras selecciona la capa actual y la copia de fondo y, a continuación, pulse Ctrl E (Windows) o Comando E (macOS) para fusionarlas.

Cambiar el nombre de esta capa a «Fondo limpio».»

Aplique un Desenfoque al fondo

Vaya a Filtro > Galería de desenfoque > Cambio de inclinación.

A continuación, haga clic y arrastre el punto de referencia hacia abajo.

Haga clic y arrastre el mango inferior también para expandir el área y hacer que el comienzo del desenfoque comience desde el centro hasta el área superior de la imagen.

En las herramientas de desenfoque, establezca el valor de desenfoque en 6px. Inmediatamente notará que cualquiera de las imperfecciones en el fondo se puede ocultar fácilmente con el desenfoque agregado.

Pulse ACEPTAR para añadir los cambios.

Convierta el Fondo y el Primer Plano En Capas 3D

Habilite la capa de Primer plano una vez más, y debería ver que, a pesar de los cambios aplicados, la imagen sigue pareciendo realista.

Para evitar más confusión, he cambiado el nombre de la capa de primer plano a » Saltar.»

Para animar cualquier foto en Photoshop, cree capas 3D a partir de las dos capas. Para este tutorial, son las capas de Salto y de Fondo Limpio.

Comience seleccionando el Fondo limpio y deshabilitando la capa de salto.

Luego vaya a 3D > Nueva malla de Postal de Capa >, y esto convertirá su capa actual en una postal 3D. Una postal significa un plano que se puede girar en el espacio 3D.

Con la herramienta Mover seleccionada, verá herramientas 3D en la parte inferior izquierda de la ventana del documento y usará estas herramientas para rotar la cámara 3D dentro de Photoshop.

Desactive la capa de fondo original y utilice las herramientas para familiarizarse con sus funciones y características. Si desea volver a la vista predeterminada, haga doble clic en la miniatura de fondo limpio, ya que esto lo llevará al panel 3D y seleccione Cámara predeterminada.

Vuelva al panel Capas y habilite la capa de salto para convertirla también en una postal 3D. De nuevo, vaya a 3D > Nueva malla de Layers > Postal.

En este momento, ambas cámaras 3D no funcionarán al mismo tiempo porque ambas están en dos capas 3D diferentes. Para obtener el máximo rango de capacidades, debe combinarlas en una sola capa.

Vaya al panel Capas y seleccione la capa de salto.

Mientras mantiene pulsada la tecla Mayús, seleccione también el Fondo limpio y presione Ctrl E (Windows) o Comando E (macOS) para fusionarlos.

NOTA: El icono de cubo pequeño en la esquina de la capa significa que la capa está en 3D. Si hace doble clic en ella, lo llevará al panel 3D.

Con la herramienta Mover seleccionada, utilice las herramientas 3D en la parte inferior para controlar la cámara. Es posible que desee intentar hacer clic en cualquier capa 3D, y un cubo con flechas aparecerá delante de él, luego haga clic y arrastre el cubo blanco para escalar la capa 3D.

Cómo animar el Primer Plano y el Fondo con el Panel de línea de tiempo

Finalmente, ¡el verdadero truco para animar cualquier foto en Photoshop!

Vaya a la línea de tiempo de Windows >. Esta característica nos permite crear una línea de tiempo con imágenes y objetos 3D en Photoshop.

En el centro del panel línea de tiempo, haga clic en el botón Crear línea de tiempo de vídeo. Si no puede verlo, haga clic en la flecha que apunta hacia abajo y, en el menú desplegable, seleccione Crear línea de tiempo de vídeo.

Haga clic en las flechas que apuntan hacia abajo en cada una de las dos capas para liberar los elementos y fotogramas clave que serán esenciales durante los siguientes pasos.

Si utiliza la cámara Orbit 3D para ver sus capas 3D en otra perspectiva, verá la distancia entre su capa de salto y el Fondo Limpio. Añadiendo el fotograma clave de posición de la cámara 3D,

A continuación, coloque el cabezal de reproducción en cualquier posición de la línea de tiempo,

y comience a girar la cámara, Photoshop agregará un segundo fotograma clave.

Si se desplaza hacia arriba por la línea de tiempo y presiona el botón Reproducir, Photoshop rellena la línea de tiempo con un interruptor de la posición de la cámara 3D del fotograma clave original al segundo fotograma clave, y así es como animará sus imágenes 3D.

Para eliminar un fotograma clave, simplemente haga clic con el botón derecho en un fotograma clave y seleccione Eliminar. Borraré el fotograma clave original y el segundo fotograma clave para borrar mi línea de tiempo.

Para hacer una animación de 2 segundos, arrastre el cabezal de reproducción hasta el comienzo de la línea de tiempo. Luego, haga clic y arrastre el final del deslizador de línea de tiempo en la marca de 2 segundos para establecerlo como la longitud de la animación.

En el panel 3D, haga clic en la cámara predeterminada y luego haga clic en Malla de fondo limpia también.

Dirígete a la ventana del documento y, a continuación, haz clic y arrastra sobre el cubo blanco para escalar uniformemente y expandir la vista del fondo.

A continuación, haga clic y arrastre en el punto azul para reducir la escala del fondo hasta que llene el lienzo. Si tiene dificultades para ver la diferencia, haga doble clic en la herramienta de mano para ajustar la imagen a la pantalla.

El uso de la cámara Orbit 3D le permitirá ver la distancia más amplia entre la Malla de Salto y la Malla de Fondo Limpia.

Deshaga los cambios recientes presionando Ctrl Z (Windows) o Comando Z (macOS) y amplíe aún más la escala de la malla de fondo limpia.

En las propiedades de la Malla de Fondo Limpio, haga clic en la Posición de la cámara 3D.

Desplácese hacia abajo a lo largo de los elementos. En Mallas 3D, habilite el Cronómetro para el Fondo Limpio y el Salto. Esto creará fotogramas clave para la posición de estas mallas.

Ahora, haga clic y arrastre el cabezal de reproducción a la marca de 2 segundos y use la cámara Orbit 3D para reposicionarlo.

También puede seleccionar la Malla de salto, tirarla hacia adelante para hacerla más grande y bajarla.

Una vez que pulses el botón de reproducción, el sujeto de salto se moverá a través del espacio 3D.

Para una toma más dramática, recoloca la perspectiva con la cámara Orbit 3D o escala la Malla de Fondo Limpio a una perspectiva más pequeña.

Una vez que esté listo para guardar el video, simplemente haga clic en el menú desplegable y seleccione Renderizar video. Después de eso, comparte tu trabajo en tus redes sociales y etiquétame en #PhotoshopTrainingChannel.

¡Y así es como se anima cualquier foto en Photoshop! Espero que este tutorial haya sido útil para usted y sus proyectos futuros.