Guía del usuario Cancelar

Utilización de los paneles de edición de 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. Cómo trabajar con 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. Dibujo y creación de objetos en Animate
    9. Remodelado de líneas y formas
    10. Trazos, rellenos y degradados en Animate CC
    11. Uso de Adobe Premiere Pro y After Effects
    12. Paneles de color en Animate CC
    13. Apertura de archivos de Flash CS6 con Animate
    14. Uso de texto clásico en Animate
    15. Colocación de ilustraciones en Animate
    16. Mapas de bits importados en Animate
    17. Gráficos 3D
    18. Trabajo con símbolos en Animate
    19. Dibujo de líneas y formas en Adobe Animate
    20. Uso de bibliotecas en Animate
    21. Exportación de sonidos
    22. Selección de objetos en Animate CC
    23. Trabajo con archivos AI de Illustrator en Animate
    24. Aplicación de modos de mezcla
    25. Organización de objetos
    26. Automatización de tareas con el menú Comandos
    27. Texto en varios idiomas
    28. Utilización de la cámara en Animate
    29. Filtros de gráficos
    30. Sonido y ActionScript
    31. Preferencias de dibujo
    32. 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. Accesibilidad en el espacio de trabajo de Animate
    12. Cómo escribir y gestionar scripts
    13. Activación de la compatibilidad con plataformas personalizadas
    14. Información general sobre compatibilidad con plataformas personalizadas
    15. Uso de plugins de compatibilidad con plataformas personalizadas
    16. Depuración de ActionScript 3.0
    17. 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. Prácticas recomendadas - Sugerencias para crear contenido para dispositivos móviles
    9. Prácticas recomendadas - Convenciones de vídeo
    10. Prácticas recomendadas - Directrices de edición de aplicaciones SWF
    11. Prácticas recomendadas - Estructuración de archivos FLA
    12. Prácticas recomendadas de optimización de archivos FLA para Animate
    13. Configuración de publicaciones de ActionScript
    14. Especificación de configuración de publicación para Animate
    15. Exportación de archivos de proyector
    16. Exportar imágenes y archivos GIF animados
    17. Plantillas de publicación HTML
    18. Uso de Adobe Premiere Pro y After Effects
    19. Compartir y publicar animaciones rápidamente
  9. Solución de problemas
    1. Problemas solucionados
    2. Problemas conocidos

 

Los paneles de edición en el espacio de trabajo de Animate disponen de controles de edición y publicación que puede organizar según sus preferencias. También puede arrastrar cualquier panel fuera de su lugar, cambiar su tamaño y colocarlo en cualquier lugar de la pantalla para facilitar el acceso al mismo. Los menús emergentes de Animate también le ofrecen la opción de bloquear el panel en cualquier lugar de la pantalla. Un panel bloqueado no se mueve si lo arrastra por accidente mientras trabaja. 

Paneles de Animate con la opción de bloqueo
Paneles de Animate con la opción de bloqueo

El inspector de propiedades

El inspector de propiedades facilita el acceso a los atributos más utilizados de la selección actual, ya sea en el escenario o en la línea de tiempo. Puede modificar los atributos del objeto o documento en el inspector de propiedades sin acceder a los menús o paneles que contienen estos atributos.

El inspector de propiedades muestra información y la configuración del elemento que está seleccionado, que puede ser un documento, un texto, un símbolo, una forma, un mapa de bits, un vídeo, un grupo, un fotograma o una herramienta. Cuando hay dos o más tipos de objetos seleccionados, el inspector de propiedades muestra el número total de objetos seleccionados.

Para mostrar el inspector de propiedades, seleccione Ventana > Propiedades, o presione Control+F3 (Windows) o Comando+F3 (Macintosh).

La versión 2020 de Animate ofrece un inspector de propiedades moderno con cuatro pestañas: Herramientas, Objeto, Fotograma y Documento.Cada pestaña corresponde a las propiedades de la selección del momento. 

Herramienta: indica la herramienta que está seleccionada en ese momento. Si el inspector de propiedades de una herramienta no es válido, se muestra el inspector de propiedades de documento y la pestaña Inspector de propiedades de herramienta aparece como desactivada.Esta pestaña hace referencia a las propiedades de la herramienta que esté seleccionada en ese momento.

Objeto: indica el objeto que está seleccionado en el escenario en ese momento. Si no se ha seleccionado ningún objeto, esta pestaña aparece como desactivada.La pestaña hace referencia a las propiedades del objeto que esté seleccionado en ese momento.

Fotograma: indica el marco que está seleccionado en la línea de tiempo en ese momento. Si no se ha seleccionado ningún fotograma, esta pestaña aparecerá como desactivada.La ficha hace referencia a las propiedades del fotograma que esté seleccionado en ese momento.

