Animaciones básicas

Modi car la velocidad de una animación

Trabajar con movimiento variable

Variar la velocidad en el editor de grá cos

Video conceptual

Referencias
Lección 1 de 5

Modificar la velocidad de una animación

Velocidad y distancia. Las piernas de la animación.

Antes de empezar a animar nuestros trabajos, debemos tener en claro

algunos conceptos:

Recordemos qué son los Keyframes:

 Los “keyframes” (fotogramas claves) se definen para especificar

los valores de una propiedad en determinados tiempos claves.

Figura 1: Panel Línea de Tiempo con dos Keyframes.

 El primer Keyframe ubicado al principio de la Línea de Tiempo. El segundo Keyframe ubicado en
los 15f/segundo.
Fuente: Elaboración propia.

La diferencia de tiempos entre fotogramas clave en el panel Línea de

tiempo:

1 Cuando la distancia entre fotogramas claves es menor, la capa

deberá moverse más rápido para alcanzar el siguiente valor del
fotograma clave.

2 Cuando la distancia entre fotogramas es mayor, la capa deberá

moverse más lento para alcanzar el siguiente valor del fotograma
clave.
 3 Para modificar un fotograma clave, éste deberá ser seleccionado.
De lo contrario, cualquier modificación que se realice dará como
resultado un nuevo fotograma clave.

4 Moviendo los fotogramas claves hacia adelante o hacia atrás,

logramos mayor o menor velocidad en nuestra animación.

Figura 2: Intervalo mayor entre fotogramas = menor velocidad de la

animación.
 La velocidad está determinada por la distancia que existe entre los fotogramas clave en el panel
Línea de Tiempo.
Fuente: Elaboración propia.

Figura 3: Intervalo menor entre fotogramas = mayor velocidad de la

animación.

La distancia entre los fotogramas claves es menor, por lo tanto, la velocidad de la animación será
mayor
Fuente: Elaboración propia.
C O NT I NU A R
Lección 2 de 5

Trabajar con movimiento variable

Si nos ubicamos en el Editor de gráficos de Adobe After Effects, podemos

ajustar los cambios en el tiempo entre los fotogramas clave.

Es importante entender que el valor de los fotogramas clave dependerá de la

modificación temporal y espacial que hagamos en cada capa. Los valores
temporales y espaciales se encuentran en el gráfico de velocidad, aquí es
donde encontraremos toda la información de cada fotograma clave para su
posterior modificación. 

Lo que debemos tener en cuenta con el gráfico de velocidad:

1 Si modificamos la altura del gráfico, sería equivalente a modificar

su velocidad.

2 Si modificamos los valores de tal modo que éstos queden

nivelados, nos daría como resultado una velocidad constante, es
decir, sostenida.

3 Para poder visualizar el grafico de velocidad, en el panel “Elegir tipo

de grafico” hacemos clic en “Editar gráfico de velocidad”. Vea la
 siguiente imagen:

Figura 4: Imagen A: Panel “Gráfico de velocidad”/ Imagen B: Pestaña

opciones de vista.

A. Menú Tipo de gráfico B. Editor de gráficos C. Curva de velocidad o Gráfico de velocidad D.

Control de dirección (controla la velocidad).

Para previsualizar el “Editor gráfico de velocidad”, haga clic derecho en el

Editor de gráficos y habilite la opción.
Fuente: Elaboración propia.

C O NT I NU A R
Lección 3 de 5

Variar la velocidad en el editor de gráficos

El ritmo de cambio es la velocidad modificada a partir del grafico de

velocidad. Es importante aclarar que el ritmo de cambio no es la modificación
del intervalo entre los fotogramas claves, donde modificamos la velocidad
de duración de nuestra animación (ver Figura 2 y Figura 3).

Cada fotograma clave posee propiedades individuales, los cuales

modificamos en el Editor de gráficos para lograr diferentes ritmos de
animación.

