Edicin de Formas

Edicin de Formas

Indice
3.- Edicin de formas..........................................................................................................................................1 Introduccin.............................................................................................................................................1 Seleccin de objetos .................................................................................................................................1 Seleccin directa: Clic!....................................................................................................................1 Seleccin por ventana: Arrastro!.....................................................................................................3 . Otras formas de seleccin: Lazo.......................................................................................................4 LOS GRUPOS.........................................................................................................................................5 Un problema: encima o debajo?......................................................................................................5 Una solucin: los Grupos..................................................................................................................7 Dentro del grupo ................................................................................................................................8 Orden de apilado.............................................................................................................................10 Cambiar el orden de apilamiento .....................................................................................................11 Mover y Copiar......................................................................................................................................12 Mover..............................................................................................................................................12 Mover con el panel Propiedades.....................................................................................................12 Copiar..............................................................................................................................................13 Transformacin de objetos .....................................................................................................................14 Tres opciones ...................................................................................................................................14 Escalar.............................................................................................................................................14 Girar y sesgar..................................................................................................................................16 . Mover el centro de transformacin................................................................................................17 Desde el panel Transformar...................................................................................................................17 Escalar con el panel Transformar....................................................................................................17 Girar y sesgar desde el panel Transformar......................................................................................18 2 en 1: Transformar y Copiar!.......................................................................................................19 . Distorsin y Envoltura...........................................................................................................................20 Distorsionar.....................................................................................................................................20 Envoltura.........................................................................................................................................21 Transformar desde el men Modificar ...................................................................................................22 Modificar > Transformar.................................................................................................................22 Voltear.............................................................................................................................................23 Alineacin de objetos .............................................................................................................................23 Men y Panel...................................................................................................................................23 Alineamiento...................................................................................................................................24 Distribuir.........................................................................................................................................25 Coincidir el tamao y el espacio.....................................................................................................26 Referencia: el Escenario..................................................................................................................28 RESUMEN............................................................................................................................................29 Ejercicios............................................................................................................................................................30 Ejercicio 1.- rboles..............................................................................................................................30 Ejercicio 2.- Paisaje...............................................................................................................................30 Ejercicio 3.- Cohete...............................................................................................................................33 Ejercicio 4.- Coche .................................................................................................................................34 Ejercicio 5.- transformar creativo..........................................................................................................35 Ejercicio 6.- cara....................................................................................................................................36 ejercicio 7.- crear una trama ...................................................................................................................36

3.- Edicin de formas.

Introduccin
En el tema anterior hemos empezado a pelearnos con las herramientas de dibujo para empezar a crear ingredientes para nuestras animaciones. A poco que hayamos practicado veremos que, no solo vale saber cmo dibujarlos sino que hay que saber mover esos objetos por el escenario, y sobretodo, saber cmo funcionan esas formas entre s. Si en el tema anterior vimos cmo crear los dibujos, formas, en este veremos cmo gestionarlas. Paso previo para modificar cualquier parte de las formas. AGRUPARLOS Para evitar fusiones entre vectores superpuestos. Colocarlos y reproducirlos en cualquier parte del MOVERLOS escenario. TRANSFORMARLOS Cambiar la escala, girarlos, distorsionarlos, etc. Organizar varias formas entre s o respecto al ALINEARLOS escenario. SELECCIONARLOS

Seleccin de objetos
En el captulo anterior ya vimos lo importante que es saber seleccionar los contornos y rellenos para cambiar sus propiedades. Como en cualquier programa de edicin de grficos, la seleccin es un paso previo para trabajar con cualquier objeto.

Ya hemos visto por encima que las grandes herramientas de seleccin son la de Seleccin

y la de

Subseleccin . Vimos que esta ltima solo la utilizamos en la edicin avanzada de los nodos y curvatura de los vectores. As que nos centraremos en la primera.

Seleccin directa: Clic!

La herramienta de seleccin directa rpidamente haciendo clic sobre ellos. (la Flecha, para los amigos) permite seleccionar objetos

Seleccionar un Relleno: UN clic sobre cualquier punto del relleno del objeto.

Edicin de Formas

Flash nos destaca el vector seleccionado cubrindolo de una trama punteada. Seleccionar un tramo de contorno: UN clic sobre el tramo elegido. Recuerda que los contornos son segmentos o tramos definidos por dos vrtices.

Seleccionar TODO el contorno: DOBLE CLIC sobre cualquier punto del contorno.

Seleccionar el contorno y el relleno: DOBLE CLIC sobre cualquier punto del relleno. De esta forma seleccionamos todos los vectores que construyen la forma.

Edicin de Formas Sumar selecciones: Si necesitamos seleccionar ms de un objeto del escenario, emplearemos cualquier modo de seleccin anterior y mantendremos pulsada la tecla Mays. Para deseleccionar uno de los objetos, volveremos a picar sobre l pulsando la tecla Mays.

Deseleccionar: Picaremos sobre algn punto vaco del escritorio o bien pulsaremos Esc. Otra manera de seleccionar el objeto es mediante la utilizacin de la misma herramienta Flecha para enmarcar un rea alrededor de ellos.

