Nota:

Como la mayoría de las cosas en Animate CC (anteriormente Flash Professional CC), la animación no requiere ActionScript. Sin embargo, puede crear animaciones con ActionScript si lo desea.

Tipos de animaciones

Animate CC ofrece varias formas de crear animaciones y efectos especiales. Cada método proporciona distintas posibilidades para crear contenido animado.

Animate admite los siguientes tipos de animación:

Interpolaciones de movimiento

Las interpolaciones de movimiento se utilizan para establecer las propiedades de un objeto, por ejemplo, la posición y la transparencia alfa de un fotograma y, de nuevo, de otro fotograma. Animate interpola los valores de las propiedades de los fotogramas intermedios. Las interpolaciones de movimiento resultan útiles para animaciones con movimiento continuo o para la transformación de objetos. Las interpolaciones de movimiento aparecen en la línea de tiempo como grupos de fotogramas contiguos y se pueden seleccionar como un solo objeto de forma predeterminada. Las interpolaciones de movimiento son realmente potentes y fáciles de crear.

Interpolaciones clásicas

Las interpolaciones clásicas son como las interpolaciones de movimiento, aunque más difíciles de crear. Las interpolaciones clásicas permiten agregar efectos de animación específicos que no son posibles en interpolaciones basadas en el tamaño.

Poses de cinemática inversa (ya no se usa en Animate CC)

Las poses de cinemática inversa permiten estirar y doblar objetos de forma, así como vincular grupos de instancias de símbolos para que se muevan al mismo tiempo y con naturalidad. Una vez añadidos los huesos a una forma o a un grupo de símbolos, puede cambiar la posición de los huesos o símbolos en los distintos fotogramas clave. Animate interpola las posiciones de los fotogramas intermedios.

Interpolaciones de forma

En la interpolación de forma, se dibuja una forma 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.

Animación fotograma a fotograma

Esta técnica de animación permite especificar distintas ilustraciones para cada fotograma de la línea de tiempo. Utilice esta técnica para crear efectos como el de fotogramas de una película que se suceden rápidamente. Esta técnica resulta útil en animaciones complejas donde es preciso que los elementos gráficos de cada fotograma sean distintos.

Velocidades de fotogramas

La velocidad de fotogramas, la rapidez con que se reproduce la animación, se expresa en fotogramas por segundo (fps). Si la velocidad de fotogramas es muy baja, la animación parece detenerse y volver a empezar y si es muy alta los detalles se ven borrosos. Los nuevos documentos de Animate tienen una velocidad de fotogramas predeterminada de 24 fps, con la que suelen obtener los mejores resultados en la web. La velocidad estándar de imágenes en movimiento es también de 24 fps.

La complejidad de la animación y la velocidad del sistema donde se reproduce afectan a la suavidad de la reproducción. Para determinar la velocidad de fotogramas óptima, pruebe las animaciones en varios equipos.

Solo se especifica una velocidad de fotogramas para el documento de Animate completo, por lo que debe definirla antes de crear la animación.

Identificación de animaciones en la línea de tiempo

Animate diferencia la animación interpolada de la animación fotograma a fotograma en la línea de tiempo mediante distintos indicadores en cada fotograma con contenido.

