Instituto Superior Tecnolgico Pblico

San Pedro del Valle de Mala

GUIA DEL CURSO DE Animacin de Grficos

Autor: Miguel ngel Pea Noya

Adobe Flash Profesional Cs6

Ejercicio Nivel 2 de Flash CS6:
Animacin de un Paisaje:

Primero tomaremos la herramienta rectngulo y lo ajustamos a nuestro escenario,

Nos vamos al men ventana/alinear y le damos las opciones de alinear al centro verticalmente
respecto a escenario y alinear horizontalmente respecto a escenario, una vez que hemos
centrado nuestro rectngulo , Aplicamos un color degradado lineal asemejando el color del cielo.

Luego seleccionando el rectngulo lo convertimos en un Smbolo de tipo clip de pelcula con

las teclas Ctrl + F8.

Instituto Superior Tecnolgico Pblico

San Pedro del Valle de Mala

GUIA DEL CURSO DE Animacin de Grficos

Autor: Miguel ngel Pea Noya

Le daremos una cantidad de 100 fotogramas, he insertamos un fotograma clave y seguidamente

insertamos interpolacin clsica.

Despus de haber creado nuestra interpolacin clsica, en el primer fotograma daremos clic y
seleccionando el rectngulo nos iremos a la ventana de Propiedades, aplicaremos un efecto de
brillo en la Ficha EFECTO DE COLOR, le aplicamos un color oscuro brillo -80%.

Instituto Superior Tecnolgico Pblico

San Pedro del Valle de Mala

GUIA DEL CURSO DE Animacin de Grficos

Autor: Miguel ngel Pea Noya

Le cambiamos el nombre a nuestra capa 1 y e ponemos de nombre fondo y seguidamente

creamos una nueva capa llamada estrella.

Una vez en la capa estrella, haciendo uso de la herramienta polyStar insertamos una estrella
de 4 lados para ello debemos ir a la paleta de propiedades en la ficha Configuracin de
herramienta damos clic en el botn opciones de herramientas en la ventana que aparece
elegimos un Estilo para este caso una Estrella y en nmero de lados ponemos 4 y le damos clic
en Aceptar.

Luego de haber insertado nuestra estrella lo convertimos en smbolo Ctrl + F8 y le ponemos de

nombre Estrella ingresamos dentro del smbolo

Instituto Superior Tecnolgico Pblico

San Pedro del Valle de Mala

GUIA DEL CURSO DE Animacin de Grficos

Autor: Miguel ngel Pea Noya

Una vez dentro del clip de pelcula estrella, volvemos a convertirlo en Smbolo de tipo clip de
pelcula y le ponemos de nombre estrella_animada.

Aceptamos e insertamos un nuevo fotograma clave en el fotograma 20 de la lnea de tiempo,

seguidamente le creamos interpolacin clsica como ya vimos en un ejemplo anterior .

Posteriormente en el fotograma 10 insertamos un fotograma clave y damos clic sobre nuestro

smbolo estrella que tambin hace referencia a nuestro smbolo de estrella_animada.

Instituto Superior Tecnolgico Pblico

San Pedro del Valle de Mala

GUIA DEL CURSO DE Animacin de Grficos

Autor: Miguel ngel Pea Noya

Seleccionando el smbolo estrella_animada nos vamos a nuestra paleta de propiedades.

Ubicados en el fotograma clave 10 le cambiamos las propiedades del alfa a un 20% para dar un
efecto de prender y apagar a nuestra estrella si se desea tambin podemos aplicar un a
modificacin en la ficha de filtro para desenfocarla levemente.

Para hacer el desenfoque debemos ubicarnos en el fotograma 1 y aplicar la modificacin

desenfoque en X ; Y, el mismo procedimiento se realiza para el ultimo fotograma clave 20,
debemos dejar el fotograma 10 porque este posee un efecto de color alfa.

Para colocar muchas estrellas dentro de mi capa estrella ingresar dentro de la capa estrella y
le cambiar el tamao hacindolo ms pequeo ya que posterior a este paso usaremos la
herramienta Pincel Rociador (B) y en la paleta de propiedades editaremos en la ficha Smbolo
por el nuestro.

Instituto Superior Tecnolgico Pblico

San Pedro del Valle de Mala

GUIA DEL CURSO DE Animacin de Grficos

Autor: Miguel ngel Pea Noya

Teniendo seleccionada nuestra capa estrella y activa nuestra herramienta pincel Rociador nos
vamos al panel de propiedades y seleccionamos el botn Editar y dejamos la configuracin como
se muestra en esta figura.

