際際滷

際際滷Share a Scribd company logo
TRACTAMENT DIMATGES:

  Imatge anal嘆gica                 Imatge digital


 Imatge natural presa amb       Procedeixen duna font digital
un aparell 嘆ptic - cmera        Es poden mostrar en una
 Caracter鱈stiques dombres i   pantalla
tons continus                    Es poden processar amb lajut
 Mides determinades            de programari grfic espec鱈fic
 No es poden modificar          Es poden guardar en qualsevol
                                dispositiu demmagatzematge
                                massiu ( USB, CD, DVD,
                                targetes mem嘆ria)
                                 La imatge pot ser manipulada
CLASSIFICACI IMATGES DIGITALS:

  Difer竪ncia entre Imatges Vectorials i Mapes de bits o bitmaps
           Com les genera lordinador        Edici坦         Pes en el disc Resoluci坦
           Lordinador fa clculs          s fcil de      Pesen menys        Sescalen
           matemtics complicats que       treballar.       que les de         automtica
Vectorials donen com a resultat l鱈nees     Lordinador      mapes de bits      ment per
           rectes i corbes generades       identifica les                      mantenir la
           mitjan巽ant vectors              formes fent                         definici坦
                                           un click
         Les imatges es generen en         s m辿s           Pesen m辿s que      Quan
         una graella de quadradets         complexa.        una imatge         sescalen
Mapes de diminuts (p鱈xels), on cada        Lordinador      vectorial de les   perden
  bits   p鱈xel cont辿 informaci坦 de color   no identifica    mateixes           definici坦
                                           les formes i     dimensions
                                           les hem de
                                           seleccionar
                                           manualment
CLASSIFICACI IMATGES DIGITALS:

   Imatges Vectorials     Mapes de bits o bitmaps




http://vector4free.com/       http://en.wikipedia.org/wiki/Disc_jockey
 Difer竪ncies de resoluci坦 segons
                       augmentem la mida de la
                       imatge




Imatge Vectorial   Imatge de mapes de bits




                       http://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial
EL PES DUNA IMATGE: EL BIT, BYTE, KILOBYTE, MEGABYTE

 BIT (Acr嘆nim, sigla, de Binary Digit / Digit Binari). s la unitat
  bsica dinformaci坦 digital. Representa dues 炭niques
  combinacions dun codi binari: 0-1, activat- desactivat, s鱈-
  no, etc... Sassocien en unitats de 8 bits anomenades bytes.
 BYTE : 辿s la unitat dinformaci坦 electr嘆nica composta per 8
  bits. s la unitat estndard amb qu竪 es mesura el pes dun
  arxiu. Al ser una unitat tan petita, sutilitzen sovint m炭ltiples
  daquesta: kilobyte Kb, Megabyte Mb, Gigabyte Gb...
 KILOBYTE (Kb)= 1024 Bytes
 MEGABYTE (Mb)= 1024 Kilobytes
 GIGABYTE (Gb)= 1024 Mb
IMATGES DE MAPES DE BITS:

 El p鱈xel (picture element) 辿s la unitat m鱈nima que forma
  una imatge grfica. Normalment, un p鱈xel es defineix com
  un punt o un quadrat. Podr鱈em dir que 辿s la part鱈cula
  elemental duna imatge.
  Els p鱈xels s坦n unitats independents, per嘆 el fet que els
  percebem com un conjunt 辿s degut a la limitaci坦 de la
  nostra visi坦, que fa que tinguem aquesta sensaci坦 de
  continu誰tat.
IMATGES DE MAPES DE BITS:

                            Exemple de p鱈xel
                            dins el conjunt duna
                            imatge
 NO CONFONDRE BIT o BYTE amb PXEL:
BYTE= 8 BITS= mesura de pes dinformaci坦 amb qu竪
 pot carregar-se un p鱈xel.
PXEL: 辿s un punt on apareix la informaci坦.
      - Es defineix f鱈sicament per la POSICI.
      - T辿 una mida (pot ser m辿s gran o m辿s petit)
      - T辿 un color determinat
      - La qualitat del color ve donada per la quantitat
      dinformaci坦 que cont辿.
EL COLOR:
La profunditat de color 辿s el nombre de bits
utilitzats per representar el color de cada
p鱈xel.

La profunditat de color en el tractament
d'imatges oscil揃la entre 1 i 32 bits sent els
valors m辿s usuals:
8 bits (256 colors), 16 bits (milers de colors) i
24 bits (milions de colors, o color real, color
RGB).
IMATGES EN BLANC I NEGRE
IMATGES EN ESCALA DE GRISOS
IMATGES POSTERITZADES (256
COLORS)
IMATGES EN COLOR REAL
MODEL COLORMTRIC RGB

