El bloc de d’Artagnan

Projecte Festes – siluetes amb transparències

Posted in Geek life by dartagnan on 5 gener 2010

Un propòsit d’any nou… aconseguit!

D’acord, hi ha aspectes millorables, però és un principi!

Projecte Festes – siluetes amb transparències (4)

Posted in Geek life, Ubuntu by dartagnan on 4 gener 2010

En aquest apunt hi podeu trobar com convertir un vídeo en un grapat d’imatges (els seus frames), i després de modificar aquests frames, tornar a muntar el vídeo.

L’eina principal per dur a terme aquestes operacions és ffmpeg. Principalment permet convertir entre formats d’aquesta manera (ja interpreta les extensions):

ffmpeg -i in.avi out.mpg

Per convertir un vídeo en un grapat d’imatges, d’una mida determinada, es pot utilitzar la següent comanda, que genera dins la carpeta img els fitxers img-001.png, img-002.png, img-003.png, etc. (un per cada frame)

ffmpeg -i play.mov -s 800×600 img/img-%03d.png

Per convertir un grapat d’imatges en un vídeo, es pot utilitzar la següent comanda (on l’opció r permet establir el frame rate o número d’imatges per segon):

ffmpeg -r 10 -i img/img-%03d.png play.avi

I amb això, ja tenim tots els ingredients! Demà, el vídeo resultant…

Projecte Festes – silueta amb transparències (3)

Posted in Geek life, Ubuntu by dartagnan on 3 gener 2010

En aquest apunt, hi podeu trobar com posar totes les siluetes anteriors sobre una imatge de fons.

L’eina bàsica per dur a terme aquesta tasca és la comanda composite disponible en Ubuntu. Aquesta comanda també pertany al paquet imagemagick.

La comanda composite ens permet combinar dues imatges en una.En aquest cas, és clau haver definit la transparència del fons per poder superposar les siluetes.

composite sil029.png fons2.png comp1.png

Addicionalment, l’opció geometry ens permet canviar la mida de la imatge que estem superposant, i la seva posició:

composite -geometry 320×240+500+380 sil029.png fons2.png comp2.png

I per executar aquesta comanda sobre totes les imatges, només cal recórrer al mecanisme preferit per cadascú per executar una mateixa comanda sobre diferents fitxers. En el meu cas:

ls sil*.png | xargs -n1 sh -c ‘composite -geometry 1536×1152+0+300 $0 fons.png comp$0′

Silueta de playmobil amb castell provençal al fons.

Silueta de playmobil amb castell provençal al fons.

Projecte Festes – siluetes amb transparències (2)

Posted in Geek life, Ubuntu by dartagnan on 2 gener 2010

En aquest apunt hi podeu trobar com automatitzar el pas anterior per fer-ho a moltes imatges alhora. Per resoldre aquest repte, m’he inspirat únicament d’aquest apunt de The Pasadena Ruby Brigade.

L’eina bàsica per al tractament massiu d’imatges és la comanda convert disponible en Ubuntu. Aquesta comanda pertany al paquet imagemagick.

La comanda convert ens permet definir un color com a transparent. Podem utilitzar tant els components RGB del color, com una sèrie de colors predefinits:

convert -transparent grey57 img1.png sil-simple.png

convert -transparent “rgb(145,145,145)” img1.png sil-simple.png

Podem obtenir la llista de colors predefinits amb la següent comanda:

convert -list color

I podem obtenir els components rgb del color de fons amb l’eina comptagotes de GIMP.

Si bé seria fàcil executar aquesta comanda sobre un munt d’imatges, la veritat és que els resultats no són tan bons com es podria esperar.

Afortunadament, la comanda convert ens proporciona el paràmetre fuzz per donar un cert marge d’error o de tolerància al filtre anterior. Podem, per exemple, executar les següents comandes amb els resultats que es veuen a continuació:

convert -fuzz 3% -transparent grey57 img1.png sil-fuzz3.png
convert -fuzz 11% -transparent grey57 img1.png sil-fuzz11.png

Opció Fuzz amb un 3% d'error.

Opció Fuzz amb un 3% d'error.

Opció Fuzz amb un 11% d'error.

Opció Fuzz amb un 11% d'error.

Una altra opció és utilitzar la directiva floodfill, que va convertint a transparent totes les zones connexes i de colors més o menys similars. cosa que en alguns casos dona millors resultats.

convert img1.png -bordercolor grey57 -border 1×1 -matte -fill none -fuzz 11% -draw ‘matte 1,1 floodfill’ -shave 1×1 sil-floodfill.png

Silueta de playmobil

Silueta de playmobil

Aquestes comandes es poden executar fàcilment sobre un munt d’imatges, per aplicar-los la mateixa transformació alhora:

convert img%03d.png -bordercolor grey57 -border 1×1 -matte -fill none -fuzz 11% -draw ‘matte 1,1 floodfill’ -shave 1×1 sil%03d.png

Projecte Festes – siluetes amb transparències (1)

Posted in Geek life, Ubuntu by dartagnan on 1 gener 2010

En aquest apunt, hi podeu trobar com definir un color transparent en una imatge (el color de fons), de manera que la imatge només sigui la silueta de la figura (l’home del temps)

L’eina que tinc més a mà per fer aquesta tasca és el GIMP. I la foto per la qual m’agradaria obtenir només la silueta del playmobil és la següent:

Imatge de playmobil

Imatge de playmobil

En aquest enllaç s’expliquen els passos a seguir per definir una transparència en aquesta imatge. I inclou captures de pantalla dels diferents passos a seguir.

