Buen día, queridos steem lovers. Les cuento: ayer por la tarde recibí la inesperada, pero gratificante visita de mi prima Stephany — Algún día la convenceré de unirse a esta grandiosa plataforma. — Lo cierto es que pasamos el día viendo The Big Bang Theory y jugando algunos que otros juegos en su teléfono. Uno de ellos, por tener la opción multiplayer, me pareció bastante entretenido. Su nombre es Slither.io. En él eres una serpiente y tu objetivo es crecer (aumentar en tamaño) más que los otros jugadores. Tienen unas animaciones bastante chulas, por ello quise rendirle tributo recreando un efecto parecido (por lo menos a lo que movimiento se refiere). ¡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.
Seleccionamos la opción Ver/Mostrar cuadrícula
PARTE 2: Crear efecto de ondulación
Creamos una capa de forma presionando la herramienta pen tool.
Dibujamos una línea horizontal.
Tiene que estar posicionada en el centro de la composición.
Desplegamos los valores de Agregar y seleccionamos Zig zag
Cambiamos el valor Tamaño a 40.
Cambiamos el valor Crestas por segmento a 8.
En la opción Puntos, cambiamos Borde por Suave.
Desplegamos los valores de Agregar y seleccionamos Recortar trazados
Cambiamos el valor Fin a 77.8
Nos posicionamos en el (seg) 0, creamos un frame en Desplazamiento.
Presionando el símbolo del reloj.
Nos posicionamos en el (seg) 2, cambiamos Desplazamiento a 80.
Desplegamos los valores de Contenido/Forma 1/Trazo 1
En la opción Trazo 1, cambiamos Normal por Fin redondo.
Desplegamos los valores de Capa de forma/Contenido/Forma 1/Transformar
Nos posicionamos en el (seg) 0.00, cambiamos Posición a -120.
Creamos un frame, presionando el símbolo del reloj.
Nos posicionamos en el (seg) 2.00, cambiamos Posición a 120.
Teniendo seleccionado «Capa de forma 1», presionamos la letra "U".
Se abrirán todos los frames creados.
Seleccionamos los fotogramas creados:
Presionamos clic derecho, Desaceleración/Aceleración suave o F9.
Desactivamos las cuadrículas, presionando Ver/Mostrar cuadrícula
PARTE 3: Duplicar capa y añadir color
Seleccionamos la imagen «Capa de forma 1», presionamos clic derecho.
Vamos hasta la opción precomponer y le damos aceptar.
Le colocaré como nombre «Squiggle».
Teniendo seleccionado la composición«Squiggle», presionamos ctrl + D.
Tenemos que duplicarlas 15 veces.
Seleccionamos «Squiggle 14, 7, 4, 3, 2 y 1» vamos a Efecto/Generar/Relleno
Seleccionamos el color y lo cambiamos por Amarillo claro .
Seleccionamos los duplicados restantes, vamos a Efecto/Generar/Relleno
Los duplicados son «Squiggle 15, 13, 12, 11, 10, 9, 8, 6, 5».
Seleccionamos el color y lo cambiamos por Amarillo oscuro .
PARTE 4: 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. ;)
