Esta es la pantalla principal de mi proyecto. Se podrán dar cuenta de dos factores: la gran cantidad de capas, además de que soy desordenado, lo sé.

     Llegado a este punto, se agrega el texto, el png de Steemit, ¡y estamos listos para precomponer! La precomposición en Adobe After Effects consiste en transformar una serie de capas en un objeto único. Es como si metieras dentro de una caja un juego de tazas de porcelana, se te hará más fácil transportarlas así que por separado, es decir, que podemos usar ese mismo círculo a lo largo de la animación sin tener que volver a crearlo. Con un "Control de Efectos" podemos incluso personalizar los colores de las líneas, los círculos y las cajas de texto, y de esta forma no tener que hacerlo manualmente, ya que ello supondría una tarea titánica.

Esta parte conlleva algo de tiempo realizar. El punto de anclaje de ambos objetos (las portadas) se posicionan en la parte superior, de esta forma se logra simular un efecto parecido al "péndulo". Hay que pasarlos a "objeto 3D" para tener acceso a las coordenadas X, Y y Z, jugar con ellas e ir descubriendo de qué forma van a caer desde un punto A en el espacio hacia un punto B con misma índole. La parte más compleja es posicionar bien los keyframes para que los movimientos coincidan con el tiempo de la animación, y a su vez con la física que le pensemos al objeto.

Y por último, el logo personal animado. A simple vista parece complejo, pero realmente no lo es. Para esto he tenido que recurrir a Adobe Illustrator cs6, del cual exporté un texto vectorizado, es decir, BONSIGNORE. Lo agregué al proyecto de After effects como png, luego, en la pestaña "capa", seleccioné la opción "trazado automático", una herramienta que crea trazos en torno a cada esquina y recoveco de las letras, creando una nueva capa de trazos, un clon de BONSIGNORE, pero sin relleno.

En esta nueva capa desplegamos su menú, nos vamos a trazado - recortar trazado, con el cual tendremos acceso a animar la trayectoria con un efecto de carrera, que recuerda un poco al snake de los viejos Nokias. Como sólo es posible animar la dirección frontal, pero no la trasera, se procede a crear una copia de ese mismo trazo con las mismas coordenadas, de esta forma, mientras su versión original recorre el torno del logo hacia un sentido, la copia lo hace por el otro. Se podrán dar cuenta de ello casi finalizando la animación, en que ambos extremos se tocan.