Edició d'Imatges, fem servir el Pixlr

1. EDICIó
D'IMATGE

2. Imatges analògiques i digitals
Una imatge digital és bàsicament, un tipus d'imatge
que pot ser manipulada per un ordinador. N'hi ha de
dos tipus: mapes de bits i imatges vectorials.
Una imatge analògica és aquella que es 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 -RBG).
Profunditat de color o bits per píxel é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.

4. Tipus d'Imatges: mapes de bits
Monocrom: 1 bpp; 2 =2 colors
VGA: 4bpp; 2 =16 colors
Super VGA: 16bpp; 2 =256 colors
Bits per píxel 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= 4,17 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.: (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 és 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
Format Compressió Profunditat de
color
Ús típic
.tiff Opcional
Sense pèrdues
1 a 64 bits Imatges d'alta qualitat, càmeres
digitals, escàners, impressió
.bmp Sense pèrdues 8 a 24 bits És el estàndard de Microsoft
.jpeg, .jpg Amb pèrdues 8 a 24 bits Càmeres digitals, Internet,
impressió, intercanvi d'imatges.
.gif Sense pèrdues 1 a 8 bits Internet, imatges de reduït
tamany, logos...
Permet transparència i animació.
.png Sense pèrdues 1 a 48 bits Internet, gràfics, iconografia,
software.
.psd, psp,
.xcf, .pxd
Sense pèrdues 1 a 64 bits Edició i manipulació.
Podem treballar amb capes.

7. Els colors: Model RBG
RGB és un model de color basat en la síntesi additiva
(qua parteix del negre), amb el que és possible
representar un color mitjançant la barreja per addició dels
tres colors llum primaris.
Si partim que en 1 byte (2) podem emmagatzemar 256
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 a nivell 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, format pels 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, utilitzant la
notació hexadecimal. É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
PANTALL
A

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.
Aquest model està basat en la mescla de pigments
dels colors següents per fer-ne de nous: Cian,
Magenta, Groc i Negre.
IMPR
ESSIÓ

9. Propietats de la Imatge
Amb tota la informació que tenim
podem llegir i entendre aquestes
propietats de la imatge següent:
(DPI) és una unitat de mesura per a
resolucions de impressió.

10. Propietats de la Imatge
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
Formats d'imatge:
Un 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 definits o polígons, que es generen a través de 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

12. Edició d'imatges
Programari instal·lable:
Paint
Photoshop
Paint Shop Pro
Gimp (vectorial i bitmap)
Programari On line:
Pixlr
Pixrl Express
Programari per Mòbil:
PicsArt

13. Edició d'imatges: pixlr
Quadre d'Eines Paletes
Barra de menús

14. Edició d'imatges: pixlr

15. Treballar amb capes
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 es fonamental per no perdre'ns.

16. Treballar amb capes
Aquesta imatge està creada amb Pixlr i l'he guarda't com a juguem.png ( i per això manté
la transparència). Fixeu-vos: la capa 0 és el fons , després he posat el títol (“Juguem”),
després la pilota, i després les nenes.