際際滷

際際滷Share a Scribd company logo
Imatge22205
1.Alguns conceptes bsics
  A.   Tipus dimatges
  B.   Tipus dimatges digitals
  C.   Modes de color
  D.   Resoluci坦

2.Formats m辿s comuns
3.Adquisici坦 dimatges
1. ALGUNS CONCEPTES BSICS
     A. Tipus dimatges


Imatge anal嘆gica: imatges f鱈siques (fotografies, tr鱈ptics, )

Imatge digital: composta per un codi binari




                  DIGITALITZACI
1. ALGUNS CONCEPTES BSICS

Per al tractament dimatges sha de tenir en
       compte lobtenci坦 i el format final
1. ALGUNS CONCEPTES BSICS
 B. Tipus dimatges digitals




               Mapa de bits




                               Imatge vectorial
1. ALGUNS CONCEPTES BSICS
 B. Tipus dimatges digitals




   Imatge vectorial            Mapa de bits
1. ALGUNS CONCEPTES BSICS
 B. Tipus dimatges digitals

 MAPA DE BITS                  VECTORIALS
 o BITMAT
1. ALGUNS CONCEPTES BSICS
 A. Tipus dimatges

 VECTORIALS
   -Es componen dobjectes grfics independents, creats a
   partir doperacions matemtiques que realitza lordinador
   -S坦n l鱈nies curves o rectes definides per vectors
   -Es recalcula quan la modificam
   -El seu tamany d'emmagatzematge 辿s inferior a una
   imatge de mapa de bits
   -Programes vectorials:
        Corel Draw
        Macromedia Freehand
        Adobe Illustrator
        Macromedia Flash
1. ALGUNS CONCEPTES BSICS
     A. Tipus dimatges

 IMATGE VECTORIAL
Exemple duna ampliaci坦
1. ALGUNS CONCEPTES BSICS
 A. Tipus dimatges

       Exemple de imatge vectorial
1. ALGUNS CONCEPTES BSICS
 A. Tipus dimatges

 MAPA DE BITS
  -Formada per un conjunt de p鱈xels, els quals contenen
  una s竪rie de bits dinformaci坦
1. ALGUNS CONCEPTES BSICS
 A. Tipus dimatges

 MAPA DE BITS
  -Formada per un conjunt de p鱈xels, els quals contenen
  una s竪rie de bits dinformaci坦
  -La qualitat del color la determina la quantitat dinformaci坦
  utilitzada per representar cada p鱈xel

    1 bit          Blanc i negre = 21
    8 bits         Escala de grisos, 256 tons de color = 28
    24 bits        16,7 Milions de colors = 224
    32 bits        4.294.967.296 = 232

            Bit = valors que pot tenir cada p鱈xel.
1. ALGUNS CONCEPTES BSICS
 A. Tipus dimatges

 MAPA DE BITS
  -Formada per un conjunt de p鱈xels, els quals contenen
  una s竪rie de bits dinformaci坦
  -La qualitat del color la determina la quantitat dinformaci坦
  utilitzada per representar cada p鱈xel
1. ALGUNS CONCEPTES BSICS
 A. Tipus dimatges

 MAPA DE BITS
  -Formada per un conjunt de p鱈xels, els quals contenen
  una s竪rie de bits dinformaci坦
  -La qualitat del color la determina la quantitat dinformaci坦
  utilitzada per representar cada p鱈xel
  -Quan es redimensiona perd informaci坦
  -Programari:
         Adobe Photoshop
         GIMP
         Corel Photo-Paint
         PaintShopPro
         Macromedia Fireworks
1. ALGUNS CONCEPTES BSICS
    A. Tipus dimatges

   MAPA DE BITS
Exemple duna ampliaci坦
1. ALGUNS CONCEPTES BSICS
 A. Tipus dimatges
1. ALGUNS CONCEPTES BSICS
 B. Modes de color
 -S坦n els diferents sistemes per treballar una imatge
 -Relacionat amb la codificaci坦 del color
 -Lelecci坦 dep竪n de la finalitat de la imatge
 -Tipus
       Mapa de bits  1 bit
       Escala de grisos  8 bits i permet 256 tons de grisos
      RGB (red, green, blue)  24 bits
B. Modes de color




Recomenats per la Web   Recomenat per imprimir
1. ALGUNS CONCEPTES BSICS
                            N炭mero de p鱈xels per
 C. Resoluci坦               unitat de superf鱈cie


                                    dpi o ppi

                        300 ppi = 300 x 300 p鱈xels = 90.000 p鱈xels

  Major quantitat de ppi = Major qualitat = Major tamany

 Resoluci坦   Producte               Perif竪ric de sortida
 72ppp       Pgina web, CD/DVD Monitor
 150ppp      Publicaci坦 impresa     Impressora
 300ppp                             convencional
 300ppp      Publicaci坦 impresa     Impremta
 600ppp
Imatge22205
2. FORMATS GRFICS

Formats   P竪rdua     Compres   Qualitat   Colors   Web
            de         si坦
          qualitat
 TIFF       no         no         s鱈      +256     no
 BMP        no         no         s鱈      +256     no
 PSD        no         no         s鱈      +256     no
 XCF        no         no         s鱈      +256     no
 PNG        no         s鱈         s鱈      +256     s鱈
 JPG         s鱈        s鱈         s鱈      +256     s鱈
  GIF        si        s鱈        no        -256    s鱈
3. ADQUISICI DIMATGES DIGITALS
   Crear amb lordinador
Instruccions:
     1. preparar en pantalla all嘆 que volem capturar,
     2. pitjar la tecla ImprPant (o PrintScreen) en els PCs i
     +maj炭scules+3 en els Macs
     3. Edici坦n / Pegar a un programa de tractament d'imatges o en
   un document de Word, com si fos una il揃lustraci坦
3. ADQUISICI DIMATGES
   Crear amb lordinador
   Crear amb cmera (fotos, v鱈deo)

La imatge queda directament digitalitzada en un format estndard
   (jpg o bmp) i amb una alta qualitat.
Avantatges:
- es poden transferir directament de la cmera a l'ordinador,
- es poden aplicar molts efectes i retocs, fer la fotografia en blanc i
    negre sense necessitat de canviar la lent, etc.
3. ADQUISICI DIMATGES
   Crear amb lordinador
   Crear amb cmera (fotos, v鱈deo)
   Capturar/Digitalitzar imatges anal嘆giques
    (escner, captura v鱈deo)
Aspectes a tenir en compte:
- Resoluci坦: segons la utilitat final de la imatge
         imprimir a 300 o 600 dpi
         pantalla a 72 dpi
- A l'hora de guardar la imatge escanejada 辿s convenient guardar-
   la amb en format TIFF ja que respecte la qualitat original de la
   imatge
3. ADQUISICI DIMATGES
   Crear amb lordinador
   Crear amb cmera (fotos, v鱈deo)
   Capturar/Digitalitzar imatges anal嘆giques (escner,
    captura v鱈deo)
   Guardar imatges de les pgines web
3. ADQUISICI DIMATGES
   Crear amb lordinador
   Crear amb cmera (fotos, v鱈deo)
   Capturar/Digitalitzar imatges anal嘆giques (escner,
    captura v鱈deo)
   Guardar imatges de les pgines web
     Banc dimatges gratu誰tes
       BigFoto
       Banc dimatges i sons CNICE
3. ADQUISICI DIMATGES
   Crear amb lordinador
   Crear amb cmera (fotos, v鱈deo)
   Capturar/Digitalitzar imatges anal嘆giques (escner,
    captura v鱈deo)
   Guardar les imatges de les pgines web
   Tractar-les amb lordinador
Programes dedici坦 o tractament dimatges (Photoshop, Paint Shop
   Pro, Graphic Converter, Fireworks, GIMP, etc),
4. Recomanacions
 Guardar els arxius originals i c嘆pia de la
  imatge final
 Ajustar la mida de la imatge

  (< mida = < espai en disc)
 Retallar lrea que ens interessa

More Related Content

