ARTÍCULO DE TUTORIAL

Principiante

5 minutos

Dentro del colorido mundo de Zipeng Zhu.

Zipeng Zhu (diseñador, ilustrador y animador) comparte sus conocimientos sobre cómo seguir creciendo creativamente.

“Cuando descubrí que podía importar mi archivo de Illustrator directamente en After Effects, mis tareas de animación se volvieron mucho más sencillas”.

Cómo animar imágenes vectoriales en Adobe Illustrator y After Effects.

Los consejos de Zipeng sobre cómo pasar rápidamente de la ilustración a la animación. Diviértete experimentando con este ejemplo.

Crea una cuadrícula en Illustrator.

Con la herramienta Rectángulo, dibuja cuadrados y rectángulos para crear un diseño interesante.

Consejo: Usa una cuadrícula para guiar tu dibujo. Elige Preferencias en el panel Propiedades (Ventana > Propiedades) y selecciona Guías y cuadrículas. Zipeng creó un documento de 1080 x 1080 con cuadrículas cada 120 píxeles y nueve subdivisiones para una cuadrícula de 9 x 9.

Dibuja patrones coloridos.

Utiliza las herramientas de forma para dibujar objetos en cada sección. Después usa las herramientas Relleno y Trazo para colorear tus diseños.

Consejo: Asegúrate de que cada elemento del diseño está en una capa distinta (Ventana > Capas) y ponles nombre a las capas para organizarlo todo antes de importarlo en After Effects.

Ve a After Effects.

Importa tu archivo final de Illustrator en After Effects. Elige Archivo > Importar > Archivo o usa el archivo de práctica disponible en la parte superior de la página. Selecciona Composición – Conservar tamaños de capa en el menú desplegable Importar.

Haz doble clic en el archivo del patrón en el panel Proyecto para añadir las capas a la línea de tiempo. Selecciona todas las capas, haz clic con el botón derecho y elige Crear > Crear formas a partir de la capa vectorial. Después, elimina las capas originales de Illustrator (Ai).

Pon la ilustración en movimiento.

Expande la capa Contornos blancos de estrella y después expande Transformar para mostrar la configuración. Con el cabezal de reproducción al inicio de la línea de tiempo, haz clic en el cronómetro Rotación y añade el primer fotograma clave. Mueve el cabezal a la marca de 1 segundo y cambia el valor de Rotación a 180° para ajustar un nuevo fotograma clave. Mueve el cabezal a 2 segundos y cambia el valor de Rotación a 0°. Añade otro fotograma clave en Rotación en la marca de 3 segundos a 180°.

Mantén pulsado Mayús y haz clic en todos los fotogramas clave para seleccionarlos, haz clic con el botón derecho y elige Asistente de fotogramas clave > Desacelerac./Acelerac. suave para crear una animación fluida.

Experimenta con diferentes propiedades de Transformar en otras capas de la ilustración y pulsa la barra espaciadora para ver una vista previa del movimiento.

Exporta y disfruta.

Elige Composición > Agregar a la cola de Adobe Media Encoder. Después escoge un formato (H.264 funciona en todas las plataformas). Haz clic en el texto azul en el campo Archivo de salida para ponerle nombre al archivo y especifica la ubicación de la exportación. Haz clic en Reproducir para exportar la animación.


Prueba estos tutoriales con After Effects

Crea efectos visuales y gráficos animados.