Puede cambiar la vista predeterminada de varias capas a la vista de la capa activa haciendo clic en el icono Vista de capa situado en la parte superior izquierda.
- 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
Cronología
La cronología 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 Cronología son las capas, los fotogramas y el cabezal de reproducción.
La cronología muestra dónde hay animación en un documento, incluidas la animación fotograma por fotograma, la animación interpolada y los trazados de movimiento. Los controles de la sección de capas de la cronología permiten ocultar, mostrar, bloquear o desbloquear capas, así como mostrar el contenido de las capas como contornos. Puede arrastrar fotogramas de la cronología a una nueva posición en la misma capa o a otra capa.
Cronología moderna
Hemos mejorado el aspecto del panel Cronología, lo que incluye una representación clara de intervalos de fotogramas, mejor legibilidad del fotograma y del marcador de tiempo, mejoras en la división de capas, botones para crear fotogramas clave, fotogramas vacíos, etc.
Controles de cronología
Vista de capa
Cámara
Para activar o desactivar la cámara, haga clic en el botón de la cámara.
Vista de asociación de capas
Muestra la jerarquía de asociación de capas.
Profundidad de las capas
Crea un panel de profundidad de capa y le permite modificar la profundidad de la capa activa proporcionada en la lista.
Al reproducir una animación, se muestra la velocidad de fotogramas real. Esta velocidad de fotogramas puede diferir de la velocidad de fotogramas del documento si el equipo no puede calcular y mostrar la animación con rapidez.
Papel cebolla
Hemos renovado y simplificado la división en capas. Para activar la opción de división en capas, haga clic en el botón de división en capas. Hemos mejorado la división en capas aún más para excluir (e incluir) fotogramas de forma selectiva haciendo clic con el botón derecho en cualquier fotograma de división en capas dentro del rango de papel cebolla.
Realice una de las acciones siguientes:
- Haga clic en el botón Papel cebolla para activar y desactivar la opción de papel cebolla. Cuando están activados, todos los fotogramas entre los marcadores Papel cebolla inicial y Papel cebolla final (en el encabezado de la cronología) aparecen superpuestos como un solo fotograma en la ventana Documento.
- Haga clic y mantenga pulsado el ratón en el botón Papel cebolla para ver y seleccionar las opciones de rango seleccionado, todos los fotogramas, marcadores de anclaje y configuración avanzada.
- Seleccione el icono de papel cebolla (el icono a la izquierda del icono de bucle) en la cronología.
Algunos de los parámetros del papel cebolla de este panel son funciones existentes como el modo de contorno, la preferencia de color de fotogramas de papel cebolla anterior o futura y los marcadores de anclaje:.
- Modo de solo fotograma clave: renderizar solo fotogramas clave del rango del papel cebolla que no estén entre los fotogramas de interpolación.
- Opacidad inicial: opacidad del primer fotograma de papel cebolla de cada lado del fotograma activo.
- Reducir en: reducción del porcentaje delta en todos los fotogramas de papel cebolla.
- Restricciones: el rango de fotogramas anteriores y siguientes es el mismo cuando las restricciones están activadas, a menos que el usuario edite el rango desde la cronología.
Para obtener más información, consulte Utilización de papel cebolla.
A. Opacidad del primer fotograma de cebolla B. Reducir la opacidad en los fotogramas de cebolla C. Mostrar solo fotogramas clave D. Marcadores de anclaje
Editar varios fotogramas
Le permite ver y editar el contenido en diversos fotogramas dentro del intervalo seleccionado.
Haga clic y mantenga pulsado el ratón en el botón Editar varios fotogramas para ver y seleccionar Editar rango seleccionado y editar todos los fotogramas. Haga clic para desactivar o activar el modo Editar varias fotogramas.
Crear interpolaciones
Haga clic y mantenga pulsado el ratón en el icono Crear interpolación para ver y seleccionar las opciones. Seleccione el grupo de fotogramas en la cronología y haga clic en Crear interpolación para crear una interpolación en función de la selección reciente.
Modificación del aspecto de la cronología
De forma predeterminada, aparece la cronología bajo la ventana del documento principal. Para cambiar su posición, separe la cronología de la ventana del documento y déjela flotante en su propia ventana. Puede acoplarla en cualquier otro panel que elija. También es posible ocultarla.
Para cambiar el número de capas y fotogramas visibles, cambie el tamaño de la cronología. Para ver otras capas cuando la cronología contiene más capas de las que se pueden mostrar, utilice las barras de desplazamiento que se encuentran a la derecha de la cronología.
Para mover la cronología tras fijarla en la ventana del documento, arrastre la ficha de la barra de título en la esquina superior izquierda de la cronología.
Para acoplar una cronología desacoplada a la ventana de la aplicación, arrastre la barra de título a la parte superior o inferior de la ventana del documento.
Para acoplar una cronología desacoplada a otros paneles, arrastre la barra de título hasta la ubicación que desee. Para evitar que la cronología se acople en otros paneles, presione la tecla Control mientras la arrastra. Aparece una barra azul para indicar dónde se acoplará la cronología.
Para ampliar o reducir los campos de nombres de capas en el panel Cronología, arrastre la barra que separa los nombres de las capas y las partes de los fotogramas de la cronología.
Personalización de la vista Cronología
-
Para mostrar el menú emergente Visualización de fotogramas, haga clic en Visualización de fotogramas en la esquina superior derecha de la cronología.
-
Elija una de las opciones siguientes:
- Para cambiar el tamaño de las capas, seleccione Grande, Mediano o Pequeño. La opción Grande resulta útil para ver los detalles de las ondas sinusoidales de sonido.
- Para mostrar miniaturas del contenido de cada fotograma en un tamaño adaptado para los fotogramas de la cronología, seleccione Vista previa. Es posible que el tamaño del contenido aparente varíe y se necesite más espacio en pantalla.
- Para mover los controles de Cronología hacia arriba o hacia abajo, seleccione Encabezado superior o Encabezado inferior, respectivamente.
- Para aumentar y reducir la cronología, utilice la barra reguladora Vista de cambio de tamaño de la cronología.
Cambio de la altura de una capa en la cronología
-
Realice una de las acciones siguientes:
Haga clic en el menú de hamburguesa del encabezado Cronología. Seleccione Bajo, Medio o Alto.
Haga doble clic en el icono de la capa (el icono a la izquierda del nombre de la capa) en la cronología.
Haga clic con el botón derecho del ratón (Windows) o con la tecla Control presionada (Macintosh) en el nombre de la capa y elija Propiedades en el menú contextual.
Seleccione la capa en la cronología y seleccione Modificar > Cronología > Propiedades de capa.
-
En el cuadro de diálogo Propiedades de Capa, elija una opción para Altura de capa y haga clic en Aceptar.
Color y fijación de capa
Puede fijar o colorear una capa para que identificarla sea más fácil haciendo clic en el punto que aparece justo después del nombre de la capa. Cuando esté activada, aparece un subrayado con el color del contorno de la capa a lo largo de la capa para obtener un reconocimiento rápido de la misma.
Definición de la opacidad de la capa
Realice una de las acciones siguientes:
- Presione Mayús y haga clic en la columna del ojo de la cronología para establecer la visibilidad en transparente.
- Haga doble clic en el icono de la capa (el icono a la izquierda del nombre de la capa) en la cronología.
- Haga clic con el botón derecho del ratón (Windows) o con la tecla Control presionada (Macintosh) en el nombre de la capa y elija Propiedades en el menú contextual. En el cuadro de diálogo Propiedades de capa, seleccione Visibilidad > Transparente.
- Haga clic con el botón derecho del ratón (Windows) o con la tecla Control (Macintosh) presionada, haga clic en el nombre de la capa y seleccione Mostrar otras como transparentes.
Cambio de tamaño del panel Cronología
Si la cronología está acoplada a la ventana de la aplicación principal, arrastre la barra que separa la cronología del área del escenario.
Si la cronología no está acoplada a la ventana de la aplicación principal, arrastre la esquina inferior derecha (Windows) o el cuadro de tamaño situado en la esquina inferior derecha (Macintosh).
El cabezal de reproducción azul situado en la parte superior de la cronología se mueve a medida que se reproduce el documento para resaltar el fotograma activo en el escenario. El encabezado de la cronología muestra los números de fotograma de la animación. Para que en el escenario aparezca un determinado fotograma, desplace la cabezal de reproducción hasta ese fotograma en la cronología.
Para mostrar un fotograma determinado, si trabaja con tantos fotogramas que no es posible que todos aparezcan a la vez en la cronología, desplace el cabezal de reproducción por la cronología.
Para ir a un fotograma, haga clic en la posición del fotograma en el encabezado de la cronología, o bien arrastre el cabezal de reproducción hasta la posición deseada.
- Para centrar la cronología en el fotograma activo, haga clic en el botón Centrar fotograma situado en la parte inferior de la cronología.
- Ahora, puede crear el rango de bucle simplemente arrastrando sobre la sección de bucle. Permite exportar los fotogramas (como película o vídeo) en el rango seleccionado.
- Con la opción “bucle” activada en la cronología, también se pueden reproducir en bucle flujos de audio dentro de un intervalo de fotogramas junto con otras animaciones.
Visualización del tiempo junto con los fotogramas
La cronología muestra el tiempo, en segundos, junto con los números de fotograma. Esta función permite convertir más rápido los fotogramas en tiempo, así como conocer el valor de fotogramas por segundo (FPS) que tiene configurado en todo el proceso de animación.
En la siguiente captura de pantalla, la cronología muestra 20 fotogramas por segundo (FPS):
Administración de la velocidad de animación
Puede administrar la velocidad de la animación escalando los lapsos de fotograma, animando según intervalos de tiempo o extendiendo y comprimiendo las animaciones mediante los controles de tiempo.
Escalado de lapsos de fotograma
Puede cambiar los fotogramas por segundo (FPS) de la animación sin tener que modificar su velocidad. Utilice la opción Escala de los lapsos de fotograma mientras cambia los FPS para mantener el tiempo intacto.
Anime en función de los intervalos de tiempo
Convierta los lapsos de fotograma en 1s, 2s, 3s, o en cualquier intervalo que desee. Esta opción funciona en el grupo de interpolación clásica, el grupo de interpolación de forma, el grupo de interpolación de movimiento, el grupo de fotograma clave o en un grupo de fotograma clave vacío.
La opción Convertir en animación fotograma a fotograma está disponible en el menú Modificar. Para realizar estas tareas, también puede asignar las teclas que desee en el cuadro de diálogo Accesos directos del teclado.
Ampliación y compresión de animaciones con controles de cronología
Ahora, puede ampliar la duración de fotograma de los fotogramas seleccionados especificando el número de fotogramas deseado en Ampliar rango de fotogramas. El número especificado en Ampliar rango de fotogramas hará que aumente la duración de los fotogramas seleccionados.
Puede ampliar o reducir el tiempo del lapso seleccionado en la cronología. Seleccione el lapso del fotograma y arrastre el extremo derecho del lapso seleccionado en la cronología, hacia delante o hacia atrás. Los fotogramas de la cronología se ajustan automáticamente.
Puede crear varias réplicas de sus animaciones (multiplicándolas por 2, 3, etc.) mediante el arrastre de los grupos en la cronología. También es posible comprimir los fotogramas a su posición normal después de haberlos ampliado.
Seleccione los fotogramas en la cronología, haga clic y arrastre el borde resaltado que aparece en el lado derecho.
Mientras arrastra, como se muestra en la captura de pantalla siguiente, puede previsualizar la animación en múltiplos como x2, x3, etcétera.
En la siguiente captura de pantalla, puede ver el grupo ampliado en múltiplos de 2. x2 es dos veces el tamaño de un grupo seleccionado. x3 es tres veces el tamaño original de un grupo.
Ahora, puede ampliar la duración de fotogramas especificando el número deseado en el campo Ampliar rango de fotogramas. El número especificado en Ampliar rango de tiempo hará que aumente la duración de los fotogramas seleccionados.
Navegación en cronología
Navegación de fotogramas clave
Ahora, puede hacer clic en el botón Volver al fotograma anterior o Ir al fotograma siguiente para ir al fotograma anterior o siguiente. Asimismo, haga clic y mantenga pulsado el ratón en el botón Volver al fotograma anterior o Ir al fotograma siguiente para ir al primer o último fotograma, respectivamente.
Haga clic en el botón Reproducir para ver la vista previa de la animación.
Puede navegar entre fotogramas clave en la capa activa mediante el menú Control. También puede utilizar Alt+. o Alt+, para ir hacia delante o hacia atrás en la cronología, es decir, al fotograma clave siguiente o al anterior, respectivamente.
Puede desplazarse entre los fotogramas clave de la capa activa mediante los controles izquierdo y derecho de la capa. Asimismo, también puede utilizar el menú y los métodos abreviados de teclado.
Puede utilizar atajos de teclado de la navegación de páginas como Alt + Mayus +, para volver atrás y Alt + Mayus +. para avanzar la navegación.
Insertar fotogramas y fotogramas clave
Puede agregar fotogramas clave, fotogramas clave en blanco y fotogramas con un solo clic en el botón de cronología. Haga clic y mantenga pulsado el ratón sobre el icono de fotograma clave para ver y seleccionar las opciones. Seleccione un fotograma de la cronología y haga clic en el icono de fotograma clave para insertar un fotograma, fotograma clave o fotograma clave en blanco de la selección reciente.
Ahora, insertar un fotograma clave o un fotograma clave en blanco en el panel Cronología tiene un comentario visual. Un resplandor sutil indica que la operación se ha completado.
Modo de solo capa activa
El icono Vista de cronología se ha modificado con un nuevo modo denominado Solo capa activa. Para ver solo las capas activas de la cronología, haga clic y mantenga pulsado el ratón en la opción Vista de la cronología y seleccione la opción Solo capa activa.
Panorámica de la cronología desde el escenario
- Ahora, también puede utilizar la herramienta de mano para deslizar la cronología horizontalmente.
- Puede sacar la cronología del estado mediante la nueva herramienta de arrastre. Esta herramienta está agrupada con la herramienta Mano en el panel Herramientas. También puede utilizar el método abreviado de teclado barra espaciadora+T para activar esta herramienta temporalmente. Arrastre hacia la izquierda o la derecha para ver la cronología en la dirección de la panorámica.
Barra de herramientas de cronología personalizable
Con la cronología personalizable, puede elegir los botones de acción que se mostrarán en la barra de herramientas de la cronología. En el menú hamburguesa de la cronología, haga clic en personalizar herramientas de la cronología.
Aparece un panel con botones de la barra de herramientas, que se pueden añadir o quitar de la barra de herramientas de la cronología. Para cerrar el panel de aceleración, haga clic en cualquier lugar fuera de él. Cuando el panel está abierto, los botones que se muestran en la barra de herramientas de la cronología se seleccionan en el panel. Para activar la selección de botones, haga clic en los botones correspondientes. Los cambios se muestran inmediatamente en la barra de herramientas de la cronología.
La barra de herramientas de la cronología tiene algunas opciones que se agrupan en un solo botón. Haga clic en el botón para mostrar todas las opciones agrupadas en el botón.
Por ejemplo, en el botón Insertar fotograma clave o grupo de fotogramas se han agrupado las siguientes opciones:
- Fotograma clave
- Fotograma clave vacío
- Fotograma
- Fotograma clave automático
En el panel de la barra de herramientas, las opciones anteriores aparecen como un botón agrupado y botones individuales. Si se selecciona un botón agrupar, se desactivan automáticamente los botones individuales de ese grupo. Y si se selecciona un botón individual en el grupo, el botón agrupar de deseleccione.
Existen dos grupos de este tipo en el Panel de herramientas . Uno para insertar fotogramas clave o fotogramas, y otro para insertar interpolaciones.
En el Panel de herramientas, hay varios botones seleccionados y deseleccionados en pares. Por ejemplo, botones para crear fotogramas clave hacia atrás o hacia adelante, y botones para desplazar un fotograma individual hacia adelante y hacia atrás.
Si desea descartar los cambios en el panel de configuración y revertir la cronología al estado predeterminado, haga clic en restaurar controles de la cronología.
Vea el vídeo para obtener más información sobre cómo personalizar la cronología.
¿Novedades?
Le explicaremos el uso y la personalización de la cronología. Ahora puede obtener más información sobre cómo crear animaciones utilizando el panel Activos.