|
|
"Disseny, edició i publicació de planes Web"
Unitat 3:
Els programes d'edició d'imatges fixes i animades
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
(2004) |
|
Les imatges digitals de mapa de bits
| Tipus BitMap, estàndard de Microsoft. |
|
| Tipus de fitxer dissenyat per "Join
Photografic Experts Group", lliure difusió i utilització.
|
|
| Tipus de fitxer "Graphics Interchange
Format" dissenyat per Compuserve
específicament per a la transmissió d'imatges per la
xarxa. |
|
Comparacions entre els formats .JPG i .GIF
Tutorial sobre els diferents tipus d'imatges de mapa de bits específicament dissenyats per Internet.
Un programa de retoc fotogràfic
La funció bàsica d'un programa de retoc fotogràfic és crear una imatge digital de tipus mapa de bits o la de manipular una imatge digitalitzada des d'un escanner o una càmera digital.
Pràctiques amb imatges estàtiques
Et proposem que facis les pràctiques següents amb el programa Paint Shop Pro (treballarem amb la versió 5.1, encara que existeix la 7.0):
|
|
| Pràctica 1:
|
|
|
| Pràctica 2:
|
|
|
| Pràctica 3:
|
|
|
Pràctica 4:
|
També es poden editar les imatges digitals amb el programa de gestió gràfica Fireworks de Macromedia.
Un programa senzill d'edició de gifs animats
Els programes d'animacions permeten generar imatges en moviment a partir d'una seqüència d'imatges estàtiques (fotogrames), creades una a una amb un programa de retoc fotogràfic.
El format dels fitxers simples d'animació sol ser, entre altres, el GIF animat.
Al mercat es poden trobat molts programes editors de gifs animats, alguns d'ells de difusió gratuïta.
A més, Macromedia ofereix l'eina Flash que permet generar gràfics animats molt avançats amb capacitat interactiva.
Pràctiques amb imatges animades
|
|
|
|
|
|
|
|
|
|
|
Pràctica 5:
|
||||||
|
|
|
|
|
|
|
|
|
|
Pràctica 6:
|
Captura d'imatges amb l'escanner
L'escanner és un dispositiu que permet capturar imatges fotogràfiques en format de paper i transformar-les en imatges digitals dins de la memòria de l'ordinador. Es pot escannejar directament utilitzant el programa que ve amb l'escanner (cada model en té un de diferent), fins i tot hi ha escanners que només prement un boto de la seva carcassa, s'inicia el procés de lectura de la imatge. Malgrat això, és molt recomanable digitalitzar les imatges (escannejar) des d'un programa de retoc fotogràfic. Així, la imatge, una vegada digitalitzada, anirà a parar a aquest programa d'edició fotogràfica i li podrem donar els darrers retocs.
|
|
| Per escannejar una imatge obrirem el programa Paint Shop Pro i buscarem l'opció mostrada en la imatge superior (Archivo/Importar/Twain/Adquirir). S'observa que també pot llegir directament des de la Càmera Digital Kodak. |
|
|
| Una vegada seleccionada l'opció d'importació, s'activa la finestra de lectura de l'escanner que se sobreposa a la del PSP. L'escanner automàticament fa una passada llegint la imatge que tinguem situada damunt del vidre. Una vegada tota la imatge en pantalla, amb el ratolí, podem definir la zona concreta que ens interessa escannejar. Els nodes ens permeten regular el tamany del quadre final d'escannejat. |
|
|
| En escannejar hem de considerar algunes variables relatives a la imatge que estem llegint. El "tipo de salida" defineix el nombre de colors que ha de tenir la imatge llegida (es recomanable triar sempre "color verdadero", a no ser que es vulgui escannejar un text per reconvertir-lo a document de text). La "resolución de salida", defineix els punts per polzada que tindrà la imatge, en funció de quin sigui el seu destí: si ha de ser una imatge que només s'ha de mostrar per pantalla, amb 74 punt per polzada n'hi ha prou, si es una imatge que s'ha d'imprimir caldrà que s'utilitzen 150 ppp mínim. |
Una vegada ja hem definit tots els paràmetres de la imatge, cal triar "Archivo/Colocar Imagen" per escannejar i enviar la imatge digital al programa PSP, des d'on es pot manipular, reconvertir i salvar.
Hi ha al mercat dispositius, cada vegada més barats, que permeten capturar imatges directament en format digital, sense passar pel format tradicional de negatiu de pel·lícula / paper: càmeres fotogràfiques, càmares de vídeo, telèfons mòbils, PDA.... En una banda de preus que oscil·la entre les 15000 ptes. i les 400.000 ptes. es poden trobar tota mena de models de càmeres digitals fins a 5 Mpixels de sensibilitat.
|
|
| La càmera digital funciona permet capturar les imatges a una tarja de memòria, revisar-les i transmetre-les a l'ordinador. La càmera digital funciona de forma independent per fotografiar i emmagatzemar temporalment. Malgrat això, s'ha de connectar a un ordinador o aun disc dur portàtil per descarregar les imatges i lliberar l'espai de la tarja de memòria. L'ordinador que s'utilitzi per baixar les imatges haurà de tenir instal.lats els programes controladors (drivers) de la càmera. Els programes de control i comunicació càmera-ordinador solen deixar alguna senyal a l'escriptori (en el cas de la càmera Kodak DC-210, la tercera icona començant per l'esquerra). |
|
|
| La càmera digital, una vegada instal·lada a l'ordinador, apareix com un dispositiu addicional a la finestra "Mi PC". Des de l'ordinador, amb l'ajut de PSP, Photoshop o Fireworks es podran retocar les imatges. Al mercat hi ha disponibles impressores fotogràfiques que a un preu molt assequible permeten imprimir les imatges amb molta qualitat. |
El procés de passar imatges des de la càmera a l'ordinador es molt fàcil, encara que varia segons els models i el tipus de connexió. Amb el model Kodak DC200 cal:
Cal connexionar físicament tots els cables (el de corrent i el de dades)
S'ha de connectar la càmera i preparar-la per a transmetre dades.
Anar a "MI PC" i obrir, en primer lloc, la carpeta on hauran d'anar a parar les imatges de la càmera, després, obrir la icona de la càmera.
S'estableixen automàticament els paràmetres de velocitat de transmissió entre la càmera digital i l'ordinador.
Apareix una finestra amb la icona de la tarja de memòria de la càmera digital, cal clicar sobre aquesta icona.
Quan apareixen el llistat de les imatges, triar Edicion / Seleccionar todas.
Moure totes les imatges selecciones amb el ratolí a la finestra de destí de les imatges. El procés de transferència dura uns minuts.
Amb altres models de càmeres, simplement cal connectar-les via USB i accedir a la tarja de memòria des de Mi PC i seleccionar les imatges que es volen baixar. A més, hi ha aplicacions que faciliten la gestió de les fotos.
Realitzar totes les pràctiques proposades a la unitat didàctica.
Preparar els fotogrames que anunciaran la nostra àrea, dins de la web general de l'escola. L'únic condicionant és el tamany i el nombre de fotogrames i de l'animació final (5 fotogrames de 45x400 punts)
Escannejar dues imatges en color real relatives a temes pròxims a l'àrea.
Fer un parell de fotografies digitals de material didàctic particular de l'àrea.
Fer les fotografies que descriguin el procés de preparació d'una pràctica, com si pensarem utilitzar-les per explicar-la.
Seria possible passar imatges de Power Point a Paint Shop Pro? Com?
Prepara una llista de tots els espais web interessants que trobis (amb recursos lliures, amb continguts interessants, amb un disseny bonic...) i els incorporaríem a la Weberia de les properes lliçons.
Si tens algun dubte o vols donar solucions a les propostes
de treball pots enviar-me un e-mail.
Imatges, icones i gràfics variats:
Magatzem d'icones catalanes: http://www.xtec.es/ed_esp/mic/
Galeria d'imatges de Microsoft: http://cgl.microsoft.com/clipgallerylive/default.asp
Recursos gràfics per a la publicació web: http://www.nuvisystem.es/gratis/imagenes.htm
Gifs animats: http://www.ciudadfutura.com/gifsanimados
Recursos gràfics per a webs: http://www.geocities.com/SiliconValley/6603/index.html
