1.

Hierba Creciendo
Una de las animaciones con las que comenc fu sta, se trata de crear el efecto de la hierba
creciendo, realmente es muy sencillo y segn la complejidad que le pongas se puede lograr un buen
efecto.
Para comenzar dibujaremos una de las hojas con nuestra herramienta preferida, yo lo he hecho con la
herramienta lnea y luego le he dado curvas a los lados obteniendo esto:

Imgen 01

Luego, este dibujo lo convierto en Movie Clip (F8)

Imgen 02

Dentro del MovieClip hago la siguiente animacin:

En el primer Frame dejo la hierba en su ubicacin original, en el ltimo la pongo ms arriba y
finalmente en el ltimo KeyFrame, en las acciones de este le pongo un stop (Esc+ST).

Imgen 03

Imgen 04

Listo, ya tenemos nuestra hoja base para hacer "crecer la hierba". Despus de tenerla lista creamos otro
Movie Clip para poder insertar sta animacin cada vez que lo necesitemos dentro de nuestras pelculas.
Dentro del Movie Clip lo que hacemos es arrastrar la hoja que ya creamos (hierba01) todas las veces que
necesitemos, para crear un efecto interesante podemos cambiarles el color haciendo un clic en el Movie
Clip y cambindole el Tinte en el Panel de Propiedades

Imgen 05

Tambin podemos cambiarle el tamao a cada una de ellas y alinearlas de diferentes formas para que se
vea que unas crecen ms que otras.

Imgen 06

Y este es el resultado final:

Hierba.swf

Ver ejemplo

2. Puesta de Sol
Para hacer una puesta de sol trabajaremos con tres elementos, el primero es el fondo, el segundo son
las montaas y el tercero es el sol.
Para hacer el sol, primero dibujamos un crculo, el cual le daremos relleno radial, para el primer color
le damos un amarillo bien intenso, y para el segundo, elegimos el mismo amarillo pero le damos una
transparencia cero (alpha = 0)

Imgen 07

Para el Fondo elegimos varias tonalidades de azules para hacer un cielo en un da soleado

Imgen 08

Finalmente dibujamos las montaas, el resultado final de la imgen sin animacin es este. Hay que
recordar que el orden de las capas es montaas, sol, fondo (de arriba hacia abajo) ver imgen 11, sto
para que se vea que el sol se oculta detrs de las montaas.

Imgen 09

Listo, ahora si a animar nuestro paisaje. Lo primero que hay que hacer es mover el sol, para ello
podemos tambin convertirlo en un MovieClip y darle a ste el movimiento de tal forma que en el
KeyFrame ste no se vea es decir, que quede oculto tras las montaas.
Luego, al fondo le vamos a cambiar el color, entonces tenemos que en el primer Frame es azul claro,
insertamos un KeyFrame (ste debe terminar en el mismo Frame en el que el sol se movi tras las
montaas) y all cambiamos el relleno a uno de azules ms obscuros. Luego vamos al Panel Propiedades
y en Tween seleccionamos Shape.

Imgen 10

Para finalizar y darle un mejor efecto, a las montaas tambin le cambiamos el relleno, en el primer
frame el color ms claro est ubicado a la izquierda donde est el sol, como este ya se oculto,
pondremos un verde ms obscuro, e igual que en el fondo, vamos al Panel Propiedades y en Tween
seleccionamos Shape.
La lnea del tiempo se ver algo as:

Imgen 11

Y el resultado final es ste:

PuestaSol.swf

Ver ejemplo

3. Mariposa Volando
Y para finalizar con estas animaciones, la ltima y la ms sencilla, una mariposa volando, para iniciar
dibujamos una mariposa, yo utilice una fotografa como base.

Imgen 12

Luego se convierte en un Movie Clip (F8), una vez dentro de ste, se hace una pequea animacin para
dar el efecto del movimiento de alas, para ello insertamos un KeyFrame ms o menos en el frame 5 (las
mariposas baten las alas rpidamente y por eso la animacin debe ser corta) y all cambiamos el tamao
horizontal de la mariposa para que quede de la siguiente forma.

Imgen 13

Y la lnea del tiempo se ve as:

Imgen 14

Despus de tener listo el Movie Clip, vamos a la escena, all lo que hacemos es crear una lnea gua para
que la mariposa se desplace por ella, sto se logra hacindo clic en el cono de Add Motion Guide
ubicado en la parte inferior del panel de los layers.

Imgen 15

Una vez all dibujamos una lnea por la cual se desplazar la mariposa.

Imgen 16

Para hacer la animacin, en el primer frame ubicamos la mariposa al comienzo de la lnea, y en el

ltimo KeyFrame, ubicamos la mariposa al final de la lnea, finalmente al hacer el Motion Tween
chequeamos la opcin Orient to Path y listo, ste es el resultado:

Mariposa.swf

Ver ejemplo

Informacin adicional

Archivos del tutorial