Documento: indica el documento en el que está trabajando en ese momento.Esta pestaña presenta las propiedades específicas del documento que esté abierto en ese momento.

Inspector de propiedades de documento
Inspector de propiedades de documento

Inspector de propiedades de herramienta
Inspector de propiedades de herramienta

Inspector de propiedades de fotograma
Inspector de propiedades de fotograma

Inspector de propiedades de objeto
Inspector de propiedades de objeto

Propiedades adicionales del panel Propiedades

Punto de sujeción
Secciones arrastrables

Secciones arrastrables

Ahora, podrá arrastrar y reorganizar las secciones del inspector de propiedades. Se mostrará un punto de sujeción al pasar el puntero por encima de la sección arrastrable.

Sección Acciones rápidas
Sección Acciones rápidas

Barra de herramientas de acciones rápidas

El panel Propiedades tiene una nueva sección de acciones rápidas y secciones de un encabezado actualizado para que los modos y las funcionalidades relacionadas sean más fáciles de ver y más rápidos de acceder.

Sección de encabezado actualizado
Sección de encabezado actualizado para Mapas de bits

Configuración de filtros modernizada
Configuración de filtros modernizada

Configuración de filtros modernizada

Hemos actualizado la sección Filtros para que aplicar combinaciones de filtros sea más fácil.Asimismo, puede cambiar el orden de los filtros arrastrando un filtro por encima o por debajo de los otros filtros.  

Color y estilo
Color y estilo

Color y estilo

  • Hemos cambiado el nombre de la sección Relleno y trazo por Color y estilo. 
  • Los colores de la opción Alfa de Relleno y trazo se agregan encima para facilitar el acceso.
  • Para disfrutar de una experiencia sin complicaciones, hemos movido las opciones relativamente menos utilizadas de la configuración de Trazo al icono de puntos suspensivos para las opciones de perfil Estilo y Ancho. Haga clic en el icono de puntos suspensivos para seleccionar estas opciones.
  • Las opciones Tapa y Articulaciones se encuentran encima.
  • Las opciones Trazo y Relleno se visualizan en función de la parte del objeto que esté seleccionada. 

Opción de eliminar interpolación

eliminar interpolación
eliminar interpolación

Ahora, la sección Interpolaciones ofrece la opción de eliminar la interpolación dentro del inspector de propiedades.

Opción de hacer coincidir contenido

Opción de hacer coincidir contenido
Opción de hacer coincidir contenido

Ahora, la opción Hacer coincidir contenido está disponible a un solo clic en la sección de configuración de documento.

Inspector de propiedades de herramienta de cámara actualizado

Opciones de cámara actualizadas
Opciones de cámara actualizadas

Ahora, la cámara tiene todos los efectos de color y filtros

Propiedades de las herramientas PolyStar, Rectángulo, Óvalo, Texto y Varita mágica actualizadas

Hemos modernizado el panel Inspector de propiedades para las herramientas PolyStar, Rectángulo, Óvalo, Texto y Varita mágica para favorecer la accesibilidad y el desorden de la interfaz de usuario gratuita.

PolyStar
PolyStar

Texto estático
Texto estático

Acerca del panel Biblioteca

En el panel Biblioteca (Ventana > Biblioteca) es donde se guardan y organizan los símbolos creados en Animate. También puede almacenar archivos importados tales como gráficos de mapa de bits, archivos de sonido y clips de vídeo. El panel Biblioteca le permite organizar elementos de biblioteca en carpetas. Además, puede consultar con qué frecuencia se utiliza un elemento en un documento y ordenar los elementos por nombre, tipo, fecha, número de usos o identificador de vinculación a ActionScript®. Por ejemplo, cuando se importa un archivo GIF animado, se crea una carpeta denominada GIF en la carpeta raíz, en la que se coloca el archivo. También puede realizar búsquedas en el panel Biblioteca escribiendo el nombre de un símbolo o de una vinculación en el campo de búsqueda. Es posible establecer propiedades en la mayoría de las selecciones de objetos múltiples.

El panel Biblioteca con un clip de audio seleccionado
El panel Biblioteca con un clip de audio seleccionado

Panel Acciones

El panel Acciones permite crear y editar código ActionScript para un objeto o fotograma. El panel Acciones se activa cuando se selecciona una instancia de un fotograma, botón o clip de película. El título del panel Acciones cambia a Acciones - Botón, Acciones - Clip de película o Acciones - Fotograma, según el elemento que esté seleccionado.

El panel Acciones muestra una acción stop() de un fotograma.
El panel Acciones muestra una acción stop() de un fotograma.

Para mostrar el panel Acciones, seleccione Ventana > Acciones o presione F9. Para obtener más información sobre el panel Acciones, consulte Información general del panel Acciones

Utilización del Explorador de películas (no se usa en Animate)

