Prctica 1

Tractament i publicaci dimatge i vdeo

Jordi Llonch Esteve Cc by-nc-sa

Tractament i publicaci dimatge i vdeo

Prctica 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

Pg. 1/11

Tractament i publicaci dimatge i vdeo

Prctica 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 ms fosca (exercici_1b.pde).

Jordi Llonch Esteve

CC BY-NC-SA

Pg. 2/11

Tractament i publicaci dimatge i vdeo

Prctica 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 transparncia 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

Pg. 3/11

Tractament i publicaci dimatge i vdeo

Prctica 1

Exercici 3
a) Escriu un programa en Processing que mostri per pantalla el resultat de restar les imatges (pxel a pxel) "geranidolorA.jpg" i "geranidolorB.jpg" (exercici_3a.pde). Fes que les tres imatges es mostrin simultniament per pantalla.

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

Jordi Llonch Esteve

CC BY-NC-SA

Pg. 4/11

Tractament i publicaci dimatge i vdeo

Prctica 1

Exercici 4
Suposem que volem realar 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 mscara laplaciana de realament de contorn.

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

Processing Ambdos resultats sn idntics. Jordi Llonch Esteve CC BY-NC-SA

Photoshop

Pg. 5/11

Tractament i publicaci dimatge i vdeo

Prctica 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 mtodes d'interpolaci estudiats, de manera que dupliquem la grandria 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 mtode d'interpolaci creus que fa servir aquesta funci?

Ve ms proper Jordi Llonch Esteve

Bilineal CC BY-NC-SA

Bicbica Pg. 6/11

Tractament i publicaci dimatge i vdeo

Prctica 1

La imatge resultant amb Processing s la segent:

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

Jordi Llonch Esteve

CC BY-NC-SA

Pg. 7/11

Tractament i publicaci dimatge i vdeo

Prctica 1

Exercici 7
A partir de la funci filter() de Processing, escriu 4 programes en Processing que realitzin les segents 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

Pg. 8/11

Tractament i publicaci dimatge i vdeo

Prctica 1

c) Erosi (exercici_7c.pde)

d) Inversi (exercici_7d.pde)

Jordi Llonch Esteve

CC BY-NC-SA

Pg. 9/11

Tractament i publicaci dimatge i vdeo

Prctica 1

Exercici 8
Publica en una plataforma de publicaci d'imatges en lnia 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 sha comentat al frum de lassignatura, Picasa s una eina amb una mica de controvrsia, 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 ms, t una forta integraci amb Google+, una estratgia que Google est portant a terme a la majoria dels seus serveis i que no fa gaires dies ha generat molta controvrsia amb la integraci dels comentaris de Youtube amb la seva xarxa social. De totes maneres, els avantatges pels quals mhe decantat per escollir aquesta plataforma superen els inconvenients. Respecte als termes ds, 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 accs. A ms, Picasa ofereix altres beneficis: ja Gesti de fotografies en lbums Editor en lnia Publicaci a travs de diapositives Publicaci amb un enlla Integraci amb Blogger que sc escriptor i administrador dun blog a Blogger

Aquesta ltima s lopci que mha fet decantar-me per aquesta plataforma, (elmeuordinador.blogspot.com) i cada imatge que es carrega a Picasa passa a formar part de la galeria multimdia del gestor de continguts. Daquesta manera, afegir imatges de Picasa a qualsevol article es converteix en una tasca molt senzilla.

Galeria dimatges: https://plus.google.com/photos/118111198645792937879/albums/594583077741 7326225?authkey=CNSIqLy08diFkQE

Jordi Llonch Esteve

CC BY-NC-SA

Pg. 10/11

Tractament i publicaci dimatge i vdeo

Prctica 1

Bibliografia i altres recursos

Pujalte Pin, Slvia. Bonet, Xavier. (2011). Tractament i publicaci dimatge i vdeo. FUOC. Processing. Vries pgines. 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 dimatges sn captures de pantalla de creaci prpia o descarregades de la pgina web de la UOC sense drets dautoria reclamats i sacullen a la mateixa llicncia que aquest document.

Jordi Llonch Esteve

CC BY-NC-SA

Pg. 11/11