Figura 5: Curva de velocidad simple

 Fuente: Deslices y Movimientos [Editor de Gráfico de Velocidad] - Tutorial After Effects -
JHereM

Control de la velocidad entre fotogramas clave

A nuestra curva de movimiento podemos agregarle más fotogramas clave

para cambiar la posición de nuestro objeto, ahora vamos a modificar la
velocidad de esos movimientos, es decir, su ritmo.

Tipo de Interpolación

En el editor de gráficos podemos tener una curva de velocidad ajustada en

interpolación lineal, lo cual dificulta los cambios de forma uniforme.
La interpolación de curva nos permite modificar el ritmo de la animación con
mayor facilidad.

Veamos el mismo ejemplo, el primero con interpolación lineal y el segundo

con interpolación de curva:

Figura 6: Curvas de velocidad con interpolación lineal

Fuente: Elaboración propia

En nuestro panel de Composición vemos el trazado de movimiento, esta

forma lineal la vemos representada en el gráfico de velocidad dentro del
panel Editor de gráficos.
  Nota: Para agregar más fotogramas claves, seleccione la
herramienta Pluma o la herramienta Agregar vértices en el panel
Herramientas.

Figura 7: Curvas de velocidad con interpolación de curva

Fuente: Elaboración propia

 Fuente: Elaboración propia

En nuestro panel de Composición vemos el mismo trazado de movimiento

del ejemplo anterior, esta forma curva la vemos representada en el gráfico de
velocidad dentro del panel Editor de gráficos.

 Nota: Para mover los fotogramas claves o modificar sus

controles, utilice la herramienta Selección (V) en el Panel
Herramientas.

* Refuerce la lectura de Interpolación con el video de JHereM: Deslices y Movimientos [Editor de Gráfico de

Velocidad] - Tutorial After Effects

¿Cómo pasamos de Interpolación lineal a Interpolación de curva?

Para poder modificar la visualización, es preciso que desde el panel Editor de

gráficos seleccionamos el fotograma clave que se quiera modificar. También
se pueden seleccionar todos los fotogramas claves para un cambio general.

Una vez seleccionado podemos hacerlo de dos maneras:

1 Desde Animación>Interpolación de fotogramas clave.

2 Desde el Editor de gráficos, hacemos clic en Editar fotogramas clave

seleccionados>Interpolación de fotogramas clave.

Figura 8: Editor de fotogramas clave seleccionados

Fuente: Elaboración propia

 Fuente: Elaboración propia

Te invito a leer el siguiente artículo para conocer más acerca de la temática:

Acerca de la interpolación del fotograma clave espacial y

temporal.pdf
224.7 KB

Fuente:  Adobe After Effects. (2016). Guía de usuario de After

Effects.Recupeardo de:
https://helpx.adobe.com/es/pdf/after_effects_reference.pdf

C O NT I NU A R
Lección 4 de 5

Video conceptual

Animaciones básicas 

Verify to continue
We detected a high number of errors from your
connection. To continue, please confirm that
you’re a human (and not a spambot).

I'm not a robot

reCAPTCHA
Privacy - Terms

C O NT I NU A R
Lección 5 de 5

Referencias

Adobe Systems Incorporated (2018) / Guía del usuario de After Effects /

https://helpx.adobe.com/es/after-effects/user-guide.html

Adobe After Effects: Ayuda y Tutoriales (2016) / Irlanda: Adobe Systems

Softwares Ireland Ltd. /
https://helpx.adobe.com/es/pdf/after_effects_reference.pdf

Web de Adobe (2018) / https://www.adobe.com 

*JHereM: Video Tutoriales (2015) Deslices y Movimientos [Editor de Gráfico

de Velocidad] - Tutorial After Effects / https://www.youtube.com/watch?
v=WLskTi-931Y

*lctutorial: métodos de interpolación en after effects

/ http://lctutorial.com/metodos-interpolacion-after-effects/