Feliz lunes. Es un placer estar con ustedes una vez más, queridos steemians. :)
Buenas noches a toda la comunidad hispana. En esta ocasión les estaré enseñando, paso por paso, a realizar un GIF con efecto «switch» (conocido en español como «efecto cambiante»).
Este efecto, a mi parecer, crea una sensación de dinamismo que resulta agradable a la vista, y a la vez se vuelve casi hipnotizante. A demás puede servir para promocionar nuestra increíble plataforma. ¡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 sólido
Creamos un sólido presionando clic derecho sobre el área de trabajo.
Le colocaré como nombre «BG».
PARTE 3: Importar archivos
Presionamos Archivo/Importar/Archivos...
Seleccionamos la imagen y presionamos importar.
PARTE 4: Crear elipses
Presionando clic derecho sobre el área de trabajo.
Seleccionamos Nuevo/Capa de formas
Le colocaré como nombre «Circulo 1».
Desplegamos los valores de Agregar, seleccionamos Elipse y Relleno.
Seleccionamos la opción Relleno, cambiamos el color por Negro.
Teniendo seleccionado «Circulo 1», presionamos la letra "S".
Se abrirán los frames de escala.
Cambiamos el valor Escala a 250.
Teniendo seleccionado «Circulo 1», presionamos ctrl + D.
Le colocaré como nombre «Circulo 2».
Seleccionamos el duplicado, ahora cambiamos el relleno.
Le colocaré un color blanco.
Teniendo seleccionado «Circulo 2», presionamos la letra "S".
Se abrirán los frames de escala.
Cambiamos el valor Escala a 150.
PARTE 5: Animar movimiento
Teniendo seleccionado «Circulo 2», presionamos la letra "P"
Se abrirán los frames de posición.
Nos posicionamos en el (seg) 0.00, cambiamos Posición X a 225.
Creamos un frame, presionando el símbolo del reloj.
Nos posicionamos en el (seg) 1.15, cambiamos Posición X a 529.
Nos posicionamos en el (seg) 3.00, cambiamos Posición X a 225.
Teniendo seleccionado «Circulo 1», presionamos la letra "P"
Se abrirán los frames de posición.
Nos posicionamos en el (seg) 0.00, cambiamos Posición X a 404.
Creamos un frame, presionando el símbolo del reloj.
Nos posicionamos en el (seg) 1.15, cambiamos Posición X a 348.
Nos posicionamos en el (seg) 3.00, cambiamos Posición X a 404.
Seleccionamos todos los fotogramas creados:
Presionamos clic derecho, Desaceleración/Aceleración suave o F9.
Seleccionamos la dos capas creadas, presionamos clic derecho:
Vamos hasta la opción precomponer y le damos aceptar.
Le colocaré como nombre «Circulo_1».
PARTE 6: Editar circulo principal
Seleccionamos la composición «Circulo_1», presionamos ctrl + D.
Abrimos la composición «Circulo_2», presionando doble clic sobre ella.
Presionamos «Circulo 1», en el apartado de Mate de seguimiento, seleccionamos Luma matte para nuestro capa.
Abrimos la composición «Principal», presionando doble clic sobre ella.
Seleccionamos Efecto/Generar/Relleno
Seleccionamos el color Rojo y lo cambiamos por Amarillo.
En la flecha de Controles de efectos seleccionamos Proyecto.
PARTE 7: Editar círculos secundarios
Seleccionamos la composición «Circulo_2», presionamos ctrl + D.
Abrimos la composición «Circulo_3», presionando doble clic sobre ella.
Movemos la capa «Circulo 2» debajo de «Circulo 1».
En la línea de tiempo.
Presionamos «Circulo 2», en el apartado de Mate de seguimiento, seleccionamos Alpha inverted matte para nuestro capa.
Abrimos la composición «Principal», presionando doble clic sobre ella.
PARTE 8: Agregar logotipo
Abrimos la composición «Circulo_3», presionando doble clic sobre ella.
Arrastramos nuestro logo importado hacía la mesa de trabajo.
Seleccionamos la capa «Circulo 2», presionamos ctrl + D.
Seleccionamos la imagen «LOGO»:
En el apartado de Mate de seguimiento, seleccionamos Alpha matte.
En el apartado Principal y enlace, cambiamos Ninguno a Circulo 2
Seleccionamos Efecto/Generar/Relleno
Seleccionamos el color Rojo y lo cambiamos por Negro.
PARTE 9: Añadir texto
Seleccionamos nuestra herramienta de texto en el apartado superior.
Nos aseguramos que la fuente seleccionada sea Montserrat Bold.
Creamos un texto.
En el centro del elipse.
Seleccionamos el texto «steemit»:
En el apartado de Mate de seguimiento, seleccionamos Alpha matte.
En el apartado Principal y enlace, cambiamos Ninguno a Circulo 2
Abrimos la composición «Principal», presionando doble clic sobre ella.
PARTE 10: 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. ;)