Seleccin por ventana: Arrastro!

1. Colocamos la herramienta Flecha fuera de los puntos u objetos a seleccionar. 2. Pulsamos el botn del ratn y arrastramos para definir el rectngulo que englobar todos los puntos deseados. 3. Soltamos el botn del ratn y ya tendremos nuestros puntos seleccionados de una vez.

Al seleccionar por ventana o marco podemos incluir solo una parte del objeto. De esta forma tenemos la posibilidad de "cortar" ese objeto por la seleccin. (Para mover una seleccin arrastrar con la herramienta Flecha).

Edicin de Formas

Otras formas de seleccin: Lazo

Por lo general la herramienta de Seleccin, como hemos visto, es muy rpida y gil... y ser a la que recurriremos la mayora de las veces para seleccionar un vector.

A veces, segn qu tipo de dibujo estemos realizando, nos puede interesar un rea a seleccionar que no sea perfectamente recta... Para ello disponemos de la herramienta Lazo 1. Activamos la herramienta Lazo del panel Herramientas y Colocamos la herramienta fuera de los puntos a seleccionar. 2. Pulsamos el botn del ratn y empezamos a "dibujar" el rea con la que englobaremos los puntos deseados. 3. Soltamos el botn del ratn y ya tendremos nuestros puntos seleccionados.

Cuando activamos la herramienta Lazo, vemos que en la parte inferior del panel Herramientas, dentro del campo Opciones, se muestran tres herramientas ms:

Edicin de Formas Varita mgica Propiedades de la Varita Mgica Lazo poligonal El lazo pasa a seleccionar por tolerancia de color. Est pensada para seleccionar en un mapa de bits (imagen) ... .podemos determinar las propiedades de la opcin anterior. El lazo pasa a dibujar el rea de seleccin a base de Clics, no por arrastre.

TRUCO: SELECCIN DE UNA PARTE EXACTA Para seleccionar un rea de una forma de manera precisa con el Lazo, al dibujar a mano alzada, resulta un poco difcil. Pero podemos usar un contorno temporalmente para delimitar ese rea de forma exacta y diferenciarla as del resto. 1. Dibujamos un contorno (herr. Lnea) para CERRAR el rea de la forma que queremos variar. Nos ayudamos del Imn (Encajar) para asegurarnos. 2. Modificamos el contorno para que adquiera la forma precisa que queremos. 3. Modificamos el rea que queda encerrada. En este caso le cambiamos el color. Al ser un vector diferenciado (cerrado) se considera independiente al resto. 4. Ahora podemos eliminar el contorno que hemos creado para este fin.

Mtodos de seleccin

LOS GRUPOS
Un problema: encima o debajo?
Hemos visto como Flash entiende los vectores de manera demasiado simple a la hora de dibujar unos encima de otros.

Edicin de Formas

Fig. 1. Tenemos una forma de relleno (1) a la que le dibujamos una Lnea de contorno atravesndola (2). Podramos pensar que Flash sigue entendiendo que ah hay solo dos formas: valo naranja + Lnea roja. Pero no... Flash, donde encuentra una diferencia, delimita el vector (3). Por lo que en realidad Flash entiende que hay 5 vectores diferentes: 2 rellenos + 3 lneas. A poco que hayamos practicado con el dibujo en Flash habremos comprobado que, de forma predeterminadas, dibuja todo en el mismo plano... no entiende diferencia entre encima y debajo. Flash se perdi ese episodio de Barrio Ssamo. As que cuando superponemos dos vectores de colores diferentes "se muerden unos a otros", es decir, la forma situada por encima corta la parte de la forma que se encuentra por debajo. Porque en el mismo espacio no puede haber dos vectores al mismo tiempo.

Fig. 2. Tenemos dos formas separadas: una nube y una estrella (1). Seleccionamos la estrella y la movemos para superponerla sobre la nube (2). En el rea en la que se interseccionan solo puede existir un vector: el de la estrella. Esa parte de la nube ya ha sido eliminada para dejar sitio a la estrella. Al volver a mover la estrella (3) vemos como Flash no ha soportado tener dos vectores ocupando la misma zona. Ese modo plano, simple, de entender el rea de dibujo que tiene Flash tambin supone que si superponamos dos vectores son las mismas caractersticas estos dos pasarn a formar un solo vector... - Si son lo mismo... para qu complicarme la vida? - piensa para s Flash.

Edicin de Formas

Fig. 3. Tenemos dos vectores iguales: los dos rellenos, los dos del mismo color naranja (1). Si movemos uno encima de otro (2) la prxima vez que seleccionemos la forma comprobaremos que se han fusionado en una sola: un relleno naranja. Este modo de trabajar, al principio, puede parecernos un problema para dibujar... pero si lo tenemos en cuenta puede acabar siendo una ayuda rpida (para recortar, para unir formas...)

El problema de la superposicin

Una solucin: los Grupos