En aquest enllaç, també s’expliquen els passos de manera més resumida.

(…) hay que ir al dialogo de las capas (boton derecho sobre la imagen -> dialogos -> capas). En principio solo existirá una capa, damos con el botón derecho sobre esta y seleccionamos “Añadir canal alfa”, a continuación podemos seleccionar la herramienta goma de borrar y arrastrar el raton por cualquier zona de la imagen, se mostrarán unos cuadrados que corresponden al color transparente.

Jo només hi afegiria que, per facilitar la feina, es pot fer servir l’eina de seleccionar per color.

El resultat que podem obtenir d’aquest procés és el següent:

Silueta de playmobil

Silueta de playmobil

Malauradament, aquest procés manual que dona resultats molt bons és inabordable per tots els frames d’un vídeo i, per tant, haurem de buscar una manera automàtica de fer-ho.

Projecte Festes – siluetes amb transparències (0)

Posted in Geek life, Ubuntu by dartagnan on 31 desembre 2009

A més a més de fer una animació amb la tècnica stop motion i playmobils, també voldria aprofitar aquest projecte per aprendre algunes tècniques d’edició de vídeo, efectes especials, etc.

L’efecte especial escollit ha estat el que podríem anomenar de l’home del temps: aquella tècnica segons la qual els homes del temps parlaven davant d’un fons verd i els tècnics podien posar-los qualsevol imatge al darrera.

Per aconseguir aquest efecte, els passos que he seguit són els següents:

  1. aprendre com definir un color transparent en una imatge (el color de fons), de manera que la imatge només sigui la silueta de la figura (l’home del temps)
  2. aprendre com automatitzar el pas anterior per fer-ho a moltes imatges alhora
  3. aprendre com posar totes les siluetes anteriors sobre una imatge de fons.
  4. aprendre a convertir un vídeo en un grapat d’imatges (els seus frames), i després de modificar aquests frames, tornar a muntar el vídeo.
Silueta de playmobil amb castell provençal al fons.

Silueta de playmobil amb castell provençal al fons.

Projecte Festes – Programari

Posted in Android, Geek life by dartagnan on 30 desembre 2009

Amb la intenció de gravar una animació amb la tècnica stop-motion, i tenint en compte que tinc un telèfon mòbil Android, he mirat quins programes em podien ajudar en aquest projecte.

He trobat l’aplicació Time Lapse, que persegueix un efecte similar a l’stop-motion:

La aplicación es sencilla, lo que hace es capturar fotografías en intervalos de tiempo que nosotros determinemos y hacer vídeos de esas capturas. Os explico, configuramos cuantos frames o fotos hacemos, entre 1 y 60 por segundo o minuto, dependiendo de lo que queramos hacer, si el crecimiento de una planta, una puesta de sol, o simplemente un paseo en el coche. Luego configuramos la resolución y listo, sólo hay que buscarle un buen sitio al móvil para dejarle haciendo fotos hasta que queramos, nos deje la batería o nos quede espacio en la SD. El video se procesa al instante.

Aquesta aplicació es pot fer servir per generar una animació stop-motion de la següent manera:

  • fixem el mòbil / la càmera cap a una escena o fons blanc
  • engeguem l’aplicació perquè faci fotos cada 10 segons
  • entre foto i foto, movem una miqueta els elements de l’escena, i retirem les mans

En el meu cas, utilitzo playmobils sobre un fons blanc, i moc els playmobils menys d’un centímetre cada cop. Al generar el vídeo ajuntant totes les imatges, s’aconsegueix un efecte de moviment.

Una altra opció també és fer aparèixer nous elements: un barret al cap d’un personatge, unes lletres al fons, etc.

Projecte Festes – Plantejament

Posted in Geek life by dartagnan on 30 desembre 2009

Per aquestes festes, em proposo fer una animació utilitzant la tècnica de stop motion, que la Viquipèdia descriu com segueix:

Stop-motion és una tècnica d’animació que consisteix a capturar fotografies consecutives d’un objecte movent-lo una mica entre fotografia i fotografia de manera que visualitzant-les ràpidament sembla que l’objecte es mogui.

En record de les moltes hores dedicades a jugar amb els playmobils durant la meva infantesa… i part de la joventut, els personatges de l’animació que pretenc fer seran playmobils.

Aprofitaré aquest blog per anar apuntant les eines i tècniques que faig servir per a la gravació.

Apunts de viatge (ii)

Posted in viatge by dartagnan on 28 novembre 2008

El comandant de l’avió ens avisa que ens espera una temperatura de 1° (a les 12 del migdia). Fred? Els bagencs preferim parlar de fresca, almenys quan anem ben abrigats. Bé! La gorra no es quedarà a la maleta, i la bufanda i guants crec que tampoc.

Apunts de viatge

Posted in viatge by dartagnan on 25 novembre 2008

L’avió surt d’entre els núvols o boira entre grisos i blancs, molt diferents del gris fosc de la ciutat del Thames.
Aquí, les meandres d’un altre riu majestuós també es poden veure per la finestreta de l’avió. Els primers flocs de neu porten il.lusió i em fan recordar el Bill Crosby cantant el White Christmas.
Al fons, també es pot veure un grapat de ferralla que apunta al cel. Lleig? Sí, però que confirma que estem aterrant a la ciutat esperada!
Un turonet característic amb una església blanca al capdamunt i un conglomerat de gratacels a l’horitzó també es reconeixen fàcilment des de l’aire.