El Explorador de películas permite ver y organizar el contenido de un documento, así como seleccionar los elementos del documento para su modificación. Contiene una lista donde aparecen los elementos utilizados, organizados en una estructura de árbol jerárquica por la que se puede desplazar.

Utilice el Explorador de películas para realizar las siguientes acciones:

  • Filtrar las categorías de los elementos del documento que aparecerán en el Explorador de películas.

  • Mostrar las categorías seleccionadas como escenas, definiciones de símbolos o de ambas maneras.

  • Expandir y contraer el árbol de navegación.

  • Buscar un elemento en un documento por su nombre.

  • Familiarizarse con la estructura de un documento de Animate creado por otro desarrollador.

  • Buscar todas las instancias de un determinado símbolo o acción.

  • Imprimir la lista de visualización navegable que muestra el explorador de películas.

El Explorador de películas tiene un menú Panel y un menú contextual con opciones que permiten realizar operaciones con los elementos seleccionados o modificar el aspecto del Explorador de películas. Una marca de verificación con un triángulo debajo en el panel Explorador de películas indica el menú Panel.

Nota:

el explorador de películas tiene funciones un tanto diferentes si trabaja con pantallas.

Visualización del explorador de películas

  1. Seleccione Ventana > Explorador de películas.

Filtrado de categorías de elementos que aparecen en el Explorador de películas

  • Para mostrar texto, símbolos, ActionScript, archivos importados o fotogramas y capas, haga clic en uno o varios botones de filtrado situados a la derecha de la opción Mostrar. Para personalizar qué elementos desea ver, haga clic en el botón Personalizar. Para ver esos elementos, seleccione opciones en el área Mostrar del cuadro de diálogo Configuración del Explorador de películas

  • Para mostrar elementos en las escenas, seleccione Mostrar elementos de película del menú Panel del Explorador de películas.

  • Para mostrar información sobre los símbolos, seleccione Mostrar definiciones de símbolo del menú Panel del Explorador de películas.

Nota:

Las opciones Elementos de película y Definiciones de símbolos se pueden activar al mismo tiempo.

Búsqueda de un elemento mediante el cuadro Buscar

  1. En el cuadro Buscar, introduzca el nombre del elemento, el nombre de la fuente, la cadena de ActionScript o el número de fotograma. La función Buscar busca en todos los elementos que muestra el Explorador de películas.

Selección de un elemento del explorador de películas

  1. Haga clic en el elemento del árbol de navegación. Haga clic con la tecla Mayús presionada para seleccionar varios elementos.

    La ruta completa del elemento seleccionado aparecerá en la parte inferior del explorador de películas. Al seleccionar una escena del explorador de películas, aparecerá el primer fotograma de dicha escena en el escenario. Al seleccionar un elemento del explorador de películas, se seleccionará dicho elemento en el escenario, siempre que la capa que contiene ese elemento no esté bloqueada.

Utilización de los comandos del menú contextual o del menú Panel del Explorador de películas

  1. Realice uno de los siguientes pasos:
    • Para ver el menú Panel, haga clic en el control del menú Panel del Explorador de películas.

    • Para acceder al menú contextual, haga clic con el botón derecho (Windows) o con la tecla Control presionada (Macintosh) en un elemento del árbol de navegación del explorador de películas.

  2. Seleccione una opción del menú:

    Ir a ubicación

    Se desplaza a la capa, escena o fotograma del documento que se haya seleccionado.

    Ir a definición de símbolo

    Se desplaza a la definición del símbolo seleccionado en el área Elementos de película del Explorador de películas. La definición de símbolo muestra todos los archivos asociados con el símbolo. (Es necesario haber seleccionado la opción Mostrar definiciones de símbolo. Consulte su definición en esta lista).

    Seleccionar instancias de símbolo

    Se desplaza a la escena que contiene las instancias del símbolo seleccionado en el área Definiciones de símbolos del Explorador de películas. Es necesario haber seleccionado la opción Mostrar elementos de película.

    Mostrar en la biblioteca

    Resalta el símbolo seleccionado en la biblioteca del documento. (Animate abre el panel Biblioteca si no se encuentra visible.)

    Cambiar nombre

    Permite introducir un nuevo nombre para el elemento seleccionado.

    Editar en contexto

    Permite editar un símbolo seleccionado en el escenario.

    Editar en nueva ventana

    Permite editar un símbolo seleccionado en una ventana nueva.

    Mostrar elementos de película

    Muestra los elementos del documento, organizados en escenas.

    Mostrar definiciones de símbolo

    Muestra todos los elementos asociados con un símbolo.

    Copiar todo el texto en el portapapeles

    Copia el texto seleccionado en el portapapeles. Para pasarle el corrector ortográfico o modificarlo, pegue el texto en un editor de texto externo.

    Cortar, Copiar, Pegar y Borrar

    Permiten realizar estas conocidas funciones con el elemento seleccionado. Al modificar un elemento en la lista de visualización, también se modifica el elemento correspondiente en el documento.

    Expandir rama

    Expande la rama del árbol de navegación correspondiente al elemento seleccionado.

    Contraer rama

    Contrae la rama del árbol de navegación correspondiente al elemento seleccionado.

    Contraer otros

    Contrae las ramas del árbol de navegación que no contienen el elemento seleccionado.

    Imprimir

    Imprime la lista de visualización jerárquica que muestra el Explorador de películas.