En la línea de tiempo se muestran los siguientes indicadores de contenido de fotogramas:

  • Un intervalo de fotogramas con fondo azul indica una interpolación de movimiento. Un punto negro en el primer fotograma del grupo indica que el grupo de interpolación tiene asignado un objeto de destino. Unos diamantes negros indican el último fotograma y otros fotogramas clave de propiedad. Los fotogramas clave de propiedad son fotogramas que contienen cambios de propiedades específicamente definidos por el usuario. Puede elegir qué tipos de fotogramas clave de propiedad se visualizan: haga clic con el botón derecho del ratón (Windows) o, con la tecla Comando presionada (Macintosh), haga clic en el grupo de interpolación de movimiento y seleccione Ver fotogramas clave > tipo en el menú contextual. Animate, de forma predeterminada, muestra todos los tipos de fotogramas clave de propiedad. El resto de fotogramas del grupo contienen valores interpolados para las propiedades interpoladas del objeto de destino.

     

     

  • Un punto hueco en el primer fotograma indica que se ha eliminado el objeto de destino de la interpolación de movimiento. El grupo de interpolación sigue conteniendo los fotogramas clave de propiedad y puede aplicársele un nuevo objeto de destino.

     

     

  • Un grupo de fotogramas con fondo verde indican una capa de pose de cinemática inversa (IK). Las capas de pose contienen esqueletos IK y poses. Cada pose se muestra en la línea de tiempo como un diamante negro. Animate interpola las posiciones del esqueleto en los fotogramas entre las poses.

     

     

  • Un punto negro al principio de un fotograma clave con una flecha negra y fondo azul indica una interpolación clásica.

     

     

  • Una línea discontinua indica que la interpolación clásica se ha interrumpido o está incompleta, por ejemplo, cuando falta el fotograma clave final.

     

     

  • Un punto negro al principio de un fotograma clave con una flecha negra y fondo verde claro indica una interpolación de forma.

     

     

  • Un punto negro indica un solo fotograma. Los fotogramas en gris claro que siguen a un fotograma clave contienen el mismo contenido, sin cambios. Estos fotogramas se muestran con una línea negra vertical y un rectángulo vacío en el último fotograma del grupo.

     

     

  • Una a pequeña indica que al fotograma se ha asignado una acción de fotograma con el panel Acciones.

     

     

  • Una bandera roja indica que el fotograma contiene una etiqueta.

     

     

  • Un guión doble verde indica que el fotograma contiene un comentario.

     

     

  • Un ancla dorada indica que el fotograma es un anclaje con nombre.

     

Capas en animación interpolada

Las escenas de los documentos de Animate pueden constar de varias capas de línea de tiempo. Utilice capas y carpetas de capas para organizar el contenido de una secuencia de animación y los distintos objetos animados. Si los organiza en capas y en carpetas, evitará que se borren, que se conecten entre sí o que se separen si se superponen. Para crear una animación que incluya movimiento interpolado a partir de más de un campo de símbolo o de texto a la vez, cada objeto debe estar situado en una capa distinta. Puede utilizar una capa como capa de fondo para albergar las ilustraciones estáticas y recurrir a capas adicionales para que contengan un objeto animado independiente.

Al crear un objeto de movimiento, Animate convierte la capa que contiene el objeto que se va a interpolar en una capa de interpolación. La capa de interpolación se muestra con un icono de interpolación junto al nombre de la capa en la línea de tiempo.

Si, además del objeto interpolado, existen otros objetos en la misma capa, Animate añade capas nuevas encima o debajo de la capa original si es necesario. Todos los objetos por debajo del objeto interpolado en su capa original pasan a una nueva capa debajo de la capa original. Todos los objetos por encima del objeto interpolado en su capa original pasan a una nueva capa encima de la capa original. Animate inserta estas nuevas capas entre las capas ya existentes en la línea de tiempo. De este modo, Animate conserva el orden de apilamiento original de todos los objetos gráficos del escenario.

Una capa de interpolación únicamente puede contener grupos de interpolación (grupos contiguos de fotogramas con interpolación), fotogramas estáticos. fotogramas en blanco o fotogramas vacíos. Cada grupo de interpolación solamente puede contener un único objeto de destino y un trazado de movimiento opcional para el objeto de destino. Puesto que no es posible dibujar en una capa de interpolación, debe crear interpolaciones adicionales o fotogramas estáticos en otras capas y, después, arrastrarlas a la capa de interpolación. Para colocar scripts de fotograma en una capa de interpolación, créelos en otra capa y arrástrelos después a la capa de interpolación. Un script de fotograma solo puede existir en un fotograma que no pertenezca al grupo de interpolación de movimiento. En general, lo mejor es conservar todos los scripts de fotograma en una capa independiente que contenga únicamente ActionScript.

Si un documento tiene varias capas, puede resultar difícil realizar el seguimiento y la edición de los objetos en una o más de ellas. Es más sencillo trabajar con el contenido de cada capa por separado. Para ocultar o bloquear las capas que no esté utilizando, haga clic en el icono del ojo o del candado situado junto al nombre de la capa en la línea de tiempo. Las carpetas de capas permiten organizar las capas en grupos más fáciles de gestionar.

Distribución de objetos en capas para crear animaciones interpoladas

Animate automáticamente mueve un objeto a su propia capa de interpolación cuando se aplique una interpolación de movimiento al objeto. Sin embargo, también es posible distribuir objetos a sus propias capas independientes de forma manual. Por ejemplo, puede elegir distribuir los objetos manualmente al organizar el contenido. La distribución manual también resulta útil para aplicar animación a objetos sin perder el control preciso sobre el modo en que se mueven entre las capas.