Pero muchas veces nos interesar trabajar con diferentes vectores para colocarlos unos encima de otros sin temor a que se corten o se fusionen entre s. Para ello podemos usar dos utilidades de Flash: las Capas (que veremos en el tema siguiente) y los Grupos. Cualquier forma puede ser convertida en GRUPO (puede ser agrupada). De esta manera pasa a estar protegida, encerrada dentro del grupo que es considerado un objeto independiente susceptible de ser apilado o modificado individualmente.

Fig. 4. Al convertir una forma en Grupo es como si la estuviramos protegiendo encerrndola en un marco. La forma seguir dentro. Pero externamente ha pasado a ser considerado como un objeto en s mismo: un GRUPO. CMO CONVERTIR UNA FORMA EN GRUPO (agrupar) : 7

Edicin de Formas 1. Seleccionamos la forma o formas que queremos agrupar. 2. Y elegimos la opcin de men Modificar> Agrupar... o el comando de teclado Control + G.

Al agrupar las formas o tener activado un grupo aparece un marco que los limita. En este caso hemos agrupado tanto el relleno como el contorno de las dos formas. Podramos haber convertido en grupo cualquier vector que estuviera seleccionado (relleno o contorno). CMO DESHACER UN GRUPO (desagrupar) : Una vez tengamos un Grupo, podemos separarlo. El contenido del grupo saldr fuera, dejar de estar protegido. Si el grupo contiene una forma, al desagrupar esa forma volver a funcionar como tal en el escenario... dejar de ser considerada como un objeto independiente. Para desagrupar un grupo: Seleccionamos el o los grupos haciendo clic sobre ellos. Y elegimos la opcin de men Modificar> Desagrupar... o el comando de teclado Control + B . CUIDADO CON FLASH 8 Flash 8 ha aadido una nueva Opcin en todas las herramientas de dibujo.

Si activamos esa opcin TODAS las herramientas estarn creando grupos a medida que dibujas con ellas. As que te aconsejo que te asegures de mantenerla DESACTIVADA.

Dentro del grupo

Si queremos editar las formas que estn dentro de un grupo no es necesario desagruparlo para poder tener acceso a su contenido. Al fin y al cabo un grupo no deja de ser un contenedor... basta con que nos metamos dentro del contenedor para manipular lo que haya dentro. Para meternos dentro del grupo y editar la forma que est dentro: 1. Haz clic con el botn derecho del ratn sobre el grupo que deseamos editar y elige la opcin Editar seleccionado...

Edicin de Formas

o ms rpido... haz doble clic sobre el grupo. 2. Ya estamos dentro del grupo! Vers que slo permanece activo el contenido del grupo... el resto del contenido del escenario aparece apagado (inactivo)

Por ejemplo, aqu podemos ver cmo nos hemos metido dentro del grupo de las estrellas. Estamos dentro, por lo que ya tenemos a nuestro alcance las formas. La Barra de Edicin, justo encima del panel de Lnea de tiempo, me indica mi localizacin en estos momentos: - Eh, chaval ! Ests en la Escena 1 dentro de un grupo. 3. Ahora que estoy dentro del grupo, las formas que contiene estn a mi alcance.

(1) La modifico cambindole el color del relleno... 4. (2) y vuelvo a la escena pulsando en la Escena en la que estoy desde la Barra de Edicin, es decir, me salgo del grupo. 5. Ya he vuelto... me he salido del grupo y vuelto a la escena general. Ahora puedo ver en la escena la edicin que he hecho al contenido del grupo.

Edicin de Formas

LOS GRUPOS CONTIENEN CUALQUIER COSA Se puede agrupar uno o varios objetos del escenario. De hecho, dentro de un grupo puede haber ms grupos, como una mueca rusa. La ayuda de localizacin nos ayuda en que nivel de agrupamiento estamos mientras editamos las formas:

Por ejemplo: aqu estamos en un grupo, que esta dentro de otro, que a su vez est dentro de un tercero .. que finalmente est en la Escena 1.

Orden de apilado.
Los objetos agrupados nos permiten la posibilidad de ubicarlos unos encima de otros sin que afecten a su forma. Por lo tanto, los grupos permiten el apilamiento de diferentes objetos. 1. Agrupamos los diferentes formas para conseguir varios grupos. 2. Con la herramienta de la Flecha los movemos para solaparlos entre s.

El grupo de las estrellas esta por encima del de la esfera y la nube. Cuando diferentes grupos se encuentran superpuestos, tenemos la posibilidad de cambiar el orden de apilamiento.

10

Edicin de Formas

Cambiar el orden de apilamiento

Los grupos se van apilando por orden se creacin: el ltimo que haya sido creado est por encima de los dems. Las formas SIEMPRE quedarn por debajo de los grupos. Pero nosotros mismos podemos determinar el orden de la superposicin de los grupos desde la opcin de men Modificar > Ordenar...

Mover un grupo al frente 1. Seleccionamos el grupo que queremos ascender (en este caso la bola) 2. Nos dirigimos al men Modificar>Ordenar>Traer al frente... para ubicar nuestro objeto delante de otros objetos de su misma capa.

Mover un grupo al fondo 1. Seleccionamos el objeto con la herramienta Flecha. 2. Nos dirigimos al men Modificar>Ordenar>Enviar al fondo... Enviar al fondo para moverlo al fondo de los dems objetos de la capa. Mover un grupo hacia delante 1. Seleccionamos el GRUPO con la herramienta Flecha. 2. Nos dirigimos al men Modificar>Ordenar>Traer hacia adelante... para moverlo hacia adelante en su capa. De esta manera, lo ubicaremos delante de aqul tras el cual estaba. Es decir, lo subimos slo un nivel. 3.

11

Edicin de Formas

Por ejemplo, aqu hacemos que la nube se ponga por encima de las estrellas... sube slo un nivel, no se superpone a la bola. Mover un grupo hacia atrs 1. Seleccionamos el grupo con la herramienta Flecha. 2. Nos dirigimos al men Modificar>Ordenar>Enviar hacia atrs... para moverlo hacia abajo. Es decir, lo bajaremos slo un nivel.

Por ejemplo, aqu hacemos que la bola se ponga por debajo de las estrellas ... baja solo un nivel.

Mover y Copiar
Mover.
La manera ms rpida de desplazar un objeto es utilizar la herramienta Flecha del panel Herramientas.

1. Seleccionar los objetos. 2. Situar el ratn sobre la seleccin del grupo... y arrastrar.

Mover con el panel Propiedades

sta es una opcin muy til de mover o escalar un objeto cuando necesitamos mucha precisin.

12

Edicin de Formas 1. Activamos la herramienta Flecha. 2. Seleccionamos el objeto que queremos desplazar. 3. Nos fijamos en el panel Propiedades... ya sea un grupo o una forma lo que queramos mover... cualquier objeto tendr estas propiedades de dimensiones y coordenadas. 4. Entramos los valores adecuados en los campos (pxeles) En el campo An : la nueva anchura del objeto En el campo Al : la nueva altura del objeto En el campo X : la nueva posicin respecto al eje x, tomando como referencia la esquina superior izquierda. En el campo Y: la nueva posicin respecto al eje y, tomando como referencia la esquina superior izquierda.

Copiar.
El programa nos ofrece diferentes formas para poder copiar un objeto. A. Copiar empleando la herramienta de Seleccin. 1. Activamos la herramienta Flecha del panel Herramientas 2. Pulsamos la tecla Ctrl. o Alt. y arrastramos. Junto la herramienta aparecer un smbolo "+".

B. Copiar con el portapapeles. 1. Activamos la herramienta Flecha del panel Herramientas. 2. Seleccionamos el objeto. 3. Pulsar sobre el botn Copiar en la barra de Herramientas Principal. 4. A la hora de pegar lo copiado tenemos dos opciones segn cmo se vaya a colocar: Pulsar sobre el botn Pegar en la barra de Herramientas Principal. Los objetos se copiarn en el centro del rea de trabajo. Elegimos la opcin de men Edicin>Pegar in situ... El objeto copiado se pegue en el mismo sitio que ocupa el objeto original. C. Duplicar directo (Equivale al comando del men Edicin>Duplicar).

13

Edicin de Formas 1. Activamos la herramienta Flecha. 2. Seleccionamos el objeto y pulsamos las teclas Ctrl + D.

Transformacin de objetos
Hasta este punto hemos visto la manera de realizar nuestros objetos. Pero una vez tengamos nuestro elemento definido, lo ms probable es que en algn momento queramos transformarlo y convertir simples formas en trabajos ms elaborados. Si un objeto es demasiado grande o demasiado pequeo, es fcil redimensionarlo hasta conseguir el tamao adecuado.

Tres opciones
Flash nos ofrece varias herramientas para la transformacin de objetos: 1. La HERRAMIENTA de Transformacin Libre y sus opciones. 2. Los botones de Girar y Escalar de la barra de herramientas Principal. 3. El PANEL Transformar.

La opcin ms rpida e intuitiva ser la herramienta de Transformacin... mientras que el panel Transformar nos da la posibilidad de transformaciones ms precisas.

Escalar.
El mtodo rpido para escalar un objeto es el siguiente: 1. Activamos la herramienta de Transformacin

14

Edicin de Formas 2. Picamos sobre el elemento que queremos transformar, y aparecer encajado en el cuadro de transformacin.

Esta herramienta de Transformacin acta como la de Seleccin. Es decir, que si queremos transformar varios elementos en el mismo cuadro, basta mantener pulsada la tecla Maysculas y hacer clic sobre los objetos que queremos incluir en la transformacin. 3. Para escalar el objeto .. Arrastramos uno de los nodos de dimensiones (altura o anchura) del cuadro de Transformacin... Si deseamos variar la altura y anchura al mismo tiempo podemos arrastrar desde una de las esquinas.

4. Para guardar la proporcin... Arrastramos desde el nodo de una esquina manteniendo pulsada la tecla Maysculas.

Este cuadro de transformacin tambin aparece al seleccionar un elemento y activar el botn de Escalar de la barra de herramientas Principal . En este caso el cuadro SLO nos permitir Escalar.

DESACTIVAR EL CUADRO DE TRANSFORMACIN. Mientras tengamos activada la herramienta de Transformacin o el botn de Escalar cualquier objeto sobre el que pulsemos aparecer rodeado del cuadro de transformacin. Eso puede ser un engorro.

