Pràctica 1 Tractament i publicació

d’imatge i vídeo

Jordi Llonch Esteve

Cc by-nc-sa

Tractament i publicació d’imatge i vídeo Pràctica 1

Índex

Índex ................................................................................................................................ 1

Exercici 1 .......................................................................................................................... 2

Exercici 2 .......................................................................................................................... 3

Exercici 3 .......................................................................................................................... 4

Exercici 4 .......................................................................................................................... 5

Exercici 5 .......................................................................................................................... 6

Exercici 6 .......................................................................................................................... 6

Exercici 7 .......................................................................................................................... 8

Exercici 8 ........................................................................................................................ 10

Bibliografia i altres recursos ......................................................................................... 11

Jordi Llonch Esteve CC BY-NC-SA Pàg. 1/11

Tractament i publicació d’imatge i vídeo Pràctica 1

Exercici 1 a) Escriu un programa en Processing que mostri la imatge "peppers.png" per

pantalla (exerci_1a.pde).

b) Amplia el programa anterior aplicant-li un filtre que faci que la imatge que es mostra per pantalla sigui més fosca (exercici_1b.pde).

Jordi Llonch Esteve CC BY-NC-SA Pàg. 2/11

Tractament i publicació d’imatge i vídeo Pràctica 1

Exercici 2 a) Escriu un programa en Processing que mostri per pantalla dues imatges

superposades, "tulips.png" i "papav.png", i que la primera d'elles ("tullips.png") tingui un valor de transparència del 50% (exercici_2a.pde).

b) Amplia el codi anterior i fes que la imatge que es genera també es guardi al disc dur de l'ordinador on s'executa el programa (exercici_2b.pde).

Jordi Llonch Esteve CC BY-NC-SA Pàg. 3/11

Tractament i publicació d’imatge i vídeo Pràctica 1

Exercici 3 a) Escriu un programa en Processing que mostri per pantalla el resultat de

restar les imatges (píxel a píxel) "geranidolorA.jpg" i "geranidolorB.jpg" (exercici_3a.pde). Fes que les tres imatges es mostrin simultàniament per pantalla.

b) Modifica el codi del programa anterior per fer que només es mostri per pantalla la nova imatge que es genera (exercici_3b.pde).

Jordi Llonch Esteve CC BY-NC-SA Pàg. 4/11

Tractament i publicació d’imatge i vídeo Pràctica 1

Exercici 4 Suposem que volem realçar els contorns de la imatge "4.1.06.png" amb una transformació espacial lineal.

a) Escriu un programa en Processing que realitzi aquesta acció (exercici_4.pde). Aquest tipus de transformació requereix una màscara laplaciana de realçament de contorn.

b) Realitza la mateixa transformació espacial lineal amb Photoshop i compara els resultats (imatge_4a.png i.png).

Processing Photoshop

Ambdos resultats són idèntics.

Jordi Llonch Esteve CC BY-NC-SA Pàg. 5/11

Tractament i publicació d’imatge i vídeo Pràctica 1

Exercici 5 Escriu un programa en Processing que mostri per pantalla la imatge "mesa.png" i que efectuï una rotació de 45° de la imatge cada cop que es faci clic sobre ella.

Exercici 6 En Photoshop, sobre la imatge "car.png", aplica els tres mètodes d'interpolació estudiats, de manera que dupliquem la grandària de la imatge (imatge_6a.png, imatge_6b.png i imatge_6c.png). Escriu un programa en Processing que faci la mateixa operació amb la funció scale() (exercici_6.pde). Quin mètode d'interpolació creus que fa servir aquesta funció?

Veí més proper Bilineal Bicúbica

Jordi Llonch Esteve CC BY-NC-SA Pàg. 6/11

Tractament i publicació d’imatge i vídeo Pràctica 1

La imatge resultant amb Processing és la següent:

Si la comparem amb les tres imatges obtingudes amb Photoshop, veiem que el s’assembla molt a la segona, per tant, la funció scale() de Processing utilitza una interpolació bilineal.

Jordi Llonch Esteve CC BY-NC-SA Pàg. 7/11

Tractament i publicació d’imatge i vídeo Pràctica 1

Exercici 7 A partir de la funció filter() de Processing, escriu 4 programes en Processing que realitzin les següents transformacions sobre la imatge "h11690_a.jpg" i les mostri per pantalla:

a) Binarització (exercici_7a.pde)

b) Dilatació (exercici_7b.pde)

Jordi Llonch Esteve CC BY-NC-SA Pàg. 8/11

Tractament i publicació d’imatge i vídeo Pràctica 1

c) Erosió (exercici_7c.pde)

d) Inversió (exercici_7d.pde)

Jordi Llonch Esteve CC BY-NC-SA Pàg. 9/11

Tractament i publicació d’imatge i vídeo Pràctica 1

Exercici 8 Publica en una plataforma de publicació d'imatges en línia les imatges generades als exercicis 4 i 6. Quina és la raó o raons que t'han portat a escollir aquesta plataforma i no una altra?

Com s’ha comentat al fòrum de l’assignatura, Picasa és una eina amb una mica de controvèrsia, ja que com qualsevol servei de Google té uns termes i condicions que permeten a Google i a les seves empreses filials treure benefici amb les imatges que els usuaris hi publiquen.

A més, té una forta integració amb Google+, una estratègia que Google està portant a terme a la majoria dels seus serveis i que no fa gaires dies ha generat molta controvèrsia amb la integració dels comentaris de Youtube amb la seva xarxa social.

De totes maneres, els avantatges pels quals m’he decantat per escollir aquesta plataforma superen els inconvenients. Respecte als termes d’ús, en el moment en que no estigui satisfet amb el que proposen, puc eliminar totes les fotografies i esborrar-les del sistema. Si no estic satisfet amb la integració amb Google+ puc fer que totes les imatges es carreguin de manera privada i ningú en tindrà accés.

A més, Picasa ofereix altres beneficis:

• Gestió de fotografies en àlbums • Editor en línia • Publicació a través de diapositives • Publicació amb un enllaç • Integració amb Blogger

Aquesta última és l’opció que m’ha fet decantar-me per aquesta plataforma, ja que sóc escriptor i administrador d’un blog a Blogger (elmeuordinador.blogspot.com) i cada imatge que es carrega a Picasa passa a formar part de la galeria multimèdia del gestor de continguts. D’aquesta manera, afegir imatges de Picasa a qualsevol article es converteix en una tasca molt senzilla.

Galeria d’imatges:

https://plus.google.com/photos/118111198645792937879/albums/5945830777417326225?authkey=CNSIqLy08diFkQE

Jordi Llonch Esteve CC BY-NC-SA Pàg. 10/11

Tractament i publicació d’imatge i vídeo Pràctica 1

Bibliografia i altres recursos

Pujalte Piñán, Sílvia. Bonet, Xavier. (2011). Tractament i publicació d’imatge i vídeo. FUOC.

Processing. Vàries pàgines. http://www.processing.org/ [data de consulta: novembre 2013]

El logotip de la UOC és propietat de la Universitat Oberta de Catalunya i la resta d’imatges són captures de pantalla de creació pròpia o descarregades de la pàgina web de la UOC sense drets d’autoria reclamats i s’acullen a la mateixa llicència que aquest document.

Jordi Llonch Esteve CC BY-NC-SA Pàg. 11/11