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.
35 comentarios en «Como crear un GIF animado con Flash 8»
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
HOLA MIRA EN UNA IMAGEN GIF ES IMPOSIBLE QUE AL PASAR EL MOUSE SE ILUMINE YA QUE ES IMAGEN CONCRETA Y NO LLEVA CODIGO FUENTE.
LO QUE PIDES SI SE PUEDE HACER PERO GUARDANDOLO EN SWF PERO CON CODIGO FUENTE.
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.
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
GRACIAS POR EL TUTORIAL, MUY, MUY BUENO. AHORA BIEN, AL GUARDAR EL ARCHIVO COMO GIF ANIMADO EN LA CARPETA DONDE SE GUARDA (DOCUMENTOS) APARECEN TODOS LOS FOTOGRAMAS POR SEPARADO, NO APARECE COMO UN GIF ANIMADO. COMO SOLUCIONO EL PROBLEMA? TENGO WINDOWS VISTA HOME BASIC.
GRACIAS.
porque no me sale todo solo una parte de las letras
Necesito el tuturial de todo los gif no se si me pueden mandar porfa
Hola buenas estoy haciendo el logo de una entidad corporativa como gif animado para marcar una cosa en su pagina…la verdad esque al tutorial le doy un 10 pero comopodria guardarlo en formato gif?
Muchas gracias y un saludo
me pasa lo mismo que a alexander me sale fragmentado por fotogramas que debo hacer? gracias de antemano
tengo un problema.
hago todo lo q dice el tutorial y sale el gif pero me dice: vista previa no disponible…
que hago???????
una consulta: tengo unos botones exportados como GIF, solo tienen una animación simple en la instancia hover, la cual no se activa en ese formato, solo funciona al exportarlo como SWF
Gracias de antemano
Gracias loco, estaba atrapado no sabia porque mi GIF no se movia!!! me sirvio mucho el tutorial.
gracias asi voy ah poder subirlos ah youtube gracias muchisimas gracias
Bueno yo quice hacer el procedimiento para colocarlo en mi meseenger como imagen para mostrar, pero cuando quiero importar el .gif me dice que no es un archivo válido, ya sea como lo describiste Miguel, o bien exportando como gif animado.
Se agradece de todas formas, saludos.
a mí me pasa como a noelia, publico un gif como dice aquí, pero no es animado 😛
HOLA AMIGO TENGO UNA DUDA AL ESTAR HACIENDO UN GIF CON MI NOMBRE EN EL TEXTO LE AGREGUE ALGUNOS FILTROS Y AL PUBLICARLO COMO GIF SOLO LA PARTE DERECHA ABAJO Y NO SALE IGUAL COMO LO VEO EN EL FLASH.OJALA CONTESTES MI DUDA
de mucha ayuda tu tutorial…ya se como hacer un gif
pero cuando ya se ha publicado los colores se pierden ,se distorcionan…
es un gif con imagenes…se puede arreglar eso?….me podria explicar como?
gracias
no no me sirvio npoooo
una consulta: tengo unos botones exportados como GIF, solo tienen una animación simple en la instancia hover, la cual no se activa en ese formato, solo funciona al exportarlo como SWF
Gracias de antemano…..
Revisa bien la configuración al momento de exportar el Gif por que hay debe estar el problema, puedes cambiar algunas cosas de la configuración si lo deseas y veras que puede que te funcione.
ya lo hice pero como hago para guardarlo no se guarda igual que cualquier animacion o si
hay dice la imagen como debes guardarlo para que te funcione
Está mal el tutorial, para guardar el gif hay que ir a Archivo, Exportar, Animación Gif, pero si hacen como dice el tutorial no podrán publicar el archivo. Lo del tutorial solo sirve para configurar los parámetros del gif, pero no para publicarlo (por más que le den a publicar jamás se publicará )
se puede hacer esto con cualquuier animacion de flash8
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
HOLA MIRA EN UNA IMAGEN GIF ES IMPOSIBLE QUE AL PASAR EL MOUSE SE ILUMINE YA QUE ES IMAGEN CONCRETA Y NO LLEVA CODIGO FUENTE.
LO QUE PIDES SI SE PUEDE HACER PERO GUARDANDOLO EN SWF PERO CON CODIGO FUENTE.
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
GRACIAS POR EL TUTORIAL, MUY, MUY BUENO. AHORA BIEN, AL GUARDAR EL ARCHIVO COMO GIF ANIMADO EN LA CARPETA DONDE SE GUARDA (DOCUMENTOS) APARECEN TODOS LOS FOTOGRAMAS POR SEPARADO, NO APARECE COMO UN GIF ANIMADO. COMO SOLUCIONO EL PROBLEMA? TENGO WINDOWS VISTA HOME BASIC.
GRACIAS.
porque no me sale todo solo una parte de las letras
Necesito el tuturial de todo los gif no se si me pueden mandar porfa
Hola buenas estoy haciendo el logo de una entidad corporativa como gif animado para marcar una cosa en su pagina…la verdad esque al tutorial le doy un 10 pero comopodria guardarlo en formato gif?
Muchas gracias y un saludo
me pasa lo mismo que a alexander me sale fragmentado por fotogramas que debo hacer? gracias de antemano
tengo un problema.
hago todo lo q dice el tutorial y sale el gif pero me dice: vista previa no disponible…
que hago???????
una consulta: tengo unos botones exportados como GIF, solo tienen una animación simple en la instancia hover, la cual no se activa en ese formato, solo funciona al exportarlo como SWF
Gracias de antemano
Gracias loco, estaba atrapado no sabia porque mi GIF no se movia!!! me sirvio mucho el tutorial.
gracias asi voy ah poder subirlos ah youtube gracias muchisimas gracias
Bueno yo quice hacer el procedimiento para colocarlo en mi meseenger como imagen para mostrar, pero cuando quiero importar el .gif me dice que no es un archivo válido, ya sea como lo describiste Miguel, o bien exportando como gif animado.
Se agradece de todas formas, saludos.
a mí me pasa como a noelia, publico un gif como dice aquí, pero no es animado 😛
HOLA AMIGO TENGO UNA DUDA AL ESTAR HACIENDO UN GIF CON MI NOMBRE EN EL TEXTO LE AGREGUE ALGUNOS FILTROS Y AL PUBLICARLO COMO GIF SOLO LA PARTE DERECHA ABAJO Y NO SALE IGUAL COMO LO VEO EN EL FLASH.OJALA CONTESTES MI DUDA
de mucha ayuda tu tutorial…ya se como hacer un gif
pero cuando ya se ha publicado los colores se pierden ,se distorcionan…
es un gif con imagenes…se puede arreglar eso?….me podria explicar como?
gracias
no no me sirvio npoooo
una consulta: tengo unos botones exportados como GIF, solo tienen una animación simple en la instancia hover, la cual no se activa en ese formato, solo funciona al exportarlo como SWF
Gracias de antemano…..
Revisa bien la configuración al momento de exportar el Gif por que hay debe estar el problema, puedes cambiar algunas cosas de la configuración si lo deseas y veras que puede que te funcione.
ya lo hice pero como hago para guardarlo no se guarda igual que cualquier animacion o si
hay dice la imagen como debes guardarlo para que te funcione
Está mal el tutorial, para guardar el gif hay que ir a Archivo, Exportar, Animación Gif, pero si hacen como dice el tutorial no podrán publicar el archivo. Lo del tutorial solo sirve para configurar los parámetros del gif, pero no para publicarlo (por más que le den a publicar jamás se publicará )
se puede hacer esto con cualquuier animacion de flash8
master gracias recopado lo tuyo