¡Espera! Familiarízate primero con Animación.

Para comenzar a controlar el suavizado para un fotograma, selecciona uno y dirígete al Panel de Suavizado en la parte inferior del panel de propiedades.

El Panel de Suavizado presenta una representación visual de la curva de animación junto con varias opciones para ajustarla. Su propósito principal es gestionar la suavidad de la animación y controlar la interacción entre los fotogramas consecutivos.

El menú de Suavizado abarca una variedad de tipos de suavizado. Editar manualmente la curva arrastrando sus controladores hará que el tipo de suavizado cambie a “Personalizado”.

Adyacente a este menú, hay una selección de formas de curva preconfiguradas disponibles para una aplicación rápida. La selección incluye: Acelerar (Ease In), Desacelerar (Ease Out) y Acelerar y Desacelerar (Ease In Out). Estas curvas predefinidas ofrecen una manera simplificada de mejorar nuestra experiencia de edición. Cada tipo de suavizado se explica en la sección siguiente.

La curva a continuación está definida por dos puntos, cuyas coordenadas se muestran aquí. El punto conectado a la parte inferior izquierda de la curva (B) se muestra primero, y el punto unido a la parte superior derecha (T) es el segundo.

Por lo tanto, la serie mostrada aquí se puede dividir en las coordenadas de B (0.5, 0), seguidas por las coordenadas de T (0.88, 0.77). O se puede mostrar en una notación condensada: [Bx, By, Tx, Ty]. Estos puntos pueden modificarse directamente o actualizarse automáticamente ajustando los puntos de estilo controlador conectados que se muestran a continuación.

Esto muestra una representación abstracta de la curva con dos puntos de estilo controlador que se pueden mover, como se mencionó en la sección de Bézier.

Mover los puntos conectados más lejos de su base fija haciendo los tiradores de nodo más largos tiende a hacer que el efecto de suavizado sea más dramático, mientras que acortar los tiradores de nodo generalmente tiene el efecto contrario, haciendo que sea más sutil.

Esta es una lista completa de los Tipos de Suavizado predefinidos en Phase. Como se mencionó anteriormente, ajustar manualmente los controladores resultará en que el tipo de suavizado cambie a "Personalizado".

Sin embargo, es importante tener en cuenta que, a pesar de esta personalización, el comportamiento aún puede alinearse con los tipos predefinidos que se muestran a continuación.

Esta técnica de interpolación, la cual no es usualmente utilizada, mantiene el valor anterior hasta el siguiente fotograma. Funciona bien para lograr cambios bruscos y dramáticos, y es particularmente efectiva en escenarios que involucran transiciones de color.

Este tipo de suavizado asegura un ritmo consistente para el movimiento del objeto al mantener un ritmo uniforme entre fotogramas. Aunque es adecuado para preservar un movimiento uniforme, debe aplicarse con cuidado en los puntos de cambio, ya que puede resultar en transiciones abruptas.

Ofrece un comienzo suave, comenzando lentamente antes de terminar con un final rápido y abrupto. A menudo se combina con 'Desacelerar', este tipo de suavizado armoniza con su contraparte para crear transiciones suaves entre los fotogramas, especialmente cuando se desea un comienzo suave.

Este tipo de suavizado asegura un ritmo uniforme entre fotogramas y mantiene un movimiento consistente. Frecuentemente se combina con 'Acelerar', su conclusión suave conduce de manera fluida al siguiente fotograma, creando transiciones armoniosas, especialmente cuando se combina con el comienzo suave de la curva 'Acelerar'.

Usa esta curva para mantener un ritmo uniforme entre fotogramas, ya que facilita cambios suaves en ambos lados de las transiciones. Se utiliza comúnmente para lograr efectos de animación suaves y equilibrados, y por esta razón es una opción popular de suavizado.

Este tipo de suavizado progresa a un ritmo uniforme entre fotogramas, presentando un ajuste intencional en su curva. Este defecto deliberado permite transiciones suaves pero únicas, añadiendo un toque de imprevisibilidad a la animación.

Usa Ease Out Back para mantener un ritmo constante entre fotogramas con un ajuste intencional en su curva. La imprecisión en la conclusión mejora la suavidad de las transiciones y proporciona un toque único a la animación.

Esta curva transiciona rápidamente en el medio al sobreajustarse tanto al principio como al final. A pesar de su potencial para un comportamiento errático, este tipo de suavizado se puede utilizar eficazmente para introducir un elemento de imprevisibilidad.

Como indica el nombre, los valores interpolados se calculan de acuerdo con las curvas de Bézier. Estas están definidas por los puntos del fotograma seleccionado y el fotograma directamente anterior a él.

Estas curvas se trazan en una cuadrícula con el fotograma anterior establecido en (0, 0) y el fotograma seleccionado establecido en (1, 1). Esos puntos son solo para cálculos en el backend y son inamovibles, ya que los valores reales pueden ser muy diferentes.

Lo que se puede mover son los dos controladores que salen de los puntos de fotograma establecidos. Los extremos de estos controladores son puntos direccionales para doblar la curva.

La curva rara vez tocará esos puntos, pero cuanto más alejados estén de (0, 0) y (1, 1), más extrema será la curva. En términos matemáticos, esos puntos establecen una curva de Bézier cúbica, aunque si los puntos son los mismos, puede reducirse a una curva cuadrática o incluso lineal.

Los puntos direccionales (de controlador) están bloqueados en su dimensión X entre 0 y 1. Sin embargo, su dimensión Y puede ser negativa o exceder 1, causando bultos o anomalías en la animación. Todos los modos de suavizado "Back" tienen esta característica. Aunque los valores pueden ser +/- 200,000 o más, los valores altos en cualquier dirección tienen un impacto decreciente en la curva general.