Al utilizar el comando Distribuir en capas (Modificar > Línea de tiempo > Distribuir en capas), Animate distribuye cada objeto seleccionado en una nueva capa independiente. Los objetos que no se seleccionen (incluidos los de otros fotogramas) se mantienen en sus capas iniciales.

El comando Distribuir en capas puede aplicarse a cualquier elemento del escenario, incluidos los objetos gráficos, las instancias, los mapas de bits, los clips de vídeo y los bloques de texto separados.

Las nuevas capas creadas con Distribuir en capas

Cada capa nueva creada durante la operación de distribución en capas recibe el nombre del elemento que contiene:

  • Una capa nueva que contiene un elemento de biblioteca (como un símbolo, un mapa de bits o un clip de vídeo) recibe el nombre del elemento.

  • Una capa nueva que contiene una instancia con nombre recibe el nombre de la instancia.

  • Una capa nueva que contiene un carácter de un bloque de texto separado recibe el nombre del carácter.

  • Una capa nueva que contiene un objeto gráfico (que no tiene nombre) recibe el nombre Capa1 (o Capa2, etc.), ya que los objetos gráficos no tienen nombre.

    Animate inserta las nuevas capas bajo las capas seleccionadas. Las capas nuevas se organizan de arriba a abajo, en el orden en el que se crearon inicialmente los elementos seleccionados. Las capas de texto separado se organizan en el orden de los caracteres, ya sea de izquierda a derecha, de derecha a izquierda o de arriba a abajo. Por ejemplo, supongamos que dividimos el texto FLASH y lo distribuimos en capas. Las nuevas capas, denominadas F, L, A, S y H, se ordenan de arriba abajo, con la F en primer lugar. Estas capas aparecen inmediatamente después que la capa que inicialmente contenía el texto.

Distribución de objetos en capas

  1. Seleccione los objetos que quiera distribuir en capas independientes. Los objetos pueden estar en una misma capa o en varias capas, que pueden ser no contiguas.
  2. Realice uno de los siguientes pasos:
    • Seleccione Modificar > Línea de tiempo > Distribuir en capas.
    • Haga clic con el botón derecho del ratón (Windows) o con la tecla Control presionada (Macintosh) en uno de los objetos seleccionados y elija Distribuir en capas.

Creación de animaciones interpoladas mediante la distribución de objetos en fotogramas clave

Novedad de Animate CC

Animate permite automáticamente distribuir objetos en distintos fotogramas clave. Puede elegir distribuir los objetos cuando esté organizando el contenido en el escenario. Hacerlo manualmente, resulta muy tedioso y lento. La distribución es muy útil cuando se crea una animación interpolada colocando objetos en distintos fotogramas clave. Sería posible asignar distintos objetos o estados de objetos a fotogramas clave individuales. De hecho, cuando la cabeza lectora pase por estos fotogramas claves, se producirá un efecto de animación interpolada.

Cuando se utiliza el comando Distribuir en fotogramas clave, Animate distribuye cada objeto seleccionado en un nuevo fotograma clave distinto. Los objetos que no se seleccionen (incluidos los de otros fotogramas) se mantienen en sus capas iniciales.

El comando Distribuir en fotogramas clave puede aplicarse a cualquier elemento del escenario, incluidos los objetos gráficos, las instancias, los mapas de bits, los clips de vídeo y los bloques de texto.

Nuevos fotogramas creados con la opción Distribuir en fotogramas clave

  • Los nuevos fotogramas creados con la opción Distribuir en fotogramas clave se organizan según la secuencia en que se hayan seleccionado los objetos.
  • Si se deja algún objeto de la capa sin seleccionar al llevar a cabo la operación Distribuir en fotogramas, los fotogramas de dichos objetos no se verán afectados. Los objetos seleccionados para su distribución se asignan a fotogramas clave desde el fotograma inmediatamente contiguo al último fotograma del contenido original. Por ejemplo, si Objeto1 y Objeto2 están en una capa que tiene 50 fotogramas. Si se elige Objeto1 para su distribución, se colocará en el 51º fotograma clave.

Distribución de objetos en fotogramas clave

  1. Seleccione los objetos que quiera distribuir en capas independientes. Los objetos pueden estar en una misma capa o en varias capas, que pueden ser no contiguas.

  2. Haga clic con el botón derecho del ratón (Windows) o con la tecla Control presionada (Macintosh) en uno de los objetos seleccionados y elija Distribuir en fotogramas clave.

Recursos adicionales

En el siguiente artículo se trata la animación en Animate:

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea