sábado, 14 de marzo de 2015

como crear una bandera animada en GIMP


primero seleccionamos la imagen que sera de bandera

como crear una bandera animada en GIMP

le decimos que cree nueva capa

bandera

que sea blanca

animacion

pintamos encima unas barras

tutorial

vamos a crear un desenfoque
movimientodiseno grafico

la duplicamos

y le damos en esto
gimp

este valor
como crear una bandera animada en GIMP

hacemos eso 25 veces
luego duplicamos el fondo "nuestra bandera"

bandera

le colocamos a las manchas el modo combinar granulado

y a la bandera este filtro
animacion

y hacemos esto

tutorial

y lo repetimos 25 veces

ahora lo optimizamos

movimiento

y guardamos
diseno grafico
gimp

podemos también guardar como mng y convertirlo a apng online


Ahora disfrutemos nuestra creación

como crear una bandera animada en GIMP
ahora como png animado, en donde simplemente guardamoscada una de nuestras capas con este orden

bandera1, bandera02, bandera 03 hasta terminar

descargamos esto

http://sourceforge.net/projects/apngasm/files/latest/download

lo extraemos en una carpeta, como apngasm con file-roller

luego desde una terminal como root ejecutamos este comando
[color=#000000]

cd apngasm &&  cp apngasm /usr/local/bin
[/color]


este te permite instalarlo.

ahora vamos desde la consola hasta el directorio donde está, como en este caso este es el comando

bandera



y ejecutamos esto
[color=#000000]apngasm lagallina.png franquista*.png
[/color]

definiciones: apngasm es la aplicación de comando utilizada
lagallina.png: el nombre del nuevo archivo

franquista*.png es las imágenes a añadir, *.png es un comodín que te permite que todas las imágenes con ese nombre sean añadidas al nuevo archivo

ahora aca podemos ver ese PNG recien creado

animacion

ventajas:
* no hay pérdida de calidad

* no hay ganancia de peso

* aumento de calidad

* el uso de un formato totalmente abierto

* mas rapidez en la carga de la web, aca se usan técnicas mas evolucionadas como los sprites + CSS/Jquery y se anima desde javascript, pero para un blogsiito es algo util


desventajas:
* solo lo soportan por defecto firefox y opera, en caso de usar navegadores con webkit como chrom y chomium se debe instalar un plugin, por lo que otra vez tendríamos problemas similares a los de flash, como detectar mediante modernizr si están navegando desde navegadores como chrome/chromium y poner ese plugin


https://chrome.google.com/webstore/detail/ehkepjiconegkhpodgoaeamnpckdbblp

https://github.com/davidmz/apng-chrome

* dificultad de uso, ninguna aplicación lo soporta de forma nativa fuera de photoshop, y en caso de tener un gif debes guardar CADA capa como una imagen independiente y luego usar algunos scripts de sourceforge

No hay comentarios:

Publicar un comentario