La pantalla del ordinador nom辿s pot
mostrar 3 colors bsics (vermell, verd i
blau)
 Aquests 3 colors son els primaris
Els altres colors son la mescla
daquests
Parteixen del negre (abs竪ncia de
llum) i safegeixen proporcions de
vermell, verd i blau per obtenir la resta
de colors.
La mescla dels 3 colors purs = blanc
 Labs竪ncia dels 3 colors purs= negre
MODEL COLORMTRIC CMYK
Sutilitza en el proc辿s dimpressi坦
Els colors primaris son: Cian, Magenta i Groc.
Els altres colors son la mescla daquests
Parteixen del blanc (el color del paper) i sen treuen proporcions
de vermell, verd i blau per obtenir la resta de colors.
La K = al color negre.
 Suma del cin, magenta i groc no 辿s = negre, safegeix aquest
color
MODELS COLORMTRICS RGB O CMYK

 Cada p鱈xel de color es representa pels valors dels 2
models de canals de color: RGB o CMYK.

Cada canal s坦n 8 BITS: RGB t辿 8BITSX3 canals= 24
BITS, i per tant pesa menys que el model CMYK
que s坦n 4 canals.
LA RESOLUCI
 Resoluci坦: 辿s la densitat de punts de la quadr鱈cula (p鱈xels) i
  es mesura en punts per polzada (ppp).
  Les mides (en p鱈xels) de la imatge i la seva resoluci坦
  determinen les dimensions del fitxer.
 Una imatge de m辿s resoluci坦 generar un fitxer de
  dimensions for巽a m辿s gran ( m辿s pesant) que si la resoluci坦
  辿s m辿s baixa.
 A m辿s resoluci坦, p鱈xels m辿s petits i els quadrets tamb辿
  s坦n m辿s petits; per嘆 a menys resoluci坦, p鱈xels m辿s
  grossos i els quadrets es veuen tamb辿 m辿s grans)
La mida duna imatge s坦n les seves dimensions reals en termes
  damplada i altura una vegada impresa.
1 polzada = 2,54 cm
Si tenim un imatge de:
Resoluci坦 = 72 p鱈xels per polzada
N尊 de p鱈xels en Horitzontal = 300
N尊 de p鱈xels en Vertical = 200

- Com podem saber les seves mides dimpressi坦?
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
TIPUS DE FITXERS DE MAPES DE PUNTS
 EXTENSI      TIPUS DE FITXER                      CARACTERSTIQUES

bmp          Bit Maped Picture        Propi del Microsoft Paint

tif o tiff   Tagged Image File Format Emmagatzema la imatge + etiquetes

gif          Graffics Interchange     Molt 炭s a pgines web.
             Format                   Admet compressi坦 sense p竪rdua de qualitat (imatges
                                      de 256 colors o menys)
pict o pct   Picture (imatge)         Format imatges de Microsoft.
                                      Admet color veritable, transpar竪ncia i compressi坦
                                      sense p竪rdua
png          Portable Network         s en moltes aplicacions, per ex. Macromedia
             Graphics                 Fireworks
                                      Format lliure, algoritme de compressi坦 propi i disposa
                                      de color veritable
jpg o jpeg   Joint Photographic       s per enviar fotos per Internet
             Experts Groups           Admet compressi坦 per嘆 perd qualitat
psd          Photoshop Document       No sutilitza per enviar fotos per Internet perqu竪 pesa
                                      molt.
                                      Admet color veritable, capes i efectes m炭ltiples
raw          (raw= cru en angl竪s)     Genera un fitxer de grans dimensions
             Fotmat brut              Cont辿 la informaci坦 de la imatge sense manipular
FORMATS DE LA IMATGE DIGITAL
 Les dades de les imatges es guarden en diversos tipus
  darxius que es coneixen com a formats darxius.
 Hi ha formats darxiu que es poden obrir amb tots els
  programes (molt adients per a arxius que els hagin de poder
  obrir molta gent).
      JPEG
      GIF                            QUALSEVOL
      TIFF                           APLICACI TELS
      BMP                            RECONEIX
      PNG
 Daquests nhi ha que comprimeixen la imatge (amb p竪rdua) i
  nhi ha que no comprimeixen o molt poc (sense p竪rdua).
    Amb p竪rdua                  Sense p竪rdua




       JPEG                        TIFF
       GIF                         BMP
       PNG




     PESEN -                      PESEN +
OPTIMITZAR LA RESOLUCI SEGONS LS FINAL DE LA IMATGE
QU VOLEM FER AMB LA IMATGE??         RECOMANACIONS


                                    300 ppp 嘆 200 ppp
   IMPRESSI EN                     TIFF
   TINTA DINJECCI



                                    96 ppp (PC) 嘆 72 ppp (MAC)
                                    JPEG
      ORDINADOR
                                    (TIFF Si sha de treballar en vries
                                       sessions)



                                    72 ppp
       INTERNET
                                    JPG
PROGRAMES DEDICI GRFICA
APLICACI       FUNCIONALITAT           PLATAFORMA            DESCRIPCI
Corel Draw      Dibuix Vectorial        Windows               s molt potent. Es distribueix amb imatges
                                                              predissenyades i fonts de text
Illustrator     Dibuix Vectorial        Windows/Mac           Sintegra molt b辿 amb Photoshop

Inkscape*       Dibuix Vectorial        Linux/Windows/Mac     Semblant a Corel Draw o Illustrator

Autocad         Arquitectura i Ingen.   Windows               La m辿s potent per les seves funcions

Qcad            Arquitectura i Ingen.   Windows/Linux         Alternativa a lAutocad

3D Studio Max   Disseny 3D              Windows               Disseny animat en 3 Dimensions

Blender*        Disseny 3D              Windows/Linux         Alternativa al 3D Studio

Photoshop       Edici坦 imatges          Indows/Mac            s la m辿s utilitzada

El Gimp*        Edici坦 imatges          Linux/Windows/Mac     Semblant al Photoshop

Photoshop       Organitzador i editor   Windows/Mac           Adequat per grans col揃leccions
Elements
Photoshop       Organitzador i editor   Windows/Mac           Adequat per fitxers raw
Lightroom
Picasa*         Organitzador i editor   Windows               Permet publicar lbums en l鱈nea

XnView*         Visualitzador imatges   Windows/Linux/altre   Permet crear presentacions i lbums web
                                        s
ACDSee          Visualitzador imatges   Windows               Visualitzador fotografies i permet gesti坦 dlbum
FONTS DIMATGES:
A les seg端ents adreces podem trobar imatges gratu誰tes online:
Picto                 http://www.picto.qc.ca/
Freefoto              http://www.freefoto.com/index.jsp
Flickr                http://www.flickr.com/
CNICE-MEC             http://bancoimagenes.cnice.mec.es/
SXC:                  http://www.sxc.hu/
MorgueFile            http://www.morguefile.com/
PixelPerfect Digital  http://www.pixelperfectdigital.com/
OpenPhoto             http://www.openphoto.net/
Altres fonts dimatges:
Imatge impresa digitalitzada amb un escner, cmera
   fotogrfica, captura de pantalla, fotograma dun v鱈deo, creaci坦
   amb un programa de tractament dimatges.

More Related Content

