Reemplazos básicos de pantalla (con reflejos) en Adobe After Effects

En este tutorial, veremos una de las técnicas de efectos visuales más comunes: el reemplazo de la pantalla. Veamos cómo se hace en After Effects.

Si alguna vez ha intentado disparar una pantalla con su cámara de video, entonces probablemente haya encontrado uno de los muchos problemas posibles. Estos incluyen una imagen parpadeante, desajustes de exposición y bandas, solo por nombrar algunos. Puedes jugar el juego de ajustar la velocidad de obturación de tu cámara e igualar las velocidades de actualización, pero aún es un proceso difícil de perfeccionar. Hoy, echemos un vistazo a una opción más versátil: el reemplazo de la pantalla.

¿No tienes tiempo para ver el video? Lea la transcripción a continuación para aprender la técnica de efectos visuales a su propio ritmo.


¿Qué es un reemplazo de pantalla?

Reemplazo de pantalla en Adobe After Effects

Esta técnica básica le permite rastrear la pantalla, luego usar esos datos para “reemplazar” la pantalla.

El reemplazo de la pantalla es una técnica básica que brinda a los artistas de efectos visuales y a los editores de video un control total en la postproducción. Ya sea un teléfono, un televisor o una pantalla de computadora, el proceso general es el mismo. Rastree la pantalla en su toma, luego use esos datos de rastreo para “reemplazar” la pantalla con un clip o secuencia por separado.

Veamos un método simple, pero versátil, que le permitirá retener los reflejos naturales dentro de la escena. Saltaremos a Adobe After Effects y lo desglosaremos paso a paso.


Paso 1. Rastrea la pantalla

Rastrear la pantalla en Adobe After Effects

El Mocha AE es más versátil y ya está incluido en After Effects.

He tomado una muestra de mí mirando mi teléfono, con mi reflejo claramente visible en la pantalla del teléfono. Disparé esto a propósito en una pantalla en blanco para poder usar el color negro para ayudar a aislar fácilmente el reflejo más adelante. Pero primero, rastreemos el clip.

After Effects tiene un excelente sistema de seguimiento de puntos, pero prefiero el rastreador plano del efecto Mocha. Es simplemente más versátil cuando se trata de rastrear reemplazos de pantalla. Y no se preocupe, Mocha AE incluye After Effects, por lo que ya lo tiene instalado.

Para el primer paso, tomaré el Mocha AE efecto de Ventana> Efectos y ajustes preestablecidos> Boris FX Mocha y arrástralo a mi clip. Ahora puedo hacer clic en el Moca botón en el Controles de efectos panel, que iniciará la aplicación. No te asustes si no estás familiarizado con el programa. los Esenciales El espacio de trabajo hace que sea realmente fácil trabajar con él.

Seleccionaré un área para rastrear a través de herramienta x-spline. Quiero evitar cualquier movimiento innecesario, como mi reflejo en el medio de la pantalla del teléfono. Por esta razón, haré una selección alrededor de los bordes del teléfono. También activaré Perspectiva en el Opciones de seguimiento de movimiento zona. Los botones de avance / retroceso de la pista están justo debajo. Una vez rastreado, la línea de tiempo se volverá azul.

Con mi pista completa, seleccionaré Mostrar superficie plana, tanto como Mostrar cuadrícula plana. La superficie plana se traduce en puntos de esquina, por lo que utilizaré esta herramienta para ajustar los límites de la inserción de la pantalla. La cuadrícula funciona como referencia, lo que me permite verificar la calidad de mi pista y la superficie del avión. Ahora puede ver por qué se llama rastreador plano.

Una vez que esté satisfecho con mis resultados, guardaré y cerraré Mocha.


Paso 2. Prepare el clip de repuesto

Clip de reemplazo de preparación en After Effects

Con el video vertical, deberá cambiar el tamaño de la imagen para que se ajuste a la pantalla.

A continuación, prepararé mi inserción de pantalla. Como este es un video vertical, necesito prepararlo correctamente. Primero, traeré el clip que quiero insertar en mi borrador y seleccionaré Capa> Precomponer, moviendo todos los atributos a la nueva composición. Al aplicar los datos de seguimiento, el elemento insertado (esta nueva precompra) debe coincidir con la resolución del clip rastreado (que resulta ser UltraHD), y lo hace.