Si tienes alguna pregunta de este tutorial; puedes hacerla aqui en los foros
Para empezar vamos a ver lo que todos deseamos cuando iniciamos nuestra aventura en Flash, el
movimiento de un objeto (esto puede ser cualquier cosa que tengamos sobre el escenario), una bola,
un mono, un auto, una imagen lo que sea. Vern una diagonal cada vez que ponga una palabra en
ingles/espaol.
Tenemos dos clases de movimiento las cuales llamaremos cuadro a cuadro / frame to frame, e
interpolacin de movimiento / motion tween.
Empecemos por la animacin cuadro a cuadro:
Este tipo de animacin todos la conocemos, es mas o menos como se realizan las caricaturas o dibujos
animados, ya ven que para esto realizan un dibujo, y despus realizan el mismo dibujo pero un poco
diferente, y as sucesivamente, despus los hacen pasar todos muy rpido, y esto nos da una sensacin
de movimiento, bueno pues esto es lo que se hace en flash para hacer una animacin cuadro a cuadro,
solo que aqu no tenemos que volver a dibujar la misma imagen varias veces, si no, que podemos
trabajar con la misma, solo que la iremos modificando poco a poco.
Veamos un ejemplo:
Abran un archivo nuevo en flash, ahora dibujemos un circulo, como se muestra en la imagen, utilizando
la herramienta de ovalo (muestro las herramientas en el tutorial de Flash por partes),

A continuacin nos dirigimos a la lnea de tiempo, e insertamos otro fotograma clave / key frame aparte
del que ya esta (ya saben, puede ser con F6, o clic derecho, new key frame), entonces tenemos dos key
frames en la lnea de tiempo, el primero es donde tenemos la bola como aparecer inicialmente, ahora
damos clic en el segundo frame de modo que quede seleccionado, nos dirigimos a la bola, y la movemos
un poco a la derecha, vamos a la lnea de tiempo e insertamos otro fotograma clave, y movemos otro
poco la bola a la derecha, as repetimos esta accin como unas diez veces, hasta que nuestra bola
quede del otro del escenario.

Ahora si, tenemos nuestro primer movimiento cuadro a cuadro, a continuacin lo que tienes que hacer
es presionar y mantener presionada la tecla Control y presionar enseguida Enter (sin soltar control hasta
que ayas presionado enter) para ver tu pelcula en accin, la pelcula va a realizar un ciclo, esto es que
tu animacin se va a estar repitiendo y repitiendo sin fin, despus de ver tu animacin, puedes
presionar control + W para terminarla, o dar clic en la cruz superior de la derecha (hay dos cruces, es la
de abajo).

Espero que te aya funcionado, si tienes alguna duda, no dudes en hacrmela llegar, yo te responder lo
mas rpido que pueda.
Bueno, ahora veamos lo que es La Interpolacin de Movimiento:
Si recuerdan el pasado movimiento de la bola, me gustara, hacer el mismo pero ahora con interpelacin
de movimiento o motion tween.
Para comenzar vamos a ver primero lo que es un smbolo / symbol , para poder trabajar con
interpolacin de movimiento en flash tenemos que utilizar smbolos, los cuales podemos crearlos
convirtiendo objetos que tengamos en nuestro escenario (de objeto a smbolo), o crearlos vacos y
posteriormente insertarles algo(esto es un poco mas difcil, as es que lo veremos mas adelante), pero
vamos a ver los que creamos convirtiendo un objeto en smbolo.
Volvamos dibujar la misma pelota (circulo) pero en una nueva pelcula, al igual que en el ejemplo
anterior.

Nota: Cuando nosotros le ponemos Crear interpolacin de movimiento / create motion tween,
automticamente Flash nos convierte nuestro objeto (que en este caso es la bola) en un smbolo, pero
esto no es conveniente manejarlo as, as es que mejor nosotros crearemos nuestro propio smbolo para
poder definirle un nombre y tipo de smbolo que queremos que sea.
Muy bien, ahora que ya tenemos nuestra pelota, utilizaremos la herramienta flecha / arrow tool, y
seleccionaremos la pelota dando clic en un lado de ella y arrastrndolo hasta cubrirla de esta manera:

y al soltar el clic del ratn se ver as:

Esto es porque la bola lleva relleno y lnea en la orilla, y si solo le damos un clic puede ser que solo
seleccionemos uno de los dos.
Bueno, ya que tenemos la bola seleccionada, vamos existen dos maneras de convertirla en smbolo, la
primera es ir al men en la parte de arriba, en la seccin de Insertar / Insert , escoges la opcin de
Convertir en smbolo / convert to symbol, y la segunda forma es la mas fcil, solamente despus de que
tenemos el objeto seleccionado tenemos que presionar F8 y listo, automticamente despus de
cualquier de las dos formas pasadas veremos esta ventana:

Aqu es donde le daremos el nombre a nuestro smbolo, en la parte donde dice Name, colocaremos el
nombre que le deseamos dar a nuestro smbolo, que este caso ser bola, dejamos el Behavior como