15

Edicin de Formas Acurdate de desactivar el botn de Escalar o de pasar a la herramienta de la Flecha para que desaparezca el cuadro de transformacin.

Girar y sesgar.
Para Girar un objeto... 1. Activamos la herramienta de Transformacin 2. Picamos sobre el elemento que queremos transformar, y aparecer encajado en el cuadro de transformacin ... el objeto tomar como centro del giro el Centro de Transformacin. Nosotros podemos mover ese centro. 3. Acercamos el cursor a una de los controladores de las esquinas hasta que aparezca el icono de giro... y arrastramos:

Estas mismas opciones de giro las podemos conseguir seleccionando el objeto a girar y activando el botn de Giro en la barra de herramientas principal Para Sesgar o inclinar un objeto... 1. De nuevo la seleccionamos con la herramienta de Transformacin para que aparezca el cuadro de transformacin. 2. Acercamos el cursor a uno de sus lados hasta que aparezca el cursor de inclinacin ... y arrastramos: .

16

Edicin de Formas

Mover el centro de transformacin.

1. Activamos la herramienta de Transformacin 2. Picamos sobre el elemento que queremos transformar. y aparecer encajado en el cuadro de transformacin.

Si ahora girramos el cohete lo hara a partir del centro de transformacin, que, por defecto, es el centro geomtrico del cuadro. 3. Pero nosotros podemos mover el centro de transformacin simplemente arrastrando ese punto ... en este caso podemos girar el cohete desde su base. Listo para el despegue Recuerda que este punto de centro de transformacin ser la referencia para la mayora de las transformaciones ya sean desde esta herramienta o desde el panel Transformar.

Desde el panel Transformar

Escalar con el panel Transformar.
1. Seleccionamos el objeto que queremos escalar. 2. Abrimos el panel Transformar (Ventana > Transformar)

Vemos que tiene dos casilleros para determinar la anchura y la altura respectivamente en valores de %. 3. Para variar la escala... Insertamos nuevos valores en los casilleros de altura y anchura... y pulsamos INTRO para que la transformacin se haga efectiva.

17

Edicin de Formas

En este caso hemos disminuido la altura de este grupo exactamente a la mitad del original. 3. Para obtener una escala proporcional ... Activamos el cuadro Restringir al cambiar los valores de ancho o alto... y pulsamos Intro para hacer efectiva la transformacin.

Una vez escalado el objeto, podemos volver al tamao original picando sobre el icono Restablecer esquina inferior derecha del panel.

en la

Girar y sesgar desde el panel Transformar.

Desde este panel podemos hacer girar exactos: 1. Seleccionamos el objeto que queremos escalar. 2. Abrimos el panel Transformar (Ventana > Transformar) 3. ..E insertamos n de grados en el casillero de Girar... y pulsamos INTRO para que la transformacin se haga efectiva.

18

Edicin de Formas

El giro, como la transformacin de Escala, lo har tomando como referencia siempre el centro de Transformacin... que podemos resituar con la herramienta Transformacin Libre. Sesgar un objeto desde el panel Transformar es igual de sencillo... pero no es muy intuitivo. En cualquier caso slo tenemos que determinar los grados de inclinacin y pulsar Intro.

2 en 1: Transformar y Copiar!
Por lo general las variaciones del panel Transformar se aplican a la forma o grupo seleccionado... pero este panel nos da la opcin de crear una dplica del objeto con las transformaciones elegidas. Puede parecer una tontera pero, en casos puntuales, puede sernos til. 1. Seleccionamos el objeto que queremos transformar. 2. Insertamos en los casilleros del panel Transformar las variaciones que deseemos (escala, giro, sesgar)... y pulsamos el icono de Copiar y aplicar Transformacin... (esquina inferior derecha del panel)

En este caso hemos modificado los parmetros de escala exactamente a la mitad... y hemos pulsado el 19

Edicin de Formas botn de copia y transformacin. Vemos que el original est intacto... la transformacin de escala la ha aplicado a una dplica. Como ves, de nuevo, la transformacin ha tomado como punto de referencia el centro de transformacin.

Distorsin y Envoltura
Anteriormente hemos visto las maneras ms comunes que hay de transformar una forma o un grupo: escalar, girar e inclinar. Pero adems tenemos unas posibilidades extra que son: Distorsionar y Envoltura Lo ms especial de estas opciones extra son dos: Slo se aplican a formas. Ni a grupos ni a smbolos. As que si deseamos Distorsionar un grupo no podremos, deberemos desagruparlo o meternos dentro de l para actuar directamente sobre las formas que contiene. Slo se puede desde las opciones de la Herramienta de transformacin libre. El panel Transformar no tiene este tipo de opciones.

Distorsionar
1. Seleccionamos el objeto que queremos distorsionar. RECUERDA: NO SE PUEDE DISTORSIONAR GRUPOS. Una de dos, los desagrupamos o nos metemos dentro para trabajar sus formas. 2. Activamos la herramienta Transformacin libre del panel Herramientas . 3. En la parte inferior del panel Herramientas, dentro del cuadro Opciones, activamos el botn Distorsin . 4. Colocaremos el cursor sobre cualquiera de los nodos que rodean a la forma y arrastraremos hasta conseguir el resultado deseado.

