Mostrando entradas con la etiqueta animacion. Mostrar todas las entradas
Mostrando entradas con la etiqueta animacion. Mostrar todas las entradas

Animaciones con Mascaras

2

Category: , , , , , , , ,

Hola.Bueno ,en este Tutorial del Manual Flash aprenderemos a hacer Animaciones en Flash Utilizando ''Máscaras''.
En primer lugar, si no tienes bien en claro que son las Máscaras, te lo explicare.
Las Mascaras es una de las tantas Herramienta que te Brinda Flash.Esta Herramienta consiste en crear cualquier Objeto y ponerlo en un Lugar Específico del Area de Trabajo y convertir dicho Objeto en una Máscara, que lo que hara es solo Mostrar el Lugar donde se Encuentra la Máscara
Si quieres ver un Ejemplo de una Animación hecha con Máscaras Click Aquí.

Bueno Pues ya sabemos en lo que consisten las Máscaras, ahora hagamos una.
 Primero tenemos que tener un Documento Flash abierto, Luego dale click al Area de Trabajo y en las Propiedades te saldran unas Opciones, entre esas Opciones Hay una que se llama Stage o Lienzo, depende en que idioma tengas en Programa Flash, dale Click a esa Opción y elige el Color que quieras que tenga el Fondo de la Animación.Yo elegiré el Color Nergro.



Ya teniendo elegido el color de fondo que deseamos lo que haremos será lo Siguiente:
Presionamos las Teclas CTRL+R y se nos abrira una Vntana en donde nos permitira elegir una Imagen que queramos(al aver elegido la Imagen recuerda cuadrar la Imagen con el mismo tamaño del Area de Trabajo,para eso selecciona la Herramienta Transformadora).Luego de aver elegido la imagen que quieras, lo que hay que hacer es crear una Nueva Capa o Layer.
Para hacerlo tenemos que dar click a la Opción Nueva Capa o New Layer, que dicha Opción se encuentra al Lado izquierdo de los Fotogramas:



Una ves que hiciste una capa lo que debemos hacer es Seleccionar la Herrameinta del Óvalo y crear un Círculo en la Capa 2.
Ahora lo que haremos será moverlo con Interpolaciónes de Moviemiento(si no sabes que es una Interpolación de Movimientio Click Aquí.), para eso Sombrearemos el Fotograma 10 de Ambas Capas y le presionaremos la Tecla F6, luego mueve el Círculo que creaste en la capa 2(lo puedes mover a donde quieras, siempre y cuando no se salga del area de Trabajo y ojo, el Círculo lo tienes que mover en el Fotograma 10).
Una ves que moviste el Círculo dale click Derecho al Fotograma 1 de la Capa 2 y selecciona la Opción ''Crear Interpolación de Movimiento'' o ''Create Classic Tween'', depende que versión de Flash Tengas.
Así has con los Fotogramas ,20,30,40,50,etc. Como tu quieras.pero recuerda que se recomienda hacerlo de 10 en 10 , ya que es una velocidad excacta para esta Animación, y tambien recuerda poner siempre la Opción de Interpolación de Movimiento cada ves que hagas Fotogramas de 10 en 10 en la Capa 2.
 
Actualizado:


Para agrandar el círculo en la animación necesitamos crear 20 Fotogramas más,es decir que si el ultimo fotograma de la animación es el Fotograma 50 le damos clik izquierdo al fotograma 70 y presionamos la tecla F6,luego en el Fotograma 70 seleccionamos la Herramienta: Transformador de Objetos y agrandamos en Círculo,ocultando toda la imagen por completo, luego, le damos clik derecho a 20 fotogramas antes del ultimo fotograma(en mi caso yo dare clik derecho al fotograma 50) y pondremos Crear Interpolación de Movimiento pero si tienes el Flash cs4 pondras Create Classic Tween.
Ahora por ultimo le agregaremos unos 30 fotogramas más, para que cuando veamos la animación se quede al final, un rato paralizado todo, y asi podamos apreciar bien la animación.



Ahora ya teniendo todo esto hecho empezaremos a hacer la Máscara, y para eso le daremos Click derecho a la Capa 2 o layer 2 ,luego de aver hecho esto nos Saldra una pequeña lista de Opciones y en la cual nosotros le daremos Click a : Máscara o Mask.



 

Una ves que le deas Click a la Opción Máscara te saldrán las Capas de esta manera:


Si es que las Capas te salen de las misma manera que esta en la imagen, significa que ya has hecho una Máscara en tu animación, y para ver el Resultado Presiona las Teclas: CTRL+ENTER.





Para descargar el Archivo Editable de esta animación(*.Fla) dar clik Aquí

Aquí un enlace para ver el mismo tutorial en video

¿Como poner nuestras Animaciones Flash en nuestras Webs?

2

Category: , , , , ,

Al momento que una persona quiere aprender a usar Flash, lo hace con una sola Intenció, la cual es el querer mostrar sus propias Animaciones a los demas, ya sea por medio de una web, un blog, un foro, etc.
Pues para enseñarte como mostrar tu animaciones Flash a tu Web debes de tener en cuenta algunas cosas.
Que son:

Cuando haces una animación Flash y la Guardas, se guarda finalizando asi, (Emjeplo): ''ElNombreDeTuAnimación.fla'' , Es decir que siempre que guardes una animación de Flash a tu Computadora, terminara con ''.FLA''.

 Debes saber que al Momento de que ya esta Guardada tu animación en tu pc y pones CTRL+ENTER para probar el producto final de la animación, automaticamente se guarda otro archivo Flash de tu animación a tu PC, pero el archivo no termina ''.FLA'' si no que termina con ''.SWF'', asi que los archivos Flash  guardados con ''.FLA'' son archivos de Flash editables, y los archvos de Flash que terminan con ''.SWF'' , son practicamente el producto final, dado a que ese archivo ''.SWF'' es el que pondremos en nuestra web atreves de unos codigos.

Debes saber que para Mostrar la Aimación, debes hacerla con unos codigos HTML.

Bueno y por Ultimo es que nuestros Archivos ''.SWF'' de nuestras animaciones Flash deben estar alojadas en un servidor. Si no sabes muchos de esto de alojar te dejo un enlace donde te explican muy bien todo el tema y te dan la Oportunidad de alojar tu archivos Gratis.
Clic aquí

Empecemos. Primer una ves que ya tienes la Dirección URL de Archivo ya alojado. Tendras que abrir un lugar HTML en tu web, blog, foro o lo que se a que tengas.
Luego que ya has abierto el lugar HTML en tu web pega este codigo:

<embed width="xxx" src="aqui ponen el url de su archivo" height="xxx"> </embed>

Bueno una ves que hayas copiado el codigo y lo hayas pegado reempleza los lugares con lo que te pide.
bueno pues aquí le dejo el codigo que hice para mostrar mi Animación:


<embed width="700" src="http://dl.getdropbox.com/u/1540729/tu%20animaci%C3%B3n%201.swf
" height="500"></embed>


Como ven ese es el producto final del codigo que pegaremos en nuestra web.
Y también podran ver que la URL que esta en el Código termina con ''.SWF'', pues es como se los dije toda animación de producto final termina con ''.SWF''.

Bueno pues ahora la Animación es esta: