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