un poco de flash y java fx Blog
curso de flash para principiantes animacion y diseño web

Practica #2

TEMARIO

no olvides revisar los temas anteriores practica 1 ya q son nesesarios para seguir con esta practica

para continuar nuestro curso hay q agarrar practica en lo poco q ya sabemos un consejo q te doy es q vayas experimentando con flash los tipos de efectos (acontinuacion los veremos) mmm debes de ser creativo y probar por tu cuenta

lo q haremos n esta practica sera un peqeño sistema solar

bueno para empezar abrimos nuestro programa flash

para crear nuetro fondo q sera negro hay dos opciones

1)crear un rectangulo del tamaño de nuestra area de trabajo con un fondo negro.

2)vamos a nuestro panel de propiedades en a parte q dice fonndo elegimos el color negro *este fondo sera para toda nuestra pelicula si existe + esenas tambien en ellas el fondo sera negro*

prac2-1

una ves q ya cambiamos nuestro fondo crearemos nuestro sol

para esto crearemos un circulo con contorno anaranjado y lo recortamos por la mitad una vez hecho esto ocuparemos la herramienta de tranformacion libre o Q para su acceso directo, que se encuentra debajo de la herramienta de seleccion .

Esta herramienta nos permite transformar(agrandar o achicar) nuestras elementos de flash, instacias,botones ,simbolos tambien nos permite darle un rotacion cambio de posicion entre otras ***te recomiendo q experimentes con esta herramienta ya q es muy util***

una vez q tenemos la mitad de nuestro circulo la tranformaremos en un clip de pelicula con nombre de sol okprac2-22

ahora con nuestra herramienta de transformacion a grandaremos nuestro sol cuando tenemos nuestra herrramienta de sellecion ocupada en nuestro elemento se puede ver a las orillas los puntos q puedes agrandar y en el centro existe un circulo el cual nos da la opcion de moverlo y partir de hay sera el punto d referencia desde donde se modificara nuestro elemento ***te recomiendo explorar todas la opciones de esta herramienta ***

intentemos colocar nuestro sol en un lado de nuestra area del trabajo

prac2-3

una vez hecho esto vamos a nuestro panel de propiedades y aun lado de la palabra propiedades estan nuestros filtros aqui es donde estan los efectos q flash puede dar a los simbolos bisel,iluminado entre otros para poder abrilos damo click en el simbolo de “+”

***si no sale habilitada esta opcion es poq no tienes seleccionado ningun elemento***

prac2-4

ahora escogemos iluminado en esta parte del lado derecho elegimos un color anaranjado y en intensidad arriba del 200 en desenfocar x y y los cambiamos a 100***si realmente quieres aprender hacer cosas interesantes con flash debes de jugar con los filtros intentando convinarlos cambiando caracteristicas .. y te daras cuenta q con esto puedes crear mas efectos**

ya q tenemos sta parte vamos ahora a la linea del tiempo y a nuestra capa le cambiamos el nombre dando doble click donde dice capa1 y le ponemos sol

prac2-5

ahora crearemos una nueva capa para esto en este mismo lado de la linea del tiempo da click derecho y seleccionamos la opcion de insertar capa

prac2-6

ahora presta ATENCION*** las capas van a tener sus propios fotogramas y en cada fotograma puede haber uno o varios elementos por el momento solo manejaremos un elemento por capa ok asi q checa muy bien lo q sigue…***

colocate sobre el primer fotgrama de la capa q acabas de crear y hay empieza a dibujar con la herramienta linea (N) una line y dale la forma curva recuerda elegir color blanco el contorno esta herramienta funciona como la de elipse y rectangulo solo q aqui solamente escojemos contorno

prac2-7

una ves q dibujamos nuestra linea cambiamo el nombre a la capa y le ponemos orbita “sto nos servira pra no confundirnos”, cuando la linea ya esta dibujada observa q el fotograma de a capa orbita pasa de un fotograma vacio a un fotograma ocupado

ahora si nosotros queremos seleccina un elemento apartir de una area de seleccion con el mouse observa q tambien tomas elementos indeseables

en el ejemplo de abajo cuando seleccione mi circulo tambien sellecione parte de la orbita

prac2-9

para q esto no pase en la parte superior hay una opcion para bloqear yesa es el candado q esta le damos click y nuestras capas estaran bloqueadas y asi sus elementos no puedan ser seleccinados,borrados entre otras cosas

prac2-10

bueno ahora hagamos nuesto criculo un simbolo con nombre de planeta y cuando ya es un simbolo vamos a la parte de filtros escojemos la de bisel

prac2-11

ahora solo trata de hacer una buena combinacion entre las opciones q hay ..***lo mejor q puedes hacer ahorita es probar y probar las convinaciones entre el desenfocado en x y y intensidad colores en sombra y resaltar desbloquea el candadito q ves en desefocar te permitira mas convinaciones

un consejo con este filtro se da un retoq de 3d por asi decirlo usandolo adecuadamente tambien puedes hacer degradados en tus simbolos pero los veremos mas tarde

ahora una vez q terminaste de probar y ya viste cual s la convinacion q mas te gusto solo hay q darle una peqña animacion…

colocaremos nuestro planeta arriba donde empieza nuestra orbita prac2-12

ahora nos vamos al fotograma 10 y creamos un fotograma clave f6 y ahora q ha pasado nuestro planeta ha qdado solo en nuestra area de trabajo

prac2-13

ahora en las dos capas q faltan coloquemos fotogramas de relleno con f5

prac2-14

ahora regresamos a nuestro fotograma clave cambiamos de posicion nuestro planeta y creamos una interpolacion y si vas a filtros bisel y le cambias en la parte q dice angulo veras q opciones hay para hacer esta animacion…..

prac2-15

disculpen por el momento le dejare aqui q hay mas cosas por acer

No Responses Yet to “Practica #2”

Leave a Reply