Buen día, queridos steem lovers. Antes de empezar de lleno con el tutorial de hoy, quiero desear un bonito día de San Valentín a nuestros hermanos europeos —Ha esta hora en que redacto mi post, ya es 14 de febrero en aquellos cautivadores países. ¡Que el amor no les falte!
Ahora si, vamos a lo nuestro: En esta ocasión quiero explicar, paso por paso, una animación que considero bastante sencilla de realizar. El efecto decidí llamarlo «elliptical reveal» (en español seria «revelación elíptica»), y consiste en una figura circunferencial, con un punto central en una de sus esquinas, que gira con un delay bastante definido. Lo genial de esta animación es que podemos utilizar cualquier texto, como también imágenes dentro de ella. ¡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 1080px, color negro.
PARTE 2: Crear elipse
Presionando clic derecho sobre el área de trabajo.
Seleccionamos Nuevo/Capa de formas
Le colocaré como nombre «Elipse 1».
Desplegamos los valores de Agregar, seleccionamos Elipse y Relleno.
Seleccionamos la opción Relleno, cambiamos el color por Azul claro.
Presionamos aceptar.
Vamos a Anchor Point Mover, presionamos la flecha derecha (←).
Con este ajuste, modificaremos el punto central de la capa.
PARTE 3: Simular efecto rotativo
Teniendo seleccionada la capa «Elipse 1», presionamos la letra "T".
Se abrirán los frames de opacidad.
Cambiamos el valor Opacidad a 60.
Teniendo seleccionada la capa «Elipse 1», presionamos ctrl + D.
Tenemos que duplicarla 6 veces.
Seleccionamos todas las capas duplicadas, 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) 2.00:
Seleccionamos Elipse 2, cambiamos el valor Opacidad a 60.
Seleccionamos Elipse 3, cambiamos el valor Opacidad a 120.
Seleccionamos Elipse 4, cambiamos el valor Opacidad a 180.
Seleccionamos Elipse 5, cambiamos el valor Opacidad a 240.
Seleccionamos Elipse 6, cambiamos el valor Opacidad a 300.
Nos posicionamos en el (seg) 3.00:
Duplicamos los valores de Opacidad.
Presionando el símbolo del rombo.
Nos posicionamos en el (seg) 5.00:
Seleccionamos todas las capas, cambiamos el valor Opacidad a 360.
Nos posicionamos en el (seg) 5.00, presionamos la letra "N".
Se reducirá el tiempo de visualización (fin) a dicho (seg).
Clic derecho sobre la barra de visualización, Separar entorno de trabajo
Seleccionamos todos fotogramas creados:
Presionamos clic derecho, Desaceleración/Aceleración suave o F9.
Seleccionamos todas las capas, presionamos clic derecho.
Vamos hasta la opción precomponer y le damos aceptar.
Le colocaré como nombre «Elipse izquierdo».
PARTE 4: Duplicar efecto
Seleccionamos la capa «Elipse izquierdo», presionamos la letra "P".
Se abrirán los frames de posición.
Cambiamos el valor Posición X a 750.
Teniendo seleccionado «Elipse izquierdo», presionamos ctrl + D.
Le colocaré como nombre «Elipse derecho».
Teniendo seleccionado «Elipse derecho», presionamos la letra "P".