Efecto de Trazado de Logo – Fusion
Este es un ejemplo de trazado o aparición de un Logo Tipográfico, esto surgió a partir de una pregunta de como realizarlo o de si existían plantillas que lo hicieran de forma automática, tomando como referencia un logo de la marca DJI. Desconozco si existen plantillas o Presets que lo hagan, así que mi respuesta era que había que hacerlo manualmente. Por lo que me di a la tarea de replicar la referencia usando otras imágenes.
1 Trazado de Líneas y Logo
El primer paso es analizar el Logo y determinar donde colocaremos las líneas de trazo y como las vamos a animar. Ya con esto decidido use un programa de ilustración vectorial, Magix Photo Designer o como yo lo conocí XARA, para trazar el Logo y las Líneas, para después exportarlos como archivos SVG en Fusion. Se que Fusion tiene herramientas de curvas y shapes que podría usar para hacerlo, pero, creo que es más sencillo y rápido hacerlo en un programa que se especializa en ello. Otros programas que se pueden usar son Inkscape, Affinity Designer, Coreldraw o Illustrator.
2 Animación de Trazado de Líneas y Aparición del Logo
Importaremos a Fusion los archivos SVG del Logo y las Líneas de Trazado. Al hacerlo estos aparecerán como un paquete que agrupa los diversos componentes que forman cada una de estas imágenes, con nodos de Curvas, Shapes, Backgrounds y Merges, para la animación sólo ocuparemos las curvas y shapes y borraremos lo demás. Algo que me ha funcionado al trabajar con archivos SVG, es crear un proyecto en Fusion a la resolución a la que fueron creados en el programa de vectores, hacer la organización, depuración y renombrado de nodos, para quedarme sólo con lo que necesito para después pegar estos árboles en el proyecto que tendrá la resolución de entrega.
Ya con los nodos de curvas organizados e identificados, comenzaremos la animación del Trazado, Esto se hace animando los parámetros Position y Lenght de las Líneas de Trazo. Otros parámetros que anime fueron Border Width, que me permite variar el ancho de la Línea y Level con lo que controle la aparición y desaparición de los Trazos. Por último, para dar un efecto de degradado en los extremos de las líneas que se están moviendo active el Motion Blur.
Después de tener una animación base del Trazado me enfoque en la aparición de las letras del Logo, esta fue controlada con una máscaras Polygon que conecte a cada una de las letras en modo Minimum , los bordes difuminados los creé sacando los Outer Polygons de estás máscaras. En un proceso de prueba y error voy ajustando simultáneamente las animaciones de las letras y trazos hasta quedar con algo que me guste.
3 Ajustes y Efectos Finales
A la animación terminada le agrego algunos efectos de Glow y la coloco en el pietaje ajustando su posición y tamaño con un Transform, sobre el fondo y tras la animación agregue un Lens Flare y para terminar al final de la composición volví a agregar un poco de Glow y una Viñeta.
Programas Usados
Magix Photo & Graphic Designer 15
BMD Fusion Studio 19