Nuevamente, dado que el teléfono es un video vertical, necesito cambiar el tamaño de mi imagen para asegurarme de que se ajuste a la pantalla. Para esto, me sumergiré en mi precompuesto y precompuesto mi clip anidado de nuevo. Esta finalización previa debe coincidir con la resolución de mi teléfono. Con la compilación previa abierta, iré a Composición> Configuración de composición, luego escriba manualmente la resolución vertical de mi teléfono, que es 1080 × 2340.

Para mantener las cosas organizadas, cambiaré el nombre de mis compilaciones previas a Insertar pantalla y Clips de inserción de pantalla. Ahora, cambiaré el tamaño y colocaré mi clip dentro de Clips de inserción de pantalla comp en consecuencia. Si quiero hacer animaciones, esta es la precompilación donde sucederá.

Efecto Pin de esquina en After Effects

El efecto Pin de esquina aplastará tu precompra para que se ajuste a la pantalla de tu teléfono.

Al aplicar los datos de seguimiento, After Effects aplicará un Pin de esquina efecto, esencialmente aplastando mi precompra para que se ajuste a la pantalla de mi teléfono. Debido a esto, tomaré el Clips de inserción de pantalla pre-comp dentro de la Insertar pantalla comp y seleccionar Capa> Transformar> Ajustar a comp.. ¡Dios mío, soy guapo!


Paso 3. Reemplace la pantalla

Reemplazar pantalla en After Effects

Ahora, solo toma el clip original, ábrelo Datos de seguimiento y haga clic en Crear datos de seguimiento.

El inserto está listo, así que volveré a mi composición maestra y tomaré el clip original del teléfono. En el Controles de efectos panel, abriré el Datos de seguimiento menú en el Mocha AE efecto y haga clic en Crear datos de seguimiento. Aparece un cuadro de diálogo que me muestra las capas que creé dentro de Mocha. Como solo creé uno, tomaré el Pantalla del teléfono rastrear y hacer clic Okay.

Esto trae los datos de la pista a mi clip, agregando fotogramas clave de Pin de esquina. Exportaré estos datos a mi Insertar pantalla comp. Debajo Opciones de exportación, Cambiaré la configuración a Pin de esquina con desenfoque de movimientoy establecer el Exportación de capa para mi Insertar pantalla comp. Después de aplicar la exportación, mi inserción ahora está rastreando junto con mi teléfono.


Paso 4. Aislar la reflexión

Aislar la reflexión en After Effects

Una vez que el reflejo está en su propia capa, puede cambiar los parámetros de la manera que más le convenga.

Por último, pero no menos importante, aislaré el reflejo. Como el reflejo de mi clip original está en la parte superior de una pantalla negra en blanco, puedo separarlo usando modos de fusión básicos, como Aligerar, agregar, o Pantalla. Si tengo prisa, puedo introducir el reflejo rápidamente simplemente cambiando el modo de fusión del Insertar pantalla. Pero, como dije antes, quiero aislar el reflejo, que toma algunos pasos adicionales.

Para esto, duplicaré tanto el clip original y el Insertar pantalla y lleva ambas capas a la cima. Cambiaré el nombre del duplicado original Reflexión y la pantalla inserta duplicado Mate de reflexión. Ahora, simplemente colocaré el Mate de reflexión capa en la parte superior y establecer la columna de pista mate de la Reflexión capa a Alfa. Esto aislará solo la pantalla de mi clip original. Ahora, simplemente estableceré el Reflexión modo de fusión de la capa para Aligerar, agregar o pantalla.

Con el reflejo en su propia capa, ahora tengo el control completo. Puedo cambiar el Opacidad, Escalay Posición parámetros para obtener el reflejo exactamente como prefiero.

Pantalla reemplazada en After Effects

Aquí está tu producto final.

¿Que estas esperando? ¡Es hora de reemplazar esas pantallas! Cuando haya terminado, consulte este contenido adicional de After Effects:

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *