Trabajar con objetos III

Panel Información

Además de controlar la posición de los objetos desde el Panel Alineamiento, también podemos hacerlo, de un modo más exacto (más matemático) desde otro panel, el Panel Información.
A este Panel se puede acceder desde el Menú Ventana → Información. Las posibilidades de este Panel son limitadas, pero si buscamos exactitud en las medidas o no nos fiamos de las distribuciones de objetos que crea Flash, debemos acudir a él.

Medidas del Objeto: Aquí introduciremos un número que represente el tamaño de nuestro objeto en la medida seleccionada en las Propiedades del documento. AN: hace referencia a la anchura y AL: a la altura.
Situación del objeto: Desde aquí controlamos la posición del objeto en el escenario. La X y la Y representan el eje de coordenadas (La X es el eje Horizontal y la Y el eje vertical). Las medidas también van en función de las medidas elegidas para la película. Estas medidas se toman desde la esquina superior izquierda de la pantalla (X=0 e Y=0).
Color Actual: Indica el color actual en función de la cantidad de Rojo (R), Verde (V), Azul (A) y transparencia Alfa (A) que contenga.
Este indicador puede ser engañoso, el motivo es que indica el color que tiene el objeto por el que en ese momento pasamos el cursor del ratón. Por tanto, podemos tener seleccionado un objeto (haciendo clic en él) y ver en el Panel Información su tamaño y su posición, pero al desplazar el ratón, el valor del color cambiará y ya no indicará el color del objeto seleccionado, sino el del objeto por el que pase el cursor. Tened esto en cuenta para no cometer errores o perder tiempo innecesario.
Posición del Cursor: Indica la posición del cursor. Es útil por si queremos que suceda algo en la película al pasar el cursor justo por una posición determinada o para situar partes del objeto en lugares específicos.

Los grupos

Un grupo no es más que un conjunto de objetos. Si bien no cualquier conjunto de objetos forman un grupo, ya que para crear un grupo, debemos indicarle a Flash que así lo queremos. Para ello, basta seleccionar los objetos que queremos que formen parte de un grupo y después hacer clic en el Menú Modificar → Agrupar (Ctrl + G).
Tras hacer esto observaremos que desaparecen las texturas que indicaban que los objetos estaban seleccionados y observamos que el grupo pasa a ser un "todo", ya que resulta imposible seleccionar a uno de sus miembros sin que se seleccionen a su vez los demás. Además, aparece el rectángulo azul (por defecto) que rodea al grupo, definiéndolo como tal.

Crear grupos es muy útil, ya que nos permite, como ya hemos dicho, tratar al conjunto de objetos como un todo y por tanto, podemos aplicar efectos al conjunto, ahorrándonos la labor de hacerlo de objeto en objeto.
Por ejemplo, supongamos que tenemos un dibujo que representa un conjunto de coches. Tras dibujarlos todos, nos damos cuenta de que queremos aumentar el tamaño de los coches. Podemos aumentar el tamaño de los coches de uno en uno, corriendo el riesgo de aumentar unos más que otros y perdiendo las proporciones entre ellos, o podemos formar un grupo con los coches y aumentar el tamaño del grupo, de modo que aumenten todos de tamaño a la vez y en la misma proporción. De igual modo, podemos mover al grupo de posición, hacer que gire...
Al crear un grupo, simplemente estamos dando unas propiedades comunes a un conjunto de objetos y, en ningún caso perdemos nuestro objeto. En cualquier momento podemos deshacer el grupo, mediante el Menú Modificar → Desagrupar.
Además, Flash nos permite modificar los elementos de un grupo sin tener que desagruparlo. Para ello, seleccionamos el Grupo de elementos y hacemos clic en el Menú Edición → Editar Seleccionado, o directamente hacemos doble clic sobre el grupo con la herramienta Seleccionar. Podremos editar los objetos que componen el grupo por separado teniendo en cuenta que, como es lógico, los cambios realizados afectarán al grupo además de al elemento en cuestión.

Ejercicio 1: Rellenos y Bordes

