SlideShare a Scribd company logo
1 of 39
REGIONAL META                        Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA           Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                           Página 1de 39
         de la Calidad


                                         EDICIÓN DE FORMAS.

Introducción
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 cómo dibujarlos sino que hay que saber
mover esos objetos por el escenario, y sobretodo, saber cómo funcionan esas formas entre sí.

Si en el tema anterior vimos cómo crear los dibujos, formas, en este veremos cómo gestionarlas.

                                      Paso previo para modificar cualquier parte de las
               SELECCIONARLOS
                                      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.

Selección de objetos

En el capítulo anterior ya vimos lo importante que es saber seleccionar los contornos y rellenos para
cambiar sus propiedades. Como en cualquier programa de edición de gráficos, la selección es un paso
previo para trabajar con cualquier objeto.


Ya hemos visto por encima que las grandes herramientas de selección son la de Selección                   y la de

Subselección        .

Vimos que esta última solo la utilizamos en la edición avanzada de los nodos y curvatura de los
vectores.

Así que nos centraremos en la primera.

Selección directa: ¡Clic!

La herramienta de selección directa            (la Flecha, para los amigos) permite seleccionar objetos
rápidamente haciendo clic sobre ellos.
REGIONAL META                       Fecha: Abril 17 de 2012
                             INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                       TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
  Sistema de Gestión                          SOFTWARE                          Página 2de 39
     de la Calidad




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




           Flash nos destaca el vector seleccionado cubriéndolo 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 vértices.




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.
REGIONAL META                       Fecha: Abril 17 de 2012
                                INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                          TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
     Sistema de Gestión                          SOFTWARE                          Página 3de 39
        de la Calidad




   Sumar selecciones:Si necesitamos seleccionar más de un objeto del escenario, emplearemos
   cualquier modo de selección anterior y mantendremos pulsada la tecla Mayús.
   Para deseleccionar uno de los objetos, volveremos a picar sobre él pulsando la tecla Mayús.




   Deseleccionar:Picaremos sobre algún punto vacío del escritorio o bien pulsaremos Esc.

Otra manera de seleccionar el objeto es mediante la utilización de la misma herramienta Flecha para
enmarcar un área alrededor de ellos.

Selección por ventana: ¡Arrastro!

1. Colocamos la herramienta Flecha fuera de los puntos u objetos a seleccionar.
2. Pulsamos el botón del ratón y arrastramos para definir el rectángulo que englobará todos los
   puntos deseados.
3. Soltamos el botón del ratón y ya tendremos nuestros puntos seleccionados de una vez.
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 4de 39
         de la Calidad




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 selección. (Para mover una selección arrastrar con la
herramienta Flecha).




Otras formas de selección: Lazo

Por lo general la herramienta de Selección, como hemos visto, es muy rápida y ágil... y será a la que
recurriremos la mayoría de las veces para seleccionar un vector.

A veces, según 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.
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 5de 39
         de la Calidad


2. Pulsamos el botón del ratón y empezamos a "dibujar" el área con la que englobaremos los puntos
   deseados.
3. Soltamos el botón del ratón 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 más:
                                       El lazo pasa a seleccionar por tolerancia de color.
     Varita mágica
                                       Está pensada para seleccionar en un mapa de bits (imagen)
     Propiedades de la Varita
                              ... .podemos determinar las propiedades de la opción anterior.
     Mágica
                                       El lazo pasa a dibujar el área de selección a base de Clics, no
     Lazo poligonal
                                       por arrastre.


TRUCO: SELECCIÓN 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 difícil.

Pero podemos usar un contorno temporalmente para delimitar ese área de forma exacta y diferenciarla
así del resto.

   1. Dibujamos un contorno (herr. Línea) para CERRAR el área de la forma que queremos variar.
      Nos ayudamos del Imán (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.
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 6de 39
         de la Calidad




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.




Fig. 1. Tenemos una forma de relleno (1) a la que le dibujamos una Línea de contorno atravesándola (2).
Podríamos pensar que Flash sigue entendiendo que ahí hay solo dos formas: óvalo naranja + Línea 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 líneas.
 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 Sésamo.
 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.
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 7de 39
         de la Calidad




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 también supone que si
superponíamos dos vectores son las mismas características estos dos pasarán a formar un solo vector...
- Si son lo mismo... ¿para qué complicarme la vida? - piensa para sí Flash.




Fig. 3. Tenemos dos vectores iguales: los dos rellenos, los dos del mismo color naranja (1). Si
movemos uno encima de otro (2) la próxima 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 rápida (para recortar, para unir formas...)

Una solución: 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.
REGIONAL META                       Fecha: Abril 17 de 2012
                                INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                          TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
     Sistema de Gestión                          SOFTWARE                          Página 8de 39
        de la Calidad


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 estuviéramos protegiendo encerrándola en un
 marco. La forma seguirá dentro. Pero externamente ha pasado a ser considerado como un objeto en sí
                                        mismo: un GRUPO.

CÓMO CONVERTIR UNA FORMA EN GRUPO (agrupar) :
  1. Seleccionamos la forma o formas que queremos agrupar.
  2. Y elegimos la opción 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. Podríamos haber
convertido en grupo cualquier vector que estuviera seleccionado (relleno o contorno).

CÓMO 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 opción de menú Modificar> Desagrupar... o el comando de teclado Control + B .
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 9de 39
         de la Calidad




CUIDADO CON FLASH 8 Flash 8 ha añadido una nueva Opción en todas las herramientas de dibujo.




Si activamos esa opción TODAS las herramientas estarán 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 están 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 botón derecho del ratón sobre el grupo que deseamos editar y elige la opción Editar
   seleccionado...




                                  o más rápido... haz doble clic sobre el grupo.

2. ¡Ya estamos dentro del grupo!
   Verás que sólo permanece activo el contenido del grupo... el resto del contenido del escenario
   aparece apagado (inactivo)
REGIONAL META                       Fecha: Abril 17 de 2012
                               INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                         TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
    Sistema de Gestión                          SOFTWARE                          Página 10de 39
       de la Calidad




  Por ejemplo, aquí podemos ver cómo nos hemos metido dentro del grupo de las estrellas. Estamos
  dentro,      por      lo    que     ya     tenemos    a     nuestro    alcance      las    formas.
  La Barra de Edición, justo encima del panel de Línea de tiempo, me indica mi localización en estos
  momentos:
  - ¡ Eh! Estás en la Escena 1 dentro de un grupo.

3. Ahora que estoy dentro del grupo, las formas que contiene están a mi alcance.




  (1) La modifico cambiándole el color del relleno...
  (2) y vuelvo a la escena pulsando en la Escena en la que estoy desde la Barra de Edición, es decir,
  me salgo del grupo.
  Ya he vuelto... me he salido del grupo y vuelto a la escena general. Ahora puedo ver en la escena la
  edición que he hecho al contenido del grupo.
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 11de 39
         de la Calidad




LOS GRUPOS CONTIENEN CUALQUIER COSA

Se puede agrupar uno o varios objetos del escenario. De hecho, dentro de un grupo puede haber más
grupos, como una muñeca rusa.
La ayuda de localización 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.

Cambiar el orden de apilamiento

Los grupos se van apilando por orden se creación: el último que haya sido creado está por encima de los
demás. Las formas SIEMPRE quedarán por debajo de los grupos.
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 12de 39
         de la Calidad


Pero nosotros mismos podemos determinar el orden de la superposición de los grupos desde la opción 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 demás 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 aquél tras el cual estaba. Es decir, lo subimos
   sólo un nivel.
REGIONAL META                       Fecha: Abril 17 de 2012
                                         INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                                   TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
              Sistema de Gestión                          SOFTWARE                          Página 13de 39
                 de la Calidad




        Por ejemplo, aquí hacemos que la nube se ponga por encima de las estrellas... sube sólo un nivel, no se
        superpone a la bola.
        Mover un grupo hacia atrás
        1. Seleccionamos el grupo con la herramienta Flecha.
        2. Nos dirigimos al menú Modificar>Ordenar>Enviar hacia atrás... para moverlo hacia abajo.
           Es decir, lo bajaremos sólo 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 más rápida de desplazar un objeto es utilizar la herramienta Flecha                       del panel
         Herramientas.
        1. Seleccionar los objetos.
        2. Situar el ratón sobre la selección del grupo... y arrastrar.

          Mover con el panel Propiedades
          Ésta es una opción muy útil de mover o escalar un objeto cuando necesitamos mucha precisión.
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 (píxeles)
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 14de 39
         de la Calidad


     En el campo An : la nueva anchura del objeto
     En el campo Al : la nueva altura del objeto
     En el campo X : la nueva posición respecto al eje x, tomando como referencia la esquina superior
     izquierda.
     En el campo Y: la nueva posición 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 Selección.
1. Activamos la herramienta Flecha del panel Herramientas
2. Pulsamos la tecla Ctrl. o Alt. y arrastramos. Junto la herramienta aparecerá un símbolo "+".




B. Copiar con el portapapeles.
1. Activamos la herramienta Flecha del panel Herramientas.
2. Seleccionamos el objeto.
3. Pulsar sobre el botón Copiar en la barra de Herramientas Principal.
4. A la hora de pegar lo copiado tenemos dos opciones según cómo se vaya a colocar:
   Pulsar sobre el botón Pegar                    en la barra de Herramientas Principal.
    Los objetos se copiarán en el centro del área de trabajo.
   Elegimos la opción de menú Edición>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ú Edición>Duplicar).
    1. Activamos la herramienta Flecha.
    2. Seleccionamos el objeto y pulsamos las teclas Ctrl + D.
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 15de 39
         de la Calidad


