Flash

Cuando abrimos el programa, lo primero que encontramos es la pantalla

en blanco, lo que llamamos comúnmente "STAGE", el escenario, la pantalla
donde vamos a realizar toda la animación. Por arriba podemos observar, la
linea de tiempo que está compuesta por FRAMES (cuadros) y LAYERS
(capas).

Automáticamente, se nos abren varias ventanas, donde podemos tener al

alcance de la mano todas las posibilidades y necesidades para nuestro diseño
en flash.

Herramientas de dibujo

Por Paola Fraticola.

Al pintar sobre formas y líneas, lo que queda en la parte superior

substituye a lo que estaba debajo. Si son del mismo color se fusionan, pero si
el color es diferente, forman y líneas quedan separadas.

Puede utilizar esta característica para crear máscaras, siluetas y otras

imágenes en negativo. Por ejemplo, la silueta de la ilustración se realizó
moviendo la imagen de la cometa sin agrupar sobre la forma verde,
deseleccionando la cometa y, a continuación, retirando la parte rellena de la
cometa de la forma verde.

Para evitar modificar accidentalmente las formas y las líneas al solaparlas,

puede agrupar las formas o bien utilizar capas para separarlas.

A continuación, les pasaré algunas partes del "Manual oficial de

Macromedia" donde explica cada una de las herramientas.

Rectas, óvalos y rectángulos

Por Paola Fraticola.

Las herramientas Línea, Óvalo y Rectángulo permiten crear fácilmente las

formas geométricas habituales. Las herramientas Óvalo y Rectángulo crean
tanto formas rellenas como formas sólo definidas por el trazo. Puede utilizar la
herramienta Rectángulo para crear rectángulos con esquinas rectas o
redondeadas.

La flecha

Por Paola Fraticola.

Remodelación con la herramienta flecha

Para remodelar una línea o el contorno de una forma, puede arrastrar

cualquier punto de la línea mediante la herramienta Flecha. El puntero cambia
para indicar el tipo de modificación que se puede realizar en la línea o relleno.
Flash ajusta la curva del segmento de línea para acomodarla a la posición del
punto desplazado. Si se trata de un extremo, puede alargar o acortar la línea.
Si se trata de un ángulo, los segmentos que lo forman se mantienen rectos al
alargarse o acortarse.

Enderezar y suavizar

Por Paola Fraticola.

Puede enderezar o suavizar líneas y contornos de formas para

remodelarlos.

Ajuste el grado de suavizado o enderezamiento automático utilizando

Configuración del dibujo en Preferencias. El enderezamiento hace los
pequeños ajustes necesarios a las líneas y las curvas ya dibujadas. No tiene
ningún efecto sobre los segmentos rectos. También puede utilizar la técnica de
enderezamiento para que Flash reconozca las formas. Si dibuja cualquier
forma ovalada, rectangular o triangular con la opción Reconocer formas
desactivada, puede utilizar la opción Enderezar para hacer las formas
geométricamente perfectas. Pero no reconoce las formas que se tocan y están
conectadas con otros elementos.

El reconocimiento de formas transforma las figuras superiores en las

inferiores.

Borrado

Por Paola Fraticola.

La herramienta Borrador permite eliminar trazos y rellenos. Puede borrar

todo el Escenario con rapidez, borrar los diferentes segmentos de trazos o
áreas rellenas, o borrar por arrastre.

Personalice la herramienta Borrador para borrar sólo trazos, sólo áreas

rellenas o sólo una única área rellena. El borrador puede ser redondo o
cuadrado y hay cinco tamaños disponibles.

Borrar por arrastre

1. Seleccione la herramienta Borrador.

2. Haga clic en el modificador Modo Borrador y seleccione un modo de
borrado:
o Borrar normal borra trazos y rellenos de la misma capa.
o Borrar rellenos sólo borra rellenos, sin afectar a los trazos.
o Borrar líneas sólo borra los trazos, sin afectar a los rellenos.
o Borrar rellenos seleccionados sólo borra los rellenos actualmente
seleccionados y no afecta a los trazos, estén seleccionados o no.
(Seleccione los rellenos que desea borrar antes de utilizar la
herramienta Borrador en este modo).
o Borrar dentro sólo borra el relleno en el que se ha iniciado el trazo
de borrador. Si el punto de inicio de borrado está vacío, no se
borra nada. Este modo no afecta a los trazos.
3. Haga clic en el modificador Forma de borrador y seleccione el tamaño y
la forma del borrador. Asegúrese de no seleccionar el modificador Grifo.
4. Arrastre sobre el Escenario.

Color

Por Paola Fraticola.

 Para esta primer clase tienen bastante. Lo que vamos a realizar como
práctica es dibujar, jugar y tener contacto con el programa.

Vean lo que sucede cuando colocan gráficos dibujados en un mismo layer,

coloquen muchos layers y jueguen con ellos, se darán cuenta que el orden de
las capas hace que los objetos esten detrás y por delante entre ellos mismos.
Qué quiero decir con esto? que el orden de los objetos depende de las capas,
la primer capa (layer) es la que está más adelante y el último, por detrás.

Interpolación de tamaño

Por Paola Fraticola.

Excelente, ahora lo que podemos realizar es colocar en cualquier parte de

la línea de tiempo y colocar un fotograma clave, vamos con el mouse a
posicionarnos en el frame 15 por ejemplo y, botón derecho, insertar fotograma
clave, y ahí, con la flecha, tomamos al ratoncito y lo escalamos, lo cambiamos
de tamaño, más grande o más chico, eso no importa, es decisión de ustedes.
Cuando lo cambiaron, presionen enter y vean cómo realiza el movimiento.
 También en ese lugar al ratoncito hacemos click con el botón derecho y
vamos a paneles y en efectos, tenemos que entender que vamos a las
propiedades propias del objeto, nada que ver con las propiedades del frame,
(esto es algo que siempre tienen que tener en claro). En efectos se nos va a
abrir la ventana de efectos y, seleccionando siempre al ratoncito, le podemos
dar, alfa (grado de transparencia), brillo, tinte (color), avanzado, que consiste
en una mezcla de todo, y uno lo realiza de modo manual. Es decir: se pueden
combinar todos los efectos a la vez.

Presionamos enter y vemos cómo cambia el ratoncito según en el tiempo

en el que se encuentre. Podemos ir a control, a Prueba Película o Test Movie, y
nos va a mostrar nuestro movimiento.

Ejemplo de animación

Por Paola Fraticola.

Lo que vamos a realizar es colocar varios layers o capas para practicar

mucho, acuérdense que estos son movimientos básicos para luego poder
trabajar tranquilamente en flash.

Como me imagino han practicado tanto que puedo seguir con las avanzadas
del movimiento =), entonces vamos a un nuevo documento y colocamos de
nuevo el ratoncito en la capa uno, y obviamente, vamos a hacer doble click en
el layer o capa para cambiar de nombre y colocaremos.... ratoncito. A ese layer
de ratoncito vamos a hacerle una simple interpolación de movimiento para que
el ratoncito vaya de un lado a otro como en el ejercicio anterior (motion tween).

Fijense que al lado del ícono donde tenemos para agregar capas o layer,
existe uno parecido pero de color violeta claro, ese significa que nos va a
agregar una Capa Guía de la Capa que tengamos seleccionada. Entonces
hacemos click en ese ícono y vamos a ver que automaticamente me dice, Guía
de Ratoncito, y nos da un layer o capa con la misma cantidad de frames que el
que tiene "ratoncito". En esa capa guía vamos a dibujar, como vemos en el
gráfico, cualquier ruta, es decir, el ratoncito va a hacer el recorrido que
dibujemos. En el stage o escenario se ve, pero luego con F12 (browser) o
testeando la película, van a ver que no se ve. ¿ok?.
 Vamos a notar que en forma automática el ratón se coloca ya en la guia,
así que sólo nos queda colocar, con la herramienta flecha, el ratón en el
principio y en el fin del movie, en el lugar correspondiente. Vean con detalle el
gráfico que muestro:

Tengan en cuenta que, como hicimos en el ejercicio anterior, también se

pueden insertar fotogramas claves en cualquier parte y colocarle efectos al
ratoncito. Puede haber varios layers o capas guiadas pero no una guía de guía.