Mayo 17, 2008
TUTORIAL GIF animado en Flash por Miguel Angel Teherán García
Para crear un GIF animado a través de flash solo hay que hacer el flash como tal y al momento de publicarlo le damos que nos genere el GIF animado.
Primero se mostrará un botón práctico que se puede hacer de manera sencilla en flash especialmente para páginas Web.
-
Entrar a flash 8 y crear un nuevo documento. El botón va a ser más ancho que alto. Coloquemos por ejemplo, 100 px de ancho contra 50 de alto y nos queda algo así:
-
Se coloca en el fondo del documento el color que prefiramos y se añade una caja de texto en el centro, con el texto que queramos como por ejemplo “Descargar”, al finalizar, se obtendrá algo así:
-
Ahora sí, mejore el aspecto del botón dándole una pequeña animación. Para ello debemos agregar más fotogramas con la tecla F5 y después de esto darle clic derecho al texto y convertirlo en una imagen y luego en el último fotograma que se ingrese, le damos agregar fotograma clave para entonces tendremos algo como esto:
-
Ahora, seleccionemos el texto convertido en imagen en la parte de abajo, vamos a la opción de color y para el caso del color que seleccionamos que fue blanco elegimos “Brillo” y en nuestro primer fotograma colocamos “Brillo” en 100º y después en el fotograma clave al final de la animación colocamos “Brillo” en -100º al pararnos sobre la mitad de la animación le damos abajo animar y seleccionamos la opción “movimiento” se debe ver de esta forma:
-
Repetimos este mismo procedimiento pero a la inversa, colocando primero “Brillo” en -100º y luego en 100º en un fotograma clave.
-
Ahora, vamos a publicar el programa. Para ello, le damos primero en “Archivo” luego, “Configuración de publicación” y agregamos “Imagen GIF”. Inmediatamente, aparece una nueva pestaña y hacemos click, seleccionamos en la opción “Reproducción”, “Animada” y agregamos la opción de coincidir en película. En cuanto a las dimensiones, la configuración debe estar así:
-
Listo. Ahora solo hay que darle “Archivo”, “Publicar” y en todos nuestros archivos que generó, aparece nuestro GIF animado.
Podemos incluso, agregarle muchas cosas mas.
Además, hay otros software como Magic Swf2Gif al cual solo tienes que ingresar tu archivo flash y lo convertirá en un GIF inmediatamente.
Aca esta un ejemplo de cómo queda todo al final:
Espero que les sirva este tutorial, si hay alguna pregunta déjenla en el comentario.
Escrito en Informatica, Macromedia Flash, Programacion, Telecomunicaciones | Etiquetado Diseño, Flash 8, GIF animado, Informatica, Mteheran, Programacion, Telecomunicaciones |
Dejar un comentario
Miguel Angel
Gracias por tus consejos en flash.
Necesito hacer un GIF animado que tenga de fondo un mapa fijo y encima un boton animado. Es para marcar la dirección del negocio sobre el mapa. La verdad es que me he vuelto loco con éste tema que creo debe ser bastante sencillo. El problema es que se me meven las 2 imágenes juntas (el mapa y el botón)
Muchas gracias
Gastón
Hola, yo hago todo como dice el tutorial, pero cuando lo quiero guardar, solo se guarda una imagen sin movimiento. EL gif q hice es una carita en el q se mueven los ojos de un lado a otro.
hola tengo la inquietud de de miguel angel, varios botones animados sobre una misma imagen que se se iluminen al paso del cursor, agradeceria me facilitaran un recurso del cual me pudiera orientar..
Gracias
amass
[...] utiliza macromedia flashhttp://www.taringa.net/posts/downloads/1…titular como crear gif animadoshttp://mteheran.wordpress.com/2008/05/17… [...]
gracias me fue util el tutorial, pero tengo un problema cuando creo un imagen gif transparente sale los costados transparentes pero la parte de arriba sele con cuadros que puedo.por ejemplo quiero hacer mover una moneda verticalmente pero transparente
les estare muy agradecido por su ayuda
gracias me fue util el tutorial, pero tengo un problema cuando creo un imagen gif transparente sale los costados transparentes pero la parte de arriba sele con cuadros que puedo hacer .por ejemplo quiero hacer mover una moneda verticalmente pero transparente
les estare muy agradecido por su ayuda
esta bien esta informacion me saco de apuro gracias por crear la pagina por que e buscado otras pero esta es la unica que me a ayudado
gracias
hola mira tengo un problema, ya realize mi gif en flash y todo , el problema es que lo quiero para una firma electronica de un correo de outlook, y como as de saber, no tiene que pesar mas de 100 kb para que se vea , pero al pesar menos se ve con poca calidad, como puedo hacer que no pierda calidad y que no pese mucho.
O como puedo cambiar el editor prestablecido de outlook que es word, por otro que me permita hacer mi firma , y que se vea bien.
Te lo agradecere mucho
Para crear gif : http://es.bloggif.com
Queria saber como hacer para que cuando lo publico en .gif me baja la calidad de la imagen? en ves de verse bien nitido se ven con puntitos las imagenes…que dpora ser?
oie cundo creas un gif animado despues t lo guarda en … htlm? `por k hise todos los pasos k dijiste y asi me lo guardo
hola oie tengo un problemilla, quiero hacer mis propios emoticons para el messenger osea haciendolos gif y luego pasarlos al messenger, y si puedo, los carga y tienen movimiento, el problema esta en que se ven muy pekeñoz, por mas grandez que sean las dimensiones de mi pelicula se ve igual osea chikiito y pixelado eso lo k no me gusta, me podrias ayudar, te lo agradeceria