UNIDAD 3 Aplicaciones Animacion 1 … por fin practica ac

TEMARIO

hola!! por fin entramos a la practica yeah!!! mmm bueno para ver esta unidad se hara por decirlo 3 Practicas asi q comencemos ok

En las practicas se abarcaran lo siguientes temas talvez no todos al mismo tiempo pero entres las 3 veremos todo

-Capas

-Fotogramas y fotogramas clave

-Creación de Símbolos

-Propiedades

-Manipulación de objetos y símbolos

-Solapamiento de imágenes

-Interpolación de Movimiento

-Acción stop

-Publicación

COMENZEMOS!!!!!!! antes de comnzar si no tienes los elementos nesesarios para empezar te recomiendo visitar esta pagina aqui podras encontrar lo nesesario para este curso con la version de prueba tienes “para empezar”

y por favor revisa la unidad 2 para q sepas q onda esta muy sencilla pero desde ahorita ya empezaremos a manejor lo enseñado en esa unidad asi q tomate unos minutitos para revisarla ok

PRACTICA 1 PELOTA BOTANDO

Empezemos …

Entremos a nuestro programa flash si lo instalaste con las opciones por default inicio>todos los programas>macromedia>Macromedia flash 8 si lo acas de instalar te saldra una ventana con dos opciones elige la q dice flash profesional 8.

despues entraras a flash y te saldra la hoja de inicio

escogemos la opcion de nuevo documento .

ya q estemos dentro ahora si ya viene lo bueno …

Basicamente crearemos una instancia q sera nuestra base para nuestro simbolo pelora y le daremos animacion por medio de fotogramas y fotogramas clave e interpolacion de movimiento…

asi hacen referencia los tutoriales en sus ejercicios mmm no te precupes sno le entendiste al final de la practica te reto a q leas de nuevo ese parrafo y veas la diferencia…

bueno mucha charla y nada de accion prosigamos

en flash existen varios tipos de elementos, simbolos, instancias, btones y aqui as describiremos una x una como las vayamos ocupando

en nuestra barra de herramientas vermos dos herramientas el ovalo y el rectangulo (presionando o y r en el teclado es su acceso directo)con ellos podemos dibujar dichas figuras , por el momento solo ocuparemos el circulo, escogemos la herramienta ovalo y en la parte de abajo dice colores y aqui estan nuestras herremientas de relleno y contorno con ellas damos color a nuestra instancia elejimos de relleno azul y contorno rojo(los colores son lo de menos).

una vez elegido esto pasamos a nuestra area de trabajo (el rectangulo blanco) y vemos q nuestro cursor a cambia de forma ahora sin soltar el boton derecho del mouse dibujamos nuestra instancia circulo….

una vez hecho esto nos qd un circulo esta es nuestra instancia …llegado a esta punto explicare q es una instancia

INSTANCIA en flash los dibujos q creamos con sus herramientas son instancias estas pueden ser modifcadas,recortadas entre otras opciones prueba inenta cortar tu circulo a la mitad como???

primero en la barra de herramientas escije la herramienta seleccion (la flechita negra) o sencillamente teclea v para su acceso directo una ves q ya tengas esta herramienta con el mouse solo presionando elboton derecho veras q sale un recuadro bueno este recuadro es el area de seleccion mmm intenta selecionar solo la mitad del circulo y una ves seleccionada muevela para donde quieras … experimenta modifica el circulo ve su contorno se puede moldear, q el contorno y el relleno son dos cosas difentes y una vez hecho esto borralo por q etsamos haciendo una pelota jaja mmm para borrar todo solo crea un area de seleccion del tamaño del area de trabajo y presiona supr y vuelve a crear tu ovalo.

Prosigamos perdon por la minipractica de arriba pero ya les dije aqui aprenderemos conforme a la marcha ok asi q continuemos

una vez q tengamos nuestro circulo los selecionamos y preionamos f8 se nos deplegara una ventana en la cual ns dara la opcion de convertir nuestra instancia en algun tipo de simbolo clip de pelicula,boton,grafico.

(hay otra manera de crear simbolos pero mas adelante las explicaremos no desesperes )

borramos el nombre de simbolo1 y ponemos pelota en tipo elegimos clip de pelicula ok.

Un clip de pelicula es un simbolo q puede tener filtros bisel,transparencia entre otros aparte nuestr clip de pelicula ya no puede ser dividido tan facilmente cuando lo seleccionemo ya selecionaremos todo mmm por el momento con esto basta mas adelante explotaremos todas las caracteristicas q tiene este tipo de simbolo ok.

ya q tenemos nuestro simbolo lo colocamos en la parte superio del area de trabajo y pasamos a nuestra linea del tiempo …yeah ya viene lo bueno

en la linea del tiempo veras en el lado derecho las cpas y el lado izquierdo nuestros fotogramas.

bueno empezemos….

Fotograma el fotograma es la parte de la linea del tiempo en donde estarran nuestros sombolos e instancias en ellas .

Fotograma clave esdonde se lleva acabo algun cambio dentro de nuestra animacion, los simbolos e instancias son cambiados de poscion o simplemente borrados.

Capa.- una capa es donde staran nuestros fotogramas y donde se llevara acabo nuestra animacion.en ella estaran solo los simbolos q se encuntren en los fotogramas clave… tienes q tener cuidado n esto mas adelante vermos el porq …

bueno en nuestra linea del tiempo vamos al fotograma 10 y apretamos f6 al hacer esto crearemos un fotograma clave .

ten en cuenta los fotogramas clave tienen un puntito por asi decirlo mientras del fotograma 2 al 8 son normales no estan vacios por q contienen nuestro simbolo.

mmm prosigamos en nuestro fotograma clave movemos nuestro simbolo a la parte de abajo una ves hecho esto aplicamos una interpolacion de movimiento.

Una interpolacion de movimiento es cuando nosotros movemos nuestros simbolos de lugar loq va a suceder al crear esta interpolacion es q uestro simbolo se overa desde la psicion 1 donde tenemo nuestro prime fotograma clave (no siempre el primero debe ser clave) hasta donde exista otro fotograma clave.

Ten encuenta q este tipo de interpolacion solo funciona con simbolos no con instancias ok

para crear esta interpolacion hay diversas formas expliqemos la primera en nuestra linea de tiempo seleccionamos un fotograma anterio al ultimo fotograma clave y este damo click izq y elegimos la opcion crear interpolacion de mvimiento una vez creado esto nuestro fotogramas pasaran del gris a morado

bueno ahora recorre la linea del tiempo y ve q pasa (para recorrela solo selecciona el primer fotograma y sin soltarlo pasa hasta el ultimo)

bueno ahora crea otro fotograma clave en el 20 y vuelve aponer la “pelota” en su lugar ok para q de el efecto de estar botando

ahora ve a archivo y guarda tu trabajo con la opcion de guardar como seleccionas done lo quires guardar ok

para ver tu trabajo presiona f12 y wuala listo

mmm por el momento sera una pelota q se la pasa bote y bote …

ahora un poquito action script ve al ultmo fotrgama selecionalo y presiona f9 se abrira panel de acciones en la parte de blanco scribe stop(); observa q una vez q hiciste esto el fotograma tiene una a esta a nos dice q ese fotograma tiene action script

y en miminmiza el panel donde esta la flechita y panel de acciones da click y se minimizara ahos si apriets ctrl+s se guardara tu trabajo mm para fializar esto presiona f12 y ve …

yeah

PRACTICA 1