Imatge22205

  • 2. 1.Alguns conceptes bsics A. Tipus dimatges B. Tipus dimatges digitals C. Modes de color D. Resoluci坦 2.Formats m辿s comuns 3.Adquisici坦 dimatges
  • 3. 1. ALGUNS CONCEPTES BSICS A. Tipus dimatges Imatge anal嘆gica: imatges f鱈siques (fotografies, tr鱈ptics, ) Imatge digital: composta per un codi binari DIGITALITZACI
  • 4. 1. ALGUNS CONCEPTES BSICS Per al tractament dimatges sha de tenir en compte lobtenci坦 i el format final
  • 5. 1. ALGUNS CONCEPTES BSICS B. Tipus dimatges digitals Mapa de bits Imatge vectorial
  • 6. 1. ALGUNS CONCEPTES BSICS B. Tipus dimatges digitals Imatge vectorial Mapa de bits
  • 7. 1. ALGUNS CONCEPTES BSICS B. Tipus dimatges digitals MAPA DE BITS VECTORIALS o BITMAT
  • 8. 1. ALGUNS CONCEPTES BSICS A. Tipus dimatges VECTORIALS -Es componen dobjectes grfics independents, creats a partir doperacions matemtiques que realitza lordinador -S坦n l鱈nies curves o rectes definides per vectors -Es recalcula quan la modificam -El seu tamany d'emmagatzematge 辿s inferior a una imatge de mapa de bits -Programes vectorials: Corel Draw Macromedia Freehand Adobe Illustrator Macromedia Flash
  • 9. 1. ALGUNS CONCEPTES BSICS A. Tipus dimatges IMATGE VECTORIAL Exemple duna ampliaci坦
  • 10. 1. ALGUNS CONCEPTES BSICS A. Tipus dimatges Exemple de imatge vectorial
  • 11. 1. ALGUNS CONCEPTES BSICS A. Tipus dimatges MAPA DE BITS -Formada per un conjunt de p鱈xels, els quals contenen una s竪rie de bits dinformaci坦
  • 12. 1. ALGUNS CONCEPTES BSICS A. Tipus dimatges MAPA DE BITS -Formada per un conjunt de p鱈xels, els quals contenen una s竪rie de bits dinformaci坦 -La qualitat del color la determina la quantitat dinformaci坦 utilitzada per representar cada p鱈xel 1 bit Blanc i negre = 21 8 bits Escala de grisos, 256 tons de color = 28 24 bits 16,7 Milions de colors = 224 32 bits 4.294.967.296 = 232 Bit = valors que pot tenir cada p鱈xel.
  • 13. 1. ALGUNS CONCEPTES BSICS A. Tipus dimatges MAPA DE BITS -Formada per un conjunt de p鱈xels, els quals contenen una s竪rie de bits dinformaci坦 -La qualitat del color la determina la quantitat dinformaci坦 utilitzada per representar cada p鱈xel
  • 14. 1. ALGUNS CONCEPTES BSICS A. Tipus dimatges MAPA DE BITS -Formada per un conjunt de p鱈xels, els quals contenen una s竪rie de bits dinformaci坦 -La qualitat del color la determina la quantitat dinformaci坦 utilitzada per representar cada p鱈xel -Quan es redimensiona perd informaci坦 -Programari: Adobe Photoshop GIMP Corel Photo-Paint PaintShopPro Macromedia Fireworks
  • 15. 1. ALGUNS CONCEPTES BSICS A. Tipus dimatges MAPA DE BITS Exemple duna ampliaci坦
  • 16. 1. ALGUNS CONCEPTES BSICS A. Tipus dimatges
  • 17. 1. ALGUNS CONCEPTES BSICS B. Modes de color -S坦n els diferents sistemes per treballar una imatge -Relacionat amb la codificaci坦 del color -Lelecci坦 dep竪n de la finalitat de la imatge -Tipus Mapa de bits 1 bit Escala de grisos 8 bits i permet 256 tons de grisos RGB (red, green, blue) 24 bits
  • 18. B. Modes de color Recomenats per la Web Recomenat per imprimir
  • 19. 1. ALGUNS CONCEPTES BSICS N炭mero de p鱈xels per C. Resoluci坦 unitat de superf鱈cie dpi o ppi 300 ppi = 300 x 300 p鱈xels = 90.000 p鱈xels Major quantitat de ppi = Major qualitat = Major tamany Resoluci坦 Producte Perif竪ric de sortida 72ppp Pgina web, CD/DVD Monitor 150ppp Publicaci坦 impresa Impressora 300ppp convencional 300ppp Publicaci坦 impresa Impremta 600ppp
  • 21. 2. FORMATS GRFICS Formats P竪rdua Compres Qualitat Colors Web de si坦 qualitat TIFF no no s鱈 +256 no BMP no no s鱈 +256 no PSD no no s鱈 +256 no XCF no no s鱈 +256 no PNG no s鱈 s鱈 +256 s鱈 JPG s鱈 s鱈 s鱈 +256 s鱈 GIF si s鱈 no -256 s鱈
  • 22. 3. ADQUISICI DIMATGES DIGITALS Crear amb lordinador Instruccions: 1. preparar en pantalla all嘆 que volem capturar, 2. pitjar la tecla ImprPant (o PrintScreen) en els PCs i +maj炭scules+3 en els Macs 3. Edici坦n / Pegar a un programa de tractament d'imatges o en un document de Word, com si fos una il揃lustraci坦
  • 23. 3. ADQUISICI DIMATGES Crear amb lordinador Crear amb cmera (fotos, v鱈deo) La imatge queda directament digitalitzada en un format estndard (jpg o bmp) i amb una alta qualitat. Avantatges: - es poden transferir directament de la cmera a l'ordinador, - es poden aplicar molts efectes i retocs, fer la fotografia en blanc i negre sense necessitat de canviar la lent, etc.
  • 24. 3. ADQUISICI DIMATGES Crear amb lordinador Crear amb cmera (fotos, v鱈deo) Capturar/Digitalitzar imatges anal嘆giques (escner, captura v鱈deo) Aspectes a tenir en compte: - Resoluci坦: segons la utilitat final de la imatge imprimir a 300 o 600 dpi pantalla a 72 dpi - A l'hora de guardar la imatge escanejada 辿s convenient guardar- la amb en format TIFF ja que respecte la qualitat original de la imatge
  • 25. 3. ADQUISICI DIMATGES Crear amb lordinador Crear amb cmera (fotos, v鱈deo) Capturar/Digitalitzar imatges anal嘆giques (escner, captura v鱈deo) Guardar imatges de les pgines web
  • 26. 3. ADQUISICI DIMATGES Crear amb lordinador Crear amb cmera (fotos, v鱈deo) Capturar/Digitalitzar imatges anal嘆giques (escner, captura v鱈deo) Guardar imatges de les pgines web Banc dimatges gratu誰tes BigFoto Banc dimatges i sons CNICE
  • 27. 3. ADQUISICI DIMATGES Crear amb lordinador Crear amb cmera (fotos, v鱈deo) Capturar/Digitalitzar imatges anal嘆giques (escner, captura v鱈deo) Guardar les imatges de les pgines web Tractar-les amb lordinador Programes dedici坦 o tractament dimatges (Photoshop, Paint Shop Pro, Graphic Converter, Fireworks, GIMP, etc),
  • 28. 4. Recomanacions Guardar els arxius originals i c嘆pia de la imatge final Ajustar la mida de la imatge (< mida = < espai en disc) Retallar lrea que ens interessa

