B. Dibujar y Ajustar Elementos de Composición

Para realizar cualquier tipo de animación o interactividad en una composición de Edge Animate, necesitaremos crear o importar los elementos necesarios para cualquier proyecto en particular. Adobe Edge Animate incluye un número limitado de herramientas de dibujo que se pueden utilizar para crear elementos dentro de nuestra composición.

En este capítulo, echaremos un vistazo a algunas de las herramientas disponibles en Edge Animate, incluyendo las siguientes herramientas con los atajos de teclado entre paréntesis:

• Herramienta Rectángulo (M)
• Herramienta Rectángulo Redondeado (R)
• Herramienta Elipse (O)
• Herramienta Selección (V)
• Reglas
• Guías
• Preferencias de diseño

También veremos algunos ejemplos básicos del uso de las herramientas de dibujo de Adobe Edge Animate. Los elementos rectangulares básicos se pueden producir fácilmente utilizando la herramienta Rectángulo o la herramienta Rectángulo Redondeado. Para crear elipses y círculos, también podemos utilizar la herramienta Elipse. Estos elementos pueden utilizarse eventualmente dentro de una animación, permitir la interacción del usuario o incluso convertirse en símbolos de Edge Animate.

Se puede acceder a las herramientas de dibujo a través de una serie de iconos dentro de la barra de herramientas de Edge Animate. Por defecto, la barra de herramientas se encuentra en la parte superior de la ventana de la aplicación, justo debajo del menú de la aplicación.

Es posible mover la barra de herramientas, ya que es un panel, y por lo tanto comparte todas las opciones y atributos de cualquier panel dentro de la interfaz de la aplicación Edge Animate.

Color de fondo y color de borde

Aunque no es una herramienta de dibujo per se, este conjunto de muestras situado dentro de la barra de herramientas influye directamente en los colores utilizados dentro de las herramientas de dibujo. Proporciona un acceso rápido a los selectores de color de fondo y de borde de los elementos desde la barra de herramientas. Normalmente, esto también se puede modificar a través del panel Propiedades cuando se ha seleccionado un elemento, como se muestra en la siguiente captura de pantalla:

Estas muestras de color no se pueden utilizar con el Escenario, los recursos de imagen importados o los elementos de texto.

Herramienta Rectángulo

La herramienta Rectángulo (M) que se muestra en la siguiente captura de pantalla nos permite crear elementos rectangulares en el Escenario, que pueden ser animados a través de la Línea de Tiempo o tener interactividad aplicada a ellos a través del panel Acciones. Estos elementos tendrán por defecto un elemento HTML <div>.

Herramienta Rectángulo Redondeado

La herramienta Rectángulo Redondeado (R) que se muestra en la siguiente captura de pantalla nos permite crear elementos rectangulares con esquinas redondeadas en el Escenario, que pueden ser animados a través de la Línea de Tiempo o tener interactividad aplicada a ellos a través del panel Acciones. Estos elementos tendrán por defecto un elemento HTML <div>.

La herramienta Rectángulo Redondeado se comporta casi exactamente igual que la herramienta Rectángulo y los elementos producidos con cualquiera de las dos herramientas son funcionalmente idénticos.

Herramienta Elipse

La herramienta Elipse (O) nos permite crear elipses y círculos en el Escenario, que pueden ser animados a través de la Línea de Tiempo o tener interactividad aplicada a ellos a través del panel Acciones. Estos elementos tendrán por defecto un elemento HTML <div>, como se muestra en la siguiente captura de pantalla:

La herramienta Elipse se encuentra a la derecha de la herramienta Rectángulo Redondeado dentro de la barra de herramientas.

Dibujar elementos en el Escenario

Dentro de Edge Animate, siempre estamos trabajando con elementos del Modelo de Objetos del Documento (DOM) del navegador. Los elementos más básicos en Edge Animate son los que se producen a través de las herramientas de dibujo de la aplicación: Rectángulo, Rectángulo Redondeado y Elipse. Cualquiera de ellos producirá un elemento básico que tiene cuatro lados y contiene un color de fondo y de trazo.

Herramienta Selección

Aunque hemos reservado un capítulo entero para hablar de la herramienta Selección y la herramienta Transformación, es necesario mencionar aquí la herramienta Selección por la funcionalidad básica que proporciona cuando se trabaja con las herramientas de dibujo. Como se muestra en la siguiente captura de pantalla, se asemeja a una flecha en la posición más a la izquierda de la barra de herramientas:

El comportamiento de las herramientas de dibujo es tal que cuando se crea un elemento utilizando cualquiera de las herramientas, la herramienta Selección se activará automáticamente, junto con la selección automática del elemento que se acaba de crear. La razón de esto es que nos permite modificar rápidamente las propiedades de un elemento sin tener que elegir primero otra herramienta y luego seleccionar el elemento manualmente. Para obtener más información sobre la herramienta Selección, consulte el Capítulo 3, Seleccionar y Transformar Elementos.

Trabajar con la herramienta Rectángulo

La herramienta Rectángulo se parece a un pequeño rectángulo en la barra de herramientas. Seleccionar esta herramienta nos permite crear elementos rectangulares directamente en el Escenario.

Para crear un nuevo rectángulo utilizando esta herramienta, hacemos clic en el Escenario y arrastramos el ratón por el área sobre la que deseamos que aparezca el rectángulo, soltando finalmente el ratón una vez que hayamos terminado: Después de crear un rectángulo, podemos manipular los pequeños diamantes negros de cada esquina (mediante el uso de la herramienta Transformar) para formar un rectángulo redondeado.

Uso de la herramienta Rectángulo

Para crear un nuevo elemento utilizando la herramienta Rectángulo, realice los siguientes pasos:

1. Cree un nuevo proyecto y nómbrelo RectangleTool.html.
2. Seleccione la herramienta Rectángulo de la barra de herramientas.
3. Pase el ratón por encima del Escenario. Observe que el cursor ahora aparece como una cruz.
4. Haga clic en cualquier lugar del Escenario y arrastre. Observe que al hacer esto, el rectángulo crecerá o se encogerá, dependiendo de lo lejos que arrastre desde su punto original. Cuando esté satisfecho con el tamaño de su elemento rectangular, suelte el botón del ratón para completar esta tarea.

Mantener pulsada la tecla Mayúsculas mientras se arrastra restringirá un elemento rectangular a un cuadrado cuando se utilice la herramienta Rectángulo (M).

5. La herramienta Selección se activará automáticamente para nosotros y el elemento rectángulo recién creado estará en un estado seleccionado. Ahora podemos modificar el elemento que se acaba de crear a través del panel Propiedades:

Trabajar con la herramienta Rectángulo Redondeado

La herramienta Rectángulo Redondeado es casi idéntica a la herramienta Rectángulo, excepto por el hecho de que conservará los ajustes de los radios de los bordes de una instancia a otra a medida que se crean nuevos rectángulos redondeados:

Al igual que ocurre con la herramienta Rectángulo, después de crear un rectángulo redondeado, podemos manipular aún más los pequeños diamantes negros de cada esquina (mediante el uso de la herramienta Transformar) para ajustar los radios de los bordes.

Uso de la herramienta Rectángulo Redondeado

Para crear un nuevo elemento utilizando la herramienta Rectángulo Redondeado, realice los siguientes pasos:

1. Cree un nuevo proyecto y nómbrelo RoundedRectangleTool.html.
2. Seleccione la herramienta Rectángulo Redondeado de la barra de herramientas.
3. Pase el ratón por encima del Escenario. Observe que el cursor ahora aparece como una cruz.
4. Haga clic en cualquier lugar del Escenario y arrastre. Observe que al hacer esto, el rectángulo redondeado crecerá o se encogerá, dependiendo de lo lejos que arrastre desde su punto original. Cuando esté satisfecho con el tamaño de su elemento de rectángulo redondeado, suelte el botón del ratón para completar esta tarea.