Luego de hacer los cambios de Anchura de escala, Altura de escala y de chequear las cajas de
checkbox, usamos nuestra herramienta pincel rociador sobre la capa estrella, nos debe quedar
dela siguiente manera si deseamos mejores resultados le ponemos a la anchura y altura de
escala un valor de 30% a cada una respectivamente y en la FICHA PINCEL podemos poner
valores mayores a 120px para darle ms separacin.

Instituto Superior Tecnolgico Pblico

San Pedro del Valle de Mala

GUIA DEL CURSO DE Animacin de Grficos

Autor: Miguel ngel Pea Noya

Para evitar que nuestro paisaje cambie rpidamente de oscuro a claro copiamos nuestro primer
fotograma de la Capa Fondo y la pegamos en el fotograma 60 de la misma capa, con ello
alargamos el tiempo de oscuridad.

Si la animacin de nuestras estrellas va muy rpido entonces damos doble clic en nuestro
smbolo de estrella ubicada en la biblioteca y en la lnea de tiempo le agregamos fotogramas
intermedios con F5 para que tome ms tiempo la animacin.

Una vez modificado este paso nos vamos a la escena y le aplicaremos un degradado Alfa a
nuestras estrellas para que desaparezcan a medida que se aclara el paisaje.
Para ello vamos a alrgar los fotogramas hasta 180 donde terminar nuestra animacin hasta
all debemos agregar fotogramas.
7

Instituto Superior Tecnolgico Pblico

San Pedro del Valle de Mala

GUIA DEL CURSO DE Animacin de Grficos

Autor: Miguel ngel Pea Noya

Para dar el efecto de que las estrellas desaparecen con la claridad, insertamos un fotograma
clave en el fotograma 90 y otro en el fotograma 120. Seguidamente le creamos interpolacin
clsica teniendo en cuenta que debemos ubicar nuestro cursor en el fotograma 120 para irnos
as a nuestra paleta de Propiedades y darle efecto de color alfa 0 a nuestro clip, tener en cuenta
que para editar este smbolo debemos dar clic en la estrella de nuestra escena para obtener las
propiedades.

Listo! Ahora creamos una nueva capa a la cual llamaremos Nubes

Con la herramienta de ovalo fusionamos varios valos para darle apariencia de nubes y
convertirlas en clip de pelcula, una vez creados nuestros smbolos nube1 y nube2 vamos a la
paleta de propiedades y aplicamos un filtro de desenfoque y un nivel bajo de alfa.

Instituto Superior Tecnolgico Pblico

San Pedro del Valle de Mala

GUIA DEL CURSO DE Animacin de Grficos

Autor: Miguel ngel Pea Noya

Instituto Superior Tecnolgico Pblico

San Pedro del Valle de Mala

GUIA DEL CURSO DE Animacin de Grficos

Autor: Miguel ngel Pea Noya

El resultado debera quedarnos como se muestra en la figura

Luego insertamos una nueva capa llamada niebla, le podemos aadir un efecto de niebla de la
misma manera como en las nubes solas que esta vez se usar el pincel con un estilo y tamao
que permita hacer un trazado horizontal al cual le daremos desenfoque y color alfa tener en
cuenta que para esto el trazado de debe haberse convertido en clip de pelcula.

Para la capa nubes crearemos interpolacin clsica solo para moverlas ligeramente.

10

Instituto Superior Tecnolgico Pblico

San Pedro del Valle de Mala

GUIA DEL CURSO DE Animacin de Grficos

Autor: Miguel ngel Pea Noya

Para la niebla debe haberse creado una capa especial llamada niebla tambin le damos
interpolacin clsica el desenfoque y color alfa es a criterio.
Creamos una nueva capa llamada Montaas y con la herramienta Rectngulo, el cubo de
pintura, la herramienta de seleccin formamos unas lomas o montaas.

Le aplicamos un color oscuro ya que es un clip de pelcula y debido a que debe conjugar con el
paisaje.
En esta capa creamos una interpolacin clsica, luego, vamos a filtros en la paleta de
propiedades y le bajamos el brillo.
En el primer fotograma le damos brillo -81% y en el ltimo fotograma de esta capa le damos
brillo 0%

11

Instituto Superior Tecnolgico Pblico

San Pedro del Valle de Mala

GUIA DEL CURSO DE Animacin de Grficos

Autor: Miguel ngel Pea Noya

Insertamos una nueva capa llamada Sol en el fotograma 120 y dibujamos un ovalo el cual
convertimos en un smbolo de nombre Sol le damos propiedades de brillo y desenfoque y desde
el fotograma 120 al final de la escena le creamos una interpolacin clsica.

El resultado es como se muestra a continuacin la figura .Listo! con esto hemos concluido la
sesin del dia.

12