Cubo 3D en After Effects: plantilla editable + tutorial
Aprende a construir un cubo 3D, anima sus seis caras y utiliza Turbulent Displace para conseguir un original efecto de deformación o “derretido”. Además puedes descargar gratuitamente el proyecto editable de After Effects.
Cómo crear el cubo 3D paso a paso
En este tutorial puedes seguir todo el proceso directamente en After Effects: creación del cubo, colocación de sus caras en el espacio 3D y animación del efecto.
Descarga el proyecto editable
Puedes utilizar este archivo .aep como base, estudiar cómo está construido y modificar colores, composiciones y animaciones.
Cómo crear el cubo 3D
El cubo se construye utilizando seis composiciones independientes que después colocamos correctamente en el espacio tridimensional.
Creamos las seis caras
Creamos 6 composiciones de 1000 × 1000 en After Effects. Cada una contendrá un sólido de un color pastel.
Creamos un objeto Nulo
Creamos un objeto Nulo y lo llamamos Control Cubo 3D.
Activamos las capas 3D
Activamos la opción de capa 3D en cada una de las seis composiciones que forman los lados del cubo.
Vinculamos las caras al Nulo
Linkeamos todos los lados del cubo como hijos del objeto Nulo. Así podremos controlar fácilmente el cubo completo.
Colocamos las caras en el espacio 3D
Damos una posición a cada composición utilizando el Anchor Point con valores de 500 o -500 según la cara del cubo. Mediante los ejes X e Y aplicamos rotaciones de 90º dependiendo de si se trata de una cara lateral, superior o inferior.
Cómo crear el efecto “derretido” con Turbulent Displace
Una vez construido el cubo, aplicamos el efecto Turbulent Displace sobre el sólido creado dentro de una de las composiciones.
El parámetro que vamos a animar es Amount. Creamos fotogramas clave empezando con un valor bajo y aumentando progresivamente hasta conseguir la deformación deseada.
Después hacemos una animación de aproximadamente 2 segundos en la que el valor de Amount disminuye y vuelve a aumentar. De esta forma la cara del cubo parece deformarse, ondularse o derretirse.
Para que la animación se repita continuamente, pulsamos Alt + clic sobre el reloj del parámetro y añadimos una expresión de loop.
loopOut()Una vez que tenemos la animación funcionando correctamente en la primera cara, copiamos el efecto y lo pegamos en las otras cinco caras del cubo.
El resultado es un cubo completo cuyas superficies se deforman continuamente, creando ese característico aspecto fluido o “derretido”.
Así queda el cubo 3D con música
Después de aplicar Turbulent Displace a las seis caras y crear el loop, este es el resultado final de la animación.
Vídeo de muestra del efecto terminado con música.
¿Quieres probarlo tú mismo?
Descarga gratuitamente la plantilla y abre el proyecto directamente en After Effects.
¿Necesitas una animación creada a medida?
Creamos Motion Graphics y vídeos animados personalizados para empresas, productos, servicios y campañas.
Ver Motion Graphics →