Al igual que ocurre con la herramienta Rectángulo, mantener pulsada la tecla Mayúsculas mientras se arrastra un nuevo elemento de rectángulo redondeado creará un cuadrado en lugar de un rectángulo.

5. La herramienta Selección se activará automáticamente para nosotros y el elemento rectángulo recién creado estará en un estado seleccionado. Ahora podemos modificar el elemento que se acaba de crear a través del panel Propiedades:

Mantener pulsada la tecla Ctrl o Comando y arrastrar cualquiera de los diamantes modificadores de radio nos permitirá modificar sólo la esquina seleccionada de forma aislada del resto.

Observe que el elemento creado con la herramienta Rectángulo Redondeado tiene un aspecto un poco diferente al del elemento rectángulo anterior que se creó con la herramienta Rectángulo. Esto se debe a que la herramienta Rectángulo Redondeado creará, por defecto, un elemento rectángulo redondeado cuyo radio de borde es de 10 píxeles en cada esquina. Otro atributo exclusivo de esta herramienta es que recordará los ajustes anteriores de los radios en usos posteriores.

Vamos a modificar los ajustes del elemento que acabamos de crear para demostrar este concepto.

6. Con el elemento rectángulo redondeado que acabamos de crear seleccionado, mire el panel Propiedades.

7. Modifique el radio del borde para que sea algo distinto de los 10 píxeles por defecto.

8. Ahora seleccione la herramienta Rectángulo Redondeado de la barra de herramientas.

9. Dibuje otro elemento rectángulo redondeado en el Escenario.

Observe que este nuevo elemento conserva todas las propiedades que se ajustaron en el elemento rectángulo redondeado anterior. Incluso si ahora seleccionamos la herramienta Rectángulo y creamos algunos elementos con ella, la herramienta Rectángulo Redondeado seguirá recordando los ajustes anteriores utilizados con esa herramienta.

Mantener pulsada la tecla Mayúsculas y arrastrar cualquiera de los diamantes modificadores de radio nos permitirá alinear todos los radios de las esquinas juntos mientras se ajustan a un ángulo de 90 grados.

Trabajar con la herramienta Elipse

La herramienta Elipse se parece a un pequeño círculo en la barra de herramientas. Seleccionar esta herramienta nos permite crear elementos elípticos (¡incluyendo círculos!) directamente en el Escenario.

Para crear una nueva elipse utilizando esta herramienta, hacemos clic en el Escenario y arrastramos el ratón por el área sobre la que deseamos que aparezca la elipse, soltando finalmente el ratón una vez que hayamos terminado. Esto es igual que lo que hemos hecho con las herramientas de dibujo anteriores.

Después de crear una elipse, observe que todavía podemos ajustar los radios de las esquinas con la herramienta Transformar como podemos hacer con otros elementos dibujados.

Uso de la herramienta Elipse

Para crear un nuevo elemento utilizando la herramienta Elipse, realice los siguientes pasos:

1. Cree un nuevo proyecto y nómbrelo EllipseTool.html.
2. Seleccione la herramienta Elipse de la barra de herramientas.
3. Pase el ratón por encima del Escenario. Observe que el cursor ahora aparece como una cruz.
4. Haga clic en cualquier lugar del Escenario y arrastre. Observe que al hacerlo, la elipse crecerá o se encogerá, dependiendo de lo lejos que arrastre desde su punto original. Cuando esté satisfecho con el tamaño de su elemento elipse, suelte el botón del ratón para completar esta tarea.

Mantener pulsada la tecla Mayúsculas mientras se arrastra restringirá un elemento elipse a un círculo cuando se utilice la herramienta Elipse (O).

5. La herramienta Selección se activará automáticamente para nosotros y el elemento elipse recién creado estará en un estado seleccionado. Ahora podemos modificar el elemento que se acaba de crear a través del panel Propiedades:

Propiedades exclusivas de los elementos rectángulo y elipse

En este libro, examinaremos las propiedades exclusivas de cada elemento que se está discutiendo a medida que lo introducimos. Los elementos rectángulo y elipse tienen una serie de propiedades únicas para su tipo, que examinaremos brevemente aquí:

Para obtener una lista de las propiedades que se comparten entre todos los elementos, consulte el Capítulo 3, Seleccionar y Transformar Elementos.

Propiedades de los elementos

Las siguientes propiedades se comparten entre todos los elementos dibujados. No importa si estamos trabajando con elementos de herramientas de dibujo creados con las herramientas Rectángulo, Rectángulo Redondeado o Elipse, podremos ajustar estas propiedades a través de la herramienta Selección y el panel Propiedades.

Color de fondo

Esta es la herramienta para aplicar color al fondo de nuestro rectángulo en formato RGBA: rojo, verde, azul y alfa.

Color del borde

Esta es la herramienta para aplicar color al borde de nuestro rectángulo, si existe, en formato RGBA: rojo, verde, azul y alfa.

Grosor del borde

Esta es la herramienta para cambiar el grosor del borde, si existe, en píxeles.

Estilo del borde

Esta herramienta especifica el estilo del borde alrededor del elemento rectángulo. Se puede establecer en ninguno, sólido o discontinuo.

Radios del borde

Esta propiedad especifica la redondez del radio del borde. Esta propiedad se puede configurar para que se aplique a todas las esquinas, a esquinas individuales o incluso a propiedades X e Y específicas de esquinas individuales. ¡Es muy flexible!

Unidades de los radios del borde

Estas son las unidades en las que se miden los radios del borde. Podemos elegir entre píxeles y porcentajes.

Modificación de elementos rectángulo

Una vez creado un elemento rectángulo, se puede modificar fácilmente a través del panel Propiedades. Las propiedades generales como Anchura, Altura, Posición y Escala son fácilmente accesibles junto con las propiedades específicas del rectángulo como Color de fondo y Desbordamiento. Consulte la siguiente captura de pantalla:

Por supuesto, esta forma de modificación de elementos no es específica de los elementos de dibujo y se puede utilizar en todo tipo de elementos visuales dentro de una composición de Edge Animate.

Modificación de las propiedades de los elementos rectángulo

Vamos a repasar algunas modificaciones sencillas de un elemento rectángulo a través del panel Propiedades:

1. Primero tendremos que crear un elemento rectángulo. Seleccione la herramienta Rectángulo (M) de la barra de herramientas.

2. Ahora, simplemente haga clic y arrastre un elemento rectángulo como hemos hecho anteriormente en este capítulo.

3. Una vez que creamos el elemento rectángulo, la herramienta Selección (V) se habilitará automáticamente con el elemento preseleccionado para nosotros. Dependiendo de nuestras anteriores modificaciones, nuestro elemento rectángulo podría tener cualquier número de posibles propiedades modificadas.

