Tutorial

¡Hola a todos! En este tutorial, te mostraremos cómo crear una animación de rompecabezas realmente genial en After Effect. No necesitas ningún complemento externo (la animación de destellos ópticos es solo una mejora visual adicional que no es necesario tener. Sin embargo, he incluido el archivo de proyecto de la versión de destellos ópticos para aquellos de ustedes que desean modificar el destello, por ejemplo). Creo que este efecto es realmente versátil, por lo que será un material realmente útil para ti. Vamos a bucear en.


Tutorial


Paso 1

Crea una nueva composición haciendo click por Menú-> Composición-> Nueva composición. Nómbrelo como Puzzle Animation, cambia la resolución a1280x720 y establece la duración en 7 segundos.


Paso 2

Crear un nuevo clic sólido por Menú-> Capa-> Nuevo-> Sólido. El color no importa. Cambia la resolución a 1280x720 y nombrarlo como 'BG'.


Paso 3

Con la capa BG seleccionada, vaya a Efecto-> Generar-> Rampa y aplíquele el efecto Rampa. Cambiemos las propiedades. Primero establece los colores. Color de inicio: # 43324A Color final:# 110E13 y cambiemos la forma de la rampa a la rampa radial.


Etapa 4

No estoy seguro de que pueda ver claramente en la imagen a continuación la mayoría de las veces, cuando tratamos con el efecto rampa, podemos obtener un extraño error de artefacto. Parece un montón de anillos coloridos que no es demasiado Bien. Para evitar o solucionar este problema, tenemos que aplicar el siguiente efecto: Ruido.


Paso 5

Vaya a Efecto-> Ruido y grano-> Ruido y aplíquelo y cambie el valor de Cantidad de ruido a 1%.


Paso 6

El ruido reducirá la opacidad del error del artefacto de la banda, pero seguirá siendo notable, por lo que debe aumentar la profundidad del color también presionando la tecla Alt + izquierda en el botón "8 bpc". Cambia este valor a 32 y solucionará un problema.


Paso 7

Importemos el logotipo de Aetuts + y colóquelo sobre la capa BG y, con la capa de Aetuts + logo seleccionada, vaya a Capa-> Pre-componer y seleccione la opción Mover todos los atributos a la nueva composición.


Paso 8

Con la composición del logotipo seleccionada, encendamos el interruptor 3D.


Paso 9

Con la composición de LOGO seleccionada, vaya a Efecto-> Simulación-> Rompir y cambiemos las siguientes propiedades. Por cierto, como puedes ver tenemos 2 mensajes de error. El primer icono de triángulo significa que este efecto no es compatible con la profundidad de color de 32 bits y el segundo ha aparecido porque acabamos de encender el interruptor 3D sin una cámara. No es un gran problema, todo funcionará bien, no te preocupes. Otra cosa importante es que puede cambiar el grosor de las piezas del rompecabezas cambiando la propiedad de profundidad de extrusión. Si quieres más piezas entonces aumenta el valor de las repeticiones..


Paso 10

Cambiemos las siguientes propiedades: En la sección de Fuerza 1, el valor de Radio es importante porque si su logotipo es más grande que el logotipo de Aetuts + que usé en este tutorial, debe aumentar este valor para hacer que el rompecabezas resulte más grande. También tenlo en cuenta en las propiedades de Física, encontrarás una propiedad de aleatoriedad. Esto aleatorizará las piezas del rompecabezas, sin embargo, al final de la animación, estos valores deben ser 0 porque si es más alto que 0, verá una pieza rara del rompecabezas con grandes huecos. Déjame mostrarte lo que quiero decir.


Paso 11

Si el valor de aleatoriedad no es 0, al final de la animación puede ver que las piezas no coinciden perfectamente entre sí. Actualmente este no es un gran problema porque lo arreglaremos más tarde.


Paso 12

Debajo de la pestaña Texturas, puedes agregar un color o una textura a tu pieza de rompecabezas. Ten en cuenta que si estás tratando de usar una textura (como una textura de foto real), primero tienes que Pre-componerla, de lo contrario esto no funcionará. En este ejemplo acabo de usar un color simple. # 616063 y establezco este color en el modo Lateral y Atrás. Bajo la opción del rayo, cambiemos el Tipo de luz a Primera luz comp..


Paso 13

Vaya a Efecto-> Perspectiva-> Bisel alfa y aplíquelo con las siguientes propiedades. Solo da un poco más de relieve en el borde de las piezas del rompecabezas..


Paso 14

Vamos a añadir una nueva luz. Ve a Layer-> New-> Light. Puedes jugar con la distancia de la luz o puedes usar mi configuración a continuación. Esto hará que una escena 3D más creíble con un poco de sombra se caiga.


Paso 15

Fijemos las siguientes propiedades de posición de la luz..


Paso 16

Tenemos que revertir la animación del rompecabezas, así que seleccione la composición del LOGO, haga clic con el botón derecho en ella y seleccione Time-Reverse Layer.


Paso 17

Tenemos un pequeño problema. La animación funciona bien, pero al final desaparece toda la pieza del logotipo animado. La reasignación de tiempo y la solución de fotograma congelado no funcionan. No sé por qué, pero necesitamos otra solución. Podemos hacer dos cosas. El primero es realmente simple y primitivo. Con esta capa de logotipo seleccionada, vaya al último fotograma de la línea de tiempo (puede ver la imagen a continuación) y presione las teclas n y b en el teclado. Después de eso, vamos a mostrar este marco como un archivo .jpg. Cuando termine el renderizado, importe este .jpg a After Effects y colóquelo sobre la capa de composición LOGO. Vamos a compensarlo hasta el final de la capa de composición del logotipo. Así que, básicamente, el logotipo ya no desaparecerá, pero ¿y si el fondo está animado? Aquí hay una mejor solución.


Paso 18

La segunda idea es un poco diferente. Tienes que duplicar la capa LOGO. Renombro la versión duplicada al logo de Freeze. Tienes que ir al último fotograma y recortarlo. Después de eso, abra las propiedades del complemento Shatter y, bajo la pestaña de física, cambiemos la aleatoriedad a 0.


Paso 19

Vamos a abrir las propiedades del efecto Dispersión en la nueva capa de logotipo de congelación duplicada y la capa de logotipo original también. Acabo de usar la herramienta de pickwhip para hacer una expresión simple para conectar las propiedades del radio con la composición original del logotipo. Es importante porque si usamos un logotipo diferente que es más grande que el logotipo actual, entonces tenemos que cambiar las propiedades del radio en cada duplicado, pero debido a la expresión todo funcionará bien.


Paso 20

La parte de la expresión está terminada, por lo que tenemos que duplicar y compensar la composición del logotipo de congelación..


Paso 21

Hice muchos duplicados, así que simplemente encendí el botón tímido para ocultar todas estas capas..


Paso 22

Vaya a Capa-> Nueva-> Cámara y agregue una nueva cámara.


Paso 23

Acabo de hacer una animación de cámara realmente simple. Vaya al primer fotograma y cambie la propiedad z a -991, después de eso, vaya 4 segundos y cambie este valor a -1789 y listo..



Conclusión

¡Así que esto es todo! Espero que hayas disfrutado el tutorial y hayas aprendido algunas cosas nuevas. Pruebe sus propias variaciones o personalice el archivo de proyecto gratuito que puede descargar en la parte superior. Mi nombre es Tibor Miklos, muchas gracias por su atención y la veré la próxima vez. Ah, y si tienes alguna pregunta o simplemente te quedas atascado, simplemente escríbeme un correo electrónico. [email protected].


Imagen final