Comunidad de diseño web y desarrollo en internet

Animaciones con aceleración y desaceleración

Para tener una idea clara de lo que hace esta opción, debemos crear una interpolación de movimiento de cualquier objeto. Y hacemos click sobre el fotograma 1.

imagen

En el Inspector de Propiedades seleccionamos el botón Edit...

imagen

Y nos aparece una pantalla de Custom Ease In / Ease Out.

imagen

Vemos un cuadro de dos coordenadas, la vertical Tween o Interpolación y la segunda Frames o Fotogramas formando un línea de intersección de 45º.

Estando seleccionado Property: Position, con el cursor hacemos click sobre la línea para marcar un punto de intersección. Veremos como cambia la velocidad de la interpolación con respecto a los fotogramas.

imagen
  • Posición (Position): Podemos variar la interpolación de posición con respecto a los fotogramas.
  • Rotation (Rotación): Podemos variar la interpolación de la rotación con respecto a los fotogramas.
  • Scale (Escala): Podemos variar la interpolación del cambio escalar con respecto a los fotogramas.
  • Color: Podemos variar la interpolación del cambio de color con respecto a los fotogramas.
  • Filters: Podemos variar la interpolación del cambio de filters o filtros con respecto a los fotogramas.
  • Reset: Vuelve a configuración original.

Para probar la interpolación existe dos botones de Play y Stop. Si estamos conformes para el Ease In o Ease Out aceptamos.

 

Información adicional

Si tienes alguna pregunta de este ejemplo; puedes hacerla aqui en los foros.