4. 4. Usando el panel Propiedades, modifique las siguientes propiedades. Observe que Animate utiliza por defecto el sistema de coordenadas Global para cada elemento. Lo dejaremos así, a menos que se indique lo contrario. °° Ubicación X: 60 px °° Ubicación Y: 40 px °° Anchura: 255 px °° Altura: 170 px °° Color de fondo: #900000 °° Color del borde: #000000 °° Estilo del borde: discontinuo °° Grosor del borde: 8 px °° Rotación: 10 grados

   Para ajustar la anchura y la altura de forma independiente, debemos desvincular las propiedades de Tamaño mediante el uso del pequeño icono de cadena.

   Todas estas propiedades son simplemente sugerencias para lograr un elemento rectangular similar al que se ve en la captura de pantalla anterior. En este punto, pruebe a jugar con cualquiera de las otras propiedades para ver cómo afectan al elemento. Hay mucho que se puede hacer a través del panel Propiedades.

   Duplicar elementos de dibujo

   Cuando se diseña un número de elementos similares en una composición, es útil poder duplicarlos todos a partir de un elemento base y luego hacer pequeños ajustes después. Esto permite la coherencia en ciertos aspectos de un grupo de elementos, pero también proporciona un método sencillo para formar estos elementos como entidades únicas dentro de la composición. Hay algunas maneras en las que podemos duplicar un elemento dentro de Edge Animate.

   Quizás el más rápido de estos métodos es simplemente realizar una operación de copiar y pegar. Esto se puede lograr a través de los siguientes atajos de teclado:

   • Copiar: Ctrl + C (para Windows) o Comando + C (para Mac)
   • Pegar: Ctrl + V (para Windows) o Comando + V (para Mac)

   Una forma más manual de realizar estos mismos comandos es localizar las entradas apropiadas dentro del menú de la aplicación Editar.

   Copiar un elemento rectángulo con la herramienta Selección

   Además de los comandos del menú de Edge Animate y los atajos de teclado, también podemos duplicar elementos que ya están en el panel Escenario utilizando la herramienta Selección. Vamos a crear un rectángulo simple y duplicarlo a través de los siguientes pasos:

   1. Primero tendremos que crear un elemento rectángulo. Seleccione la herramienta Rectángulo (M) de la barra de herramientas.

   2. Ahora, simplemente haga clic y arrastre un elemento rectángulo como hemos hecho anteriormente en este capítulo.

   3. Una vez que creamos el elemento rectángulo, la herramienta Selección se habilitará automáticamente con el elemento preseleccionado para nosotros.

   4. En este punto, tenemos la opción de utilizar los atajos de teclado para nuestros comandos de menú como se explicó anteriormente. Simplemente copie y pegue para duplicar el elemento rectángulo si desea este enfoque.

   5. Alternativamente, podemos utilizar el ratón para realizar la duplicación. Mantenga pulsada la tecla Alt y haga clic en nuestro elemento rectángulo.

   6. Mientras mantiene pulsado el ratón, arrastre el elemento a una ubicación diferente en el panel Escenario y suéltelo. Esto duplicará el elemento para nosotros sin mucho problema y, además, nos permitirá elegir la ubicación del nuevo rectángulo.

   Herramientas de diseño y guía

   Cuando se trabaja con cualquier elemento en el Escenario, es útil tener algunas herramientas que ayuden en el diseño y la posición de los elementos en cuestión. Edge Animate viene equipado con una serie de herramientas que nos ayudan en esta tarea: la herramienta Preferencias de diseño, las Reglas y las Guías.

   Herramienta Preferencias de diseño

   La herramienta Preferencias de diseño nos permite tomar algunas decisiones sobre las propiedades por defecto de ciertos tipos de elementos cuando se crean o importan. La herramienta en sí se encuentra en la barra de herramientas, a la derecha de las muestras de color por defecto. Aparece como una pequeña regla en la barra de herramientas, que indica el diseño:

   Cuando se activa esta herramienta, aparece una pequeña superposición que nos permite establecer una serie de preferencias de diseño para el proyecto actual. La mayoría de estas preferencias tienen que ver con la forma en que se miden los elementos, utilizando píxeles o unidades de porcentaje:  

   Estas opciones sólo afectan a cualquier cosa nueva que se cree en nuestra composición o que se importe a ella. Los elementos actualmente establecidos conservan sus ajustes.

   La siguiente tabla detalla las opciones que tenemos al determinar las preferencias de diseño para una composición de Edge Animate. Las unidades para la horizontal, la vertical, la anchura y la altura, aunque parecen tener la misma descripción, son valores distintos; esto queda claro cuando se ajustan estos parámetros en el Escenario.

   Preferencia	Descripción
   Alineación de esquinas	Selecciona la esquina a la que se alinea por defecto.
   Unidades de posición horizontal	Alterna entre píxeles y porcentaje para los nuevos elementos.
   Unidades de posición vertical	Alterna entre píxeles y porcentaje para los nuevos elementos.
   Unidades de anchura	Alterna entre píxeles y porcentaje para los nuevos elementos.
   Unidades de altura	Alterna entre píxeles y porcentaje para los nuevos elementos.
   Usar la etiqueta 'img' para las imágenes	Al importar imágenes, utiliza el tipo de etiqueta img.
   'auto' para la anchura de la imagen	Al importar imágenes, establece la anchura en auto.
   'auto' para la altura de la imagen	Al importar imágenes, establece la altura en auto.

   Reglas

   Cuando las Reglas están activadas, las reglas se establecen a lo largo del eje superior e izquierdo del escenario del proyecto de forma similar a otras aplicaciones creativas de Adobe. Ayudan a visualizar las medidas entre los elementos, la relación con el punto de registro del Escenario, la alineación de los elementos y mucho más.

   Las reglas también sirven para la generación y el posicionamiento de Guías manuales, que examinaremos en la siguiente sección.  

   Para activar y desactivar las reglas, elija la opción Reglas del menú Ver de la aplicación, o utilice los atajos de teclado: Ctrl + R (para Windows) y Comando + R (para Mac).

   Guías

   Las Guías se utilizan junto con las Reglas para trazar y posicionar con mayor precisión los elementos en el Escenario. También se pueden utilizar para delimitar áreas en las que podemos dibujar elementos utilizando herramientas como la herramienta Rectángulo o la herramienta Rectángulo Redondeado:

   Para crear una nueva Guía, asegúrese de que las Reglas están activadas y son visibles dentro del panel Escenario. Haga clic en una regla y arrastre la nueva Guía a lo largo de ese eje específico. Una vez que la Guía esté posicionada exactamente donde nos gusta, suelte el ratón para colocar la Guía en su lugar.  

   Una vez colocada la Guía, puede seguir siendo una Guía basada en píxeles o transformarse en una Guía basada en porcentajes para ayudar con las herramientas de diseño responsivo. Para convertir la Guía de unidades de píxeles a porcentajes, pase el ratón por encima de la Guía y haga clic con el botón derecho. Ahora tenemos la opción Convertir Guía a Porcentaje. La Guía aparecerá ahora en un color más verde azulado que el violeta normal para distinguirla de una Guía basada en píxeles. Al cambiar el tamaño del Escenario, la Guía también se desplazará, ya que ahora está posicionada en función del porcentaje y no de las unidades de píxeles absolutas.

   Para eliminar la Guía, simplemente haga clic en ella y arrástrela de nuevo a la Regla. Las Guías se pueden bloquear desde el área Ver del menú de la aplicación. El ajuste también se puede controlar desde el menú Ver.  

