Crear Imagenes GIF animadas de buena calidad

[bathory84]

Que tal amigos, me gustaria que me ayudaran con este tema. Estoy buscando un buen programa que haga imagenes GIF animadas de buena calidad y sin distorsiones.

Yo utilizo el programa "Bannershop GIF animator 5" y con colores fuertes o fondos degradados se daña la imagen en la animacion y no me va bien.

Por favor, alguien me recomendaría un buen programa profesional y que los banner animados GIF salgan de buena calidad?

[DrFaust]

Photoshop es un buen programa para crear gifs animados.

Tené en cuenta que un buen gif animado requiere una copa de software y una copa de ingenio. Photoshop tiene excelentes herramientas para crear imágenes con paletas reducidas: degrados con dither, paletas adaptables, etcétera. Pero también es importante que agudices tu imaginación y crees un diseño que funcione bien a 256 colores o menos.

Tené en cuenta también que con unas pocas líneas de JavaScript se pueden crear animaciones muy atractivas y sin ninguna de las limitaciones de un GIF.

[bathory84]

No soy tan experto en photohop pero si en illustrator, seguramente este programa debe tener una herramienta para reducir los colores. Con JS he realizado buenas animaciones pero los trabajos que necesito hacer tienen que estar en GIF, mi problemas mas que todo es por la calidad de la animacion final pues a veces se ve mal.

[Carlangueitor]

Iniciado por DrFaust

Pero también es importante que agudices tu imaginación y crees un diseño que funcione bien a 256 colores o menos.

Eso es importante, las limitaciones del GIF no te permitirán crear imágenes de mucha calidad cómo un PNG por ejemplo.

Saludos

[bathory84]

Eso es correcto ni siquiera de calidad jpg, tambien he probado con el programa Flash y salen peor las imagenes de las animaciones, se distorcionan totalmente.

[valentina4you]

Si no me equivoco los gif trabajan con hasta 256 colores. Cambiando en cualquier programa photoshop o illustrator podrás visualizar una aproximación bastantemente fiel al resultado final. No sé si el illustrator tenga manejo de gif, pero como ya dijeron el photoshop si lo tiene y es muy bueno, te deja controlar muchas cosas.

Yo con el CS3 hace tiempo incluso importe una sección de un video. Lo voy a colocar aquí... No se burlen, no tenía sentido de la estética hace 5 años atrás XD



Así que como verás se pueden hacer muchas cosas.

[Luismaster2000]

ni photoshop, ni firework ni ningun programa te daran lo que quieres, los gif son gif y como dice valentina4you trabajn con 256 colores si quieres banners de calidad para eso esta flash

[Rafael]

Hola Bathoy.
Más bien habría que ver a que te refieres con se "distorsionan totalmente".
Si algo te está saliendo mal puede ser por muchas cosas. La planeación de la animación, la paleta, la compresión, la escala.

Pon los ejemplos que has trabajado para orientarte mejor.

[Wakkos]

Photoshop cumple muy bien las expectativas para manejar GIF y cualquier tipo de imagen. Flash trabaja más con vectores por lo que....

Aquí hay unos ejemplos de un chico del que aprendí mucho (como dice Valentina, no os riais, son cosas hechas hace 5-8 años) http://www.mahjqa.com/sigs/index2.html

[Gugolplex]

EL APNG o el PNG animado hubiese reemplazado al GIF, pero no se ha podido hacer por culpa de las velocidades de internet bajísimas de los países bananeros.

[bathory84]

Iniciado por valentina4you

Si no me equivoco los gif trabajan con hasta 256 colores. Cambiando en cualquier programa photoshop o illustrator podrás visualizar una aproximación bastantemente fiel al resultado final. No sé si el illustrator tenga manejo de gif, pero como ya dijeron el photoshop si lo tiene y es muy bueno, te deja controlar muchas cosas.

Yo con el CS3 hace tiempo incluso importe una sección de un video. Lo voy a colocar aquí... No se burlen, no tenía sentido de la estética hace 5 años atrás XD



Así que como verás se pueden hacer muchas cosas.

El banner no esta nada mal valentina, yo pregunto esto porque trabajo en diseño web y diseño grafico. Y las imagenes gif me sirven para las plantillas de mercado libre para los clientes ya que en esta pagina no aceptan otro formato animado.

[Luismaster2000]

Iniciado por bathory84

El banner no esta nada mal valentina, yo pregunto esto porque trabajo en diseño web y diseño grafico. Y las imagenes gif me sirven para las plantillas de mercado libre para los clientes ya que en esta pagina no aceptan otro formato animado.

pero si vas a usar gif usa colores solidos y no degradados ni fotos y no tendras ningun problema de distrocion yo igual quese usar un gif para el banner de mi pagina pero no me satisfacio la calidad y use photoshop asi que decidi mejor usar flash, pero como te digo con colores solidos no tendras problema alguno con los gif aunque sean dubujos o caricaturas siempre y cuando no lleven degradados

[bathory84]

Iniciado por DrFaust

Photoshop es un buen programa para crear gifs animados.

Tené en cuenta que un buen gif animado requiere una copa de software y una copa de ingenio. Photoshop tiene excelentes herramientas para crear imágenes con paletas reducidas: degrados con dither, paletas adaptables, etcétera. Pero también es importante que agudices tu imaginación y crees un diseño que funcione bien a 256 colores o menos.

Tené en cuenta también que con unas pocas líneas de JavaScript se pueden crear animaciones muy atractivas y sin ninguna de las limitaciones de un GIF.

DrFaust me diste una palabra clave muy importante y fué "degradado dither" lo utilizé en photoshop y las imagenes se ven muy bien en el banner GIF pero ahora pesa 1,25 MB y antes pesaba 400 KB. es logico que es por la calidad. Veré si puedo reducir el tamaño del banner, pero igual gracias DrFaust esta herramienta es la que encesitaba pues a la fuerza tengo que utlizar imagenes reales para las publicaciones en mercado libre para los clientes.

[Rafael]

Bathory. Trata de poner un ejemplo de lo que estás haciendo. Repito tienes que combinar estos elementos:

La planeación de la animación, la paleta, la compresión, la escala.
El aumento de peso no es por "calidad" el término "calidad" vamos a dejarlo por afuera de la ecuación, ya que "calidad" es en realidad la manera de trabajar.

El aumento de peso es por la manera de comprimir que usa el gif. y ciertamente un método dither es muuucho mejor para zonas degradadas, con su respectivo sacrificio en términos de peso, pero también habrá que ver que zonas de animación tienes o quieres usar.

En el ejemplo de Valentina la animación está en una zona reducida, lo que baja el peso total, pero depende si se están grabando solamente las zonas animadas o el cuadro completo.

Te pregunté antes ¿que es eso de que se "distorsionan completamente"?. Insisto pueden ser muchas cosas. Si el dither te ayuda en tu caso, la "completa distorsión" no es una completa distorsión, sino un bandeado en los colores, pero otra vez, esto puede deberse a una paleta deficiente. Pero otra vez, depende de tu caso específico.

[bathory84]

Iniciado por Rafael

Bathory. Trata de poner un ejemplo de lo que estás haciendo. Repito tienes que combinar estos elementos:

La planeación de la animación, la paleta, la compresión, la escala.
El aumento de peso no es por "calidad" el término "calidad" vamos a dejarlo por afuera de la ecuación, ya que "calidad" es en realidad la manera de trabajar.

El aumento de peso es por la manera de comprimir que usa el gif. y ciertamente un método dither es muuucho mejor para zonas degradadas, con su respectivo sacrificio en términos de peso, pero también habrá que ver que zonas de animación tienes o quieres usar.

En el ejemplo de Valentina la animación está en una zona reducida, lo que baja el peso total, pero depende si se están grabando solamente las zonas animadas o el cuadro completo.

Te pregunté antes ¿que es eso de que se "distorsionan completamente"?. Insisto pueden ser muchas cosas. Si el dither te ayuda en tu caso, la "completa distorsión" no es una completa distorsión, sino un bandeado en los colores, pero otra vez, esto puede deberse a una paleta deficiente. Pero otra vez, depende de tu caso específico.

Que tal Moderador, uno de los trabajos lo pude finalizar con exito. El otro es este banner superior muy sencillo que les muestro a continuacion:

http://servidor.vycsolutions.com.ve/reynaldo/banner.gif

Este banner con transicion de imagenes simple, pesa 427 kb. Y distorcionado me refiero a la parte superior donde el degradado y la iluminación se ve que está dañado por el GIF. Lo resolví dandole el "dither" con photoshop pero ahora pesa 1,21 Mb.

[Rafael]

Ok. Confirmo. Lo que ves es un bandeado. Estas son bandas de colores planos ahí donde debería de estar el degradado debido a saltos considerables entre cada color.

El dither lo corrige tramando poco a poco con puntos de los dos colores progresivamente. Esto limita la compresión debido a que el gif, en lugar de decir: De aquí hasta allá lejos todo va azul, tiene que decir "aqui sí, aquí no, aquí sí, aquí no... " muchas veces.

Podrías pre-preparar el dither.
El puro fondo lo conviertes a paleta, pero con una paleta reducida, digamos de 128 colores, no 256, para que dejes 128 para los objetos. Incluso puedes bajar esta paleta de fondo hasta unos 32-64 colores. Revisa esta comparación que elaboré:

http://otake.com.mx/Apuntes/Optimiza...izar-Gif.phtml

Como verás, con una paleta semejante a la de tu fondo, reducida hasta 32 colores no se nota el bandeado, y hasta tiene mejor peso que la misma sin ningún tipo de dither.

Puedes mejorar la "calidad visual" y también reducir el peso al mismo tiempo. Planeación-Paleta-Compresión.