Interpolación de forma

Interpolación de forma

En la interpolación de forma, se dibuja una forma vectorial en un fotograma concreto de la línea de tiempo y se modifica o se dibuja otra forma en otro fotograma específico. Seguidamente, Animate interpola las formas intermedias de los fotogramas intermedios y crea la animación de una forma cambiante.

Animate permite añadir interpolaciones de forma a trazos sólidos uniformes y a trazos sofisticados no uniformes. También puede añadir interpolaciones de forma a trazos mejorados con la herramienta Anchura variable. Experimente con las formas que desee utilizar para determinar los resultados. Puede utilizar los consejos de forma para indicar a Animate qué puntos de la forma de inicio deben corresponder a los puntos específicos de la forma final.

También puede interpolar la posición y el color de las formas de una interpolación de forma.

Para aplicar la interpolación de forma a grupos, instancias o imágenes de mapas de bits, separe estos elementos. Para aplicar la interpolación de forma a texto, separe el texto dos veces para convertirlo en objetos. Consulte Separar una instancia de símbolo.

Creación de una interpolación de forma

Los siguientes pasos indican cómo crear una interpolación de forma desde el fotograma 1 hasta el fotograma 30 de la línea de tiempo. No obstante, puede crear interpolaciones en cualquier parte de la línea de tiempo que elija.

En el fotograma 1, dibuje un cuadrado con la herramienta Rectángulo.





Seleccione el fotograma 30 de la misma capa y añada un fotograma clave vacío seleccionando Insertar > Línea de tiempo > Fotograma clave en blanco, o bien, presione F7.





En el escenario, dibuje un círculo con la herramienta Óvalo en el fotograma 30.


En este momento debe haber un fotograma clave en el fotograma 1 con un cuadrado y un fotograma clave en el fotograma 30 con un círculo.





En la línea de tiempo, seleccione uno de los fotogramas entre los dos fotogramas clave en la capa que contiene las dos formas.





Elija Insertar > Interpolación de forma.


Animate interpola las formas en todos los fotogramas entre los dos fotogramas clave.





Para obtener una vista previa de la interpolación, arrastre la cabeza lectora por los fotogramas de la línea de tiempo o presione la tecla Intro.





Para interpolar movimiento además de forma, traslade la forma en el fotograma 30 a una posición distinta a la del fotograma 1.


Previsualice la animación presionando la tecla Intro.





Para interpolar el color de la forma, aplique a la forma del fotograma 1 un color diferente de la forma del fotograma 30.




Para añadir aceleración a la interpolación, seleccione uno de los fotogramas e introduzca un valor en el campo Aceleración del inspector de propiedades.


Para acelerar el comienzo de la interpolación, introduzca un valor negativo. Para acelerar el final de la interpolación, introduzca un valor positivo.
Creación de ajustes preestablecidos de aceleración o aceleraciones personalizadas


Los ajustes preestablecidos de aceleración son aceleraciones preconfiguradas que se pueden aplicar a un objeto del escenario.
Hay disponible un conjunto de ajustes preestablecidos de aceleración de uso común para la interpolación de forma. Podrá seleccionar el que desee en una lista de ajustes preestablecidos de aceleración y aplicarlo a la propiedad seleccionada. También puede aplicar una aceleración personalizada a una interpolación de forma.





Haga clic en la capa que contenga una interpolación de forma en la línea de tiempo de Animate.





Para abrir las propiedades de Interpolación, haga clic en la categoría Interpolación en el panel de propiedades.


Propiedades de interpolación





Seleccione el ajuste preestablecido que prefiera en el cuadro de diálogo emergente de tipos de aceleración. Haga doble clic en el tipo de ajuste preestablecido que desee aplicar. 


Si decide aplicar la aceleración clásica, también puede aumentar o disminuir la intensidad de la aceleración moviendo el regulador. 


Ajustes preestablecidos de tipos de aceleración





Haga clic en el icono Editar situado junto a Aceleración para aplicar una aceleración personalizada. 
En el cuadro de diálogo Aceleración personalizada se muestra un gráfico que representa el grado de movimiento en cada momento. El eje horizontal representa fotogramas y el eje vertical representa el porcentaje de cambio. El primer fotograma clave se representa como 0% y el último como 100%.
La pendiente de la curva en el gráfico representa la velocidad de cambio del objeto. Cuando la curva es horizontal (sin pendiente), la velocidad de cambio es cero; cuando es vertical, el cambio se produce de forma instantánea.


Gráfico de aceleración personalizada que muestra una velocidad constante. Para abrir este diálogo, seleccione un fotograma en una interpolación de forma y haga clic en el botón Editar de la sección Aceleración del inspector de propiedades.


Puede guardar una aceleración personalizada y volver a utilizarla seleccionándola en la lista Personalizada. Haga clic en el botón Guardar y aplicar en el modo de edición después de realizar los cambios. En la siguiente captura de pantalla puede ver el ajuste preestablecido personalizado de aceleración llamado MyEase1. 


Ajuste preestablecido de la aceleración personalizado


Puede utilizar las aceleraciones preestablecidas en diversos fragmentos en la línea de tiempo, para ello seleccione los grupos correspondientes y aplicar la aceleración.

Control de cambios de formas con consejos

Para controlar cambios de forma más complejos o improbables, utilice los consejos de forma. Los consejos de forma identifican puntos que se corresponden en las formas inicial y final. Por ejemplo, si está interpolando el dibujo de una cara mientras cambia de expresión, puede marcar cada ojo con un consejo de forma. A continuación, en lugar de que la cara se convierta en una figura amorfa durante el cambio, los ojos siguen siendo reconocibles y cambian de manera independiente durante el proceso.

