Feliz martes. Es un vigoroso placer saludarlos otro día más, estimados steemians. :)
Buen día, mi querida comunidad (amante de todas las artes). En esta oportunidad les estaré compartiendo de forma bastante didáctica — como han sido mis tutoriales hasta ahora — cómo llevar a cabo un GIF con efecto «circular reveal» (conocido en español como «revelación circular»).
Esta edición la realicé con el objetivo de transmitir un concepto que resultara agradable para la vista. Por esa razón lleve a cabo una composición bicromática. ¡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 700px x 400px, color negro.
PARTE 2: Crear elipse
Presionando clic derecho sobre el área de trabajo.
Seleccionamos Nuevo/Capa de formas
Desplegamos los valores de Agregar, seleccionamos Elipse y Relleno.
Seleccionamos la opción Trazo, cambiamos el color por Morado.
Seleccionamos la opción Tamaño de trazo, lo cambiamos a 30 px.
PARTE 3: Editar elipse
Al lado derecho de «Capa de forma 1», desplegamos sus valores.
Desplegamos los valores de Agregar y seleccionamos Recortar trazados
Desplegamos Recortar trazados 1.
Nos posicionamos en el (seg) 0, cambiamos Fin a 0.
Creamos un frame, presionando el símbolo del reloj.
Nos posicionamos en el (seg) 0, creamos un frame en Desplazamiento.
Presionando el símbolo del reloj.
Desplegamos Trazo 1.
Nos posicionamos en el (seg) 0, cambiamos Anchura del trazo a 0.
Creamos un frame, presionando el símbolo del reloj.
Teniendo seleccionada «Capa de forma 1», presionamos la letra "U".
Se abrirán todos los frames.
Nos posicionamos en el (seg) 1.00:
Cambiamos el valor Fin a 100.
Cambiamos el valor desplazamiento a 150.
Cambiamos el valor Anchura del trazo a 100.
PARTE 4: Duplicar elipse
Teniendo seleccionada «Capa de forma 1», presionamos ctrl + D.
Con este comando duplicaremos la capa.
Dejamos un espacio de separación de 2 fotogramas.
Gracias es esto se visualizará una composición escalonada.
Teniendo seleccionada «Capa de forma 2», presionamos la letra "S".
Se abrirán los frames de escala.
Cambiamos el valor Escala a 190.
Teniendo seleccionada «Capa de forma 2», presionamos ctrl + D.
Dejamos un espacio de separación de 2 fotogramas, nuevamente.
En la línea de tiempo.
Teniendo seleccionada «Capa de forma 3», presionamos la letra "S".
Se abrirán los frames de escala.
Cambiamos el valor Escala a 310.
Teniendo seleccionada «Capa de forma 3», presionamos ctrl + D.
Dejamos un espacio de separación de 2 fotogramas, una última vez.
Teniendo seleccionada «Capa de forma 4», presionamos la letra "S".
Se abrirán los frames de escala.
Cambiamos el valor Escala a 460.
PARTE 5: Efecto delay (amarillo)
Seleccionamos todos las capas creadas, presionamos ctrl + D.
Dejamos un espacio de separación de 2 fotogramas, desde el (seg) 0.
Seleccionamos las capas 5, 6, 7, 8, presionamos clic derecho:
Vamos hasta la opción precomponer y le damos aceptar.
Le colocaré como nombre «Yellow».
Seleccionamos Efecto/Generar/Relleno
Seleccionamos el color Rojo y lo cambiamos por Amarillo.
En la flecha de Controles de efectos seleccionamos Proyecto.
PARTE 6: Agregar logo
Presionamos Archivo/Importar/Archivos...
Seleccionamos el logotipo y presionamos importar.
Teniendo seleccionada «Capa de forma 1», presionamos ctrl + D.
Movemos la capa de forma duplicada al primer puesto.
En la línea de tiempo.
Dejamos un espacio de separación de 10 fotogramas, desde el (seg) 0.
Teniendo seleccionada «Capa de forma 5», presionamos la letra "S".
Se abrirán los frames de escala.
Cambiamos el valor Escala a 40.
Arrastramos nuestro logotipo importado hacía la mesa de trabajo.
Teniendo seleccionada la imagen «LOGO», presionamos la letra "S".
Se abrirán los frames de escala.
Nos posicionamos en el (seg) 0.18, cambiamos Escala a 0.
Creamos un frame, presionando el símbolo del reloj.
Nos posicionamos en el (seg) 1.05, cambiamos Escala a 13.
Teniendo seleccionada la imagen «LOGO», presionamos la letra "R".
Se abrirán los frames de rotación.
Nos posicionamos en el (seg) 0.18, cambiamos Rotación a -20°.
Creamos un frame, presionando el símbolo del reloj.
Nos posicionamos en el (seg) 1.05, cambiamos Rotación a -0°.
Seleccionamos Efecto/Generar/Relleno
Seleccionamos el color Rojo y lo cambiamos por Blanco.
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. ;)
