T5 edi img_1516

16
EDICIÓ D'IMATGE

Transcript of T5 edi img_1516

Page 1: T5 edi img_1516

EDICIÓD'IMATGE

Page 2: T5 edi img_1516

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.

Page 3: T5 edi img_1516

Tipus d'Imatges: mapes de bitsMapes 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).

Page 4: T5 edi img_1516

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 1PÍ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

800x6001024x7682048x1024

Elements de la imatge

Page 5: T5 edi img_1516

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.

Page 6: T5 edi img_1516

Tipus d'Imatges: mapes de bits

Formatsd’imatge

Compressió Profunditat de color

Ús típic

.bmp Sense pèrdues 24 bits És l'estàndard de Microsoft,

.tiff OpcionalSense 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 bitsInternet, imatges de reduïdes dimensions, logos...Permet transparència i animació.

.png Sense pèrdues 48 bitsInternet, gràfics, iconografia, software.Permet transparència

.psd, psp,

.xcf, .pxd Sense pèrdues 64 bits Edició i manipulació. Podem treballar amb capes.

Page 7: T5 edi img_1516

Els Colors: MODEL RGBRGB é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

Page 8: T5 edi img_1516

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Ó

Page 9: T5 edi img_1516

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.

Page 10: T5 edi img_1516

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.

Page 11: T5 edi img_1516

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

Page 12: T5 edi img_1516

Programari instal·lable

Paint

Photoshop

Paint Shop Pro

Gimp (vectorial i bitmap)

Edició d'imatges: Programari

Programari On linePixlr

Pixrl Express

Programari per Mòbil

PicsArt

Page 13: T5 edi img_1516

Edició d'imatges: Pixlr

Quadre d'Eines Paletes

Barra de menús

Page 14: T5 edi img_1516

Edició d'imatges: Pixlr

Page 15: T5 edi img_1516

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.

Page 16: T5 edi img_1516

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.