Buen día, queridos steem lovers. En esta oportunidad quiero compartir con ustedes un GIF de un texto con un animación bastante peculiar; se trata de 2 composiciones, que simulan la formas de dos anillos que convergen entre si. A simple vista puede parecer difícil y confusa, pero lo cierto es que es bastante sencilla (debido a que solo estaremos editando una composición; la otra es solo un duplicado con el valor de rotación invertida). ¡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 2160px x 600px, color negro.
PARTE 2: Crear texto
Seleccionamos nuestra herramienta de texto en el apartado superior.
Nos aseguramos que la fuente seleccionada sea Heading Pro Trial.
Creamos un texto.
Colocaré «Steemit».
Creamos un segundo texto.
Colocaré «The best fuck*ng platform».
Creamos otra composición.
El tamaño será de 1080px x 1080px, color negro, nombre «Main».
PARTE 3: Editar texto
Creamos otra composición, nuevamente.
El tamaño será de 600px x 2160px, color negro, nombre «Animation».
Arrastramos la composición «Text» hacía la mesa de trabajo.
Teniendo seleccionado «Text», presionamos la letra "R".
Se abrirán los frames de rotación.
Cambiamos el valor Rotación a -90°.
Vamos a Efecto/Estilizar/Mosaico en movimiento.
Nos posicionamos en el (seg) 0.00, creamos un frame en Centro.
Presionando el símbolo del reloj.
Nos posicionamos en el (seg) 3.00, cambiamos Centro a -1080.
Nos posicionamos en el (seg) 6.00, cambiamos Centro a -3240.
Teniendo seleccionado la composición «Text», presionamos la letra "U".
Se abrirán los frames creados.
Seleccionamos los fotogramas:
Presionamos clic derecho, Desaceleración/Aceleración suave o F9.
Abrimos la composición «Main», presionando doble clic sobre ella.
PARTE 4: Agregar deformación de malla
Arrastramos la composición «Animation» hacía la mesa de trabajo.
Vamos a Efecto/Distorsionar/Deformación de malla
Seleccionamos los puntos de distorsión superiores.
Los movemos horizontalmente hacia la izquierda.
Seleccionamos los puntos de distorsión superiores, nuevamente.
Los movemos diagonalmente hacia el lado superior derecho.
Repetimos los pasos con los puntos de distorsión inferiores.
Seleccionamos la composición «Animation», presionamos ctrl + D.
Teniendo seleccionado «Animation 1», presionamos la letra "R".
Se abrirán los frames de rotación.
Cambiamos el valor Rotación a 180°.
Teniendo seleccionado «Animation 1», presionamos la letra "P".
Se abrirán los frames de posición.
Cambiamos el valor Posición X a 465°.
Vamos a Efecto/Perspectiva/Sombra paralela
Cambiamos el valor Opacidad a 100.
Cambiamos el valor Distancia a 0.
Cambiamos el valor Suavizado a 400.
PARTE 5: Duplicar composición
Presionando clic derecho sobre el área de trabajo.
Seleccionamos Nuevo/Objeto Null
Seleccionamos la composición «Animation 1 y 2», presionamos ctrl + D.
Tenemos que duplicarlo 2 veces.
Seleccionamos las composiciones «Animation 4 y 3»:
En el apartado Principal y enlace, cambiamos Ninguno a Nulo 1.
Teniendo seleccionado «Nulo 1», presionamos la letra "R".
Se abrirán los frames de rotación.
Cambiamos el valor Rotación a 90°.
Movemos «Animation 4» sobre la composición «Animation 1».
En la línea de tiempo.
Vamos a Alinear y centramos nuestro texto horizontalmente.
PARTE 6: Añadir rotación
Seleccionamos todas las composiciones «Animation»:
En el apartado Principal y enlace, cambiamos Ninguno a Nulo 1.
li>Teniendo seleccionado «Nulo 1», presionamos la letra "R".
Se abrirán los frames de rotación.
Nos posicionamos en el (seg) 0.00, creamos un frame en Rotación.
Presionando el símbolo del reloj.
Nos posicionamos en el (seg) 3.00, cambiamos Rotación a 90°.
Nos posicionamos en el (seg) 6.00, cambiamos Rotación a 180°.
Seleccionamos los fotogramas:
Presionamos clic derecho, Desaceleración/Aceleración suave o F9.
PARTE 7: Exportar nuestro GIF
Presionamos Composición/Añadir a cola de Adobe Media Encoder...
Nos aseguramos que el formato de salida sea en .gif animado, y le damos al botón de exportar.
Y éste es el resultado final:
Hasta aquí el tutorial, espero les resulte útil. @rpcaceres se despide. ;)
