Cómo utilizar los fotogramas y fotogramas clave en Animate

  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

Información general

Los documentos de Adobe Animate dividen el tiempo en fotogramas similares a las películas. 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. A continuación se muestra para su referencia una breve descripción de algunos de los conceptos sobre fotogramas.

Fotogramas

En la línea de tiempo, se trabaja con los 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.

Fotograma clave

Un fotograma clave es un fotograma donde 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 para dejar el fotograma vacío de forma premeditada.

Al usar el fotograma clave, puede establecer una posición, añadir puntos de anclaje, acciones y comentarios, y mucho más. 

Span

La selección de fotogramas basada en el tamaño permite elegir un intervalo de fotogramas entre dos fotogramas clave con un solo clic.

Grupo de fotogramas estáticos

En el grupo de fotogramas estáticos, está disponible el mismo contenido durante toda la duración del grupo. Puede utilizar este tipo de grupo siempre que necesite mostrar gráficos para una cantidad de tiempo determinada. 

Grupo de fotogramas interpolados

En el grupo de fotogramas interpolados, el contenido cambia en el grupo durante cada fotograma. Puede utilizar este tipo de grupo para las animaciones. 

Añadir o insertar fotogramas en la línea de tiempo

  • Para insertar un fotograma nuevo, seleccione Insertar > Línea de tiempo > Fotograma (F5).

  • Para crear un fotograma clave, elija Insertar > Línea de tiempo > Fotograma clave (F6), o bien haga clic con el botón derecho del ratón (Windows) o presione la tecla Control y haga clic (Macintosh) en el fotograma donde desee colocar un fotograma clave. Luego elija Insertar fotograma clave en el menú contextual.

  • Para crear un fotograma clave vacío, elija Insertar > Línea de tiempo > Fotograma clave vacío, o bien haga clic con el botón derecho del ratón (Windows) o presione la tecla Control y haga clic (Macintosh) en el fotograma donde desee colocar el fotograma clave. Luego elija Insertar fotograma clave vacío en el menú contextual.

Efectos de los fotogramas

Anteriormente, los filtros y los efectos de color solo se aplicaban a los clips de película y a los símbolos gráficos. Mediante el uso de capas avanzadas, los filtros y los efectos de color ahora se pueden aplicar a un fotograma o varios fotogramas seleccionados y, por extensión, a todo su contenido, incluidas formas, objetos de dibujo, símbolos gráficos, etc. Los efectos de capa también se pueden interpolar utilizando la interpolación clásica, de forma y de cinemática inversa entre fotogramas.

Para obtener más información, consulteAplicación de efectos de capa

Seleccione y etiquete fotogramas en la línea de tiempo

Puede seleccionar fotogramas utilizando dos métodos proporcionados en Animate. También puede etiquetar fotogramas para organizar el contenido. 

Animate ofrece dos métodos distintos para seleccionar fotogramas en la línea de tiempo. Con la selección basada en los fotogramas (la predeterminada), se seleccionan fotogramas individuales en la línea de tiempo. En la selección basada en el tamaño, al hacer clic en cualquier fotograma de una secuencia, se selecciona toda la secuencia de fotogramas, desde un fotograma clave hasta el siguiente. 

Selección de fotogramas en la línea de tiempo

Selección de un único fotograma o varios

  • Para seleccionar un fotograma, haga clic en el fotograma. 
  • Para seleccionar varios fotogramas contiguos, arrastre el cursor sobre los fotogramas o haga clic con la tecla Mayús. pulsada en fotogramas adicionales.

  • Para seleccionar varios fotogramas no contiguos, con la tecla Control (Windows) o la tecla Comando (Macintosh) presionada, haga clic en los fotogramas.

  • Para seleccionar todos los fotogramas en la línea de tiempo, seleccione Editar > Línea de tiempo > Seleccionar todos los fotogramas.

Selección de fotogramas basada en el tamaño

Como requisito previo para la selección basada en el tamaño, puede hacer clic en el icono de hamburguesa que se encuentra en la esquina superior derecha y elegir el elemento de menú Selección basada en tamaño para especificar esta selección en la línea de tiempo de Animate. 

  • Para seleccionar un grupo entero de fotogramas (interpolación de movimiento o cinemática inversa), haga clic en el fotograma. 
  • Para seleccionar varios grupos, haga clic en cada uno de ellos mientras mantiene presionada la tecla Mayús.

Etiquetado de fotogramas en la línea de tiempo

Puede etiquetar fotogramas en la línea de tiempo para ayudarle a organizar el contenido. También puede etiquetar un fotograma para poder hacer referencia a él en ActionScript por su etiqueta. De ese modo, si reorganiza la línea de tiempo y mueve la etiqueta a otro número de fotograma, el código ActionScript seguirá haciendo referencia a la misma etiqueta y no será preciso actualizarla.

Las etiquetas de fotograma sólo se pueden aplicar a fotogramas clave. Le recomendamos crear una capa distinta en la línea de tiempo para que contenga las etiquetas de fotograma. Al usar una capa independiente para las etiquetas, podrá organizar el contenido y los fotogramas clave de una mejor manera. 

Para añadir una etiqueta de fotograma:

  1. Seleccione el fotograma que desee etiquetar en la línea de tiempo.

  2. Con el fotograma seleccionado, asigne un nombre a la etiqueta en la sección Etiqueta del inspector de propiedades. Presione Intro o Retorno.

  3. Le recomendamos que cree una capa distinta para cada etiqueta del fotograma. 

Activación de una selección de fotogramas basada en el tamaño

La selección de fotogramas basada en el tamaño permite elegir un intervalo de fotogramas entre dos fotogramas clave con un solo clic.

  1. Haga clic en el icono de hamburguesa que se encuentra en la esquina superior derecha de la sección de la línea de tiempo. 

    Aparecerá un menú emergente. 

  2. Elija la opción Selección basada en el tamaño en el menú emergente. 

Distribuir en fotogramas clave

La opción Distribuir en fotogramas clave permite distribuir varios objetos (símbolos y mapas de bits) en el escenario, cada uno en un fotograma clave individual.

  1. Seleccione varios objetos de cualquier capa del escenario.
  2. Haga clic con el botón derecho en cualquier punto del escenario y seleccione Distribuir en fotogramas clave.

Copiar, pegar, eliminar o mover un fotograma o una secuencia 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.

Para copiar o pegar un fotograma o una secuencia de fotogramas, realice una de las acciones siguientes:

Copiar o pegar un fotograma o secuencia de fotogramas

  • Seleccione el fotograma o la secuencia y haga clic en Editar > Línea de tiempo > Copiar fotogramas. Seleccione el fotograma o la secuencia que desea sustituir y elija Edición > Línea de tiempo> Pegar fotogramas.

  • Mientras mantiene la tecla Alt (Windows) u Opción (Macintosh) y arrastre un fotograma clave hasta la posición en la que desee copiarlo.

Eliminación de un fotograma o secuencia de fotogramas

Eliminación de un marco, una secuencia de fotogramas o un fotograma clave

Seleccione el fotograma o la secuencia y elija Editar > Línea de tiempo > Quitar fotograma, o bien haga clic con el botón derecho del ratón (Windows) o presione la tecla Control y haga clic (Macintosh) en el fotograma o la secuencia. Luego elija Quitar fotograma en el menú contextual.

Los fotogramas de alrededor permanecen intactos.

Eliminar un fotograma clave

Seleccione el fotograma clave y elija Editar > Línea de tiempo > Borrar fotograma, o bien haga clic con el botón derecho del ratón (Windows) o presione la tecla Control y haga clic (Macintosh) en el fotograma clave. Luego elija Borrar fotograma en el menú contextual.

Mover un fotograma clave o una secuencia de fotogramas

Seleccione un fotograma clave o una secuencia de fotogramas y arrastre el fotograma clave o secuencia de fotogramas hasta la posición que desee.

Cambiar la longitud de una secuencia de fotogramas estáticos

Mantenga presionada la tecla Control (Windows) o Comando (Macintosh) mientras arrastra el ratón hasta el fotograma inicial o final del grupo hacia la izquierda o la derecha.

Para cambiar la longitud de una secuencia de animación fotograma a fotograma, consulte Creación de animaciones fotograma a fotograma.

Obtener una vista previa del contenido de un fotograma en la línea de tiempo

Seleccione Vista previa en el menú Opciones del panel Línea de tiempo situado en la esquina superior derecha del panel Línea de tiempo.

En cada fotograma clave de la línea de tiempo, obtendrá una vista previa en miniatura de los elementos del fotograma clave.

Logotipo de Adobe

Inicia sesión en tu cuenta