- 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
Consulte este artículo para obtener más información sobre los diversos componentes de tiempo en Animate.
Línea de tiempo
La línea de tiempo de Adobe Animate organiza y controla el contenido de un documento a través del tiempo en capas y fotogramas. Al igual que en las películas, los documentos de Animate dividen el tiempo en fotogramas. Las capas son como varias bandas de película apiladas unas sobre otras, cada una de las cuales contiene una imagen diferente que aparece en el escenario. Los componentes principales de la línea de tiempo son las capas, los fotogramas y el cabezal de reproducción.
- Las capas de un documento aparecen en una columna situada a la izquierda de la línea de tiempo.
- Los fotogramas contenidos en cada capa aparecen en una fila a la derecha del nombre de la capa.
- El encabezado de la línea de tiempo situado en la parte superior de la línea de tiempo indica los números de fotograma.
- El cabezal de reproducción indica el fotograma actual que se muestra en el escenario. Mientras se reproduce el documento, el cabezal de reproducción se desplaza de izquierda a derecha de la línea de tiempo.
De forma predeterminada, el cabezal de reproducción se enrolla cuando llega al final. El estado de la línea de tiempo que aparece en la parte inferior de la línea de tiempo indica el número del fotograma seleccionado, la velocidad de fotogramas actual y el tiempo transcurrido hasta el fotograma actual.
Para obtener más información sobre la línea de tiempo, consulte Cómo usar la línea de tiempo en Animate.
Fotogramas
Los fotogramas se encuentran en el centro de la animación, dictando cada segmento de tiempo y movimiento. El número total de fotogramas de la película y la velocidad a la que se reproducen determinan la longitud total de la película.
Para obtener más información acerca de los fotogramas, consulte el artículo sobre fotogramas y el artículo sobre cómo crear una animación fotograma a fotograma.
Grupo de fotogramas
Un fotograma clave y el grupo de fotogramas normales que lo siguen se conocen como una secuencia de fotogramas clave. La línea de tiempo puede contener un número indeterminado de secuencias de fotogramas clave. Si el fotograma clave de una secuencia contiene contenido gráfico visible en el escenario, los fotogramas normales que lo siguen aparecerán en gris. Si el fotograma clave de una secuencia no contiene ningún contenido gráfico, los fotogramas normales que lo siguen aparecerán en blanco.
Fotogramas clave
Al igual que en un largometraje, los documentos de Animate dividen el tiempo en fotogramas. En la línea de tiempo, se trabaja con estos fotogramas para organizar y controlar el contenido de los documentos. Los fotogramas se colocan en la línea de tiempo en el orden en que se desea que aparezcan los objetos de los fotogramas en el contenido final.
Un fotograma clave es un fotograma en Adobe Animate en el que una nueva instancia del símbolo aparece en la línea de tiempo. Un fotograma clave también puede ser un fotograma que incluya código ActionScript para controlar determinados aspectos del documento.
También se puede añadir un fotograma clave vacío en la línea de tiempo como marcador de posición de los símbolos que se pretendan añadir más adelante, o bien dejar el fotograma vacío de forma premeditada. Un punto negro en la línea de tiempo indica un único fotograma. Los fotogramas en gris claro que siguen a un fotograma clave contienen el mismo contenido, sin cambios.
Estos fotogramas tienen una línea negra vertical y un rectángulo vacío en el último fotograma del grupo. Un punto negro al principio de un fotograma clave con una flecha negra y fondo azul indica una interpolación clásica.
No se deben confundir los fotogramas clave de los fotogramas clave de propiedad, ya que el icono de la línea de tiempo de un fotograma clave de propiedad es un diamante sólido, mientras que un icono de fotograma clave estándar es un elemento vacío o un círculo relleno.
Edición de varios fotogramas
Editar varios fotogramas.
FPS
Fotogramas por segundo
La velocidad de fotogramas (la rapidez con la que se reproduce la animación en Animate Adobe ) se mide en número de fotogramas por segundo (FPS). Si la velocidad de fotogramas es muy baja, la animación parece tartamudear (detenerse y volver a empezar) mientras que, 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 para películas es también de 24 fps).
La complejidad de la animación y la velocidad del equipo donde se reproduce afectan a la suavidad de la reproducción. Para obtener una velocidad de fotogramas óptima, pruebe las animaciones en varios equipos con distintas capacidades de procesamiento. Debido a que solo se especifica una velocidad de fotogramas para el documento de Animate completo, asegúrese de determinar la velocidad de fotogramas deseada antes de crear las animaciones. La velocidad de fotogramas, básicamente, determina la rapidez con la que se mueve el cabezal de reproducción en la línea de tiempo.
Véase el artículo sobre aspectos básicos de la animación para obtener más información sobre los fotogramas por segundo.
Aceleración
La aceleración es una técnica que sirve para modificar el modo en que Adobe Animate calcula los valores de las propiedades en fotogramas clave de propiedad de una interpolación. Sin la función de aceleración, Animate mueve los objetos interpolados a la misma velocidad en cada fotograma de la animación. Con aceleración, es posible ajustar la velocidad de los objetos interpolados de manera que los movimientos parezcan más naturales y se elaboren animaciones complejas. La aceleración es una curva matemática que se aplica a los valores de propiedad de una interpolación.
El efecto final de la interpolación es el resultado de la combinación del rango de valores de propiedad en la interpolación y la curva de aceleración, que hace que los objetos interpolados arranquen lentamente y se aceleren, arranquen de forma rápida y se ralenticen o una combinación de estos efectos.
Por ejemplo, si se anima la imagen de un coche en el escenario, el movimiento será más real si el coche arranca despacio desde una posición de animación detenida y aumenta la velocidad gradualmente, conforme incrementa la aceleración. Las aceleraciones aplicadas en el inspector de propiedades afectan a todas las propiedades incluidas en una interpolación. Las aceleraciones aplicadas en el editor de movimiento pueden afectar a una sola propiedad, a un grupo de propiedades o a todas las propiedades de una interpolación.
Consulte Interpolaciones de forma y Cómo editar las interpolaciones de movimiento para obtener más información sobre la aceleración.
Papel cebolla
Utilice la opción Papel cebolla para comparar los fotogramas anteriores y posteriores y para ajustar los objetos del fotograma actual. Cuando se desactiva la opción de papel cebolla (la configuración predeterminada), la secuencia de animación aparece en el escenario fotograma a fotograma.
El fotograma que se muestra corresponde a la ubicación del cabezal de reproducción en la línea de tiempo. Cuando la opción de papel cebolla está activada, el fotograma situado bajo el cabezal de reproducción aparece a todo color, mientras que se atenúan los fotogramas circundantes, como si cada fotograma se hubiera dibujado sobre hojas de papel cebolla traslúcido apiladas unas encima de otras.
Los fotogramas atenuados no pueden editarse, únicamente se muestran como referencia visual.
Para obtener más información sobre el papel cebolla, consulte Creación de animaciones fotograma a fotograma y Línea de tiempo.
Capas
Las capas ayudan a organizar las ilustraciones de los documentos Adobe Animate Los objetos de una capa pueden dibujarse y editarse sin que esto afecte a los objetos de otras capas. En las zonas del escenario en las que no aparece nada en una capa, pueden verse a través de ella las capas situadas debajo. Para dibujar, pintar o modificar una capa o una carpeta, primero se debe seleccionar en la línea de tiempo para activarla. Un icono con forma de lápiz junto a una capa o carpeta de la línea de tiempo indica que la capa o carpeta está activa.
Solo puede haber una capa activa a la vez, aunque es posible seleccionar más de una capa al mismo tiempo. Cuando se crea un documento de Animate, este contiene una sola capa. Para organizar las ilustraciones, animaciones y los demás elementos del documento, se pueden añadir más capas. Asimismo, es posible ocultar, bloquear o reordenar capas.
El número de capas que pueden crearse solo está limitado por la memoria del equipo. Las capas no aumentan el tamaño del archivo SWF publicado. Solo los objetos que se colocan en las capas aumentan el tamaño del archivo del proyecto. Para ayudar a crear efectos sofisticados, utilice capas de guía especiales para facilitar el dibujo y la edición y para crear capas de máscara.
Para obtener más información sobre las capas, consulte Creación de capas de la línea de tiempo.
Capa de máscara
Las capas de máscara incluyen objetos utilizados como máscaras para ocultar partes seleccionadas de las capas que se encuentran debajo. Únicamente se encuentra visible la parte de la capa de máscara que no cubre la máscara.
Para obtener más información sobre cómo utilizar las capas de máscara, consulte Uso de capas de máscara en Animate.
Capa de guía
Para alinear los objetos al dibujar en Adobe Animate, puede crear capas de guía y alinear los objetos de otras capas con los objetos creados en esas capas de guía. Cualquier capa puede ser una capa de guía. Las capas de guía muestran un icono de guía a la izquierda del nombre de la capa. Las capas de guía no se exportan y no aparecen en los archivos SWF publicados.
Aunque no es posible arrastrar una capa de interpolación de movimiento ni una capa de pose de cinemática inversa hacia una capa de guía, puede arrastrar una capa normal hacia una capa de guía. Con ello, la capa de guía se convierte en una capa de guía de movimiento y la capa normal se vincula a la nueva capa de guía de movimiento.