Guías inteligentes

Cuando las Guías inteligentes están activadas, al arrastrar elementos por el Escenario aparecerán guías temporales que pueden ayudar a colocar los elementos. Estas Guías aparecerán en alineación con otros elementos, o para alinearse con aspectos del propio Escenario. Por ejemplo, en la siguiente captura de pantalla, las Guías inteligentes aparecen cuando se arrastra un elemento al centro del Escenario, informándonos de que podremos centrar el objeto si lo soltamos en esta ubicación.

Las Guías inteligentes se pueden desactivar desde el menú de la aplicación en Ver | Guías inteligentes. Atajo de teclado: Ctrl + U (para Windows) y Comando + U (para Mac).

Elementos del menú de Adobe Edge Animate

Ahora vamos a echar un vistazo a algunos de los elementos del menú de Edge Animate, que se pueden utilizar junto con el contenido producido por las herramientas de dibujo.

Editar

El menú Editar permite la manipulación directa de objetos mediante comandos de cortar, copiar y pegar, junto con opciones de selección y acceso a un historial de deshacer/rehacer.

Comando	Descripción
Deshacer	Revierte la acción anterior. Este comando cambiará en función del contexto, haciendo saber al usuario con precisión qué acción se verá afectada.
Rehacer	Revierte el comando Deshacer anterior. Este comando cambiará en función del contexto, haciendo saber al usuario con precisión qué acción se verá afectada.
Cortar	Elimina el elemento seleccionado. El usuario puede decidir pegar este elemento en otro lugar.
Copiar	Copia el elemento seleccionado. El usuario puede decidir pegar este elemento en otro lugar.
Pegar	Pega el elemento previamente cortado o copiado en el Escenario conservando las propiedades del elemento como la posición, la opacidad, la rotación, etc.
Pegado especial	En realidad, se trata de una serie de comandos que permiten pegar atributos específicos. Examinaremos este elemento con más profundidad en el Capítulo 6, Crear movimiento a través de la línea de tiempo.
Duplicar	Hace una copia perfecta uno a uno del elemento seleccionado. Se conservan todas las propiedades y atributos y el objeto original se deja intacto.
Seleccionar todo	Selecciona todo lo que hay en el Escenario.
Transformar	Activa la herramienta Transformar.
Eliminar	Elimina el elemento seleccionado del Escenario sin conservar el objeto para un comando de pegado en Ver