Consejos de forma como letras

Los consejos de forma incluyen letras (de la a a la z) para identificar los puntos que se corresponden en las formas inicial y final. Puede utilizar hasta 26.

Los consejos de forma aparecen de color amarillo en los fotogramas clave iniciales, verde en los fotogramas clave finales y rojo cuando no se encuentran en una curva.

Para obtener un resultado óptimo al interpolar formas, siga las directrices que se indican a continuación:

• En la interpolación de formas complejas, cree formas intermedias e interpólelas en lugar de definir sólo la forma inicial y final.
• Compruebe que los consejos de forma son lógicos. Por ejemplo, si está utilizando tres consejos de forma para un triángulo, deben estar en el mismo orden en el triángulo original y en el triángulo que se va a interpolar. El orden no puede ser a,b,c en el primer fotograma clave y a,c,b en el segundo.
• Es preferible colocar los consejos de forma en sentido contrario a las agujas del reloj a partir de la esquina superior izquierda de la forma.

Utilización de consejos de formas

Seleccione el primer fotograma clave de una secuencia de forma interpolada.





Seleccione Modificar > Forma > Añadir consejo de forma. El consejo de forma inicial aparece como un círculo rojo con la letra a en algún lugar de la forma.





Colóquelo en un punto que desee marcar.





Seleccione el último fotograma clave de la secuencia. El consejo para la forma final aparece como un círculo verde con la letra a en algún lugar de la forma.





Coloque el consejo de forma en el punto de la forma final que se corresponde con el primer punto marcado.





Para ver el cambio introducido con los consejos de forma, vuelva a reproducir la animación. Para afinar la interpolación, mueva los consejos de forma.





Para añadir más consejos de forma, repita este proceso. Los nuevos consejos aparecen con las letras siguientes (b, c etcétera).

Visualización de todos los consejos de formas

Seleccione Ver > Mostrar consejos de forma. Para poder seleccionar Mostrar consejos de forma, la capa y el fotograma clave que contienen los consejos de forma deben estar activos.

Eliminación de consejos de formas

Arrástrelo fuera del escenario.

Eliminación de todos los consejos de formas

Seleccione Modificar > Forma > Quitar todos los consejos.

Adición de interpolaciones de forma en trazos con anchura variable

Animate CC permite añadir interpolaciones de forma en trazos con anchura variable. Anteriormente, Animate solo admitía la creación de interpolaciones de forma para formas y trazos uniformes y sólidos. Por este motivo, los diseñadores no podían crear interpolaciones de forma para los trazos no uniformes, como trazos mejorados con la herramienta Anchura variable. La interpolación de trazos con anchura variable amplía enormemente las posibilidades de diseño de Animate CC.

La adición de interpolaciones de forma a trazos sofisticados es similar a la adición de interpolaciones a una forma o a un trazo uniforme sólido. El flujo de trabajo requiere que defina la forma inicial y final de la interpolación. Animate creará los fotogramas de transición de la interpolación.

Acerca de la herramienta Anchura variable

La herramienta Anchura variable permite mejorar trazos sólidos uniformes para crear trazos sofisticados y atractivos. Para obtener información sobre cómo mejorar los trazos con la herramienta Anchura variable, consulte Mejora de trazos y formas con la herramienta Anchura variable.

Adición de interpolaciones de forma a trazos de anchura variable

En Animate CC, dibuje una línea con la herramienta Línea.


Trazo de línea dibujado con la herramienta Línea en el escenario con el valor de trazo definido en 2 px.





Utilice la herramienta Anchura variable para añadir anchura en medio del trazo (consulte la figura siguiente). Para obtener información sobre el uso de la herramienta Anchura variable, consulte Mejora de trazos con la herramienta Anchura variable.


Trazo de anchura variable creado con la herramienta Anchura variable con el valor de trazo definido en 68,0 px.





Seleccione otro fotograma de la línea de tiempo, por ejemplo el fotograma 30, y cree la forma final del trazo para la interpolación.


Forma final añadida al último fotograma clave de la interpolación de forma





Haga clic en cualquier fotograma entre 1 y 30 y seleccione Crear interpolación de forma.

Adición de interpolaciones de forma a perfiles de anchura variable

Animate CC también permite añadir interpolaciones de forma a trazos sofisticados guardados como perfiles de anchura variable. Puede aplicar perfiles de anchura a las formas iniciales y finales de una interpolación, y permitir que Animate cree una interpolación de forma suave.

Los perfiles de anchura son trazos sofisticados creados y guardados con la herramienta Anchura variable para facilitar su reutilización. Para obtener más información sobre los perfiles de anchura, consulte Almacenamiento de perfiles de anchura.

Para añadir interpolaciones de forma a perfiles de anchura variable, haga lo siguiente:

En Animate CC, dibuje una línea en el escenario con la herramienta Línea.


Trazo de línea dibujado con la herramienta Línea en el escenario con el valor de trazo definido en 2 px.





En el inspector de propiedades, seleccione y aplique un perfil de anchura de la lista desplegable Anchura.


Trazo de anchura variable creado con la herramienta Anchura variable con el valor de trazo definido en 68,0 px.





Seleccione otro fotograma de la línea de tiempo, por ejemplo el fotograma 30, y seleccione el perfil de anchura deseado de la lista desplegable Anchura en el inspector de propiedades.





Para añadir la interpolación de forma a los perfiles de anchura seleccionados, haga clic con el botón derecho en cualquier fotograma entre 1 y 30, y seleccione Crear interpolación de forma.