Transformación de objetos
Hasta este punto hemos visto la manera de realizar nuestros objetos. Pero una vez tengamos nuestro
elemento definido, lo más probable es que en algún momento queramos transformarlo y convertir
simples formas en trabajos más elaborados.
Si un objeto es demasiado grande o demasiado pequeño, es fácil redimensionarlo hasta conseguir el
tamaño adecuado.

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




La opción más rápida e intuitiva será la herramienta de Transformación... mientras que el panel
Transformar nos da la posibilidad de transformaciones más precisas.

Escalar.

El método rápido para escalar un objeto es el siguiente:

1. Activamos la herramienta de Transformación

2. Picamos        sobre         el        elemento             que         queremos               transformar,
   y aparecerá encajado en el cuadro de transformación.
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 16de 39
         de la Calidad




Esta herramienta de Transformación actúa como la de Selección. Es decir, que si queremos
transformar varios elementos en el mismo cuadro, basta mantener pulsada la tecla Mayúsculas y hacer
clic sobre los objetos que queremos incluir en la transformación.

3. Para escalar el objeto ..Arrastramos uno de los nodos de dimensiones (altura o anchura) del cuadro
   de Transformación... Si deseamos variar la altura y anchura al mismo tiempo podemos arrastrar
   desde una de las esquinas.




4. Para guardar la proporción... Arrastramos desde el nodo de una esquina manteniendo pulsada la
   tecla Mayúsculas.




Este cuadro de transformación también aparece al seleccionar un elemento y activar el botón de Escalar
de la barra de herramientas Principal      . En este caso el cuadro SÓLO nos permitirá Escalar.
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 17de 39
         de la Calidad


DESACTIVAR EL CUADRO DE TRANSFORMACIÓN.

Mientras tengamos activada la herramienta de Transformación o el botón de Escalar cualquier objeto
sobre el que pulsemos aparecerá rodeado del cuadro de transformación. Eso puede ser un engorro.
Acuérdate de desactivar el botón de Escalar o de pasar a la herramienta de la Flecha para que
desaparezca el cuadro de transformación.

Girar y sesgar.

Para Girar un objeto...

   1. Activamos la herramienta de Transformación
   2. Picamos           sobre     el      elemento         que         queremos       transformar,
      y aparecerá encajado en el cuadro de transformación ... el objeto tomará como centro del giro
      el                      Centro                       de                      Transformación.
      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
botón de Giro en la barra de herramientas principal .
Para Sesgar o inclinar un objeto...
   1. De nuevo la seleccionamos con la herramienta de Transformación para que aparezca el cuadro
       de transformación.
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 18de 39
         de la Calidad


   2. Acercamos el cursor a uno de sus lados hasta que aparezca el cursor de inclinación                      ... y
      arrastramos:




Mover el centro de transformación.

1. Activamos la herramienta de Transformación
2. Picamos         sobre        el        elemento             que         queremos               transformar.
   y aparecerá encajado en el cuadro de transformación.




      Si ahora giráramos el cohete lo haría a partir del centro de transformación, que, por defecto, es
      el centro geométrico del cuadro.
3. Pero nosotros podemos mover el centro de transformación 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 transformación será la referencia para la mayoría 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)
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 19de 39
         de la Calidad




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 transformación se haga efectiva.




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 transformación.
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 20de 39
         de la Calidad




Una vez escalado el objeto, podemos volver al tamaño original picando sobre el icono Restablecer
en la esquina inferior derecha del panel.

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
       transformación se haga efectiva.




       El giro, como la transformación de Escala, lo hará tomando como referencia siempre el centro
       de Transformación... que podemos resituar con la herramienta Transformación Libre.
Sesgar un objeto desde el panel Transformar es igual de sencillo... pero no es muy intuitivo. En
cualquier caso sólo tenemos que determinar los grados de inclinación 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 opción de crear una dúplica del objeto con las transformaciones elegidas.
Puede parecer una tontería pero, en casos puntuales, puede sernos útil.
    1. Seleccionamos el objeto que queremos transformar.
REGIONAL META                       Fecha: Abril 17 de 2012
                                INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                          TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
     Sistema de Gestión                          SOFTWARE                          Página 21de 39
        de la Calidad


   2. Insertamos en los casilleros del panel Transformar las variaciones que deseemos (escala, giro,
      sesgar)... y pulsamos el icono de Copiar y aplicar Transformación... (esquina inferior derecha
      del                                                                                     panel)




      En este caso hemos modificado los parámetros de escala exactamente a la mitad... y hemos
      pulsado el botón de copia y transformación. Vemos que el original está intacto... la
      transformación de escala la ha aplicado a una dúplica.
      Como ves, de nuevo, la transformación ha tomado como punto de referencia el centro de
      transformación.

Distorsión y Envoltura

Anteriormente hemos visto las maneras más comunes que hay de transformar una forma o un grupo:
escalar, girar e inclinar.

Pero además tenemos unas posibilidades extra que son: Distorsionar y Envoltura
Lo más especial de estas opciones extra son dos:
       Sólo se aplican a formas. Ni a grupos ni a símbolos.
       Así que si deseamos Distorsionar un grupo no podremos, deberemos desagruparlo o meternos
       dentro de él para actuar directamente sobre las formas que contiene.

      Sólo se puede desde las opciones de la Herramienta de transformación 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 Transformación libre del panel Herramientas              .
REGIONAL META                       Fecha: Abril 17 de 2012
                                INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                          TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
     Sistema de Gestión                          SOFTWARE                          Página 22de 39
        de la Calidad


   3. En la parte inferior del panel Herramientas, dentro del cuadro Opciones, activamos el botón

      Distorsión    .
   4. Colocaremos el cursor sobre cualquiera de los nodos que rodean a la forma y arrastraremos
      hasta conseguir el resultado deseado.




Vemos que al actuar sobre el cuadro de transformación con la Distorsión activada podemos mover los
nodos de dicho cuadro de forma independiente.

Envoltura

Ésta es la opción de transformación más libre, ya que nos permite curvar el cuadro de
transformación como si de un vector se tratase... y así podremos curvar la forma que está dentro
de ese cuadro de transformación.
    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 Transformación libre del panel Herramientas      .
   3. En la parte inferior del panel Herramientas, dentro del cuadro Opciones, activamos el botón

      Envoltura
   4. Vemos que a cada lado de cada nodo del cuadro de transformar aparece un Controlador de
      Curvatura...
REGIONAL META                       Fecha: Abril 17 de 2012
                                INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                          TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
     Sistema de Gestión                          SOFTWARE                          Página 23de 39
        de la Calidad


      PRIMERO: arrastramos los nodos... ¿los ves? ¡¡¡El cuadro de transformación ahora es de
      goma!!!




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