Los comandos del menú Ver determinan cómo aparece el Escenario dentro de la ventana de la aplicación. Nos fijaremos específicamente en los elementos del menú Ver que se refieren a las Reglas y las Guías.

Comando	Descripción
Reglas	Permite que las reglas aparezcan a lo largo de los planos superior e izquierdo del Escenario.
Guías	Activa y desactiva las Guías creadas manualmente.
Ajustar a las Guías	Permite que los elementos arrastrados se ajusten a las Guías creadas manualmente para facilitar el reposicionamiento y la alineación.
Bloquear Guías	Bloqueará cualquier Guía previamente existente para que no se pueda mover o eliminar accidentalmente.
Guías inteligentes	Permite que aparezcan guías inteligentes al arrastrar elementos por el Escenario. Las Guías inteligentes ayudan a la alineación de los elementos en relación con los demás.

Modificar

El menú Modificar incluye comandos que se refieren a los elementos del Escenario y a cómo el Escenario interactúa con estos elementos. La mayoría de estos comandos se refieren a las opciones de diseño y distribución, pero también a comandos particulares que se ocupan de la gestión de los símbolos.

Comando	Descripción
Organizar	Los comandos Organizar modifican el índice z de los elementos visuales en el Escenario.
Organizar	Traer al frente
Organizar	Traer adelante
Organizar	Enviar hacia atrás
Organizar	Enviar al fondo
Alinear	Los comandos Alinear ajustan las posiciones x o y de los elementos seleccionados entre sí.
Alinear	Izquierda
Alinear	Centro horizontal
Alinear	Derecha
Alinear	Arriba
Alinear	Centro vertical
Alinear	Abajo
Distribuir	El comando Distribuir ajusta las posiciones x o y de los elementos seleccionados entre sí. Requiere que se seleccionen tres o más elementos para que funcione correctamente.
Distribuir	Izquierda
Distribuir	Centro horizontal
Distribuir	Derecha
Distribuir	Arriba
Distribuir	Centro vertical
Distribuir	Abajo
Convertir a símbolo...	Convertirá los elementos seleccionados en el Escenario en un nuevo símbolo, lo que nos permitirá darle un nombre antes de hacerlo a través de un sencillo diálogo.
Editar símbolo	Como este comando se refiere a los Símbolos, examinaremos este elemento del menú en particular en el Capítulo 8, Hacer uso de los Símbolos, Elementos anidados y Agrupación.

Resumen

En este capítulo, hemos examinado cómo utilizar las herramientas de dibujo dentro de Edge Animate para añadir formas simples y áreas de texto a nuestro proyecto. Además, hemos demostrado una variedad de maneras de trabajar con estos elementos dentro de una composición. Generalmente, no importa cuán diferentes sean las propiedades de cada uno de estos activos, todos ellos pueden ser empleados dentro de una composición de Edge Animate de maneras muy similares.

En el siguiente capítulo, veremos cómo utilizar las herramientas de Selección y Transformación para realizar más manipulaciones de los elementos en el Escenario.