esta, en Movie Clip (de esto dependen las propiedades que va a tener nuestro smbolo, pero eso lo
veremos mas adelante), Registration tambin lo dejamos como esta, ya que este caso no lo vamos a
utilizar, el Registration es como si le pusieras un clavo a tu smbolo, y al momento que quieres
modificarlo a escala (el tamao), es hacia donde va a crecer, crecer al lado contrario de donde le
pones el clavo. Muy bien, ahora despus de ponerle el nombre demos clic en OK, y nuestra pelota se
ver as:

Si tu pelota se ve de esta manera, Felicidades!, ya tienes un smbolo movie clip.

Nota: Al momento que tu has creado tu smbolo o movie clip, pasa algo que te ayuda de mucho,
automticamente este se agrega a tu librera. Y que es la librera?, pues la librera es una parte de
flash, en donde se van guardando todos los smbolos que tu utilizas en la pelcula, de modo, que si
necesitas otra pelota, no tengas que volver a dibujarla, si no, solamente tienes que insertarla desde la
librera, talvez con la pelota no te parece tan maravilloso, pero que tal si tienes un auto con el cual te
tardaste 3 horas dibujndolo, y ahora solo es cuestin de insertarlo de nuevo, pero esto no es todo,
adems, puedes importar libreras que hiciste en otras pelculas, lo ves, eso es un auxilio muy grande,
pero bueno, lo entenders mejor cuando empieces a trabajarlo. Y por ultimo, para ver la librera, el
acceso rpido es presionando (Control + L).
Muy bien, ahora que ya tenemos nuestro smbolo, vamos a ver la interpolacin de movimiento / motion
tween:
En este momento tenemos nuestra lnea de tiempo de esta manera:

A continuacin vamos a dar clic derecho en el frame / fotograma numero 40 de nuestra lnea de tiempo,
y en el men contextual que sale, vamos a dar clic en la opcin de insert frame / insertar fotograma,
y nuestra lnea de tiempo lucir as:

Dirigimos el puntero del ratn al primer frame / fotograma, y damos un clic derecho sobre el, en el
men contextual que emerge seleccionaremos la opcin de create motion tween / crear interpolacin
de movimiento y la lnea del tiempo se rellenara con una lnea punteada as:

Ahora ya tenemos nuestra interpolacin de movimiento, ya solo tenemos que indicar una cosa, el
movimiento, y esto se hace de la siguiente manera:
Demos un clic en el frame / fotograma numero 40, de modo que quede seleccionado (esto lo sabemos
porque queda sombreado, de color negro).
Ahora nos dirigimos al escenario / stage, y tomamos la bola con el puntero del ratn, la arrastramos
hasta el otro extremo del escenario / stage, que quede de esta forma:

Como pueden ver en la lnea de tiempo se cre una flecha desde el frame / fotograma numero uno,
hasta el numero 40, me supongo que ustedes ya lo haban visto verdad??, bueno, pues esta flecha indica
interpolacin de movimiento, pero en si que es lo que ocurre con esto?, pues solamente hacemos que
flash trabaje por nosotros, lo que pasa con la interpolacin de movimiento es que nosotros solamente
indicamos el principio y el fin de nuestro smbolo, y FLASH CREA TODOS LOS FRAMES / FOTOGRAMAS
INTERMEDIOS, muy bien, para entendernos mejor, por que no dejamos de una vez que corra nuestra
pelcula?, vamos, presionemos (Control + Enter) para ver que pasa.
Lo lograste?, wow, que bien verdad, pues como ves, espero que ahora me entiendas mejor, cuando me
refiero a que flash crea automticamente los frames intermedios. Una ultima cosa, colcate en frame
20 y arrastra la pelota un poco hacia abajo, veras que se crea otro punto negro (key frame / fotograma
clave) en la lnea de tiempo, y ahora son dos flechas, muy bien, corre la pelcula para que veas que es
lo que pasa. Sigue experimentando con estos movimientos todo lo que quieras, vers que solo depende
de ti y tus ideas para darles un buen uso.

Mejor respuesta - Elegida por el usuario que pregunta

Detener una interpolacion

Bueno, lo que entiendo de tu pregunta es que acabas de hacer una

interpolacin de movimiento
y necesitas que se detenga en el momento que quieras.
** Sugerencias:
*Sugerencia 1:
- - Crear una nueva capa, lo que haras es colocarle una instruccion para que
se detenga
en donde quieras.
->Colocas un fotograma clave en la nueva capa, el fotograma clave lo
colocas en
fotograma en donde quieres detener la animacin. Seleccionas el fotograma
clave
Abres el panel de Acciones (F9), escribes : stop();

*Sugerencia 2:
- - Puedes crear dos Botones, uno para Detener la animacin cuando quieras
y otro para que
continue cuando lo desees.
-> Para crear un Botn: Creas un cuadro y lo conviertes en smbolo,
seleccionas la propiedad
Botn.
-> Creas una nueva capa en donde colocaras los botones. Seleccionas el
botn de detener,
abres el panel de acciones y escribes (sin las comillas) :
on (release) { gotoAndStop ("nmero del fotograma en donde quieres
detener la animacin"); }
-> Para el botn de continuar realizas el mismo proceso, excepto que
escribes lo siguiente:
on (release) {gotoAndPlay("nmero del fotograma en donde quieres
continuar la animacin");}