Es muy probable que hayas visto en redes sociales GIFs con animaciones infinitas. Estoy hablando de esas pequeñas animaciones, que son muy utilizadas en Instagram Stories.
Te vas a sorprender de lo fácil y divertido que es hacer un GIF con loop infinito. Puedes animar personajes, logotipos, letras o cualquier tipo de objeto que se te ocurra.
Lo único que necesitas para hacer una de estas animaciones es tener el programa After Effects, instalado en tu computadora.
No es indispensable que sepas utilizar el programa, con conocimientos básicos, vas a lograr elaborar bucles animados. Lo único que tienes que hacer es seguir las recomendaciones y técnicas que Moncho Massé, te va a enseñar en este curso.
¿Qué es un loop en After Effects?
Un loop es una animación que, cuando llega al final, vuelve a comenzar desde el principio.
Por ejemplo, imagina un círculo que se mueve de izquierda a derecha:
Inicio → movimiento → final → inicio → movimiento → final → …
En lugar de tener que copiar y pegar la animación varias veces, podemos decirle a After Effects que repita automáticamente los fotogramas clave.
Esto nos permite crear animaciones prácticamente infinitas utilizando muy pocos fotogramas clave.
Crear un loop con loopOut
Este es uno de los métodos más utilizados porque permite repetir una animación automáticamente.
Para este ejemplo vamos a crear una animación sencilla de un objeto que se mueve de un lado a otro.
Paso 1. Crea una composición nueva
Abre After Effects y crea una composición.
Puedes utilizar, por ejemplo:
- Resolución: 1920 × 1080 px
- Velocidad: 30 fps
- Duración: 5 segundos
La duración no es demasiado importante para este ejemplo porque posteriormente podemos ampliar la duración del loop.
Haz clic en New Composition y configura los parámetros que necesites.
Paso 2. Crea un objeto
Crea cualquier objeto que quieras animar.
Por ejemplo, puedes utilizar una forma sencilla:
- Selecciona la herramienta Ellipse Tool.
- Mantén presionada la tecla
Shift. - Dibuja un círculo dentro de la composición.
- Selecciona un color para el relleno.
También puedes importar una imagen, un logotipo o cualquier otro elemento.
Para este ejemplo utilizaremos un círculo.
Paso 3. Anima el objeto
Selecciona la capa del círculo.
Presiona la tecla: P
La letra P abre directamente la propiedad Position.
Ahora vamos a crear dos posiciones.
Coloca el indicador de tiempo, por ejemplo, en: 00:00
Activa el cronómetro que aparece junto a Position.
Esto crea el primer fotograma clave.
Coloca el círculo en el lado izquierdo de la composición.
Después mueve el indicador de tiempo hasta: 00:02
Mueve el círculo hacia el lado derecho.
After Effects creará automáticamente un segundo fotograma clave.
Ahora tienes una animación en la que el círculo se mueve desde la izquierda hacia la derecha.
Paso 4. Selecciona los fotogramas clave
Ahora tenemos que decirle a After Effects que queremos repetir esta animación.
Selecciona los dos fotogramas clave de Position.
Puedes hacer clic sobre uno y después mantener presionada la tecla Shift para seleccionar el otro.
Paso 5. Agrega la expresión Loop
Mantén presionada la tecla:
Alt en Windows, o: Option en Mac y haz clic sobre el cronómetro de Position.
Esto abrirá el campo de expresiones.
Aparecerá una línea de texto debajo de la propiedad.
Escribe:
loopOut()Presiona Enter.
¡Listo!
After Effects ahora repetirá automáticamente la animación.
La animación será:
izquierda → derecha → izquierda → derecha → izquierda…
Curso para aprender a hacer animaciones con loop infinito
Primero aprenderás a conocer los conceptos básicos del diseño de un personaje. Descubrirás cuáles son las técnicas para animar la cabeza y el cuerpo de tu personaje.
Cuando termines de animar a tu personaje, sabrás cuál es el truco para exportarlo desde Photoshop en formato GIF. Y que la animación sea un perfecto loop infinito con After Effects para principiantes.
El curso tiene una duración de 3 horas y media. Está dividido en 22 lecciones en video.
Este es un resumen de los contenidos:
1.- Presentación – En estas lecciones, Moncho Massé se presenta, habla de su trabajo y de dónde saca inspiración, para hacer sus animaciones.
2.- Conocimientos Básicos – Aquí es en donde comienzas a familiarizarte con el entorno de trabajo de After Effects. Y también conocerás cómo hay que diseñar para formatos GIF.
3.- Diseño y rig de personaje – Comenzarás a diseñar la cabeza y el cuerpo del personaje. Para aprender a hacer animaciones de los personajes y después animar cada una de sus partes.
4.- Creando el loop número 1 – Aquí te metes de lleno en la parte de animación, para que se vea perfecta en loop.
5.- Creando el loop número 2 – Para reafirmar lo aprendido en las lecciones anteriores, elaborarás otra animación y aprenderás a exportarla en formato GIF.
Ventajas y desventajas del curso “Animación y diseño de personajes en After Effects”
| Ventajas | Desventajas |
| Profesor especializado justo en este tema. Moncho Massé se dedica específicamente a crear bucles animados para marcas, no es un generalista tocando el tema por primera vez. | No profundiza mucho en el software. Un alumno lo resume así: “explica lo esencial para entender cómo realizar el personaje, no es muy profundo en conocimientos de After Effects”. |
| 99% de valoraciones positivas con más de 700 opiniones y más de 17,000 estudiantes. | Versiones de software desactualizadas. Un alumno pidió específicamente que actualizaran las versiones de After Effects usadas en las lecciones, algo común en cursos grabados hace tiempo. |
| Curso completo: 22 lecciones y 3 horas 31 minutos, cubre desde diseño del personaje hasta el rig y la animación final. | Nivel de iniciación. Si ya tienes experiencia animando personajes en After Effects, el curso te puede quedar corto. |
| Explica el truco específico para exportar a GIF, algo que no todos los cursos de animación cubren, y que es justo lo que la gente busca para redes sociales. | Es solo el primero de varios cursos de Moncho Massé. Él tiene después “Técnicas de animación con efectos 3D” y “After Effects: anima los primeros pasos de tu personaje”, si quieres profundizar, necesitas tomarlos aparte. |
| Varios alumnos destacan la claridad de la explicación, incluso quienes nunca habían usado After Effects logran terminar el curso. | Requiere también conocimientos básicos de Photoshop, ya que ahí se hace la exportación final a GIF, así que no es 100% autocontenido en After Effects. |
| Subtítulos en varios idiomas (español, inglés, francés, italiano, portugués, turco) y acceso ilimitado para siempre. | El resultado final es un loop corto, no aprenderás a hacer animaciones largas o narrativas complejas con este curso. |
El curso tiene un costo muy bajo, siempre hay descuentos, por eso recomiendo que entres a la página para que lo compruebes. Y además utiliza este código de descuento, para que ahorres un 10% del precio final en este curso o en cualquier otro: ROC21-10.
Pero la oferta es por tiempo limitado, el descuento solo estará activo durante una semana.
Puedes pagar el curso con todas las tarjetas de crédito o de débito. Y si tienes cuenta en PayPal o en PayU, también la puedes utilizar para hacer el pago.
Cuando el pago se compruebe, tendrás acceso de inmediato y de por vida.
¿Para quién sí y para quién no es este curso?
Este curso sí es para ti si: nunca has usado After Effects y quieres aprender lo básico haciendo algo divertido y compartible, como un GIF animado para tus redes sociales. También es para ti si diseñas personajes y quieres dar el siguiente paso, animarlos tú mismo sin depender de un animador. Y si te gusta el estilo de loops infinitos, esas animaciones cortas que nunca sabes en dónde empiezan ni terminan.
Este curso no es para ti si: ya manejas After Effects a nivel intermedio o avanzado, porque el curso se queda en lo esencial y no profundiza en técnicas complejas del programa, como bien señaló un alumno. Tampoco es para ti si buscas hacer animaciones largas o con narrativa, aquí el objetivo es un loop corto de pocos segundos. Y si no tienes ni conocimientos básicos de Photoshop, vas a necesitar repasar eso aparte, ya que se usa para la exportación final a GIF.
Puedes compartir tus animaciones con el resto de los estudiantes. Y puedes pedir que el profesor te dé su opinión de tus GIFs.
O puedes subir tus GIFs a Giphy -no es nada complicado-, para que tú o cualquiera, los pueda utilizar en tus videos o fotos que compartes en Instagram.
Así que no lo dudes, apúntate al curso y comienza a crear animaciones con loop infinito, en formato GIF.