Utilización de los componentes y el panel de componentes de Animate

En Animate, un componente es un módulo empaquetado y reutilizable que añade funciones concretas a un documento de Animate. Los componentes pueden incluir gráficos y código. Por ello, están preconfigurados para poder incluirlos fácilmente en los proyectos de Animate. Por ejemplo, un componente puede ser un botón de opción, un cuadro de diálogo o una barra de carga previa. Puede ser un objeto que carezca de gráficos, como un temporizador, una utilidad de conexión a un servidor o un analizador XML personalizado.

Si tiene menos experiencia programando en ActionScript, puede añadir componentes a un documento y establecer sus parámetros en el inspector de propiedades o el inspector de componentes. Utilice el panel Comportamientos para gestionar sus eventos. Por ejemplo, puede asociar un comportamiento Ir a página web a un componente Botón. Botón puede abrir una dirección URL en un navegador web cuando se hace clic en él sin necesidad de escribir ningún código ActionScript.

Si es usted programador y desea crear aplicaciones más sólidas, puede crear componentes de forma dinámica. Utilice ActionScript para establecer propiedades y realizar llamadas a métodos en tiempo de ejecución, y utilice el modelo de detector de eventos para controlar estos.

Inserción de un componente desde el panel Componentes

Cuando se añade por primera vez un componente a un documento, Animate lo importa como clip de película en el panel Biblioteca. También puede arrastrar un componente desde el panel Componentes directamente al panel Biblioteca y, después, añadir una instancia al escenario. En cualquier caso, se debe añadir un componente a la biblioteca para poder acceder a los elementos de sus clases.

  1. Seleccione el panel Ventana > Componentes.

  2. Seleccione una instancia de un componente en el panel Componentes y arrástrela hasta el escenario o el panel Biblioteca. Una vez añadido el componente a la biblioteca, puede arrastrar varias instancias al escenario.
  3. Configure el componente según sus necesidades desde el inspector de propiedades o el inspector de componentes. Para obtener más información sobre los parámetros utilizados por los componentes, consulte la documentación correspondiente de la versión de ActionScript que esté utilizando en el documento de Animate.

Mediante el panel de parámetros de componentes

Los diseñadores de Animate pueden importar sus componentes externos a Animate y utilizarlos para crear sus animaciones. Para facilitar este flujo de trabajo, Animate proporciona la sección de parámetros de componentes como un panel. De este modo, puede cambiar el tamaño del panel o moverlo en el entorno de Animate. También puede bloquear el panel haciendo clic en el icono de la hamburguesa situado en la esquina superior derecha del panel. Seleccione la opción de bloqueo en el menú.

Puede abrir este panel mediante el botón Mostrar parámetros del inspector de propiedades, o utilizando Ventana > Parámetros de componentes. Puede añadir valores para los parámetros del cuadro de diálogo. 

Botón Mostrar parámetros
Botón Mostrar parámetros

Panel Parámetros de componentes
Panel Parámetros de componentes

Además, los desarrolladores de componentes personalizados HTML5 pueden utilizar para sus parámetros una interfaz de usuario basada en HTML/CSS.

Acerca del panel Servicios web

(Ya no se utiliza en Animate ) En el panel Servicios web puede consultar una lista de servicios web, actualizarlos, agregar otros nuevos o eliminarlos. Haga clic en Ventana > Otros paneles > Servicios web . Cuando se añade un servicio web a este panel, queda a disposición de cualquier aplicación.

Puede utilizar este panel para actualizar todos los servicios que en él figuran haciendo clic en el botón Actualizar servicios web. Si no utiliza el escenario pero escribe código ActionScript, puede utilizar el panel Servicios web para administrar dichos servicios.

 Adobe

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?

Adobe MAX 2024

Adobe MAX
La conferencia de creatividad

Del 14 al 16 de octubre en Miami Beach y en línea

Adobe MAX

La conferencia de creatividad

Del 14 al 16 de octubre en Miami Beach y en línea

Adobe MAX 2024

Adobe MAX
La conferencia de creatividad

Del 14 al 16 de octubre en Miami Beach y en línea

Adobe MAX

La conferencia de creatividad

Del 14 al 16 de octubre en Miami Beach y en línea