Buen día, queridos HIVE bloggers. Les cuento: hace un par de meses, navegando en el feed de YouTube, me encuentre con un asombroso canal llamado ECAbrams; una cuenta donde semanalmente se hacen podcast con grandes personalidades del diseño gráfico (específicamente en AE). — En él charlan sobre plug-ins, actualizaciones, native tools, consejos, expresiones y hack life que pueden facilitarnos mucho las cosas...
¿Por qué digo esto?... Porque aproximadamente hace 2 meses compartieron un template (composición pre-renderizada .aep) gratuito de una animación de líneas que parten de un mismo eje. Luego de desglosarla y aplicar ingeniería inversa en ella, pude entender el esquema básico; y así mejorar el resultado y convertirlo en un efecto logo reveal... ¡Espero les guste!
¿Qué necesitamos?
Necesitamos tener instalado After Effects.
Al final les dejaré el link de descarga.
Proceso de creación:
PARTE 1: Composición
Empezaremos creando una nueva composición.
En la ventana emergente modificaremos los valores de la composición.
En mí caso el tamaño es 1920px x 5400px, color negro.
PARTE 2: Importar archivos
Presionamos Archivo/Importar/Archivos...
Seleccionamos «FORMAS» y «HIVE», presionamos importar.
Arrastramos el archivo «FORMAS» hacía la mesa de trabajo.
PARTE 3: Extraer formas de la capa vectorial
Seleccionamos «Blue, Red y Green Path», damos clic derecho:
Vamos hasta la opción Crear formas a partir de la capa vectorial.
Seleccionamos «Blue Path contorno», presionamos la letra "UU".
Se abrirán los frames de la capa vectorial.
Cambiamos el valor Posición X a 0.
Cambiamos el valor Posición Y a 0.
En la opción Transformar, presionamos Restaurar.
Seleccionamos «Red Path contorno», presionamos la letra "UU".
Se abrirán los frames de la capa vectorial.
Cambiamos el valor Posición X a 0.
Cambiamos el valor Posición Y a 0.
En la opción Transformar, presionamos Restaurar.
Seleccionamos «Green Path contorno», presionamos la letra "UU".
Se abrirán los frames de la capa vectorial.
Cambiamos el valor Posición X a 0.
Cambiamos el valor Posición Y a 0.
En la opción Transformar, presionamos Restaurar.
PARTE 4: Añadir ruta de trazo
Seleccionamos «Blue Path contornos»:
Vamos a Ventana/Create Nulls From Paths.jsx
Elegimos la opción «Trazar ruta», presionando doble clic.
Seleccionamos la herramienta elíptica en el apartado superior.
Creamos un elipse en la mesa de trabajo.
Presionando doble clic sobre el símbolo.
Cambiamos el valor Tamaño X a 200.
Cambiamos el valor Tamaño Y a 200.
Seleccionamos la capa «Circle_01»:
En Enlace, seleccionamos Trace Blue Path contornos: Trazado 1.
Aislamos visualmente las primeras 3 capas.
Presionando el símbolo que esta al lado izquierdo del candado.