Transformar desde el menú Modificar
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 24de 39
         de la Calidad


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




  Quizás no sea la opción más 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 rápidamente en el eje horizontal o vertical.
1. Seleccionamos el objeto que queremos reflejar con la herramienta de Selección
2. Ejecutamos      el    comando       Voltear      horizontalmente...     o    Voltear      verticalmente.




   Como ves, el punto de referencia para el volteo sigue siendo el centro de transformación que
   nosotros siempre podemos modificar, como vimos más arriba.


Alineación de objetos
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 25de 39
         de la Calidad


Menú y Panel

Una vez tenemos los objetos dibujados en la escena, a lo mejor necesitamos moverlos de de forma
ordenada. También 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)




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:
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 26de 39
         de la Calidad


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.




Aquí ves destacadas en azul las líneas de referencia en los iconos del panel Alinear.

Alineamiento Horizontal:
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 27de 39
         de la Calidad




Alineamiento Vertical:




Distribuir

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




De nuevo todo depende de cual sea la referencia... desde donde distribuyas las distancias iguales... en
Vertical:
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 28de 39
         de la Calidad




... o en Horizontal:




Coincidir el tamaño y el espacio

En el último campo del panel Alineamiento podemos asignar a los objetos los mismos tamaños
tomando, como referencia, la altura y/o anchura del objeto mayor entre los seleccionados.
No es una opción muy utilizada... pero en algunos momentos nos puede ahorrar tiempo, sobretodo
cuando queramos que algún objeto sea del tamaño del escenario, como veremos más adelante.


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




Y después elegir la opción del panel Alinear según la referencia:
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 29de 39
         de la Calidad




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




Referencia: el Escenario

Hasta ahora hemos estado alineando objetos entre sÍ... pero Flash nos ofrece una opción muy poderosa:
Alinear objetos respecto al escenario.
REGIONAL META                        Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA           Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                           Página 30de 39
         de la Calidad




CUIDADO: Con esta opción activada todos los demás botones de alineamiento que hemos visto varían,
ahora la referencia no va a ser la altura, la anchura o la posición 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 término la alineación de los objetos seleccionados respecto del escenario,
      pulsaremos sobre el botón En escenario     . Cuando lo activamos se muestra sobre un fondo
      blanco.
   2. Picamos sobre el botón 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. Después hemos pulsado en el botón de igualar el espacio
horizontal entre ellos (2)... con respecto al espacio Horizontal de todo el Escenario.

OBJETOS DEL TAMAÑO DEL ESCENARIO

Esta opción de tomar como referencia el Escenario               da un sentido especial a los botones de
Coincidir tamaño:




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

RESUMEN
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 31de 39
         de la Calidad


En esta lección hemos visto muchas opciones para modificar las formas de nuestras películas. Vamos a
dar un repaso a los apartados más importantes:

1. Selección de las formas
   Con la herramienta de Selección (Flecha negra) haciendo CLIC en la forma (relleno o contorno) o
   DOBLE CLIC para seleccionar la forma al completo.
2. GRUPOS:
       o Se crean agrupando Formas (Control + G)
       o Pueden contener lo que sea.
       o No se pueden distorsionar ni aplicar envoltura.
       o Se pueden ordenar (Modificar > Ordenar)
       o Se deshace desagrupándolos (Control + B)
3. Arrastrando la forma con la tecla ALT pulsada podemos duplicarla.
4. Transformación de las formas

       o   La herramienta de Transformación Libre.
                Rápida, intuitiva.
                Escalar, girar, sesgar, distorsionar y envoltura.
                Puede mover el centro de transformación.
           o El panel de Transformar
                Preciso, exacto.
                Escala, giro, sesgar.
                Extra: restablecer tamaño y transformar+copiar
       Alinear objetos: Panel Alinear.
           o Alinea varios objetos entre sí mismos.
             o   Puede tomar como referencia el Escenario       .
                 Para alinear objetos respecto a las dimensiones de la película.


Ejercicios

Ejercicio 1.- Árboles
Abre el archivo ARBOLES.fla que creamos en los ejercicios de lección anterior.
Por ahora son formas (contornos y rellenos) que si los movemos y los solapamos se "morderán" unos a
otros.
Vamos a solucionarlo.
    1. Selecciona las formas que componen un árbol.
    2. Agrúpalo mediante...
           o Control + G
           o .. o Opción de menú Modificar > Agrupar
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 32de 39
         de la Calidad




   3. Repite la misma acción con los demás árboles hasta que todos sean GRUPOS.
   4. Escoge un Árbol-Grupo y Duplícalo varias veces para conseguir una serie de árboles gemelos.
   5. Selecciónalos,       alinéalos        y        conviértelos        en         un       grupo.




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


Ejercicio 2.- Paisaje

Vamos a dibujar este paisaje:
REGIONAL META                       Fecha: Abril 17 de 2012
                                INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                          TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
     Sistema de Gestión                          SOFTWARE                          Página 33de 39
        de la Calidad


                                                                 Vamos a empezar basándonos en las
                                                                 formas     geométricas     que    ya
                                                                 dominamos. En este caso vamos a
                                                                 usar SOLO RELLENOS.
                                                                 Además nos aprovecharemos del uso
                                                                 de GRUPOS para dibujar más
                                                                 rápidamente. 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 rectángulo... 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 cámbiale el color a uno más
      oscuro...         y        vuelve          a        salir        a         la       escena.
REGIONAL META                       Fecha: Abril 17 de 2012
                                INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                          TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
     Sistema de Gestión                          SOFTWARE                          Página 34de 39
        de la Calidad




   6. Usamos la herramienta de Transformación Libre    para ampliar y Sesgar ese nuevo grupo...
      así    diferenciamos      más     esa      nueva     colina      de      la    original...




   7. Repite estos pasos 3, 4 y 5 para crear nuevas colinas rápidamente y diferentes hasta ocupar un
      horizonte. Te será útil...
         o Opción Modificar > Transformar para voltear alguna colina.
         o Opción de Modificar > Organizar grupos para determinar que colina va por encima y
             cuál por debajo.
         o Panel Alinear para alinear todos esos grupos respecto a su borde inferior entre sí.




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 algún árbol o arbusto. Y le he añadido por debajo un par de rectángulos




   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 opción 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.
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 35de 39
         de la Calidad


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 rectángulo FUERA del escenario y vamos a darle a la mitad superior (más o menos) un
       color claro y a la inferior uno oscuro, de la gama que estamos usando.




   2. Para hacer que este rectángulo se ajuste perfectamente a las dimensiones del escenario vamos
      a                   usar                    el                   panel                     Alinear.
      Selecciona el rectángulo, si quieres conviértelo en grupo y abrimos el panel Alinear:
                                                   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 más complejo... ahora solo faltaría 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.
REGIONAL META                       Fecha: Abril 17 de 2012
                                INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                          TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
     Sistema de Gestión                          SOFTWARE                          Página 36de 39
        de la Calidad




Aquí puedes ver cómo 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 tu 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¡¡

                                   Como anteriormente... los dibujamos por partes¡¡... y cada parte
                                   que vayamos dibujando la protegemos dentro de un GRUPO:
                                   Fíjate   que    las   toberas     del   cohete    son    iguales.
                                   Es el mismo grupo que se ha duplicado y volteado.
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 37de 39
         de la Calidad




Ejercicio 4.- Coche
Reproducir la siguiente ilustración realizado con Flash mediante las herramientas de dibujo y selección:
...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 abrir el archivo coche.fla
     En él hay insertada una imagen de un coche sobre el que puedes "calcar" las formas del coche:




       Realiza primero los contornos utilizando las herramientas de dibujo y selección, 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 ilustración reside en la posición del "conductor" está por detrás de los
       cristales.
REGIONAL META                       Fecha: Abril 17 de 2012
                                 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                           TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
      Sistema de Gestión                          SOFTWARE                          Página 38de 39
         de la Calidad


       Para resolverlo, lo único que debes hacer es convertir las partes del dibujo en grupos y
       ordenarlos unos encima de otros.
Ejercicio 5.- transformar creativo


La solapa de Transformar nos puede dar más juego del que parece a primera vista.
En el vídeo verás como podemos crear estrellas complejas gracias a la opción de Copiar y aplicar
transformación...




Realiza tus propias pruebas para crear estrellas y formas más o menos complejas. ¡Diviértete!
Ayuda:
       Es mejor crear una cuadrícula en el escenario que te ayude en el dibujo de figuras geométricas
       (Menú Ver/Cuadrícula), y activando la herramienta de encajar para situar las líneas con total
       precisión.
       Usa el panel Transformar (Menú Ventana/Transformar), copiar y girar las formas tal como se
       indica en el vídeo para la creación de la estrella.

Ejercicio 6.- cara

Ahora vamos a crear una cara, muy simple... al estilo Barrio Sésamo: círculos, óvalos y poco más.
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)
REGIONAL META                       Fecha: Abril 17 de 2012
                                INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA          Versión: 3
                          TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE
     Sistema de Gestión                          SOFTWARE                          Página 39de 39
        de la Calidad


                                                                   óvalo deformado para la ceja
                                                                   (duplicado para conseguir la otra)
                                                                   la boca




ejercicio 7.- crear una trama


                                              Si aprendemos a dominar el panel de Alinear y
                                              Duplicar grupos podemos conseguir rápidamente
                                              tramas de motivos que ocupen todo el escenario.
                                              En este caso lo hemos creado con un simple círculo,
                                              sobre el color de fondo de la página.

More Related Content

What's hot

Manual illustrator cs3 angela elvecio agosto 6 2011
Manual illustrator cs3 angela elvecio agosto 6 2011Manual illustrator cs3 angela elvecio agosto 6 2011
Manual illustrator cs3 angela elvecio agosto 6 2011Angela Maria Herrera Viteri
 
INTRODUCCION ILUSTRADOR
INTRODUCCION ILUSTRADORINTRODUCCION ILUSTRADOR
INTRODUCCION ILUSTRADORAlfredo Soto
 
Herramientas de photoshop
Herramientas de photoshopHerramientas de photoshop
Herramientas de photoshopAlincita Simon
 
AulaClic - Resumen herramientas Illustrator
AulaClic - Resumen herramientas IllustratorAulaClic - Resumen herramientas Illustrator
AulaClic - Resumen herramientas Illustratormiluscla
 
Herramientas de photoshop
Herramientas de photoshopHerramientas de photoshop
Herramientas de photoshopRoyer Rojano
 
Macromedia Flash (conceptos básicos)
Macromedia Flash (conceptos básicos)Macromedia Flash (conceptos básicos)
Macromedia Flash (conceptos básicos)Az
 
Las herramientas de Pintura y Edición
Las herramientas de Pintura y EdiciónLas herramientas de Pintura y Edición
Las herramientas de Pintura y EdiciónAlejandra Cortés
 
Herramientas Photoshop Cs6
Herramientas Photoshop Cs6Herramientas Photoshop Cs6
Herramientas Photoshop Cs6Luis Angel
 
Tutorial de GIMP - José David Vásquez Delgado
Tutorial de GIMP - José David Vásquez DelgadoTutorial de GIMP - José David Vásquez Delgado
Tutorial de GIMP - José David Vásquez Delgadolisvancelis
 
Herramientas de photoshop
Herramientas de photoshopHerramientas de photoshop
Herramientas de photoshopverito
 
Unidad iii elementos y comandos de corel draw
Unidad iii elementos y comandos de corel drawUnidad iii elementos y comandos de corel draw
Unidad iii elementos y comandos de corel drawpaquetes3
 
Herramientas de photoshop cs6
Herramientas de photoshop cs6Herramientas de photoshop cs6
Herramientas de photoshop cs6Krizia Chavez
 

What's hot (20)

Manual illustrator cs3 angela elvecio agosto 6 2011
Manual illustrator cs3 angela elvecio agosto 6 2011Manual illustrator cs3 angela elvecio agosto 6 2011
Manual illustrator cs3 angela elvecio agosto 6 2011
 
INTRODUCCION ILUSTRADOR
INTRODUCCION ILUSTRADORINTRODUCCION ILUSTRADOR
INTRODUCCION ILUSTRADOR
 
Macromedia flash 8
Macromedia flash 8Macromedia flash 8
Macromedia flash 8
 
Scratch[1]
Scratch[1]Scratch[1]
Scratch[1]
 
Herramientas de photoshop
Herramientas de photoshopHerramientas de photoshop
Herramientas de photoshop
 
3. herramientas de photoshop cs4
3. herramientas de photoshop cs43. herramientas de photoshop cs4
3. herramientas de photoshop cs4
 
AulaClic - Resumen herramientas Illustrator
AulaClic - Resumen herramientas IllustratorAulaClic - Resumen herramientas Illustrator
AulaClic - Resumen herramientas Illustrator
 
Barra de herramientas de photoshop
Barra de herramientas de photoshopBarra de herramientas de photoshop
Barra de herramientas de photoshop
 
Herramientas de photoshop
Herramientas de photoshopHerramientas de photoshop
Herramientas de photoshop
 
Macromedia Flash (conceptos básicos)
Macromedia Flash (conceptos básicos)Macromedia Flash (conceptos básicos)
Macromedia Flash (conceptos básicos)
 
Las herramientas de Pintura y Edición
Las herramientas de Pintura y EdiciónLas herramientas de Pintura y Edición
Las herramientas de Pintura y Edición
 
Manual3 d studiomax
Manual3 d studiomaxManual3 d studiomax
Manual3 d studiomax
 
Herramientas de photoshop
Herramientas de photoshopHerramientas de photoshop
Herramientas de photoshop
 
Herramientas Photoshop Cs6
Herramientas Photoshop Cs6Herramientas Photoshop Cs6
Herramientas Photoshop Cs6
 
PHOTOSHOP CS6: Herramienta seleccion
PHOTOSHOP CS6: Herramienta seleccionPHOTOSHOP CS6: Herramienta seleccion
PHOTOSHOP CS6: Herramienta seleccion
 
Tutorial de GIMP - José David Vásquez Delgado
Tutorial de GIMP - José David Vásquez DelgadoTutorial de GIMP - José David Vásquez Delgado
Tutorial de GIMP - José David Vásquez Delgado
 
Diego
DiegoDiego
Diego
 
Herramientas de photoshop
Herramientas de photoshopHerramientas de photoshop
Herramientas de photoshop
 
Unidad iii elementos y comandos de corel draw
Unidad iii elementos y comandos de corel drawUnidad iii elementos y comandos de corel draw
Unidad iii elementos y comandos de corel draw
 
Herramientas de photoshop cs6
Herramientas de photoshop cs6Herramientas de photoshop cs6
Herramientas de photoshop cs6
 

Viewers also liked

Simple present 1 medio verano
Simple present 1 medio veranoSimple present 1 medio verano
Simple present 1 medio veranoflori
 
Pei segunda parte
Pei segunda partePei segunda parte
Pei segunda parteLi Chi
 
Asopadres 2012 (2)
Asopadres 2012 (2)Asopadres 2012 (2)
Asopadres 2012 (2)colpreduitam
 
Caminos de libertad tomado sexualidad 4 per
Caminos de libertad tomado sexualidad 4 perCaminos de libertad tomado sexualidad 4 per
Caminos de libertad tomado sexualidad 4 perWilbur Acevedo
 
Reconocimiento y Clasificación para los grupos de investigación de la Faculta...
Reconocimiento y Clasificación para los grupos de investigación de la Faculta...Reconocimiento y Clasificación para los grupos de investigación de la Faculta...
Reconocimiento y Clasificación para los grupos de investigación de la Faculta...Mauricio Robledo
 
Convocatoria nivel básico 2 inglés septiembre 2014
Convocatoria nivel básico 2 inglés septiembre 2014Convocatoria nivel básico 2 inglés septiembre 2014
Convocatoria nivel básico 2 inglés septiembre 2014eoihelen
 
Viaje de estudios mayo 2014 bristol bath
Viaje de estudios mayo 2014  bristol bathViaje de estudios mayo 2014  bristol bath
Viaje de estudios mayo 2014 bristol batheoihelen
 
Responsabilidad Familiar - Dr Ramón Córdoba
Responsabilidad Familiar - Dr Ramón CórdobaResponsabilidad Familiar - Dr Ramón Córdoba
Responsabilidad Familiar - Dr Ramón Córdobaxaalemi
 
Cronograma del-colegio
Cronograma del-colegioCronograma del-colegio
Cronograma del-colegiosemilleroweb
 
Course completion edo 1 183910
Course completion edo 1 183910Course completion edo 1 183910
Course completion edo 1 183910dahedi05
 
Reinforcement unit 7
Reinforcement unit 7Reinforcement unit 7
Reinforcement unit 7Sonia
 
Rendición de cuentas año fiscal 2010
Rendición de cuentas año fiscal 2010Rendición de cuentas año fiscal 2010
Rendición de cuentas año fiscal 2010Luz Angela Vasquez
 

Viewers also liked (20)

Doc1
Doc1Doc1
Doc1
 
Simple present 1 medio verano
Simple present 1 medio veranoSimple present 1 medio verano
Simple present 1 medio verano
 
Ejercicio paso a paso
Ejercicio paso a pasoEjercicio paso a paso
Ejercicio paso a paso
 
Pei segunda parte
Pei segunda partePei segunda parte
Pei segunda parte
 
Rbos pago 7 6
Rbos pago 7 6Rbos pago 7 6
Rbos pago 7 6
 
Asopadres 2012 (2)
Asopadres 2012 (2)Asopadres 2012 (2)
Asopadres 2012 (2)
 
Caminos de libertad tomado sexualidad 4 per
Caminos de libertad tomado sexualidad 4 perCaminos de libertad tomado sexualidad 4 per
Caminos de libertad tomado sexualidad 4 per
 
Reconocimiento y Clasificación para los grupos de investigación de la Faculta...
Reconocimiento y Clasificación para los grupos de investigación de la Faculta...Reconocimiento y Clasificación para los grupos de investigación de la Faculta...
Reconocimiento y Clasificación para los grupos de investigación de la Faculta...
 
Convocatoria nivel básico 2 inglés septiembre 2014
Convocatoria nivel básico 2 inglés septiembre 2014Convocatoria nivel básico 2 inglés septiembre 2014
Convocatoria nivel básico 2 inglés septiembre 2014
 
Jaramillo Quintero
Jaramillo QuinteroJaramillo Quintero
Jaramillo Quintero
 
Convocatoria III Seminario Multiestamentario e Intersectorial COMIS ACAD MANE
Convocatoria III Seminario Multiestamentario e Intersectorial COMIS ACAD MANEConvocatoria III Seminario Multiestamentario e Intersectorial COMIS ACAD MANE
Convocatoria III Seminario Multiestamentario e Intersectorial COMIS ACAD MANE
 
Viaje de estudios mayo 2014 bristol bath
Viaje de estudios mayo 2014  bristol bathViaje de estudios mayo 2014  bristol bath
Viaje de estudios mayo 2014 bristol bath
 
Responsabilidad Familiar - Dr Ramón Córdoba
Responsabilidad Familiar - Dr Ramón CórdobaResponsabilidad Familiar - Dr Ramón Córdoba
Responsabilidad Familiar - Dr Ramón Córdoba
 
Cronograma del-colegio
Cronograma del-colegioCronograma del-colegio
Cronograma del-colegio
 
Going to
Going toGoing to
Going to
 
Course completion edo 1 183910
Course completion edo 1 183910Course completion edo 1 183910
Course completion edo 1 183910
 
Proyecto
ProyectoProyecto
Proyecto
 
Matrimonios fotos
Matrimonios fotosMatrimonios fotos
Matrimonios fotos
 
Reinforcement unit 7
Reinforcement unit 7Reinforcement unit 7
Reinforcement unit 7
 
Rendición de cuentas año fiscal 2010
Rendición de cuentas año fiscal 2010Rendición de cuentas año fiscal 2010
Rendición de cuentas año fiscal 2010
 

Similar to Multimedia 3 1101

Similar to Multimedia 3 1101 (20)

Multimedia 2 1101
Multimedia 2   1101Multimedia 2   1101
Multimedia 2 1101
 
manual ALAN ISAI
manual ALAN ISAI manual ALAN ISAI
manual ALAN ISAI
 
Multimedia 1 1101
Multimedia 1   1101Multimedia 1   1101
Multimedia 1 1101
 
Guia 4 scratch basico
Guia 4 scratch basicoGuia 4 scratch basico
Guia 4 scratch basico
 
Guia 4 scratch basico
Guia 4 scratch basicoGuia 4 scratch basico
Guia 4 scratch basico
 
Manual 3 d studio max
Manual 3 d studio maxManual 3 d studio max
Manual 3 d studio max
 
Curso de macromedia flash desde cero
Curso de macromedia flash desde ceroCurso de macromedia flash desde cero
Curso de macromedia flash desde cero
 
Edición de gráficos con Inkscape y Gimp
Edición de gráficos con Inkscape y GimpEdición de gráficos con Inkscape y Gimp
Edición de gráficos con Inkscape y Gimp
 
Illlustrator
IlllustratorIlllustrator
Illlustrator
 
Instructivo software cmap tools
Instructivo software cmap toolsInstructivo software cmap tools
Instructivo software cmap tools
 
Blendertutorial
BlendertutorialBlendertutorial
Blendertutorial
 
Manual qcad
Manual qcadManual qcad
Manual qcad
 
Sintesis de periodo iv 3º
Sintesis de periodo iv 3ºSintesis de periodo iv 3º
Sintesis de periodo iv 3º
 
Manual drafsight basico
Manual drafsight basicoManual drafsight basico
Manual drafsight basico
 
Act 6 flash 8
Act 6 flash 8Act 6 flash 8
Act 6 flash 8
 
Manual de Xmind (Básico) by luigueser
Manual de Xmind (Básico) by luigueserManual de Xmind (Básico) by luigueser
Manual de Xmind (Básico) by luigueser
 
Introduccion a Geogebra
Introduccion a GeogebraIntroduccion a Geogebra
Introduccion a Geogebra
 
00 Dibujo Vectorial Con Draw. Introduccion
00 Dibujo Vectorial Con Draw. Introduccion00 Dibujo Vectorial Con Draw. Introduccion
00 Dibujo Vectorial Con Draw. Introduccion
 
Capitulo 0
Capitulo 0Capitulo 0
Capitulo 0
 
parte 4 manual 2022.pdf
parte 4 manual 2022.pdfparte 4 manual 2022.pdf
parte 4 manual 2022.pdf
 

More from Cristian Buitrago (17)

Trabajo Grupal, Con el Teatro Interactuo y me Recreo.
Trabajo Grupal, Con el Teatro Interactuo y me Recreo.Trabajo Grupal, Con el Teatro Interactuo y me Recreo.
Trabajo Grupal, Con el Teatro Interactuo y me Recreo.
 
Redes lan-y-wan
Redes lan-y-wanRedes lan-y-wan
Redes lan-y-wan
 
Wlmm
WlmmWlmm
Wlmm
 
Robotica basica
Robotica basicaRobotica basica
Robotica basica
 
Calificaciones 1101 segundo periodo
Calificaciones 1101 segundo periodoCalificaciones 1101 segundo periodo
Calificaciones 1101 segundo periodo
 
Calificaciones 1001 segundo periodo
Calificaciones 1001 segundo periodoCalificaciones 1001 segundo periodo
Calificaciones 1001 segundo periodo
 
Historia del-blog
Historia del-blogHistoria del-blog
Historia del-blog
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Org y gestion
Org y gestionOrg y gestion
Org y gestion
 
Act 5 flash 8
Act 5 flash 8Act 5 flash 8
Act 5 flash 8
 
Act 4 flash 8
Act 4 flash 8Act 4 flash 8
Act 4 flash 8
 
Proyecto tecnologico
Proyecto tecnologicoProyecto tecnologico
Proyecto tecnologico
 
TIPOS DE DOMINIOS EN INTERNET
TIPOS DE DOMINIOS EN INTERNETTIPOS DE DOMINIOS EN INTERNET
TIPOS DE DOMINIOS EN INTERNET
 
Otros Tipos de Energia Renovable
Otros Tipos de Energia RenovableOtros Tipos de Energia Renovable
Otros Tipos de Energia Renovable
 
Tipos de paginas web
Tipos de paginas webTipos de paginas web
Tipos de paginas web
 
Multimedia 1.1 1101
Multimedia 1.1   1101Multimedia 1.1   1101
Multimedia 1.1 1101
 

Multimedia 3 1101

  • 1. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 1de 39 de la Calidad EDICIÓN DE FORMAS. Introducción 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 cómo dibujarlos sino que hay que saber mover esos objetos por el escenario, y sobretodo, saber cómo funcionan esas formas entre sí. Si en el tema anterior vimos cómo crear los dibujos, formas, en este veremos cómo gestionarlas. Paso previo para modificar cualquier parte de las SELECCIONARLOS 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. Selección de objetos En el capítulo anterior ya vimos lo importante que es saber seleccionar los contornos y rellenos para cambiar sus propiedades. Como en cualquier programa de edición de gráficos, la selección es un paso previo para trabajar con cualquier objeto. Ya hemos visto por encima que las grandes herramientas de selección son la de Selección y la de Subselección . Vimos que esta última solo la utilizamos en la edición avanzada de los nodos y curvatura de los vectores. Así que nos centraremos en la primera. Selección directa: ¡Clic! La herramienta de selección directa (la Flecha, para los amigos) permite seleccionar objetos rápidamente haciendo clic sobre ellos.
  • 2. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 2de 39 de la Calidad Seleccionar un Relleno: UN clic sobre cualquier punto del relleno del objeto. Flash nos destaca el vector seleccionado cubriéndolo 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 vértices. 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.
  • 3. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 3de 39 de la Calidad Sumar selecciones:Si necesitamos seleccionar más de un objeto del escenario, emplearemos cualquier modo de selección anterior y mantendremos pulsada la tecla Mayús. Para deseleccionar uno de los objetos, volveremos a picar sobre él pulsando la tecla Mayús. Deseleccionar:Picaremos sobre algún punto vacío del escritorio o bien pulsaremos Esc. Otra manera de seleccionar el objeto es mediante la utilización de la misma herramienta Flecha para enmarcar un área alrededor de ellos. Selección por ventana: ¡Arrastro! 1. Colocamos la herramienta Flecha fuera de los puntos u objetos a seleccionar. 2. Pulsamos el botón del ratón y arrastramos para definir el rectángulo que englobará todos los puntos deseados. 3. Soltamos el botón del ratón y ya tendremos nuestros puntos seleccionados de una vez.
  • 4. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 4de 39 de la Calidad 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 selección. (Para mover una selección arrastrar con la herramienta Flecha). Otras formas de selección: Lazo Por lo general la herramienta de Selección, como hemos visto, es muy rápida y ágil... y será a la que recurriremos la mayoría de las veces para seleccionar un vector. A veces, según 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.
  • 5. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 5de 39 de la Calidad 2. Pulsamos el botón del ratón y empezamos a "dibujar" el área con la que englobaremos los puntos deseados. 3. Soltamos el botón del ratón 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 más: El lazo pasa a seleccionar por tolerancia de color. Varita mágica Está pensada para seleccionar en un mapa de bits (imagen) Propiedades de la Varita ... .podemos determinar las propiedades de la opción anterior. Mágica El lazo pasa a dibujar el área de selección a base de Clics, no Lazo poligonal por arrastre. TRUCO: SELECCIÓN 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 difícil. Pero podemos usar un contorno temporalmente para delimitar ese área de forma exacta y diferenciarla así del resto. 1. Dibujamos un contorno (herr. Línea) para CERRAR el área de la forma que queremos variar. Nos ayudamos del Imán (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.
  • 6. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 6de 39 de la Calidad 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. Fig. 1. Tenemos una forma de relleno (1) a la que le dibujamos una Línea de contorno atravesándola (2). Podríamos pensar que Flash sigue entendiendo que ahí hay solo dos formas: óvalo naranja + Línea 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 líneas. 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 Sésamo. 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.
  • 7. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 7de 39 de la Calidad 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 también supone que si superponíamos dos vectores son las mismas características estos dos pasarán a formar un solo vector... - Si son lo mismo... ¿para qué complicarme la vida? - piensa para sí Flash. Fig. 3. Tenemos dos vectores iguales: los dos rellenos, los dos del mismo color naranja (1). Si movemos uno encima de otro (2) la próxima 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 rápida (para recortar, para unir formas...) Una solución: 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.
  • 8. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 8de 39 de la Calidad 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 estuviéramos protegiendo encerrándola en un marco. La forma seguirá dentro. Pero externamente ha pasado a ser considerado como un objeto en sí mismo: un GRUPO. CÓMO CONVERTIR UNA FORMA EN GRUPO (agrupar) : 1. Seleccionamos la forma o formas que queremos agrupar. 2. Y elegimos la opción 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. Podríamos haber convertido en grupo cualquier vector que estuviera seleccionado (relleno o contorno). CÓMO 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 opción de menú Modificar> Desagrupar... o el comando de teclado Control + B .
  • 9. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 9de 39 de la Calidad CUIDADO CON FLASH 8 Flash 8 ha añadido una nueva Opción en todas las herramientas de dibujo. Si activamos esa opción TODAS las herramientas estarán 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 están 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 botón derecho del ratón sobre el grupo que deseamos editar y elige la opción Editar seleccionado... o más rápido... haz doble clic sobre el grupo. 2. ¡Ya estamos dentro del grupo! Verás que sólo permanece activo el contenido del grupo... el resto del contenido del escenario aparece apagado (inactivo)
  • 10. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 10de 39 de la Calidad Por ejemplo, aquí podemos ver cómo nos hemos metido dentro del grupo de las estrellas. Estamos dentro, por lo que ya tenemos a nuestro alcance las formas. La Barra de Edición, justo encima del panel de Línea de tiempo, me indica mi localización en estos momentos: - ¡ Eh! Estás en la Escena 1 dentro de un grupo. 3. Ahora que estoy dentro del grupo, las formas que contiene están a mi alcance. (1) La modifico cambiándole el color del relleno... (2) y vuelvo a la escena pulsando en la Escena en la que estoy desde la Barra de Edición, es decir, me salgo del grupo. Ya he vuelto... me he salido del grupo y vuelto a la escena general. Ahora puedo ver en la escena la edición que he hecho al contenido del grupo.
  • 11. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 11de 39 de la Calidad LOS GRUPOS CONTIENEN CUALQUIER COSA Se puede agrupar uno o varios objetos del escenario. De hecho, dentro de un grupo puede haber más grupos, como una muñeca rusa. La ayuda de localización 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. Cambiar el orden de apilamiento Los grupos se van apilando por orden se creación: el último que haya sido creado está por encima de los demás. Las formas SIEMPRE quedarán por debajo de los grupos.
  • 12. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 12de 39 de la Calidad Pero nosotros mismos podemos determinar el orden de la superposición de los grupos desde la opción 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 demás 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 aquél tras el cual estaba. Es decir, lo subimos sólo un nivel.
  • 13. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 13de 39 de la Calidad Por ejemplo, aquí hacemos que la nube se ponga por encima de las estrellas... sube sólo un nivel, no se superpone a la bola. Mover un grupo hacia atrás 1. Seleccionamos el grupo con la herramienta Flecha. 2. Nos dirigimos al menú Modificar>Ordenar>Enviar hacia atrás... para moverlo hacia abajo. Es decir, lo bajaremos sólo 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 más rápida de desplazar un objeto es utilizar la herramienta Flecha del panel Herramientas. 1. Seleccionar los objetos. 2. Situar el ratón sobre la selección del grupo... y arrastrar. Mover con el panel Propiedades Ésta es una opción muy útil de mover o escalar un objeto cuando necesitamos mucha precisión. 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 (píxeles)
  • 14. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 14de 39 de la Calidad En el campo An : la nueva anchura del objeto En el campo Al : la nueva altura del objeto En el campo X : la nueva posición respecto al eje x, tomando como referencia la esquina superior izquierda. En el campo Y: la nueva posición 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 Selección. 1. Activamos la herramienta Flecha del panel Herramientas 2. Pulsamos la tecla Ctrl. o Alt. y arrastramos. Junto la herramienta aparecerá un símbolo "+". B. Copiar con el portapapeles. 1. Activamos la herramienta Flecha del panel Herramientas. 2. Seleccionamos el objeto. 3. Pulsar sobre el botón Copiar en la barra de Herramientas Principal. 4. A la hora de pegar lo copiado tenemos dos opciones según cómo se vaya a colocar:  Pulsar sobre el botón Pegar en la barra de Herramientas Principal. Los objetos se copiarán en el centro del área de trabajo.  Elegimos la opción de menú Edición>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ú Edición>Duplicar). 1. Activamos la herramienta Flecha. 2. Seleccionamos el objeto y pulsamos las teclas Ctrl + D.
  • 15. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 15de 39 de la Calidad Transformación de objetos Hasta este punto hemos visto la manera de realizar nuestros objetos. Pero una vez tengamos nuestro elemento definido, lo más probable es que en algún momento queramos transformarlo y convertir simples formas en trabajos más elaborados. Si un objeto es demasiado grande o demasiado pequeño, es fácil redimensionarlo hasta conseguir el tamaño adecuado. Tres opciones Flash nos ofrece varias herramientas para la transformación de objetos: 1. La HERRAMIENTA de Transformación Libre y sus opciones. 2. Los botones de Girar y Escalar de la barra de herramientas Principal. 3. El PANEL Transformar. La opción más rápida e intuitiva será la herramienta de Transformación... mientras que el panel Transformar nos da la posibilidad de transformaciones más precisas. Escalar. El método rápido para escalar un objeto es el siguiente: 1. Activamos la herramienta de Transformación 2. Picamos sobre el elemento que queremos transformar, y aparecerá encajado en el cuadro de transformación.
  • 16. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 16de 39 de la Calidad Esta herramienta de Transformación actúa como la de Selección. Es decir, que si queremos transformar varios elementos en el mismo cuadro, basta mantener pulsada la tecla Mayúsculas y hacer clic sobre los objetos que queremos incluir en la transformación. 3. Para escalar el objeto ..Arrastramos uno de los nodos de dimensiones (altura o anchura) del cuadro de Transformación... Si deseamos variar la altura y anchura al mismo tiempo podemos arrastrar desde una de las esquinas. 4. Para guardar la proporción... Arrastramos desde el nodo de una esquina manteniendo pulsada la tecla Mayúsculas. Este cuadro de transformación también aparece al seleccionar un elemento y activar el botón de Escalar de la barra de herramientas Principal . En este caso el cuadro SÓLO nos permitirá Escalar.
  • 17. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 17de 39 de la Calidad DESACTIVAR EL CUADRO DE TRANSFORMACIÓN. Mientras tengamos activada la herramienta de Transformación o el botón de Escalar cualquier objeto sobre el que pulsemos aparecerá rodeado del cuadro de transformación. Eso puede ser un engorro. Acuérdate de desactivar el botón de Escalar o de pasar a la herramienta de la Flecha para que desaparezca el cuadro de transformación. Girar y sesgar. Para Girar un objeto... 1. Activamos la herramienta de Transformación 2. Picamos sobre el elemento que queremos transformar, y aparecerá encajado en el cuadro de transformación ... el objeto tomará como centro del giro el Centro de Transformación. 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 botón de Giro en la barra de herramientas principal . Para Sesgar o inclinar un objeto... 1. De nuevo la seleccionamos con la herramienta de Transformación para que aparezca el cuadro de transformación.
  • 18. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 18de 39 de la Calidad 2. Acercamos el cursor a uno de sus lados hasta que aparezca el cursor de inclinación ... y arrastramos: Mover el centro de transformación. 1. Activamos la herramienta de Transformación 2. Picamos sobre el elemento que queremos transformar. y aparecerá encajado en el cuadro de transformación. Si ahora giráramos el cohete lo haría a partir del centro de transformación, que, por defecto, es el centro geométrico del cuadro. 3. Pero nosotros podemos mover el centro de transformación 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 transformación será la referencia para la mayoría 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)
  • 19. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 19de 39 de la Calidad 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 transformación se haga efectiva. 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 transformación.
  • 20. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 20de 39 de la Calidad Una vez escalado el objeto, podemos volver al tamaño original picando sobre el icono Restablecer en la esquina inferior derecha del panel. 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 transformación se haga efectiva. El giro, como la transformación de Escala, lo hará tomando como referencia siempre el centro de Transformación... que podemos resituar con la herramienta Transformación Libre. Sesgar un objeto desde el panel Transformar es igual de sencillo... pero no es muy intuitivo. En cualquier caso sólo tenemos que determinar los grados de inclinación 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 opción de crear una dúplica del objeto con las transformaciones elegidas. Puede parecer una tontería pero, en casos puntuales, puede sernos útil. 1. Seleccionamos el objeto que queremos transformar.
  • 21. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 21de 39 de la Calidad 2. Insertamos en los casilleros del panel Transformar las variaciones que deseemos (escala, giro, sesgar)... y pulsamos el icono de Copiar y aplicar Transformación... (esquina inferior derecha del panel) En este caso hemos modificado los parámetros de escala exactamente a la mitad... y hemos pulsado el botón de copia y transformación. Vemos que el original está intacto... la transformación de escala la ha aplicado a una dúplica. Como ves, de nuevo, la transformación ha tomado como punto de referencia el centro de transformación. Distorsión y Envoltura Anteriormente hemos visto las maneras más comunes que hay de transformar una forma o un grupo: escalar, girar e inclinar. Pero además tenemos unas posibilidades extra que son: Distorsionar y Envoltura Lo más especial de estas opciones extra son dos: Sólo se aplican a formas. Ni a grupos ni a símbolos. Así que si deseamos Distorsionar un grupo no podremos, deberemos desagruparlo o meternos dentro de él para actuar directamente sobre las formas que contiene. Sólo se puede desde las opciones de la Herramienta de transformación 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 Transformación libre del panel Herramientas .
  • 22. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 22de 39 de la Calidad 3. En la parte inferior del panel Herramientas, dentro del cuadro Opciones, activamos el botón Distorsión . 4. Colocaremos el cursor sobre cualquiera de los nodos que rodean a la forma y arrastraremos hasta conseguir el resultado deseado. Vemos que al actuar sobre el cuadro de transformación con la Distorsión activada podemos mover los nodos de dicho cuadro de forma independiente. Envoltura Ésta es la opción de transformación más libre, ya que nos permite curvar el cuadro de transformación como si de un vector se tratase... y así podremos curvar la forma que está dentro de ese cuadro de transformación. 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 Transformación libre del panel Herramientas . 3. En la parte inferior del panel Herramientas, dentro del cuadro Opciones, activamos el botón Envoltura 4. Vemos que a cada lado de cada nodo del cuadro de transformar aparece un Controlador de Curvatura...
  • 23. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 23de 39 de la Calidad PRIMERO: arrastramos los nodos... ¿los ves? ¡¡¡El cuadro de transformación ahora es de goma!!! SEGUNDO: arrastramos los controladores de curvatura para ajustar mejor la curvatura de los lados del cuadro. Y una vez de acuerdo desactivamos la transformación (haciendo clic fuera del objeto). Transformar desde el menú Modificar
  • 24. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 24de 39 de la Calidad Modificar > Transformar Desde el menú Modificar > Transformar se pueden activar las diferentes transformaciones que hemos visto en estos apartados: Quizás no sea la opción más 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 rápidamente en el eje horizontal o vertical. 1. Seleccionamos el objeto que queremos reflejar con la herramienta de Selección 2. Ejecutamos el comando Voltear horizontalmente... o Voltear verticalmente. Como ves, el punto de referencia para el volteo sigue siendo el centro de transformación que nosotros siempre podemos modificar, como vimos más arriba. Alineación de objetos
  • 25. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 25de 39 de la Calidad Menú y Panel Una vez tenemos los objetos dibujados en la escena, a lo mejor necesitamos moverlos de de forma ordenada. También 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) 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:
  • 26. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 26de 39 de la Calidad 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. Aquí ves destacadas en azul las líneas de referencia en los iconos del panel Alinear. Alineamiento Horizontal:
  • 27. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 27de 39 de la Calidad Alineamiento Vertical: Distribuir Dentro del campo Distribuir del panel Alinear tenemos la posibilidad de disponer de los objetos seleccionados a distancias equidistantes o uniformes según la referencia. De nuevo todo depende de cual sea la referencia... desde donde distribuyas las distancias iguales... en Vertical:
  • 28. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 28de 39 de la Calidad ... o en Horizontal: Coincidir el tamaño y el espacio En el último campo del panel Alineamiento podemos asignar a los objetos los mismos tamaños tomando, como referencia, la altura y/o anchura del objeto mayor entre los seleccionados. No es una opción muy utilizada... pero en algunos momentos nos puede ahorrar tiempo, sobretodo cuando queramos que algún objeto sea del tamaño del escenario, como veremos más adelante. De nuevo... para ver el efecto debemos seleccionar previamente cada uno de los objetos: Y después elegir la opción del panel Alinear según la referencia:
  • 29. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 29de 39 de la Calidad Efectivamente estas opciones hacen coincidir la anchura, la altura o las dos dimensiones de los objetos tomando como referencia el objeto seleccionado de MAYOR dimensión (anchura, altura o las dos). Al lado tenemos las opciones para igualar el Espacio que hay entre los objetos seleccionados. Referencia: el Escenario Hasta ahora hemos estado alineando objetos entre sÍ... pero Flash nos ofrece una opción muy poderosa: Alinear objetos respecto al escenario.
  • 30. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 30de 39 de la Calidad CUIDADO: Con esta opción activada todos los demás botones de alineamiento que hemos visto varían, ahora la referencia no va a ser la altura, la anchura o la posición 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 término la alineación de los objetos seleccionados respecto del escenario, pulsaremos sobre el botón En escenario . Cuando lo activamos se muestra sobre un fondo blanco. 2. Picamos sobre el botón 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. Después hemos pulsado en el botón de igualar el espacio horizontal entre ellos (2)... con respecto al espacio Horizontal de todo el Escenario. OBJETOS DEL TAMAÑO DEL ESCENARIO Esta opción de tomar como referencia el Escenario da un sentido especial a los botones de Coincidir tamaño: ... .ya que ahora podemos hacer que esos botones sean muy útiles cuando deseamos que algún objeto adquiera la anchura, la altura o las dos dimensiones del Escenario: para hacer fondos, ajustar dibujos, etc. RESUMEN
  • 31. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 31de 39 de la Calidad En esta lección hemos visto muchas opciones para modificar las formas de nuestras películas. Vamos a dar un repaso a los apartados más importantes: 1. Selección de las formas Con la herramienta de Selección (Flecha negra) haciendo CLIC en la forma (relleno o contorno) o DOBLE CLIC para seleccionar la forma al completo. 2. GRUPOS: o Se crean agrupando Formas (Control + G) o Pueden contener lo que sea. o No se pueden distorsionar ni aplicar envoltura. o Se pueden ordenar (Modificar > Ordenar) o Se deshace desagrupándolos (Control + B) 3. Arrastrando la forma con la tecla ALT pulsada podemos duplicarla. 4. Transformación de las formas o La herramienta de Transformación Libre.  Rápida, intuitiva.  Escalar, girar, sesgar, distorsionar y envoltura.  Puede mover el centro de transformación. o El panel de Transformar  Preciso, exacto.  Escala, giro, sesgar.  Extra: restablecer tamaño y transformar+copiar Alinear objetos: Panel Alinear. o Alinea varios objetos entre sí mismos. o Puede tomar como referencia el Escenario . Para alinear objetos respecto a las dimensiones de la película. Ejercicios Ejercicio 1.- Árboles Abre el archivo ARBOLES.fla que creamos en los ejercicios de lección anterior. Por ahora son formas (contornos y rellenos) que si los movemos y los solapamos se "morderán" unos a otros. Vamos a solucionarlo. 1. Selecciona las formas que componen un árbol. 2. Agrúpalo mediante... o Control + G o .. o Opción de menú Modificar > Agrupar
  • 32. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 32de 39 de la Calidad 3. Repite la misma acción con los demás árboles hasta que todos sean GRUPOS. 4. Escoge un Árbol-Grupo y Duplícalo varias veces para conseguir una serie de árboles gemelos. 5. Selecciónalos, alinéalos y conviértelos en un grupo. 6. Ahora intenta cambiarle el color a la copa de uno de estos árboles. Deberás meterte dentro de este Grupo-Bosque, una vez dentro meterte dentro del Grupo- Árbol... y ya tendrás la forma original a tu alcance. 7. Guarda el resultado. Ejercicio 2.- Paisaje Vamos a dibujar este paisaje:
  • 33. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 33de 39 de la Calidad Vamos a empezar basándonos en las formas geométricas que ya dominamos. En este caso vamos a usar SOLO RELLENOS. Además nos aprovecharemos del uso de GRUPOS para dibujar más rápidamente. 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 rectángulo... 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 cámbiale el color a uno más oscuro... y vuelve a salir a la escena.
  • 34. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 34de 39 de la Calidad 6. Usamos la herramienta de Transformación Libre para ampliar y Sesgar ese nuevo grupo... así diferenciamos más esa nueva colina de la original... 7. Repite estos pasos 3, 4 y 5 para crear nuevas colinas rápidamente y diferentes hasta ocupar un horizonte. Te será útil... o Opción Modificar > Transformar para voltear alguna colina. o Opción de Modificar > Organizar grupos para determinar que colina va por encima y cuál por debajo. o Panel Alinear para alinear todos esos grupos respecto a su borde inferior entre sí. 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 algún árbol o arbusto. Y le he añadido por debajo un par de rectángulos 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 opción 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.
  • 35. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 35de 39 de la Calidad 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 rectángulo FUERA del escenario y vamos a darle a la mitad superior (más o menos) un color claro y a la inferior uno oscuro, de la gama que estamos usando. 2. Para hacer que este rectángulo se ajuste perfectamente a las dimensiones del escenario vamos a usar el panel Alinear. Selecciona el rectángulo, si quieres conviértelo en grupo y abrimos el panel Alinear: 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 más complejo... ahora solo faltaría 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.
  • 36. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 36de 39 de la Calidad Aquí puedes ver cómo 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 tu 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¡¡ Como anteriormente... los dibujamos por partes¡¡... y cada parte que vayamos dibujando la protegemos dentro de un GRUPO: Fíjate que las toberas del cohete son iguales. Es el mismo grupo que se ha duplicado y volteado.
  • 37. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 37de 39 de la Calidad Ejercicio 4.- Coche Reproducir la siguiente ilustración realizado con Flash mediante las herramientas de dibujo y selección: ...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 abrir el archivo coche.fla En él hay insertada una imagen de un coche sobre el que puedes "calcar" las formas del coche: Realiza primero los contornos utilizando las herramientas de dibujo y selección, 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 ilustración reside en la posición del "conductor" está por detrás de los cristales.
  • 38. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 38de 39 de la Calidad Para resolverlo, lo único que debes hacer es convertir las partes del dibujo en grupos y ordenarlos unos encima de otros. Ejercicio 5.- transformar creativo La solapa de Transformar nos puede dar más juego del que parece a primera vista. En el vídeo verás como podemos crear estrellas complejas gracias a la opción de Copiar y aplicar transformación... Realiza tus propias pruebas para crear estrellas y formas más o menos complejas. ¡Diviértete! Ayuda: Es mejor crear una cuadrícula en el escenario que te ayude en el dibujo de figuras geométricas (Menú Ver/Cuadrícula), y activando la herramienta de encajar para situar las líneas con total precisión. Usa el panel Transformar (Menú Ventana/Transformar), copiar y girar las formas tal como se indica en el vídeo para la creación de la estrella. Ejercicio 6.- cara Ahora vamos a crear una cara, muy simple... al estilo Barrio Sésamo: círculos, óvalos y poco más. 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)
  • 39. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 3 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 39de 39 de la Calidad óvalo deformado para la ceja (duplicado para conseguir la otra) la boca ejercicio 7.- crear una trama Si aprendemos a dominar el panel de Alinear y Duplicar grupos podemos conseguir rápidamente tramas de motivos que ocupen todo el escenario. En este caso lo hemos creado con un simple círculo, sobre el color de fondo de la página.