2. Imatges analògiques i digitals
Imatge digital bàsicament és un tipus d'imatge
que pot ser manipulada per un ordinador. N'hi ha
de dos tipus: mapes de bits i imatges vectorials.
Imatge analògica és aquella que és captada amb
qualsevol instrument amb una òptica.
3. Tipus d'Imatges: mapes de bits
Mapes de bits: és una estructura o fitxer de dades que representa
una reixeta rectangular de píxels o punts de color.
El píxel és en informàtica la unitat mínima que forma una imatge
gràfica. Només pot tenir un color (una barreja de vermell, blau i
verd - RGB).
La profunditat de color o bits per píxel (bpp) és un concepte que es
refereix a la quantitat de bits d'informació necessaris per
representar el color d'un píxel en una imatge digital.
Resolució és la quantitat de píxels que té la imatge, que s'acostuma
a calcular multiplicant la quantitat de columnes per la quantitat de
files de píxels (ppp).
4. Tipus d'Imatges: mapes de bits
Monocrom: 1 bpp; 21
=2 colors
VGA: 4bpp; 24
=16 colors
Super VGA: 8bpp; 28
=256 colors
Bits per píxel (bpp) o profunditat de color
0 1
PÍXEL
Resolució o mida de la imatge
Una imatge té: píxels per polzada: 72 pixels x polzada (72 ppp)
Horitzontal: 300 píxels/72 ppp= 4,17 polzades * 2,54 cm/polzada = 10,59 cm
Vertical: 200 píxels/72 ppp= 2,78 polzades * 2,54 cm/polzada = 7,06 cm
800x600
1024x768
2048x1024
Elements de la imatge
5. Tipus d'Imatges: mapes de bits
Formats d'imatge:
.bmp - (Bitmap o Mapa de bits). Profunditat: 24 bits. Es pot comprimir sense pèrdues.
.tiff - (Tagged Image File Format). Arxiva altres informacions en etiquetes. Profunditat: de 1 a 64
bits. Es pot comprimir sense pèrdues.
.jpeg o .jpg - (Joint Photographic Experts Group). Es tracta d'un algorisme dissenyat per a
comprimir imatges. Profunditat de 24 bits. Es pot comprimir amb pèrdues ajustables per l'usuari.
.gif - ( Graphics Interchange Format). Es tracta d'un esquema de compressió sense pèrdua per a
reduir la grandària de la imatge. Aquest sistema funciona molt millor en imatges amb zones de
color homogeni, quants menys colors tingui la imatge millor funcionarà l'esquema de
compressió. Profunditat de 1 a 8 bits.
.png - (Portable Network Graphics). És un format gràfic basat en un algoritme de compressió
sense pèrdua. Profunditat de 1 a 48 bits. Es pot comprimir sense pèrdues.
6. Tipus d'Imatges: mapes de bits
Formats
d’imatge
Compressió Profunditat de
color
Ús típic
.bmp Sense pèrdues 24 bits És l'estàndard de Microsoft,
.tiff
Opcional
Sense pèrdues
64 bits
Imatges d'alta qualitat, càmeres
digitals, escàners, impressió,
.jpeg, .jpg Amb pèrdues 24 bits
Càmeres digitals, Internet,
impressió, intercanvi d'imatges.
.gif Sense pèrdues 8 bits
Internet, imatges de reduïdes
dimensions, logos...
Permet transparència i animació.
.png Sense pèrdues 48 bits
Internet, gràfics, iconografia,
software.
Permet transparència
.psd, psp,
.xcf, .pxd
Sense pèrdues 64 bits
Edició i manipulació.
Podem treballar amb capes.
7. Els Colors: MODEL RGB
RGB és un model de color basat en la síntesi additiva (que
parteix del negre), amb el que és possible representar un color
mitjançant la barreja per addició dels tres colors llum primaris.
La memòria d'un ordinador està organitzada en blocs de 8 bits
(1 byte). Cada color primari és un canal. Partim de que en 1 byte
podem emmagatzemar 256 (28
) tonalitats diferents de cada
color. Llavors, el vermell és (255, 0, 0), el verd és (0, 255, 0) i el
blau (0, 0, 255). L'absència de color - el que impròpiament
anomenem color negre - és (0, 0, 0). La combinació de dos
colors a nivell 255 amb el tercer nivell a 0 dóna lloc a tres colors
intermedis: el groc (255, 255, 0), l'aiguamarina (0, 255, 255) i el
magenta (255, 0, 255). I el blanc es forma amb els tres colors
primaris a nivell màxim, (255, 255, 255).
La codificació hexadecimal del color permet expressar
fàcilment un color concret de l'escala RGB. És molt utilitzada en
el llenguatge HTML i JavaScript.
Negre: #000000 (els 3 canals estan al mínim)
Blanc: #FFFFFF (els 3 canals estan al màxim).
A LA PANTALLA
8. Els Colors: MODEL CMYK
CMYK (Cian, Magenta, Groc i Negre), és un model de
sostracció de color (que parteix del blanc) utilitzat per a
la formació de colors secundaris en impressió. Aquest
model està basat en la mescla de pigments dels colors
següents per fer-ne de nous: Cian, Magenta, Groc i
Negre.
La mescla ideal de color CMY és la barreja dels tres
colors primaris en parts iguals i en la seva màxima
intensitat en resulta el negre. CMYK treballa amb
l'absorció lleugera. Els colors que veiem són formats per
la part de llum que no s'absorbeix. En CMYK, el magenta
més el groc produeix el vermell, el magenta més cian
fan el blau i el cian més el groc generen el verd. Per
referir-se al negre s'utilitza K en lloc de B perquè no hi
hagi confusions amb el Blue (Blau).
IMPRESSIÓ
9. Propietats de la imatge (gif)
Amb tota la informació que tenim
podem llegir i entendre aquestes
propietats de la imatge següent:
DPI (Dots Per Inch) = ppp (punts per
polzada) és una unitat de mesura per a
resolucions.
10. Propietats de la imatge (jpg)
Amb tota la informació que tenim
podem llegir i entendre aquestes
propietats de la imatge següent:
Ha perdut la transparència.
11. Tipus d'Imatges: vectorial
Gràfic vectorial és una imatge bidimensional formada a partir de diversos
vectors. A nivell tècnic, els gràfics vectorials (o orientats a objectes) es basen
en l'ús de primitius geomètrics com punts, línies, corbes i altres formes
geomètriques definides o polígons, que es generen a través d'equacions
matemàtiques.
Característiques:
És fàcil de treballar-hi, ja que l'ordinador
detecta les formes només en un clic.
Pesen relativament poc.
Els formats que trobarem són: .VML i .SVG,
o bé formats .SWF en format propietari.
http://www.sembeo.com/media/Matrix.swf
15. Treballar amb capes: Pixlr
Treballar amb capes suposa imaginar-nos la imatge completa en diferents nivells (com
una ceba). Hem de triar en quina posició va cada element de la imatge. El fons és l'últim
que queda però el primer en aparèixer. La paleta Capes és fonamental per no perdre'ns.
16. Treballar amb capes: Pixlr
Aquesta imatge està creada amb Pixlr i s'ha guardat com a juguem.png ( i per això manté
la transparència). Fixeu-vos: la capa 0 és el fons, després s'ha posat el títol (“Juguem”),
després la pilota i després les nenes.