No Realmente no tienes que romper tu teléfono. Rompe la cuarta pared en After Effects con este tutorial fácil de seguir.
Durante el año pasado, Instagram recibió críticas por el aumento de los anuncios que aparecen en el feed y en la función de "historias" que debutó en 2016. Recientemente, mientras navegaba por las historias, vi un anuncio, pero me llamó la atención rápidamente. por razones creativas. El anuncio era para el servicio de telefonía móvil británico O2, y estaba a punto de saltarlo hasta que un efecto fantástico apareció en medio de la escena. El anuncio promocionaba algún tipo de póliza de seguro (creo que no estaba prestando mucha atención al anuncio en sí) para aquellos que son propensos a dejar caer sus teléfonos. Cuando los personajes del anuncio dejaban caer sus teléfonos, toda la pantalla se rompía. Como resultado, el metraje de video se desplazaría donde se rajó la "pantalla" .
Si bien la técnica tiene un uso limitado en el drama narrativo (tal vez tenga un lugar en el género metraje encontrado ), hay muchas aplicaciones geniales para este efecto en videos musicales, anuncios y contenido en línea . Veamos cómo puede lograr este efecto en Adobe After Effects .
Tenía una idea básica de cómo lograr el efecto:una textura de vidrio roto, el efecto de mapa de desplazamiento y un cambio en el modo de fusión para la capa de textura. Sin embargo, seguí encontrando un problema en el que toda la imagen reaccionaba de una manera que no quería. La textura del vidrio afectaba áreas de la imagen donde no aparecían las grietas , incluso cuando cambiaría la configuración de comportamiento del mapa de desplazamiento.
Afortunadamente, el YouTuber Trey Trimble produjo un video que cubría un efecto similar y pude ver dónde estaba ocurriendo el error. La textura de vidrio era un archivo JPEG cuadrado y el mapa de desplazamiento funcionaba en los bordes del cuadrado , en lugar de las grietas en sí. La solución fue enmascarar la textura agrietada para que pareciera más angular.
Para producir el efecto, necesitará una textura de pantalla de vidrio agrietado y, afortunadamente, puedes encontrar cientos de texturas en línea, solo asegúrate de consultar los términos de la licencia:aquí tienes un punto de partida.
El método
Importe su textura de vidrio en Photoshop; también puede realizar esta tarea en After Effects , pero prefiero la facilidad de Photoshop y selecciono la herramienta Pluma. Ahora cree una máscara angular alrededor de algunos de los bordes irregulares de la textura del vidrio.
Una vez que tenga una máscara con la que esté satisfecho, guarde el archivo como PNG y, en After Effects, importe el archivo de cristal PNG recién creado. y el metraje que desea modificar. Traiga ambos archivos a la línea de tiempo y coloque el archivo PNG encima de las imágenes de su teléfono. Ahora necesita cambiar el modo de fusión — Aclarar o Pantalla son excelentes modos para usar. El modo que elija dependerá del aspecto que desee lograr; en el ejemplo, estoy usando screen.
Esto ya se ve bastante bien. Si el tiempo fuera limitado y esto fuera solo una imagen fija, tal vez me detendría aquí. Pero como se trata de un video, debemos afectar el metraje en movimiento con el vidrio desplazado, y podemos hacerlo con el mapa de desplazamiento en el panel de efectos . Cuando haya aplicado el efecto de mapa de desplazamiento a la secuencia de video, debemos cambiar algunas configuraciones.
- Queremos que la capa del mapa de desplazamiento sea la textura de vidrio agrietado.
- Usar para desplazamiento horizontal =luminancia.
- Usar para desplazamiento vertical =luminancia.
- Comportamiento del mapa de desplazamiento =estirar el mapa para ajustarlo.
En la imagen a continuación, puede ver que si no cambia el comportamiento del mapa, afecta áreas de la imagen donde la textura de vidrio no debería estar .
Finalmente, para desplazar parte del material de archivo dentro del área agrietada, debe aumentar la configuración de desplazamiento horizontal y vertical. . No hay un número correcto para esto; Dependerá del look que estés buscando. Desea que la parte agrietada de la pantalla se separe ligeramente del medio original, como se ve en la siguiente imagen.
Usando el método anterior, aquí está el antes y después en un clip diferente.
Por supuesto, desde esta perspectiva, en comparación con el anuncio original, sería la lente de la cámara del teléfono la que está rota, no la pantalla. Pero, en última instancia, las opciones creativas con este efecto son infinitas , y esa es la parte divertida.