- Guía del usuario de Adobe Animate
- Introducción a Animate
- Animación
- Aspectos básicos de animaciones en Animate
- Cómo utilizar los fotogramas y fotogramas clave en Animate
- Animación fotograma a fotograma en Animate
- Cómo trabajar con la animación de interpolación clásica en Animate
- Herramienta Pincel
- Guía de movimiento
- Interpolación de movimiento y ActionScript 3.0
- Acerca de la animación de interpolación de movimiento
- Animaciones de interpolación de movimiento
- Creación de una animación de interpolación de movimiento
- Uso de fotogramas clave de propiedad
- Animación de la posición con una interpolación
- Edición de interpolaciones de movimiento con el editor de movimiento
- Edición del trazado de movimiento de una animación de interpolación
- Manipulación de las interpolaciones de movimiento
- Adición de aceleraciones personalizadas
- Creación y aplicación de ajustes preestablecidos de movimiento
- Configuración de grupos de interpolación de animación
- Uso de interpolaciones de movimiento guardadas como archivos XML
- Interpolaciones de movimiento e interpolaciones clásicas
- Interpolación de forma
- Uso de la animación de la herramienta Hueso en Animate
- Trabajar con el rigging de personajes en Animate
- Uso de las capas de máscara en Adobe Animate
- Uso de escenas en Animate
- Interactividad
- Creación de botones en Animate
- Conversión de proyectos de Animate a otros formatos de documento
- Creación y publicación de documentos de HTML5 Canvas en Animate
- Adición de interactividad con fragmentos de código en Animate
- Creación de componentes HTML5 personalizados
- Uso de componentes en HTML5 Canvas
- Creación de componentes personalizados: Ejemplos
- Fragmentos de código para componentes personalizados
- Prácticas recomendadas - Publicidad con Animate
- Autoría y publicación de realidad virtual
- Espacio de trabajo y flujo de trabajo
- Creación y administración de pinceles
- Uso de Google Fonts en documentos HTML5 Canvas
- Utilización de las Bibliotecas Creative Cloud y Adobe Animate
- Utilización del Escenario y el panel Herramientas en Animate
- Flujo de trabajo y espacio de trabajo de Animate
- Uso de las fuentes web en documentos de HTML5 Canvas
- Líneas de tiempo y ActionScript
- Trabajo con varias líneas de tiempo
- Configuración de preferencias
- Utilización de los paneles de edición de Animate
- Creación de capas de la línea de tiempo en Animate
- Exportación de animaciones para aplicaciones móviles y motores de juegos
- Desplazamiento y copia de objetos
- Plantillas
- Buscar y reemplazar en Animate
- Deshacer y rehacer en el panel Historial
- Métodos abreviados de teclado
- Uso de la Cronología en Animate
- Creación de extensiones HTML
- Opciones de optimización para Imágenes y archivos GIF animados
- Configuración de exportación de imágenes y archivos GIF
- Panel de Recursos en Animate
- Multimedia y vídeo
- Transformación y combinación de objetos gráficos en Animate
- Crear y trabajar con instancias de símbolo en Animate
- Calco de imagen
- Cómo utilizar el sonido en Adobe Animate
- Exportación de archivos SVG
- Creación de archivos de vídeo para su uso en Animate
- Cómo añadir un vídeo a Animate
- Dibujo y creación de objetos en Animate
- Remodelado de líneas y formas
- Trazos, rellenos y degradados en Animate CC
- Uso de Adobe Premiere Pro y After Effects
- Paneles de color en Animate CC
- Apertura de archivos de Flash CS6 con Animate
- Uso de texto clásico en Animate
- Colocación de ilustraciones en Animate
- Mapas de bits importados en Animate
- Gráficos 3D
- Trabajo con símbolos en Animate
- Dibujo de líneas y formas en Adobe Animate
- Uso de bibliotecas en Animate
- Exportación de sonidos
- Selección de objetos en Animate CC
- Trabajo con archivos AI de Illustrator en Animate
- Aplicación de modos de mezcla
- Organización de objetos
- Automatización de tareas con el menú Comandos
- Texto en varios idiomas
- Utilización de la cámara en Animate
- Filtros de gráficos
- Sonido y ActionScript
- Preferencias de dibujo
- Dibujo con la herramienta Pluma
- Plataformas
- Conversión de proyectos de Animate a otros formatos de documento
- Compatibilidad con plataformas personalizadas
- Creación y publicación de documentos de HTML5 Canvas en Animate
- Creación y publicación de un documento de WebGL
- Empaquetado de aplicaciones para AIR para iOS
- Publicación de aplicaciones de AIR for Android
- Publicación para Adobe AIR para escritorio
- Configuración de publicaciones de ActionScript
- Prácticas recomendadas - Organización de ActionScript en una aplicación
- Uso de ActionScript con Animate
- Accesibilidad en el espacio de trabajo de Animate
- Cómo escribir y gestionar scripts
- Activación de la compatibilidad con plataformas personalizadas
- Información general sobre compatibilidad con plataformas personalizadas
- Uso de plugins de compatibilidad con plataformas personalizadas
- Depuración de ActionScript 3.0
- Activación de la compatibilidad con plataformas personalizadas
- Exportación y publicación
- Exportación de archivos de Animate CC
- Publicación de OAM
- Exportación de archivos SVG
- Exportación de gráficos y vídeos con Animate
- Publicar documentos de AS3
- Exportación de animaciones para aplicaciones móviles y motores de juegos
- Exportación de sonidos
- Prácticas recomendadas - Sugerencias para crear contenido para dispositivos móviles
- Prácticas recomendadas - Convenciones de vídeo
- Prácticas recomendadas - Directrices de edición de aplicaciones SWF
- Prácticas recomendadas - Estructuración de archivos FLA
- Prácticas recomendadas de optimización de archivos FLA para Animate
- Configuración de publicaciones de ActionScript
- Especificación de configuración de publicación para Animate
- Exportación de archivos de proyector
- Exportar imágenes y archivos GIF animados
- Plantillas de publicación HTML
- Uso de Adobe Premiere Pro y After Effects
- Compartir y publicar animaciones rápidamente
- Solución de problemas
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.
-
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.
-
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.
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.
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.
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 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
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.
Adición de interpolaciones de forma a trazos de anchura variable
-
En Animate CC, dibuje una línea con la herramienta Línea.
-
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.
-
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.
-
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 también le 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 añadir interpolaciones de forma a perfiles de anchura variable, haga lo siguiente:
-
En Animate, dibuje una línea en el escenario con la herramienta Línea.
-
En el inspector de propiedades, seleccione y aplique un perfil de anchura de la lista desplegable Anchura.
-
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.