20

Edicin de Formas

Vemos que al actuar sobre el cuadro de transformacin con la Distorsin activada podemos mover los nodos de dicho cuadro de forma independiente.

Envoltura
sta es la opcin de transformacin ms libre, ya que nos permite curvar el cuadro de transformacin como si de un vector se tratase... y as podremos curvar la forma que est dentro de ese cuadro de transformacin. 1. Seleccionamos el objeto que queremos curvar. RECUERDA: NO SE PUEDEN DISTORSIONAR GRUPOS. Una de dos, los desagrupamos o nos metemos dentro para trabajar sus formas. 2. Activamos la herramienta Transformacin libre del panel Herramientas . 3. En la parte inferior del panel Herramientas, dentro del cuadro Opciones, activamos el botn Envoltura 4. Vemos que a cada lado de cada nodo del cuadro de transformar aparece un Controlador de Curvatura... PRIMERO: arrastramos los nodos... los ves? El cuadro de transformacin ahora es de goma!!!

21

Edicin de Formas

SEGUNDO: arrastramos los controladores de curvatura para ajustar mejor la curvatura de los lados del cuadro. Y una vez de acuerdo desactivamos la transformacin (haciendo clic fuera del objeto).

Transformar un grfico

Transformar desde el men Modificar

Modificar > Transformar
Desde el men Modificar > Transformar se pueden activar las diferentes transformaciones que hemos visto en estos apartados:

22

Edicin de Formas

Quizs no sea la opcin ms intuitiva... pero hay algunas opciones de este men que nos pueden ser tiles por lo inmediatas.

Voltear
Entre las opciones que nos ofrece este men vamos a ver la de Reflejar. El Volteo nos da la posibilidad de reflejar objetos rpidamente en el eje horizontal o vertical. 1. Seleccionamos el objeto que queremos reflejar con la herramienta de Seleccin 2. Ejecutamos el comando Voltear horizontalmente... o Voltear verticalmente.

Como ves, el punto de referencia para el volteo sigue siendo el centro de transformacin que nosotros siempre podemos modificar, como vimos ms arriba.

Alineacin de objetos
Men y Panel
Una vez tenemos los objetos dibujados en la escena, a lo mejor necesitamos moverlos de de forma ordenada. Tambin puede que queramos reubicarlos de manera que se distribuyan regularmente. Macromedia Flash nos ofrece varias formas de alinear y distribuir los objetos desde dos opciones: el men Modificar> Alinear y el panel Alinear (Ventana > Alinear) 23

Edicin de Formas

Como puedes suponer, se pueden realizar las mismas acciones desde uno u otro. Nosotros nos vamos a basar en el uso del panel y sus botones para realizar los diferentes alineamientos:

Para aplicar cualquiera de las opciones de alineamiento deberemos seleccionar previamente los objetos que queremos ordenar y pulsar uno de los botones del panel.

Alineamiento.
Puede ver horizontal o vertical... pero lo que nos tenemos que fijar es en la referencia que queremos tomar para ese alineamiento.

24

Edicin de Formas

Aqu ves destacadas en azul las lneas de referencia en los iconos del panel Alinear. Alineamiento Horizontal:

Alineamiento Vertical:

Distribuir
Dentro del campo Distribuir del panel Alinear tenemos la posibilidad de disponer de los objetos seleccionados a distancias equidistantes o uniformes segn la referencia.

25

Edicin de Formas

De nuevo todo depende de cual sea la referencia... desde donde distribuyas las distancias iguales... en Vertical:

... o en Horizontal:

Coincidir el tamao y el espacio

En el ltimo campo del panel Alineamiento podemos asignar a los objetos los mismos tamaos tomando, como referencia, la altura y/o anchura del objeto mayor entre los seleccionados. No es una opcin muy utilizada... pero en algunos momentos nos puede ahorrar tiempo, sobretodo cuando queramos que algn objeto sea del tamao del escenario, como veremos ms adelante.

26

Edicin de Formas

De nuevo... para ver el efecto debemos seleccionar previamente cada uno de los objetos:

Y despus elegir la opcin del panel Alinear segn la referencia:

Efectivamente estas opciones hacen coincidir la anchura, la altura o las dos dimensiones de los objetos tomando como referencia el objeto seleccionado de MAYOR dimensin (anchura, altura o las dos). Al lado tenemos las opciones para igualar el Espacio que hay entre los objetos seleccionados.

Opcin de Coincidir tamao

27

Edicin de Formas

Referencia: el Escenario
Hasta ahora hemos estado alineando objetos entre s... pero Flash nos ofrece una opcin muy poderosa: Alinear objetos respecto al escenario.