Editor's Notes

  • #7: Aix嘆 辿s una fotografia vista des de les dues perspectives
  • #9: Es componen d objectes grfics independents, creats a partir doperacions matemtiques que realitza lordinador S坦n l鱈nies curves o rectes definides per vectors Es recalcula quan la modificam El seu tamany d emmagetzamatge 辿s inferior a una imatge de mapa de bits - Es componen d objectes grfics independents, creats a partir doperacions matemtiques que realitza lordinador S坦n l鱈nies curves o rectes definides per vectors Els objectes que componen una imatge vectorial s坦n l鱈nies curves i rectes definides per vectors, i cada un d aquests vectors es composen per un punt inicial i un punt final. Als objectes que componen una imatge vectorial tamb辿 s坦n nomenats com a objectes B辿zier . Es recalcula quan la modificam Quan manipulam la imatge (per ex. La feim m辿s petita) modificam les seves caracter鱈stiques i el que fa 辿s variar la f坦rmula matemtica que calcula l objecte. Aix嘆 vol dir que si augmentam una imatge no estam distribuint una s竪rie de p鱈xels, ni augmentam el seu n炭mero per superf鱈cies. Podem augmentar el que volguem i la seva qualitat sempre ser mxima, no es veur afectada. El seu tamany d emmagetzamatge 辿s inferior a una imatge de mapa de bits Els objectes vectorials no depenen de la resoluci坦, i per tant el seu tamany d emmagetzamatge 辿s inferior a una imatge de mapa de bits Normalment aquest tipus d imatges sutilitza per treballs que shan dimprimir amb qualitat professional, 辿s a dir, a trav辿s dimpremta, i a lmbit professional del disseny grfic (revistes, tr鱈ptics, etc), encara que ara ja sels pot comen巽ar a veure en reproduccions multim竪dia a trav辿s dInternet, pel seu reduit tamany demmagatzamatge.
  • #12: Formada per un conjunt de p鱈xels, els quals contenen una s竪rie de bits d informaci坦 Una imatge de mapa de bits est condicionada a una ret鱈cula de punts sobre la qual es diposa una s竪rie de bits d informa que representen p鱈xels. Aquesta informaci坦 determinar el color i la posici坦 de cada p鱈xel i el conjunt de tots ells formen les imatges de mapa de bits. La qualitat del color la determina la quantitat d informaci坦 utilitzada per representar cada p鱈xel. Aix鱈, una imatge que tengui major n炭mero de bits tendr m辿s possibilitats cromtiques per嘆 ocupar m辿s mem嘆ria de lordinador
  • #13: Formada per un conjunt de p鱈xels, els quals contenen una s竪rie de bits d informaci坦 Una imatge de mapa de bits est condicionada a una ret鱈cula de punts sobre la qual es diposa una s竪rie de bits d informa que representen p鱈xels. Aquesta informaci坦 determinar el color i la posici坦 de cada p鱈xel i el conjunt de tots ells formen les imatges de mapa de bits. La qualitat del color la determina la quantitat d informaci坦 utilitzada per representar cada p鱈xel. Aix鱈, una imatge que tengui major n炭mero de bits tendr m辿s possibilitats cromtiques per嘆 ocupar m辿s mem嘆ria de lordinador
  • #14: Formada per un conjunt de p鱈xels, els quals contenen una s竪rie de bits d informaci坦 Una imatge de mapa de bits est condicionada a una ret鱈cula de punts sobre la qual es diposa una s竪rie de bits d informa que representen p鱈xels. Aquesta informaci坦 determinar el color i la posici坦 de cada p鱈xel i el conjunt de tots ells formen les imatges de mapa de bits. La qualitat del color la determina la quantitat d informaci坦 utilitzada per representar cada p鱈xel. Aix鱈, una imatge que tengui major n炭mero de bits tendr m辿s possibilitats cromtiques per嘆 ocupar m辿s mem嘆ria de lordinador
  • #15: Formada per un conjunt de p鱈xels, els quals contenen una s竪rie de bits d informaci坦 Una imatge de mapa de bits est condicionada a una ret鱈cula de punts sobre la qual es diposa una s竪rie de bits d informa que representen p鱈xels. Aquesta informaci坦 determinar el color i la posici坦 de cada p鱈xel i el conjunt de tots ells formen les imatges de mapa de bits. La qualitat del color la determina la quantitat d informaci坦 utilitzada per representar cada p鱈xel. Aix鱈, una imatge que tengui major n炭mero de bits tendr m辿s possibilitats cromtiques per嘆 ocupar m辿s mem嘆ria de lordinador
  • #18: Mapa de bits: imatges d un to de color (1 bit), ocupen poc espai de mem嘆ria per嘆 no permet realitzar tons intermitjos Escala de grisos: 8 bits i permet 256 tons de grisos. Permet realitzar tons intermitjos. Color indexat: 8 bits i permet 256 tons de grisos. Solen presentar una paleta de colors que mostra tots els colors que componen la imatge. Normalment s utilitza per a imatges destinades a la web o a la producci坦 multim竪dia, ja que lespai demmagatzematge 辿s m鱈nim. RGB ( red, green, blue ): permet treballar amb imatges de 24 bits. Permet treballar amb tres canals, un per a cada color primari.
  • #19: Mapa de bits: imatges d un to de color (1 bit), ocupen poc espai de mem嘆ria per嘆 no permet realitzar tons intermitjos Escala de grisos: 8 bits i permet 256 tons de grisos. Permet realitzar tons intermitjos. Color indexat: 8 bits i permet 256 tons de grisos. Solen presentar una paleta de colors que mostra tots els colors que componen la imatge. Normalment s utilitza per a imatges destinades a la web o a la producci坦 multim竪dia, ja que lespai demmagatzematge 辿s m鱈nim. RGB ( red, green, blue ): permet treballar amb imatges de 24 bits. Permet treballar amb tres canals, un per a cada color primari.
  • #20: La qualitat d una imatge digital va directament relacionada amb la seva resoluci坦, a major quantitat de p鱈xels per polzada major ser la seva qualitat i menor ser el pixel, per嘆 tamb辿 major ser lespai que requerir per ser emmagatzemada, ja que tindr m辿s bits dinformaci坦. La resoluci坦 s ha de triar en funci坦 de loriginal i el dest鱈.
  • #22: Treballar amb diferents formats grfics ens permet determinar la qualitat final de a imatge digital. Depenent del format que triem, la imatge tindr m辿s o menys colors, resoluci坦 o quantitat de bits. Els formats grfics que veurem a continuaci坦 s坦n els de mapa de bits.
  • #27: Banc d imatges i sons CNICE M ostrar el cercador i les col揃leccions A m辿s de fotografies t辿 v鱈deos, sons i animacions