Como crear un Graphics Motion en 3 pasos

Esta es una guia simple de como a partir de elementos qeu tenemos en un cartel crear el “graphics motion” en 3 sencillos pasos:

1. Crear tu cartel

Mi cartel

Si todo bonito tenemos nuestro cartel hecho en ilustrador con todos los elementos agrupados segun como queremos que se van animar, yo por ejemplo animare toda la imagen1 asi que ese sera un grupo, la imagen2 sera otro grupo etc, si esta en photoshop tener en cuenta que cada grupo tendra que estar en una capa.

2. Importarlo a flash

Importandolo de illustrator a flash

Muy facil, abrimos el flash, CS3 de preferencia por la interaccion entre ilustrados y flash, le damos en archivo>importar>importar a escenario

Convirtiendo a simbolos

Una vez importado nuestros elementos a la escena de trabajo ai que convertirlos a simbolos por cada grupo, porque?? asi podremos darles movimientos y animaciones, le damos click sobre nuestros elementos uno por uno con el click derecho del mouse y le damos en la opcion convertir a simbolos

Conviertiendo a simbolos en flash

Bien, nos saldra un recuadro con la informacion de nuestro nuevo simbolo, cosas a revisar, que en las opciones de tipo este seleccionado Grafico, y le ponemos el nombre que queramos, a cada uno nombres diferentes, y convertimos a simbolos asi mismo todos nuestros grupos por separado.

Creando nuevo fotograma clave

3. Animamos nuestros elementos 

Muy bien, ahora con todos los grupos hechos simbolos (especificamente graficos), los separamos cada grupo, ahora simbolo debera estar en una capa diferente, creamos tantas capas como necesitemos para nuestros simbolos y en cada uno cortamos y pegamos solo un simbolo para darles animaciones independientes. una vez hecho esto, creamos fotogramas claves donde queremos que inicie y termine la animacion de cada elemento, dandole en el fotograma con el boton derecho del mouse, y le ponemos insertar fotograma clave y se creara un fotograma con un puntito.

Empezamos la animacion

Ya con nuestros fotogramas claves de inicio y de final de animacion, nos vamos al primer fotograma, movemos de lugar nuestro elemento de donde partira (o cambiamos tamaño, opacidad, etc etc y todas esas propiedades que conocemos), igual nos vamos al final, y lo movemos a donde quedara.

Animando yeah yeah

Ya que cambiamos estas propiedades, tenemos nuestro inicio y fin en la linea del tiempo, damos click con el boton derecho del mouse en medio de estas dos, y le damos en el menu, create motion tween (o su equivalente en español :s)

Animado!!!

Y tan tan, flash crea todos los fotogramas intermedios de la posicion de inicio y la posicion final y la barra se pone azulita en el espacio donde esta la animacion, :O Y asi lo haces con todos los elementos que uqieras animar, cambiando todaas las propiedadesq ue gustes.

para cerrar

Ps ya una vez terminada nuestra linea del animacion, para finalizar le damos en archivo>exportar>exportar pelicula para guardarla en un formato que podamos quemar en un disco y que el grover no se ponga sus moños.

Y fin!!!

Nos abre el cuadro de dialogo que todos conocemos, le damos en salvar como .avi (o quicktime segun gusten) para uqe nos lo guarde como pelicula, y facilisimo con el nero podamos quemarlo como vcd o dvd o como gusten, o lo pueden dejar como pelicula y se termino el dilema del graphics motion.

Puedes comentar aqui cualquier duda y si puedo (que tengo una repentina que hacer, a ver si el profe tambien me cuenta esto (cof cof) :S ) con gusto les contesto, aqui dejo el archivo muestra terminado por si te sirve, esta en flash cs3 actionscript 3.0, suerte:

http://slider.037.googlepages.com/repentina.fla

slider_037

2 comentarios

  1. Gracias por tomarte el tiempo mi hermano (a)… seguro sera de utilidad
    Mil gracias

  2. eiiii Lic castorena….bien apuntadooooo y gracias a todos….. en su madre a los profesores jajajaj😀

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: