Paneles de edición en Animate

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.