Aprenda a crear una tarjeta de comercio 3D completamente en After Effects. ¡El tutorial incluye un archivo de proyecto descargable gratuito!
Las tarjetas virtuales 3D se han disparado en popularidad durante el año pasado. Visualmente, son bastante intrigantes. Estas cartas combinan la naturaleza de una carta plana con imágenes o animaciones que tienen profundidad y paralaje. Diseñador Robbie Tilton crea algunos ejemplos impresionantes de tarjetas en 3D.
En este video tutorial, aprenderemos cómo crear nuestra propia tarjeta 3D completamente en After Effects. Recomiendo descargar el archivo de proyecto gratuito, que incluye una gran cantidad de activos para ayudarlo a construir su propia tarjeta a medida que avanza.
Listo? ¡Empecemos!
DESCARGA GRATIS LOS ARCHIVOS DE PROYECTO DE TARJETA 3D AFTER EFFECTS
Al descargar, acepta no revender ni redistribuir estos activos gratuitos.
El aspecto de las tarjetas 3D
Lo que hace que las tarjetas 3D se vean tan únicas es que podemos ver que la tarjeta es plana, pero la imagen de la tarjeta tiene una profundidad que supera con creces la de la tarjeta.
Esto es posible a través de algunos trucos de composición (los mates de seguimiento para ser específicos, más sobre eso más adelante). Puede crear versiones en 3D de tarjetas reales que escanee usted mismo, o puede crear una original desde cero. La imagen de la tarjeta puede ser cualquier cosa que desee, desde capas planas hasta imágenes o modelos 3D.
Cómo crear una tarjeta 3D
Primero, necesitará crear la forma de su tarjeta usando Sólido o Capas de forma. También deberá crear una capa que actuará como su «Ventana de imagen”Para la parte 3D de su tarjeta.
Asegúrese de que todas las capas de su tarjeta estén Capas 3D en After Effects. Siéntase libre de agregar cualquier texto personalizado o descripciones a su tarjeta.
Luego, en otra composición, necesitará construir su escena 3D o 2.5D. (En el tutorial, titulé mi composición 3D Ventana de imagen comp.) Puede hacer esto con capas o imágenes 3D, o puede usar 3D complementos hecho para After Effects, como Elemento 3D o Stardust.
Una vez que haya creado su escena 3D, agregue el Comp de ventana de imagen debajo de tu Capa de ventana de imagen en la composición original con su tarjeta 3D. Selecciona el Track Matte para que Image Window Comp Mate Alfa.
A continuación, deberá activar Colapsar transformaciones para Image Window Comp para que aparezca correctamente en el espacio 3D. El icono Contraer transformaciones parece un pequeño sol cuando está encendido.
Finalmente, crea un Cámara 3D y orbita alrededor de tu tarjeta para ver el efecto 3D.
Consejos para perfeccionar la apariencia
Una vez que haya creado su tarjeta 3D, puede pulir el aspecto con otros efectos. Me gusta agregar un Capa de ajuste encima de las «áreas de hologramas» de mi tarjeta y agregue un Resplandor efecto.
También puede simular algunos reflejos sutiles usando el Barrido de luz CC efecto en su ventana de imagen Comp. Simplemente haga un fotograma clave de la animación del barrido de luz.
Añadiendo un imagen de fondo a su escena 3D también es un buen toque, que puede agregar más paralaje 3D.
Usar complementos 3D
Por último, si está utilizando complementos 3D en su escena 3D, el uso de Colapsar Transformaciones no funcionará (así que déjelo marcado en su Ventana de composición de imagen). En realidad tendrás que copiar y pegar la cámara 3D con fotogramas clave de su escena principal a su escena 3D con su complemento 3D.
Dado que ambas cámaras 3D tienen el mismo movimiento, esto permitirá que todo se vea correcto en la escena principal con la tarjeta 3D.
¿Interesado en las pistas libres de derechos que usamos para hacer este video? Dales otra escucha:
Descubra aún más sobre la animación en After Effects:
Escríbenos para cotizar tu video 🎬