- 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
Documentación de la guía de movimiento en Flash Professional. Defina un trazado para los objetos que anime para mejorar las animaciones creadas.
Información general
La guía de movimiento de Adobe Animate (anteriormente Flash Professional CC) permite mejorar las animaciones creadas, ya que define un trazado para los objetos que anime. Esto resulta especialmente útil cuando se trabaja en una animación que sigue un trazado que no sea una línea recta. Este proceso requiere dos capas para realizar una animación:
- Una capa que contenga el objeto que se va a animar
- Otra capa que defina el trazado que el objeto debe seguir durante la animación
La guía de movimiento solo funciona con las interpolaciones clásicas.
Para obtener más información sobre las guías de movimiento, consulte Uso de la animación con interpolaciones clásicas
Guía de movimiento basada en un trazo de anchura variable
Puede animar un objeto según el grosor variable del trazo del trazado de guía.
Aparte de los fotogramas clave para las posiciones inicial y final del objeto, no es necesario incluir ningún otro fotograma clave para indicar la variación en el grosor del trazo.
- Para animar un objeto en función de la anchura de trazo variable, cree un trazado y anime el objeto a lo largo del trazado como se explica en la sección anterior de este documento.
- Con el primer fotograma clave de la interpolación seleccionado en la línea de tiempo, active las casillas de verificación Escalar y Escalar a lo largo del trazado en el Inspector de propiedades. El objeto está preparado para seguir la escala según el grosor.
- Defina el grosor del trazo mediante uno de los métodos siguientes:
- Seleccione la herramienta Anchura (U) de la caja de herramientas, haga clic en cualquier lugar del trazado y arrastre para variar el grosor del trazado.
- Seleccione el trazado con la herramienta Selección (V) de la caja de herramientas y, en el Inspector de propiedades, seleccione un perfil de anchura para el trazo en la opción desplegable Anchura.
Para obtener más información sobre el trazo de anchura variable, consulte Trazos de anchura variable.
Cuando haya definido un trazo de anchura variable definido como un trazado, si ejecuta la interpolación de movimiento, verá que el objeto no solo sigue el trazado, sino que también cambia de tamaño según la variación en el grosor del trazo.
A continuación se incluye un ejemplo que utiliza la Guía de movimiento con trazo de anchura variable:
Un trazado de guía de movimiento puede tener varios segmentos y cada segmento conectado puede tener especificado un perfil de anchura variable diferente, como se muestra a continuación. Como no hay fotogramas clave adicionales para el objeto, se considera el perfil de anchura de cada segmento durante la animación.
Guía de movimiento basada en el color de trazo
La guía de movimiento también permite interpolar un objeto a lo largo del trazado, cambiando el color del objeto según el color del trazado de la guía en sí. Para utilizar esta variación, deberá tener dos segmentos en el trazado como mínimo, es decir, tres nodos o puntos como mínimo deberán formar parte del trazado. Para ello, al crear una interpolación de movimiento clásica y dibujar un trazado de guía como se describe en la sección anterior de este documento, utilice la herramienta Pluma y dibuje un trazado de guía como se muestra a continuación. Este trazado tiene cuatro nodos/puntos en tres segmentos.
Aparte de los fotogramas clave para las posiciones inicial y final del objeto, no es necesario crear ningún otro fotograma clave para indicar la variación del color del trazo.
- Una vez creada la interpolación de movimiento clásica, seleccione el primer fotograma clave de la interpolación en la línea de tiempo. En el Inspector de propiedades, active la casilla de verificación Colorear el trazado. El objeto está preparado para seguir la variación de color del trazado según el trazado de guía.
- Con la herramienta Selección (V) de la caja de herramientas, haga clic en el segundo segmento del trazado de guía para seleccionarlo y elija un color diferente. Repita el mismo procedimiento para el tercer segmento del trazado.
Ejecute la animación para ver el efecto en el color del trazado de guía en el propio objeto durante el curso de la interpolación. Verá que no solo resulta afectado el color, sino también el valor de alfa/opacidad del segmento de trazo en el trazado de guía.
A continuación se incluye un ejemplo que utiliza la Guía de movimiento con la variación de color: