ejercicio flash

7/26/2019 Ejercicio Flash

1/10

Empezamos esta animacin, creando un cuadrado de 80 por 80 pxeles, leponemos color de fondo, color de borde y le damos un valor de 1 menos alborde dependiendo de cmo queramos que se vea.

El cuadrado que dibujamos, lo multiplicamos varias veces asta formar unafranja orizontal. !uestro ejemplo ser" de 1# cuadrados de anco por $ dealto. % esta capa la llamaremos cuadrados.

Nota: Tienen que recordar que todos los cuadrados estn en una sla capay que ninguno se cruza entre si, por ello hay que tener mucho cuidado.

%s quedara nuestra franja de cuadrados.

&mportamos una ima'en a nuestra biblioteca, la que queremos que se vea ennuestra animacin.

(ue'o seleccionamos cualquiera de nuestros cuadrados y le acemos doble

clic) ya seleccionado *borde y fondo+ vamos a nuestro panel de color y en el

1


2/10

tipo, seleccionamos Bitmapo Mapa de bits, nos saldr" la ima'en que emosimportado.

uando le damos clic- a la ima'en, el cuadrado que emos seleccionado

cambiar" y aparecer" parte de la ima'en. %ora viene lo interesante.ueremos que en el resto de cuadrados se vea tambi/n la ima'en, entoncesdebemos se'uir el si'uiente procedimiento

eleccionamos nuestra erramienta Saint bucket Toolo Bote de pinturaydamos clic- a cada uno de los cuadrados incluyendo el cuadrado queseleccionamos al principio.

e ver"n varias miniaturas de la ima'en, pero no se preocupen es solo uninicio, quedara as

2


3/10

(o si'uiente es seleccionar la erramienta Gradient Transformy ele'ir

cualquiera de los cuadrados, preferible el del centro. Esta erramienta nospermitir" ampliar nuestra ima'en por todos los cuadrados por eso cada uno delos cuadrados le pusimos de fondo la misma ima'en.

2etalle del procedimiento de ampliacin.

Estiramos nuestra ima'en, de cualquiera de las formas vistas quedando de lasi'uiente forma

3


4/10

3asta aora emos completado la primera parte de la animacin, si nosponemos a animar cada uno de los cuadrados nos llevaremos una 'ransorpresa, solo animaramos los cuadrados y la ima'en se vera una parte paratodos y todo el trabajo que nos costo animarlo seria en vano.

Cmo animar sin problemas?

eleccionamos todos los cuadrados para lue'o ele'ir el 4nico foto'rama de la

capa cuadrados, vamos al men4 Modify/ Time line/ Distribute to Layers, talcomo se muestra en la ima'en.

En espa5ol sera 6odificar7 (nea de iempo7 2istribuir en capas.

4


5/10

(ue'o de unos se'undos, la cantidad de capas ser" i'ual a la cantidad decuadrados existentes, es decir mucas. En esta animacin son $8 capas y elorden de ellas depender" en el orden como las creaste, copiaste y tambi/ndonde fueron colocadas.

%ora nos toca animar cada una de las capas con interpolacin de movimientodonde la primera capa tendr" alfa 09 y el 4ltimo alfa 1009, dando :foto'ramas de entre cada foto'rama clave.

%vanzamos 1 foto'rama para cada uno de las capas interpoladas, tratando deque nin'una quede encima de la otra, para que todos los cuadrados aparezcantal y como se muestra en la ima'en.

5


6/10

En este caso se izo en desorden para que tuviera una mejor presentacin.

&nsertamos ; foto'ramas despu/s del 4ltimo foto'rama clave en la capasuperior para lue'o completar los foto'ramas en el resto de las capas y

queden todas alineadas, en nuestro ejemplo al frame ::.


7/10

o men4 Modificar/ !rupar.

% cada capa le acemos lo mismo, a'rupamos el cuadrado, aora presionen

ctrl = enter y ver"n la animacin casi completa

?@a tenemos la animacinA %ora mencionaremos los detalles para darle m"svida. !os posicionamos en la 4ltima capa y en el 4ltimo foto'rama clave einsertamos 10 foto'ramas, en el 4ltimo ponemos foto'rama clave presionandoBC y a los dem"s i'ual, pero slo presionando la tecla BC, quedando la lnea detiempo de esta manera.

(a razn por la que se inserto esos 10 foto'ramas era para cuando termine dearmarse nuestra ima'en aparezca la ima'en ori'inal, entonces todos los4ltimos foto'ramas tendr"n que tener alfa a 0.

&nsertamos una capa que la llamaremos Imageny arrastramos de nuestralibreria la ima'en usada, si, la misma ima'en con la que creamos la animacinde los cuadraditos y la ubicamos en los 4ltimos foto'ramas que a're'amos.reamos una interpolacin que empiece en alfa 09 y al final alfa 1009, paraque se deten'a cuando termina la animacin insertamos otra capa y ponemostop al final, tal y como se muestra en la ima'en.

7


8/10

Dn detalle adicional *para terminar+ 3a'amos una peque5a transparencia quemuestre un brillo especial antes que aparezca parte de la ima'en.

reamos un cuadrado del mismo tama5o que usamos para la animacin slo

que no le daremos un color slido, sino que sea medio transparente. % estecuadradito lo convertimos en 6ovie lip pulsando B8, lue'o acemos unainterpolacin poniendo el foto'rama 1, : y 10 como foto'rama claves,solamente al primer y 4ltimo foto'rama se le pone alfa a 09.

(ue'o insertamos otra capa y ponemos un foto'rama clave vaci *BC+ con untop. %s se vera.

8


9/10

!os resta insertar el cuadrado transparente antes de cada interpolacin, paraque cuando empiece la animacin aya un li'ero resplandor y aparezca partede la ima'en.


10/10

"nformacin adicional

10

ejercicio flash

Documents