Unitat 6 - La Imatge Digital (Carla Serra)
-
Upload
carlaserra1 -
Category
Documents
-
view
121 -
download
3
description
Transcript of Unitat 6 - La Imatge Digital (Carla Serra)
UNITAT 6
LA IMATGE DIGITAL
CARLA SERRA4tA 20
ÍNDEX
ÍNDEX...............................................................................................................................2Imatges de mapes bits....................................................................................................4
Resolució...................................................................................................................4Color..........................................................................................................................5
Taller d'informàtica 1....................................................................................................6Taller d'informàtica 3....................................................................................................7Taller d'informàtica 4....................................................................................................8Taller d’informàtica 5..................................................................................................11Taller d’informàtica 6..................................................................................................13
Blanc i negre:...........................................................................................................13Indexat:....................................................................................................................14
Taller d’informàtica 9..................................................................................................15Taller d’informàtica 11................................................................................................16
Molí de vent:............................................................................................................16Presa:.......................................................................................................................17Heliòstat:..................................................................................................................19Dic:..........................................................................................................................20
Taller d’informàtica 12................................................................................................22Taller d’informàtica 13................................................................................................25Pràctica blanc i negre:.................................................................................................26Pràctica caricatura.......................................................................................................27Pràctica de filtres.........................................................................................................28Pràctica color d’ulls 1..................................................................................................30Pràctica color d’ulls 2..................................................................................................31Pràctica d’eliminar arrugues........................................................................................32Pràctica optativa..........................................................................................................33
Imatges de mapes bitsPer entendre que és una imatge de mapa de bits, observa que la figura està formada per una trama de 13 x 14 quadradets anomenats píxels.
Cadascun d'aquests quadradets és la porció més petita d'imatge: podríem dir que és la partícula elemental d'una imatge.
És important assenyalar que cada píxel només pot tenir un color, que pot ser una mescla dels colors vermell, verd i blau, com veurem més endavant.
PÍXEL: És un terme format a partir de l'expressió anglesa picture element, que vol dir “element d'imatge”
Resolució
Així doncs, quan tenim en compte la superfície on volem representar la imatge en relació, amb la quantitat de píxels que té aquesta, obtenim la seva resolució.
És a dir, podríem afirmar que la resolució d'una imatge digital és la concentració o densitat de punts, o píxels, que té.
La mida d'una imatge són les seves dimensions reals en termes d'amplada i altura una vegada impresa.
La resolució d'una imatge se sol mesurar en píxels per polzada (ppp; o ppi, de l'anglès píxels per inch). Si la imatge de la figura té una resolució de 72 ppp, podem calcular les mides d'impressió.
Horitzontal 300 píxels / 72 ppp = 4,17 polzades x 2,54 cm/polzada = 10,59 cm
Vertical 200 píxels / 72 ppp = 2,78 polzades x 2,54 cm/polzada = 7,06 cm
Color
Tornant al model RGB, i tenint en compte que la memòria de l’ordinador (la RAM) està organitzada en blocs de 8 bits (1 byte) per emmagatzemar les dades i, per tant, els colors, en 1 byte podem emmagatzemar 256 colors diferents.
Això vol dir que cada canal, el vermell (R) per exemple, pot tenir 256 tonalitats diferents, segons una escala que va del 0 al 255. Amb un valor 0, no es mescla cap valor i, així doncs, la pantalla estarà negra, i amb un valor de 255, hi tindríem un vermell pur.
Un color determinat ocuparà en memòria 3 bytes, un per canal, és a dir, 24 bits. Per això els colors RGB s’anomenen colors de 24 bits. Segons aquestes consideracions, matemàticament es poden crear 256 x 256 x 256 tonalitats diferents de color. Per ser exactes 16 777 216.
Per acabar, cal dir que la profunditat de color d’una imatge digital és el nombre de colors diferents que pot contenir cadascun dels punts o píxels que conformen un arxiu gràfic.
Taller d'informàtica 1
MILIONS DE COLORS AMB EL PAINT
En aquest taller d'informàtica veuràs l'efecte que té la mescla dels diferents valors que poden prendre cadascun dels tres canals RGB. Per fer-ho, farem servir un programa senzill de dibuix de mapa de bits que es carrega amb els accessoris del Windows: el Paint.
Taller d'informàtica 3
COMENCEM AMB EL GIMP:
Aquest taller d’informàtica té un doble objectiu: d’una banda, prendre contacte amb el nostre editor gràfic i, de l’altra, aprendre a manipular les diferents opcions de visualització d’una imatge.
Taller d'informàtica 4
TREBALLEM AMB DIFERENTS FORMATS:
En aquest taller d’informàtica comprovaràs les incidències que pot tenir guardar una imatge en els diferents formats estudiats a la pàgina anterior.
Imatge guardada amb BMP
Imatge guardada amb GIF
Imatge guardada amb PNG
Imatge guardada amb TIF
Imatge guardada amb JPG i un 50% de compressió
Imatge guardada amb JPG i un 10% de compressió
Taller d’informàtica 5
MIREM A FONS UNA IMATGE:
En aquest taller d’informàtica analitzarem una fotografia, relacionant totes les característiques esmentades.
Taller d’informàtica 6
PROFUNDITAT DE COLOR:
En aquest taller d’informàtica canviarem la profunditat de color d’una imatge i aprendrem algunes característiques més sobre els formats estudiats anteriorment.
Blanc i negre:
Indexat:
Taller d’informàtica 9
EL TEU PRIMER DIBUIX AMB EL GIMP:
En aquest taller d’informàtica et proposem crear la teva primera imatge amb el GIMP. Farem un dibuix senzill utilitzant eines bàsiques.
Taller d’informàtica 11
SELECCIONS EN LES CENTRALS ELÈCTRIQUES:
En aquest taller d’informàtica descobriràs com treballar amb seleccions i utilitzaràs algunes eines noves.
Molí de vent:
Presa:
Heliòstat:
Dic:
Taller d’informàtica 12
DISSENY D’UN CARTELL SOBRE ENERGIES ALTERNATIVES:
En aquest taller d’informàtica dissenyarem un cartell treballant amb capes. Abans, però, prepararem el fons del cartell fent servir unes quantes eines ja utilitzades, i també algunes de noves. El dibuix base serà el d’un gira-sol, que és la icona de la utilització de les energies renovables per la manera que é d’aprofitar l’energia solar, i perquè s’utilitza en la fabricació de biodièsel i s’assembla al Sol, font de totes les energies renovables.
Taller d’informàtica 13
TEXT EN EL CARTELL
En aquest taller d’informàtica inclourem text mitjançant els procediments anteriors i, per acabar, fusionarem totes les capes creades.
Pràctica blanc i negre:
Pràctica caricatura
Pràctica de filtres
Animació (Arruga) Compon (Ratllat radial) Artístic (Cubisme)
Mapa (Deforma) Decora (Foto antiga)
Combina (Pel·lícula)
Genèric (Erosina) Detecció de vores (Vora)Artístic (Teixit de cistella)
Llums i ombres (Llum) Distorsions (Onades circumcèntriques) Mapa (Retalls de paper)
Pràctica color d’ulls 1
Pràctica color d’ulls 2
Pràctica d’eliminar arrugues
Pràctica optativa (Canviar el cabell de color)
1. Obre la imatge i activa el botó de màscara ràpida.Open the image and activate the quick mask botton.
2. Ara amb la goma d’esborrar i utilitzant varies mides de pinzells, esborra el cabell amb molt de compte.Now with the rubber and using different sizes of pencil, delete the hair carefully.
3. Quan hagis acabat de pintar el cabell, desactiva el botó de màscara ràpida i veuràs que queda seleccionat el cabell.When you finish painting the hair, deasactivate the quick mask botton and you can see that the hair is seleccionate.
4. Apreta la tecla de colors i després balanç de colors.Click on colours and then in colour balance.
5. S’obrirà una finestra amb 3 barres (cian, magenta i groc). Si mous les tres barres, veuràs que el color de cabell va canviant. Mou les barres fins que la nena deixi de ser rossa.A window will be open with 3 differents bars (blue, red and yellow). If you move the bars, you can see that the colour of the hair changes.
6. Guarda l’arxiuSave the imatge.
Aquest és el resultat final