CUIDADO: Con esta opcin activada todos los dems botones de alineamiento que hemos visto varan, ahora la referencia no va a ser la altura, la anchura o la posicin de los objetos... ahora, todos los botones de alineamiento pasan a tomar como referencia el Escenario (su anchura, altura, borde superior, inferior, etc.) Esto nos puede ser til para alinear uno o varios objetos a lo largo del escenario: 1. Para llevar a trmino la alineacin de los objetos seleccionados respecto del escenario, pulsaremos sobre el botn En escenario . Cuando lo activamos se muestra sobre un fondo blanco. 2. Picamos sobre el botn de alineamiento adecuado para obtener el resultado deseado.

En este caso hemos pulsado primero en el alineamiento Vertical inferior (1)... los objetos se han alineado en el borde inferior del Escenario. Despus hemos pulsado en el botn de igualar el espacio horizontal entre ellos (2)... con respecto al espacio Horizontal de todo el Escenario. OBJETOS DEL TAMAO DEL ESCENARIO Esta opcin de tomar como referencia el Escenario botones de Coincidir tamao: da un sentido especial a los

28

Edicin de Formas

... .ya que ahora podemos hacer que esos botones sean muy tiles cuando deseamos que algn objeto adquiera la anchura, la altura o las dos dimensiones del Escenario: para hacer fondos, ajustar dibujos, etc.

Alinear respecto al escenario

RESUMEN
En esta leccin hemos visto muchas opciones para modificar las formas de nuestras pelculas. Vamos a dar un repaso a los apartados ms importantes: 1. Seleccin de las formas Con la herramienta de Seleccin (Flecha negra) haciendo CLIC en la forma (relleno o contorno) o DOBLE CLIC para seleccionar la forma al completo. 2. GRUPOS: Se crean agrupando Formas (Control + G) Pueden contener lo que sea. No se pueden distorsionar ni aplicar envoltura. Se pueden ordenar (Modificar > Ordenar) Se deshace desagrupndolos (Control + B) 3. Arrastrando la forma con la tecla ALT pulsada podemos duplicarla. 4. Transformacin de las formas La herramienta de Transformacin Libre. Rpida, intuitiva. Escalar, girar, sesgar, distorsionar y envoltura. Puede mover el centro de transformacin. El panel de Transformar Preciso, exacto. Escala, giro, sesgar. Extra: restablecer tamao y transformar+copiar 5. Alinear objetos: Panel Alinear. Alinea varios objetos entre s mismos. Puede tomar como referencia el Escenario . Para alinear objetos respecto a las dimensiones de la pelcula.

29

Ejercicios
Ejercicio 1.- rboles
Abre el archivo ARBOLES.fla que creamos en los ejercicios de leccin anterior. Por ahora son formas (contornos y rellenos) que si los movemos y los solapamos se "mordern" unos a otros. Vamos a solucionarlo. 1. Selecciona las formas que componen un rbol. 2. Agrpalo mediante... Control + G .. o Opcin de men Modificar > Agrupar

3. Repite la misma accin con los dems rboles hasta que todos sean GRUPOS. 4. Escoge un rbol-Grupo y Duplcalo varias veces para conseguir una serie de rboles gemelos. 5. Seleccinalos, alinalos y convirtelos en un grupo.

6. Ahora intenta cambiarle el color a la copa de uno de estos rboles. Debers meterte dentro de este Grupo-Bosque, una vez dentro meterte dentro del Grupo-rbol... y ya tendrs la forma original a tu alcance. 7. Guarda el resultado.

Ejercicio 2.- Paisaje

Vamos a dibujar este paisaje:

30

Edicin de Formas Vamos a empezar basndonos en las formas geomtricas que ya dominamos. En este caso vamos a usar SOLO RELLENOS. Adems nos aprovecharemos del uso de GRUPOS para dibujar ms rpidamente. Y poder superponer diferentes partes del dibujo sin el peligro de "morder" las otras formas que vayamos dibujando.

Colinas 1. Abre un documento nuevo. 2. Dibujamos la primera colina a partir de un rectngulo... moviendo sus puntos y curvando sus latos

superiores... 3. Seleccionamos esa forma y la convertimos en GRUPO (Control+G) 4. Duplicamos ese grupo (copiar y pegar)... y ya tendremos otra colina pero exactamente igual... vamos a variarla. 5. Nos metemos dentro del grupo de la 2 colina (doble clic) y cmbiale el color a uno ms oscuro... y vuelve a salir a la escena.

6. Usamos la herramienta de Transformacin Libre diferenciamos ms esa nueva colina de la para ampliar y Sesgar ese nuevo grupo... as

original... 7. Repite estos pasos 3, 4 y 5 para crear nuevas colinas rpidamente y diferentes hasta ocupar un horizonte. Te ser til... Opcin Modificar > Transformar para voltear alguna colina. Opcin de Modificar > Organizar grupos para determinar que colina va por encima y cul por debajo. Panel Alinear para alinear todos esos grupos respecto a su borde inferior entre s.

31

Edicin de Formas

Reflejo de las colinas He aderezado un poco el trabajo y me he metido en alguno de los grupos para pintarles con el pincel grosso modo algn rbol o arbusto. Y le he aadido por debajo un par de rectngulos

1. Seleccionamos todos los componentes de nuestro dibujo y lo convertimos en un GRUPO (Control+G) 2. Duplicamos ese grupo con todo el dibujo del horizonte.

3. Elegimos la opcin de men Modificar > Transformar > Volteo vertical... Y colocamos cada uno de los grupos perfectamente conectados: borde inferior de uno con el borde superior del otro.

Fondo Antes de nada convertimos a ese dibujo del horizonte y su reflejo en todo un GRUPO (que tendr dentro de s los grupos de arriba y abajo, y dentro de ellos los grupos que son las colinas). Vamos a dotarlo de un fondo que cubra todo el escenario. 1. Dibuja un rectngulo FUERA del escenario y vamos a darle a la mitad superior (ms o menos) un color claro y a la inferior uno oscuro, de la gama que estamos usando.

2. Para hacer que este rectngulo se ajuste perfectamente a las dimensiones del escenario vamos a usar el panel Alinear. Selecciona el rectngulo, si quieres convirtelo en grupo y abrimos el panel Alinear:

32

Edicin de Formas 1. Activamos la casilla del ESCENARIO, ya que lo vamos a alinear respecto a ste. 2. Igualar anchura y altura... con el escenario. 3. Alinear al centro horizontal... del escenario. 4. Alinear al centro vertical... del escenario.

ltimos retoques Bueno, ya hemos realizado lo ms complejo... ahora solo faltara adornar el escenario con algunos otros elementos: un lago por encima del fondo, del mismo color que el cielo. unos cuantos rboles de los que ya hemos creado.

Aqu puedes ver cmo cada elemento del dibujo est constituido en GRUPO para manejarlo mejor... y as poder ordenarlos unos por encima de otros: fondo, lago, colinas y rboles. Guarda el resultado con el nombre paisaje.fla.

Ejercicio 3.- Cohete

Nuevo reto! Dibuja en un nuevo documento este cohete... y guarda el resultado con el nombre COHETE.FLA... este archivo lo usaremos en lecciones posteriores para animarlo

33

Edicin de Formas Como anteriormente... los dibujamos por partes... y cada parte que vayamos dibujando la protegemos dentro de un GRUPO: Fjate que las toberas del cohete son iguales. Es el mismo grupo que se ha duplicado y volteado.

Ayuda para dibujar el cohete

Ejercicio 4.- Coche

Reproducir la siguiente ilustracin realizado con Flash mediante las herramientas de dibujo y seleccin: ...este archivo lo usaremos en lecciones posteriores para animarlo

Ayuda: No debe de ser un dibujo exacto al ejemplo. Lo importante es trabajar las posibilidades de dibujo de este programa. Puedes descargarte este archivo coche.zip En l hay insertada una imagen de un coche sobre el que puedes "calcar" las formas del coche: 34

Edicin de Formas

Realiza primero los contornos utilizando las herramientas de dibujo y seleccin, para luego rellenar del color deseado. Utiliza colores degradados para las ruedas y degradados con transparencia para los cristales. Es mejor que dibujes primero el coche y por ltimo el "conductor". La dificultad de esta ilustracin reside en la posicin del "conductor" est por detrs de los cristales. Para resolverlo, lo nico que debes hacer es convertir las partes del dibujo en grupos y ordenarlos unos encima de otros.

Ayuda para dibujar el coche

Ayuda para dibujar las ruedas concentricas

Ejercicio 5.- transformar creativo

La solapa de Transformar nos puede dar ms juego del que parece a primera vista. En el vdeo vers como podemos crear estrellas complejas gracias a la opcin de Copiar y aplicar transformacin...

35

Edicin de Formas Realiza tus propias pruebas para crear estrellas y formas ms o menos complejas. Divirtete! Ayuda: Es mejor crear una cuadrcula en el escenario que te ayude en el dibujo de figuras geomtricas (Men Ver/Cuadrcula), y activando la herramienta de encajar para situar las lneas con total precisin. Usa el panel Transformar (Men Ventana/Transformar), copiar y girar las formas tal como se indica en el vdeo para la creacin de la estrella.

"Copiar y Aplicar la transformacin" ... de una forma creativa

Ejercicio 6.- cara

Ahora vamos a crear una cara, muy simple... al estilo Barrio Ssamo: crculos, valos y poco ms. Guarda el resultado con el nombre Cara.fla... este archivo lo usaremos en lecciones posteriores para animarlo De nuevo nos basamos en RELLENOS. Aqu puedes ver los grupos que se han usado y su orden al superponerlos: un simple valo para la cara. otro valo deformado para la nariz. un circulo para el ojo (duplicado para conseguir el otro) valo deformado para la oreja (duplicado para conseguir la otra) valo deformado para la ceja (duplicado para conseguir la otra) la boca

Flash 8: Dibujar con los Objetos especiales

ejercicio 7.- crear una trama

36

Edicin de Formas Si aprendemos a dominar el panel de Alinear y Duplicar grupos podemos conseguir rpidamente tramas de motivos que ocupen todo el escenario. En este caso lo hemos creado con un simple crculo, sobre el color de fondo de la pgina. Mira el vdeo para ver lo fcil que es hacerlo.

Ayuda para dibujar una trama

37