Logotipo Aprende Motion Graphics

Tutorial 9: Falso giro 3D en After Effects

Resultado del Tutorial 9: GIF de Falso giro 3D en After Effects

Tutorial:

¿Cómo hacer que una lata gire sobre sí misma simulando un giro 3D en After Effects?

En este tutorial rápido de After Effects aprende en menos de 1 minuto cómo hacer un “falso 3D” de una lata de las emblematicas sopa Campbell’s.

Al final del post tienes la carpeta donde podrás descargar el archivo de After Effects con el resultado del ejercicio para que puedas revisar la forma en que está hecho y usarlo en tus proyectos.

Con este tutorial consigues un resultado similar al del planeta tierra rotando o el balón de fútbol girando, pero, aunque el resultado sea parecido, para conseguirlo se han empleado técnicas y efectos muy diferentes.  

Tutorial Falso giro 3D en After Effects paso a paso

Para este tutorial he usado una composición de 1080x1080px a 25 frames por segundo

  1. Arrastra la lata y la etiqueta al timeline
  2. Dibuja un rectángulo del tamaño de la lata y renómbralo como Máscara
  3. Ponlo justo encima de la etiqueta y selecciónalo como Mate Alfa de la capa Etiqueta
  4. Aplica a la etiqueta el efecto Desplazamiento (offset), crea un keyframe en el segundo 1 y desplaza el centro hacia la derecha hasta que de una vuelta y media, aproximadamente
  5. En el segundo 1 crea un keyframe en Cambiar centro del efecto Desplazamiento, ve al segundo 0 y desplaza el Centro una vuelta y media
  6. Crea un nulo y colócalo en la esquina izquierda de la lata.
  7. Duplica el nulo y colócalo en la esquina derecha
  8. Renombra los nulos “Izquierda” y “Derecha”
  9. Haz una línea o rectángulo que sirva de referencia de superficie
  10. Selecciona todas las capas y emparéntalas con el Nulo Izquierda
  11. Ahora emparenta el Nulo Izquierda con el Nulo Derecha
  12. Ve al segundo 1, crea un keyframe en Posición (0) y otro en Rotación (-5) del Nulo Izquierda
  13. En el segundo 0 pon la Rotación en 0, luego mueve el nulo hasta que la lata quede fuera de la composición
  14. Avanza 3 keyframes y crea un keyframe en Rotación 0 de cada uno de los dos nulos
  15. Avanza 3 más y crea un keyframe en Rotación 3 del Nulo Derecha
  16. Avanza 3 keyframes y crea un keyframe en Rotación 0 de cada uno de los dos nulos
  17. Avanza 2 más y crea un keyframe en Rotación -1 del Nulo Izquierda
  18. Avanza 2 más y crea un keyframe en Rotación 0 del Nulo Izquierda
  19. Presiona CTRL A para seleccionar todas las capas y luego presiona la tecla U para ver todos los keyframes.  
  20. Con la tecla MAY(Shift) presionada, selecciona el 2, 4 y 6to grupo de keyframes, presiona F9 para suavizar las curvas
  21. Ajusta la velocidad en el editor de gráficos.

¡Ya lo tienes!

Descarga el proyecto con los materiales y el ejercicio ya hecho.

Descarga el Proyecto 9
Descarga el Proyecto 9

Tutorial 9: Falso giro 3D en After Effects

Comparte en redes sociales