Tiempo

  1. Guía del usuario de Adobe Animate
  2. Introducción a Animate
    1. Novedades de Animate
    2. Glosario visual
    3. Requisitos del sistema para Animate
    4. Métodos abreviados de teclado de Animate
    5. Trabajar con varios tipos de archivo en Animate
  3. Animación
    1. Aspectos básicos de animaciones en Animate
    2. Cómo utilizar los fotogramas y fotogramas clave en Animate
    3. Animación fotograma a fotograma en Animate
    4. Uso de la animación de interpolación clásica en Animate
    5. Herramienta Pincel
    6. Guía de movimiento
    7. Interpolación de movimiento y ActionScript 3.0
    8. Acerca de la animación de interpolación de movimiento
    9. Animaciones de interpolación de movimiento
    10. Creación de una animación de interpolación de movimiento
    11. Uso de fotogramas clave de propiedad
    12. Animación de la posición con una interpolación
    13. Edición de interpolaciones de movimiento con el editor de movimiento
    14. Edición del trazado de movimiento de una animación de interpolación
    15. Manipulación de las interpolaciones de movimiento
    16. Adición de aceleraciones personalizadas
    17. Creación y aplicación de ajustes preestablecidos de movimiento
    18. Configuración de grupos de interpolación de animación
    19. Uso de interpolaciones de movimiento guardadas como archivos XML
    20. Interpolaciones de movimiento e interpolaciones clásicas
    21. Interpolación de forma
    22. Uso de la animación de la herramienta Hueso en Animate
    23. Trabajar con el rigging de personajes en Animate
    24. Uso de las capas de máscara en Adobe Animate
    25. Uso de escenas en Animate
  4. Interactividad
    1. Creación de botones en Animate
    2. Conversión de proyectos de Animate a otros formatos de documento
    3. Creación y publicación de documentos de HTML5 Canvas en Animate
    4. Adición de interactividad con fragmentos de código en Animate
    5. Creación de componentes HTML5 personalizados
    6. Uso de componentes en HTML5 Canvas
    7. Creación de componentes personalizados: Ejemplos
    8. Fragmentos de código para componentes personalizados
    9. Prácticas recomendadas - Publicidad con Animate
    10. Autoría y publicación de realidad virtual
  5. Espacio de trabajo y flujo de trabajo
    1. Creación y administración de pinceles
    2. Uso de Google Fonts en documentos HTML5 Canvas
    3. Utilización de las Bibliotecas Creative Cloud y Adobe Animate
    4. Utilización del Escenario y el panel Herramientas en Animate
    5. Flujo de trabajo y espacio de trabajo de Animate
    6. Uso de las fuentes web en documentos de HTML5 Canvas
    7. Líneas de tiempo y ActionScript
    8. Trabajo con varias líneas de tiempo
    9. Configuración de preferencias
    10. Utilización de los paneles de edición de Animate
    11. Creación de capas de la línea de tiempo en Animate
    12. Exportación de animaciones para aplicaciones móviles y motores de juegos
    13. Desplazamiento y copia de objetos
    14. Plantillas
    15. Buscar y reemplazar en Animate
    16. Deshacer y rehacer en el panel Historial
    17. Métodos abreviados de teclado
    18. Uso de la Cronología en Animate
    19. Creación de extensiones HTML
    20. Opciones de optimización para Imágenes y archivos GIF animados
    21. Configuración de exportación de imágenes y archivos GIF
    22. Panel de Recursos en Animate
  6. Multimedia y vídeo
    1. Transformación y combinación de objetos gráficos en Animate
    2. Crear y trabajar con instancias de símbolo en Animate
    3. Calco de imagen
    4. Cómo utilizar el sonido en Adobe Animate
    5. Exportación de archivos SVG
    6. Creación de archivos de vídeo para su uso en Animate
    7. Cómo añadir un vídeo a Animate
    8. Trabajo con puntos de referencia de vídeo
    9. Dibujo y creación de objetos en Animate
    10. Remodelado de líneas y formas
    11. Trazos, rellenos y degradados en Animate CC
    12. Uso de Adobe Premiere Pro y After Effects
    13. Paneles de color en Animate CC
    14. Apertura de archivos de Flash CS6 con Animate
    15. Uso de texto clásico en Animate
    16. Colocación de ilustraciones en Animate
    17. Mapas de bits importados en Animate
    18. Gráficos 3D
    19. Trabajo con símbolos en Animate
    20. Dibujo de líneas y formas en Adobe Animate
    21. Uso de bibliotecas en Animate
    22. Exportación de sonidos
    23. Selección de objetos en Animate CC
    24. Trabajo con archivos AI de Illustrator en Animate
    25. Aplicación de patrones con el pincel rociador
    26. Aplicación de modos de mezcla
    27. Organización de objetos
    28. Automatización de tareas con el menú Comandos
    29. Texto en varios idiomas
    30. Utilización de la cámara en Animate
    31. Uso de Animate con Adobe Scout
    32. Trabajo con archivos de Fireworks
    33. Filtros de gráficos
    34. Sonido y ActionScript
    35. Preferencias de dibujo
    36. Dibujo con la herramienta Pluma
  7. Plataformas
    1. Conversión de proyectos de Animate a otros formatos de documento
    2. Compatibilidad con plataformas personalizadas
    3. Creación y publicación de documentos de HTML5 Canvas en Animate
    4. Creación y publicación de un documento de WebGL
    5. Empaquetado de aplicaciones para AIR para iOS
    6. Publicación de aplicaciones de AIR for Android
    7. Publicación para Adobe AIR para escritorio
    8. Configuración de publicaciones de ActionScript
    9. Prácticas recomendadas - Organización de ActionScript en una aplicación
    10. Uso de ActionScript con Animate
    11. Prácticas recomendadas - Directrices de accesibilidad
    12. Accesibilidad en el espacio de trabajo de Animate
    13. Cómo escribir y gestionar scripts
    14. Activación de la compatibilidad con plataformas personalizadas
    15. Información general sobre compatibilidad con plataformas personalizadas
    16. Creación de contenido accesible
    17. Uso de plugins de compatibilidad con plataformas personalizadas
    18. Depuración de ActionScript 3.0
    19. Activación de la compatibilidad con plataformas personalizadas
  8. Exportación y publicación
    1. Exportación de archivos de Animate CC
    2. Publicación de OAM
    3. Exportación de archivos SVG
    4. Exportación de gráficos y vídeos con Animate
    5. Publicar documentos de AS3
    6. Exportación de animaciones para aplicaciones móviles y motores de juegos
    7. Exportación de sonidos
    8. Exportación de archivos de vídeo QuickTime
    9. Control de reproducción de vídeo externo con ActionScript
    10. Prácticas recomendadas - Sugerencias para crear contenido para dispositivos móviles
    11. Prácticas recomendadas - Convenciones de vídeo
    12. Prácticas recomendadas - Directrices de edición de aplicaciones SWF
    13. Prácticas recomendadas - Estructuración de archivos FLA
    14. Prácticas recomendadas de optimización de archivos FLA para Animate
    15. Configuración de publicaciones de ActionScript
    16. Especificación de configuración de publicación para Animate
    17. Exportación de archivos de proyector
    18. Exportar imágenes y archivos GIF animados
    19. Plantillas de publicación HTML
    20. Uso de Adobe Premiere Pro y After Effects
    21. Compartir y publicar animaciones rápidamente

Consulte este artículo para obtener más información sobre los diversos componentes de tiempo en Animate.

Línea de tiempo

Línea de tiempo en animación de interpolación de movimiento

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

Grupo de fotogramas en animaciones de interpolación de movimiento

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

Fotogramas y fotogramas clave en Animate CC

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

Edición de varios fotogramas de una animación de interpolación de movimiento

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

Papel cebolla en Animate CC

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

Capas en animaciones de interpolación de movimiento

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

Capa de máscara en Animate CC

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

Capa de guía en animaciones de interpolación de movimiento

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.

Logotipo de Adobe

Inicia sesión en tu cuenta