Imatge digital

  • 1. TRACTAMENT DIMATGES: Imatge anal嘆gica Imatge digital Imatge natural presa amb Procedeixen duna font digital un aparell 嘆ptic - cmera Es poden mostrar en una Caracter鱈stiques dombres i pantalla tons continus Es poden processar amb lajut Mides determinades de programari grfic espec鱈fic No es poden modificar Es poden guardar en qualsevol dispositiu demmagatzematge massiu ( USB, CD, DVD, targetes mem嘆ria) La imatge pot ser manipulada
  • 2. CLASSIFICACI IMATGES DIGITALS: Difer竪ncia entre Imatges Vectorials i Mapes de bits o bitmaps Com les genera lordinador Edici坦 Pes en el disc Resoluci坦 Lordinador fa clculs s fcil de Pesen menys Sescalen matemtics complicats que treballar. que les de automtica Vectorials donen com a resultat l鱈nees Lordinador mapes de bits ment per rectes i corbes generades identifica les mantenir la mitjan巽ant vectors formes fent definici坦 un click Les imatges es generen en s m辿s Pesen m辿s que Quan una graella de quadradets complexa. una imatge sescalen Mapes de diminuts (p鱈xels), on cada Lordinador vectorial de les perden bits p鱈xel cont辿 informaci坦 de color no identifica mateixes definici坦 les formes i dimensions les hem de seleccionar manualment
  • 3. CLASSIFICACI IMATGES DIGITALS: Imatges Vectorials Mapes de bits o bitmaps http://vector4free.com/ http://en.wikipedia.org/wiki/Disc_jockey
  • 4. Difer竪ncies de resoluci坦 segons augmentem la mida de la imatge Imatge Vectorial Imatge de mapes de bits http://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial
  • 5. EL PES DUNA IMATGE: EL BIT, BYTE, KILOBYTE, MEGABYTE BIT (Acr嘆nim, sigla, de Binary Digit / Digit Binari). s la unitat bsica dinformaci坦 digital. Representa dues 炭niques combinacions dun codi binari: 0-1, activat- desactivat, s鱈- no, etc... Sassocien en unitats de 8 bits anomenades bytes. BYTE : 辿s la unitat dinformaci坦 electr嘆nica composta per 8 bits. s la unitat estndard amb qu竪 es mesura el pes dun arxiu. Al ser una unitat tan petita, sutilitzen sovint m炭ltiples daquesta: kilobyte Kb, Megabyte Mb, Gigabyte Gb... KILOBYTE (Kb)= 1024 Bytes MEGABYTE (Mb)= 1024 Kilobytes GIGABYTE (Gb)= 1024 Mb
  • 6. IMATGES DE MAPES DE BITS: El p鱈xel (picture element) 辿s la unitat m鱈nima que forma una imatge grfica. Normalment, un p鱈xel es defineix com un punt o un quadrat. Podr鱈em dir que 辿s la part鱈cula elemental duna imatge. Els p鱈xels s坦n unitats independents, per嘆 el fet que els percebem com un conjunt 辿s degut a la limitaci坦 de la nostra visi坦, que fa que tinguem aquesta sensaci坦 de continu誰tat.
  • 7. IMATGES DE MAPES DE BITS: Exemple de p鱈xel dins el conjunt duna imatge
  • 8. NO CONFONDRE BIT o BYTE amb PXEL: BYTE= 8 BITS= mesura de pes dinformaci坦 amb qu竪 pot carregar-se un p鱈xel. PXEL: 辿s un punt on apareix la informaci坦. - Es defineix f鱈sicament per la POSICI. - T辿 una mida (pot ser m辿s gran o m辿s petit) - T辿 un color determinat - La qualitat del color ve donada per la quantitat dinformaci坦 que cont辿.
  • 9. EL COLOR: La profunditat de color 辿s el nombre de bits utilitzats per representar el color de cada p鱈xel. La profunditat de color en el tractament d'imatges oscil揃la entre 1 i 32 bits sent els valors m辿s usuals: 8 bits (256 colors), 16 bits (milers de colors) i 24 bits (milions de colors, o color real, color RGB).
  • 10. IMATGES EN BLANC I NEGRE
  • 11. IMATGES EN ESCALA DE GRISOS
  • 14. MODEL COLORMTRIC RGB La pantalla del ordinador nom辿s pot mostrar 3 colors bsics (vermell, verd i blau) Aquests 3 colors son els primaris Els altres colors son la mescla daquests Parteixen del negre (abs竪ncia de llum) i safegeixen proporcions de vermell, verd i blau per obtenir la resta de colors. La mescla dels 3 colors purs = blanc Labs竪ncia dels 3 colors purs= negre
  • 15. MODEL COLORMTRIC CMYK Sutilitza en el proc辿s dimpressi坦 Els colors primaris son: Cian, Magenta i Groc. Els altres colors son la mescla daquests Parteixen del blanc (el color del paper) i sen treuen proporcions de vermell, verd i blau per obtenir la resta de colors. La K = al color negre. Suma del cin, magenta i groc no 辿s = negre, safegeix aquest color
  • 16. MODELS COLORMTRICS RGB O CMYK Cada p鱈xel de color es representa pels valors dels 2 models de canals de color: RGB o CMYK. Cada canal s坦n 8 BITS: RGB t辿 8BITSX3 canals= 24 BITS, i per tant pesa menys que el model CMYK que s坦n 4 canals.
  • 17. LA RESOLUCI Resoluci坦: 辿s la densitat de punts de la quadr鱈cula (p鱈xels) i es mesura en punts per polzada (ppp). Les mides (en p鱈xels) de la imatge i la seva resoluci坦 determinen les dimensions del fitxer. Una imatge de m辿s resoluci坦 generar un fitxer de dimensions for巽a m辿s gran ( m辿s pesant) que si la resoluci坦 辿s m辿s baixa.
  • 18. A m辿s resoluci坦, p鱈xels m辿s petits i els quadrets tamb辿 s坦n m辿s petits; per嘆 a menys resoluci坦, p鱈xels m辿s grossos i els quadrets es veuen tamb辿 m辿s grans)
  • 19. La mida duna imatge s坦n les seves dimensions reals en termes damplada i altura una vegada impresa. 1 polzada = 2,54 cm Si tenim un imatge de: Resoluci坦 = 72 p鱈xels per polzada N尊 de p鱈xels en Horitzontal = 300 N尊 de p鱈xels en Vertical = 200 - Com podem saber les seves mides dimpressi坦? 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
  • 20. TIPUS DE FITXERS DE MAPES DE PUNTS EXTENSI TIPUS DE FITXER CARACTERSTIQUES bmp Bit Maped Picture Propi del Microsoft Paint tif o tiff Tagged Image File Format Emmagatzema la imatge + etiquetes gif Graffics Interchange Molt 炭s a pgines web. Format Admet compressi坦 sense p竪rdua de qualitat (imatges de 256 colors o menys) pict o pct Picture (imatge) Format imatges de Microsoft. Admet color veritable, transpar竪ncia i compressi坦 sense p竪rdua png Portable Network s en moltes aplicacions, per ex. Macromedia Graphics Fireworks Format lliure, algoritme de compressi坦 propi i disposa de color veritable jpg o jpeg Joint Photographic s per enviar fotos per Internet Experts Groups Admet compressi坦 per嘆 perd qualitat psd Photoshop Document No sutilitza per enviar fotos per Internet perqu竪 pesa molt. Admet color veritable, capes i efectes m炭ltiples raw (raw= cru en angl竪s) Genera un fitxer de grans dimensions Fotmat brut Cont辿 la informaci坦 de la imatge sense manipular
  • 21. FORMATS DE LA IMATGE DIGITAL Les dades de les imatges es guarden en diversos tipus darxius que es coneixen com a formats darxius. Hi ha formats darxiu que es poden obrir amb tots els programes (molt adients per a arxius que els hagin de poder obrir molta gent). JPEG GIF QUALSEVOL TIFF APLICACI TELS BMP RECONEIX PNG
  • 22. Daquests nhi ha que comprimeixen la imatge (amb p竪rdua) i nhi ha que no comprimeixen o molt poc (sense p竪rdua). Amb p竪rdua Sense p竪rdua JPEG TIFF GIF BMP PNG PESEN - PESEN +
  • 23. OPTIMITZAR LA RESOLUCI SEGONS LS FINAL DE LA IMATGE QU VOLEM FER AMB LA IMATGE?? RECOMANACIONS 300 ppp 嘆 200 ppp IMPRESSI EN TIFF TINTA DINJECCI 96 ppp (PC) 嘆 72 ppp (MAC) JPEG ORDINADOR (TIFF Si sha de treballar en vries sessions) 72 ppp INTERNET JPG
  • 24. PROGRAMES DEDICI GRFICA APLICACI FUNCIONALITAT PLATAFORMA DESCRIPCI Corel Draw Dibuix Vectorial Windows s molt potent. Es distribueix amb imatges predissenyades i fonts de text Illustrator Dibuix Vectorial Windows/Mac Sintegra molt b辿 amb Photoshop Inkscape* Dibuix Vectorial Linux/Windows/Mac Semblant a Corel Draw o Illustrator Autocad Arquitectura i Ingen. Windows La m辿s potent per les seves funcions Qcad Arquitectura i Ingen. Windows/Linux Alternativa a lAutocad 3D Studio Max Disseny 3D Windows Disseny animat en 3 Dimensions Blender* Disseny 3D Windows/Linux Alternativa al 3D Studio Photoshop Edici坦 imatges Indows/Mac s la m辿s utilitzada El Gimp* Edici坦 imatges Linux/Windows/Mac Semblant al Photoshop Photoshop Organitzador i editor Windows/Mac Adequat per grans col揃leccions Elements Photoshop Organitzador i editor Windows/Mac Adequat per fitxers raw Lightroom Picasa* Organitzador i editor Windows Permet publicar lbums en l鱈nea XnView* Visualitzador imatges Windows/Linux/altre Permet crear presentacions i lbums web s ACDSee Visualitzador imatges Windows Visualitzador fotografies i permet gesti坦 dlbum
  • 25. FONTS DIMATGES: A les seg端ents adreces podem trobar imatges gratu誰tes online: Picto http://www.picto.qc.ca/ Freefoto http://www.freefoto.com/index.jsp Flickr http://www.flickr.com/ CNICE-MEC http://bancoimagenes.cnice.mec.es/ SXC: http://www.sxc.hu/ MorgueFile http://www.morguefile.com/ PixelPerfect Digital http://www.pixelperfectdigital.com/ OpenPhoto http://www.openphoto.net/ Altres fonts dimatges: Imatge impresa digitalitzada amb un escner, cmera fotogrfica, captura de pantalla, fotograma dun v鱈deo, creaci坦 amb un programa de tractament dimatges.