-
Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala
GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea
Noya
Ejercicio Nivel 2 de Flash CS6:
En este ejercicio desarrollaremos lnea de tiempo e
interpolacin.
Para ello importaremos 2 imgenes las cuales corresponden a un
helicptero y otra que a un
fondo con edificios. Estas imgenes las descargamos de internet y
las guardamos en una carpeta que usaremos con posterioridad.
Para iniciar este procedimiento debemos crear un nuevo documento
para ello damos clic en un el men archivo /nuevo o con las teclas
Ctrl+N elegimos la opcin de ActionScript 3.0. , listo.
Adobe Flash Profesional Cs6
-
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 de Flash Importaremos las imgenes que hemos
descargado y la traemos a
nuestra biblioteca.
Crearemos un nuevo smbolo de tipo clip de pelcula al cual le
daremos nombre: h1; tipo: clip de pelcula.
-
Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala
GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea
Noya
Luego dentro del clip de pelcula abrimos la imagen del
helicptero y la arrastramos a nuestro
escenario.
Una vez realizado este proceso, cambiamos de nombre a la capa 1
y le cambiamos de nombre
por el de fondo . Ajustamos nuestra imagen al tamao deseado
ajustando la imagen con la herramienta transformacin libre para
luego posteriormente utilizar la herramienta de pluma.
-
Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala
GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea
Noya
Luego insertamos una nueva capa llamada Recorte para ello
bloqueamos la capa fondo
dando un clic en la capa fondo debajo del icono del candado,
luego insertamos una nueva capa.
Una vez insertado la capa nueva le cambiamos el nombre por el de
recorte. Estando en azul
la capa recorte cambiar el color de trazo por un color verde,
para ir anclando la lnea nodo a nodo alrededor de la imagen del
helicptero con la herramienta pluma.
En la capa recorte iremos trazando un contorno con la
herramienta pluma sin suspender la
accin hasta cerrar completamente la imagen del helicptero. Es
importante tener en cuenta
que me encuentro en la capa recorte.
-
Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala
GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea
Noya
Una vez terminado de hacer el trazado curvamos algunas
imperfecciones con la herramienta
seleccin acercando el cursor a la lnea que queremos curvar.
Podemos observar que en la capa recorte solo tendremos el
trazado.
Luego ubicados en la capa de recorte seleccionamos la lnea del
trazado y hacemos dos veces clic para seleccionar nuestro recorte y
con las teclas Crtl + X. cortamos.
-
Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala
GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea
Noya
Podemos recortar tambin por medio del men Edicin/cortar Ctrl + x
.
Inmediatamente tenemos que ir a la capa fondo y quitar el
candado luego observaremos que la
imagen se encuentra contorneada en celeste esto quiere decir que
esta agrupada, para separar
esta imagen damos clic en la imagen del fondo nos vamos a la
barra de men y seleccionamos el men Modificar /separar Ctrl +
B.
La imagen cambiar de aspecto levemente esto nos indica que ha
sido separada.
Luego de este paso selecciono la capa fondo y en el men edicin
seleccionamos la opcin de
Pegar in situ con lo cual la capa de recorte quedar vaca y la
capa de fondo se contornear con las lneas de contorno anteriores
sobre el fondo del helicptero.
Para comodidad una vez realizado correctamente este
procedimiento podemos eliminar la capa recorte ya que se encuentra
vaca. Clic sobre la capa recorte y luego clic derecho Eliminar
capas.
-
Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala
GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea
Noya
Para efectos didcticos pondremos el Zoom a 50% para apreciar cmo
se debe ver nuestra
imagen cuando ponemos la imagen fuera del fondo el cual
eliminaremos seleccionndolo y
suprimindolo quedndonos as solo con la imagen del helicptero,
ubquelo en la parte central del escenario.
Recuerde que este smbolo ya tiene nombre h1 no tenemos que crear
nada ms ya que este smbolo se encuentra guardado.
Ahora procederemos a elaborar y
disear el hlice de nuestro
helicptero para ello, creamos un
nuevo smbolo puede hacerlo con
las teclas Crtl+f8, cuando aparezca
la ventana de crear nuevo smbolo
le pondremos como nombre: hlice
y escogeremos el combo de tipo: clip de pelcula.
-
Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala
GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea
Noya
Ya dentro del clip de pelcula hlice procedemos a utilizar la
herramienta ovalo y le damos
contorno sin color de trazo color de fondo rojo.
Elaboramos un crculo manteniendo pulsada la tecla Shift y luego
alineamos al centro tanto horizontal como vertical respecto del
smbolo, para ello nos vamos al men Ventana/Alinear
Luego de alinear el crculo, voy a escoger la herramienta lnea y
trazar manteniendo pulsado la tecla Shift lneas tanto verticales,
horizontal y diagonales.
-
Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala
GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea
Noya
La lnea la seleccionamos con la herramienta seleccin para poder
moverla y ajustarla respecto
del centro.
Cambiamos de color con la herramienta cubo de pintura y pintamos
intercalando la figura.
Hacemos dos veces clic sobre las lneas y las suprimimos,
cambiamos los colores si deseamos.
Una vez realizado esto, en nuestra capa1, en la lnea de tiempo,
en el fotograma 50 insertamos
un fotograma clave.
-
Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala
GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea
Noya
Insertamos fotograma clave en el fotograma 50.
Luego en cualquier fotograma dentro de la lnea de tiempo hacemos
clic derecho y elegimos
crear interpolacin clsica.
Cuando aparezca la flecha de la interpolacin nos vamos al men
ventana y en el men Propiedades Ctrl +F3 damos clic.
-
Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala
GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea
Noya
Aparecer una ventana de propiedades de la interpolacin clsica
donde debemos escoger en
el combo Rotacin la opcin CW para que nuestra circunferencia
gire.
Una vez terminado este proceso vamos a insertar un nuevo smbolo
clip de pelcula Ctrl + f8 y
le ponemos como nombre Helicoptero_final, donde juntaremos a
nuestro helicptero con la hlice.
Estamos trabajando en el clip helicoptero_final desde all
podemos observar nuestra
biblioteca donde se encuentran contenidos nuestros otros clip
llamados h1(helicptero
recortado),hlice(la circunferencia),y el nuevo que hemos
creado.
Estando dentro del clip helicoptero_final vamos a crear dos
capas a las cuales llamaremos:
-
Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala
GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea
Noya
h1 para poner all en esa capa nuestro helicptero y en la otra
capa Hlice pondremos nuestra hlice.
Luego seleccionando el smbolo de la hlice voy a la ventana de
propiedades y en opciones de EFECTO DE COLOR, en Estilo elijo
Alfa.
-
Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala
GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea
Noya
Le damos un valor de alfa al 50% y duplicamos nuestra hlice para
poder luego reducirlas a sus
formas donde corresponda como rotor de la cola y hlice del
helicptero.
Nos debe de quedar de la siguiente manera.
Como nos encontramos dentro de un clip de pelcula no podremos
observar el movimiento de
las hlices, por ese motivo nos iremos a la escena donde
crearemos dos capas una para el fondo y otra para el
helicptero_final.
Cambiamos a nuestra primera capa con el nombre de Fondo y
creamos una segunda capa con el nombre de h1.
-
Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala
GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea
Noya
En la capa fondo arrastraremos nuestra imagen de edificios y en
nuestra capa de h1 nuestro clip
de pelcula helicoptero_final.
En la capa fondo ajustamos la imagen al escenario.
Nos ubicamos en la capa h1 y en nuestra ventana de biblioteca
observamos el helicoptero_final
el cual arrastraremos hacia nuestro escenario ajustndolo al
tamao adecuado.
-
Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala
GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea
Noya
Podemos probar nuestro clip con las teclas Ctrl + Enter para
observar que todo est correcto,
luego nos posicionamos en la capa h1 y en el fotograma 60
insertamos un fotograma clave y
creamos una interpolacin clsica , para ello debemos sacar
nuestro helicptero fuera de la
escena al inicio en el fotograma clave 1 para que se posicione
en un inicio ,luego nos
posicionamos al final del escenario fuera de la escena en el
fotograma clave 60 para que nuestro clip del helicptero pase de un
lado a otro y finalice all.
-
Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala
GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea
Noya
En la capa fondo me posiciono en el fotograma 60 y presiono F5
para acompaar el fondo al
clip de pelcula de la capa h1.
Luego creamos una nueva capa para poner un segundo helicptero
que pase por detrs de los
edificios. Para ello creamos una capa h2 al cual crearemos
interpolacin clsica he invertiremos
la figura para que su entrada en el escenario sea en sentido
contrario, luego copiaremos el
fotograma 1 de la capa fondo para poner el efecto de que el
helicptero dos pase por detrs del edificio.
Creamos una capa nueva llamada fondo_copia donde pegaremos
nuestro fondo del fotograma 1 que copiamos anteriormente.
Una vez copiado el fondo del fotograma 1 de la capa fondo nos
posicionamos en el primer fotograma de la capa fondo_copia es all
donde pegaremos el fondo anterior.
-
Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala
GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea
Noya
Una vez pegado el fondo en el fotograma de la capa fondo_copia
hacemos clic en la los candados
de las capas anteriores y escondemos la vista de la capa
fondo.
Seleccionamos nuestra capa fondo copia y damos clic en la imagen
de los edificios separndola con las teclas rpidas Ctrl + B.
Una vez separados procedemos a cortar la imagen del edificio
para darle efecto para ello usaremos la herramienta transformacin
libre.
-
Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala
GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea
Noya
El fondo_copia debera quedar recortado dela siguiente manera
Terminado este proceso activamos la vista del fondo y logramos
concluir nuestro efecto y con
l Nuestra prctica de animacin flash.