1. Crea dos rectángulos con el interior de color verde y el borde negro.
2. En uno de ellos elimina el Relleno (rectángulo de la izquierda en la imagen).
3. En el otro, elimina el borde (rectángulo de la derecha en la imagen).

Ejercicio. Selecciones

1. Dibuja 5 óvalos. Dales el color de relleno y borde que quieras (elige un relleno que no sea transparente )
2. Selecciona 3 de ellos usando la tecla SHIFT.
3. Selecciona 3 de ellos usando la Herramienta Selección (Flecha).
4. Selecciona 3 únicamente los bordes de 3 de ellos.

Ejercicio. Alinear objetos

1. Dibuja 4 objetos (círculos, rectángulos...).
2. Coloca uno en cada esquina usando el Panel Alinear.

Ejercicio. Grupos

1. Agrupa los 4 objetos del ejercicio anterior en un único grupo.
2. Cambia su posición (colócalos, por ejemplo, en el centro de la película).
3. Desagrúpalos.

Trabajar con objetos II

Colocando objetos. Panel Alinear

Ahora que ya sabemos seleccionar los objetos o las partes de estos que consideremos oportunas, veamos cómo colocarlos en el Escenario.
Para colocarlos de un modo preciso (por no decir exacto), Flash pone a nuestra disposición el Panel Alinear. Este Panel lo podemos encontrar en el Menú Ventana → Alinear. Así funciona:

El Panel Alinear permite colocar los objetos tal y cómo le indiquemos. Antes de ver las posibilidades, debemos hacer hincapié en la opción Alinear en escenario. Esta opción nos permite decir a Flash que todas las posiciones que indiquemos para nuestros objetos tomen como referencia el escenario.
Si esta opción no está seleccionada, los objetos toman como referencia al conjunto de objetos en el que se encuentran, y se colocan en función de ellos. Lo más habitual es seleccionar En Escenario, para que los objetos se coloquen según los límites de la película, en el centro del fotograma etc...
Conozcamos un poco mejor el Panel Alinear y sus posibilidades:

• Alineamiento: Sitúa los objetos en una determinada posición del fotograma (si está seleccionado En Escena). Las distintas opciones afectan a todos los elementos seleccionados y se emplean muy a menudo para situar los objetos en determinados sitios predefinidos. Por ejemplo: Si quisiéramos situar un objeto en la esquina inferior izquierda, bastaría pulsar el primer y el sexto botón consecutivamente.

Por ejemplo, si queremos que coincida el centro de dos objetos los alineamos al centro horizontal y verticalmente. 

• Distribuir: Sitúa los objetos en el escenario en función de unos ejes imaginarios que pasan por cada uno de ellos, de modo que la distribución de los mismos sea uniforme. Por ejemplo, si tenemos 2 cuadrados y pulsamos el primer botón de la izquierda. Cada uno de los 2 cuadrados se situará en un extremo de la película (uno arriba y otro abajo).

• Coincidir Tamaño: Hace coincidir los tamaños de los objetos. Si está activo Alinear en escenario estirará los objetos hasta que coincidan con el ancho y el largo de la película. Si no está activo, la referencia será el resto de objetos. Por ejemplo, si tenemos 2 cuadrados distintos y la opción Alinear en escenario no está activada, al hacer clic en el primer botón de "Coincidir Tamaño", el cuadrado más estrecho pasará a tener la anchura del cuadrado más ancho. Si Alinear en escenario hubiera estado activo ambos cuadrados hubieran pasado a tener el ancho del fotograma.

• Espacio: Espacia los objetos de un modo uniforme.

Para ver ejemplos de uso de estos comandos, pudés ver la animación.

CUESTIONARIO 2

1. Para colocar un objeto de forma precisa, ¿Qué pone Flash a nuestra disposición?
2. ¿Y en donde lo podemos encontrar?
3. ¿Para qué nos sirve este panel?
4. ¿Que significa o nos dice "Alienar en el escenario"?
5. Si esta opción no está seleccionada, ¿Que sucede con los objetos?
6. Dibuja los íconos de Alinear y que función realiza.
7. Dibuja los íconos de "Distribuir" y que función realiza.
8. Dibuja los íconos de "Coincidir tamaño" y que función realiza.
9. Dibuja los íconos de "Espacio" y que función realiza.

Actividad. Alinear objetos

Ejercicio paso a paso

1. Abre un archivo nuevo.
2. Dibuja 4 rectángulos de diferentes colores situados en diferentes puntos del escenario.
3. Haz clic en la herramienta Selección.
4. Vamos a seleccionar todos los elementos que se encuentran en el escenario, para ello hacemos clic en la esquina superior izquierda y sin soltar el botón del ratón arrastramos hasta la esquina inferior derecha y soltamos (asegúrate de que todos los elementos se encuentran en el área de selección).
5. Abrimos el panel de Alineación, esta vez lo haremos pulsando la combinación de teclas CTRL + K (aunque también podrías abrirlo desde el menú Ventana).
6. Marca la opción Alinear en escenario.
7. Alineamos todos los objetos a la derecha del escenario haciendo clic en .
   Observa como todos los objetos se han movido para tener su borde derecho pegado al borde derecho del escenario.
8. Alineamos todos los objeto (aún seleccionados) a la izquierda del escenario haciendo clic en .
   Fíjate que los objetos ahora se han movido al lado contrario. Alineándose su borde izquierdo con el borde izquierdo del escenario.

Trabajar con objetos (Bloque 2)

Los objetos en Flash ¿Qué son?

En los primeros temas vimos las herramientas para dibujar elementos en nuestra película, obteniendo formas. En este tema profundizaremos en cómo trabajar con estas formas u objetos, para ajustarlos a nuestras necesidades.

Independientemente de si estamos trabajando en una animación, en una página web, en un catálogo para un DVD o en cualquier otra cosa, tendremos que trabajar con objetos. A grandes rasgos, podremos considerar un objeto es ¿?todo aquello que aparezca en nuestra película y sea visible, de modo que podamos trabajar con él, por ejemplo, cualquier imagen que creemos o importemos, un botón, un dibujo creado por nosotros mismos etc...
Los objetos de dibujo así considerados tienen 2 partes fundamentales:
El Borde: Consiste en una delgada línea que separa el objeto del exterior, del escenario. Puede existir o no, según nos convenga. Cuando creamos un objeto, el borde se crea siempre y su color será el indicado en el Color de Trazo (dentro del Panel Mezclador de Colores). Si queremos dibujar creando Bordes deberemos emplear las Herramientas Lápiz, Línea o Pluma y si queremos que nuestro dibujo no tenga borde, bastará con seleccionar el borde y suprimirlo (ver siguiente punto).
El Relleno: El relleno no es más que el propio objeto sin borde. Es, por tanto, la parte interna del objeto. Su existencia también es arbitraria, ya que podemos crear un objeto cuyo color de relleno sea transparente, como ya se vio en el tema de Dibujar, y por tanto, parecerá que dicho objeto no tiene relleno, aunque en realidad sí que exista pero sea de color transparente. Para dibujar Rellenos (sin borde) podemos usar herramientas tales como el Pincel o el Cubo de Pintura.

CUESTIONARIO 1

1. ¿Cómo podemos considerar a un objeto?
2. Los objetos de dibujo tienen 2 partes fundamentales, ¿Cuáles son?
3. En que consiste el Borde.
4. En que consiste el Relleno.
5. ¿Cómo seleccionamos el relleno de un objeto?
6. ¿Qué hacemos para deseleccionar?
7. ¿Qué hacemos para seleccionar todo el borde?
8. Para seleccionar toda la forma, ¿Qué hacemos?
9. Para añadir mas elementos a la seleccion actual ¿Que hacemos?
10. Cuando seleccionamos simbolos ¿De que color se enmarca?

ACTIVIDAD:
Realiza los rectangulos del video con los mismos colores y cambiales los lados con diferente color.