Feliz sábado. Es un placer saludarlos una vez más, queridos steemians. :)
Buenas noches a toda la comunidad hispana. En esta oportunidad les estaré compartiendo un tutorial donde explico cómo crear un GIF con una animación «magnifying glass» (conocida en español como «efecto lupa»).
P.D. Estaré usando como composición principal una imagen extraída de la pagina oficial de Freepik; un hosting de recursos libres donde se comparten diseños digitales (en formato PSD). ¡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 423px x 423px, color negro.
PARTE 2: Importar archivos
Presionamos Archivo/Importar/Archivos...
Seleccionamos las imágenes y presionamos importar.
Arrastramos nuestro background importado hacía la mesa de trabajo.
PARTE 3: Remplazar pantalla
Desactivamos la visualización de la imagen «Lupa».
Creamos un sólido presionando clic derecho sobre el área de trabajo.
Yo lo colocaré un color verde.
Teniendo seleccionado «Screen», presionamos la letra "S".
Se abrirán los frames de escala.
Cambiamos el valor Escala a 16.5.
Teniendo seleccionado «Screen», presionamos la letra "P"
Se abrirán los frames de posición.
Cambiamos el valor Posición X a 206.5.
Cambiamos el valor Posición Y a 190.5.
Seleccionamos el sólido creado, presionamos clic derecho.
Vamos hasta la opción precomponer y le damos aceptar.
Abrimos la composición «Screen», presionando doble clic sobre ella.
Arrastramos la imagen (esta será la que saldrá en el monitor).
Volvemos a la composición principal, presionando «Comp 1».
PARTE 4: Movimiento de lupa
Activamos la visualización de la imagen «Lupa».
La movemos hasta la parte de arriba, en la línea de tiempo.
Esto hará que quede sobre las demás imágenes.
Teniendo seleccionado «Lupa», presionamos la letra "P"
Se abrirán los frames de posición.
Cambiamos el valor Posición X a -36,5.
Cambiamos el valor Posición Y a 261.5.
Nos posicionamos en el (seg) 0.00, creamos un frame en Posición.
Presionando el símbolo del reloj.
Nos posicionamos en el (seg) 2.00, cambiamos Posición X a 272.5.
Nos posicionamos en el (seg) 3.00 y duplicamos los valores anteriores.
Presionando el símbolo del rombo.
Nos posicionamos en el (seg) 5.00, cambiamos Posición X a -36.5.
Seleccionamos todos los fotogramas creados:
Presionamos clic derecho, Desaceleración/Aceleración suave o F9.
PARTE 5: Efecto del cristal
Creamos una capa de ajuste, presionando Capa/Nuevo/Capa de ajuste
Lo posicionamos bajo la imagen «Lupa», en la línea de tiempo.
Seleccionamos Efecto/Distorsionar/Aumentar
Seleccionamos todos los frames, presionamos ctrl + C.
Con este comando lo que haremos será copiarlos.
Teniendo seleccionado el efecto Aumentar, presionamos ctrl + V.
Con este comando lo que haremos será pegarlos.
Cambiamos el valor Tamaño a 40.
Seleccionamos Efecto/Distorsionar/Abombar
Seleccionamos los frames del efecto Aumentar, presionamos ctrl + C.
Con este comando lo que haremos será copiarlos.
Teniendo seleccionado el efecto Abombar, presionamos ctrl + V.
Con este comando lo que haremos será pegarlos.
Cambiamos el valor Radio horizontal a 40.
Cambiamos el valor Radio vertical a 40.
Cambiamos el valor Altura del abombar a 0.3.
PARTE 6: 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. ;)
