SlideShare una empresa de Scribd logo
1 de 28
Universidad Técnica del
Norte
INTEGRANTES:
- Katherine Flores
- Oscar Guerrero
- Santiago Chauca
- Francisco Zapata
Es una representación visual de un objeto mediante técnicas
diferentes de diseño, fotografía, pintura y video.
Qué es una Imagen?
Imagen Digital
Consideramos Imágenes Digitales a aquellas obtenidas mediante
dispositivos como filmadoras, cámaras, celulares, scanners o generadas
directamente por ordenadores.
En 1957 Russell Kirsch logró crear una imágen de 176 x 175 pixeles por
medio de un aparato que que trabajaba a base de ceros y unos
transofrmando las imágenes. A ese aparato se le conocía como
protoescáner y usaron de modelo a su hijo de tres meses.
El escaner tenía muy baja resolución, y es por esto que se ven unas líneas
en la imagen, pero fue un gran paso en la historia de la tecnología.
La primera fotografía con color permanente fue tomada en 1860 por el
físico escocés James Clerk Maxwell. Presentó su método aditivo de
fotografía en color en Londres, con la intención de demostrar que
cualquier color podía obtenerse mezclando luces de los tres colores
primarios (rojo, verde y azul) en diferentes proporciones. Probó la teoría
haciendo pasar la luz a través de filtros coloreados combinados y
proyectando el resultado en una pantalla.
PIXEL
Es la menor unidad
homogénea en color
que forma parte de
una imagen digital,
ya sea esta una
fotografía, un
fotograma de vídeo o
un gráfico.
Y, cuanto mide un
pixel?
Pues no tiene medida, sólo es una unidad
de división sin un tamaño real en concreto
Si decimos que una imagen tiene 300×200
(altoxancho) pixeles sabemos que dicha imagen
está dividida en 60.000 divisiones (300×200), 60.000 pixeles, pero
desconocemos que tamaño real tiene.
La imagen ha cobrado en la actualidad un lugar privilegiado en el proceso
comunicacional.
Por ejemplo el video que no es mas que una secuencia de imágenes que
representan escenas de movimiento.
Las imágenes digitales favorecidas por la facilidad de transmisión, porque
forman parte de las posibilidades de todos los dispositivos digitales con los que
interactuamos a diario, las imágenes se transforman en recursos significativos y
privilegiados para comunicar, para enseñar y para aprender.
USO DE LA IMAGEN
Profundidad: El Bit y el color
Los gráficos de mapa de bits almacenan una completa información sobre el
color de cada uno de sus píxeles constituyentes. Cuantos más colores pueda
tener la imagen, más calidad final tendrá y más información será necesario
almacenar.
Relacionados con el número de colores posibles, sus características y su
almacenamiento encontramos como característica fundamental la Profundidad
del color
8 bits
16 bits
Profundidad: El Bit y el color
La profundidad de color de una imagen se refiere al número de colores
diferentes que puede contener cada uno de los puntos o píxeles que la
forman, y depende de la cantidad de información (número de bits) que
puede almacenar un píxel.
Profundidades de color
Cuanto mayor sea la profundidad de bit en una imagen, mayor será la cantidad de
tonos (escala de grises o color) que puedan ser representados, más colores habrá
disponibles y más exacta será la representación del color en la imagen digital. Las
imágenes digitales se pueden producir en blanco y negro, a escala de grises o a color.
- BITMAP: 1 bit (2 tonos blanco o negro) por pixel
- ESCALA GRISES: 8 bits (256 colores o grises) por pixel
- RGB (Red, Green, Blue) 24 bits (imágenes en color 16,7 millones de colores) por pixel
- CMYK (Cian, Magenta, Yellow, Black) 32 bits ( solo para impresión)
Modo: tiene que ver con la composición del color de la imagen
Modo: tiene que ver con la composición del color de la imagen
Formato: .png
Modo: RGB - 24 bits
Peso: 167 Kb.
Formato: .gif
Modo: indexado – 8 bits (256 colores)
Peso: 111 Kb.
Formato: .jpg
Modo: Escala de Grises 8 bits
Peso: 127 Kb.
Formato: .jpg
Modo: RGB - 8 bits
Peso: 155 Kb.
PPP o PPI o DPI
Le resolución es la medida detallada y precisa que de una imagen.
La escala de resolución se mide en píxeles por pulgada (PPP o DPI o PPI). Cuanto mayor sea la
resolución, más detallada y definida es la imagen. Por lo tanto también será más pesada.
¿Qué formato y resolución utilizar e acuerdo al medio y el dispositivo de salida?
Diseños para pantalla: web, DVDs. interactivos o presentaciones multimedias
- Extensión del archivo Fotos: jpg, gif o png
- Extensión del archivo Gráficos Vectoriales: swf
- Resolución: 72 o 96 dpi
Diseños para impresión: folletos, afiches, impresiones laser, transparencias, etc.
- Extensión del archivo Fotos: tiff, psd, bmp, jpg o png (alta calidad)
- Extensión del archivo Gráficos Vectoriales: ai, cdr, pdf.
- Resolución: de 150 a 300 dpi dependiendo del la técnica de impresión.
Resolución de una imagen
(Importante para el peso de la imagen y para impresión)
Las fotografías que se obtienen a partir de las cámaras digitales son mapas de bits, las
imágenes que captura un escáner también lo son; en estas imágenes la calidad máxima
que tienen (o sea el número de píxel por unidad de medida, píxeles/cm,
píxeles/pulgada.) viene determinada en el momento de crearlas por lo que no podremos
ampliar la resolución o número de píxeles posteriormente, es decir, no podremos
ampliar su resolución sin que la imagen se vea afectada, en general deformándose y
perdiendo nitidez, ya que se modifican los píxeles que las definen.
Al intentar ampliar la resolución y el tamaño de la imagen vemos que
esta se deforma y pierde nitidez.
(Ej: Imagen de 150 DPI)
Una imagen en alta resolución,
se puede ampliar en pantalla y siguirá
siendo nítida y con detalle. Pero su peso será grande
(Imagen de 300 dpi de resolución)
La misma imagen en baja resolución, los píxeles se verán a
simple vista (efecto pixelado) y con la ampliación en pantalla
la imagen la perderá calidad.
(Imagen de 72 dpi de resolución)
El tamaño de los píxeles determina la cantidad de detalle de la imagen; las dimensiones
de estos píxeles y el número de ellos, es lo que da la calidad final (alta, media ó baja).
Se puede modificar el tamaño de los píxeles siempre y cuando los reduzcamos o hagamos
más pequeños, en este caso la imagen no se verá afectada ya que no estamos
modificando la información de los mismos (Color), simplemente reducimos su tamaño.
Utilizar una resolución demasiado baja para una imagen impresa produce
una pixelación, píxeles de gran tamaño con un aspecto muy desigual en la
impresión.
Al intentar ampliar la resolución y el tamaño produce el efecto de
imagen pixelada o difusa si se interpola.
IMÁGENES
VECTORIALES O
GRÁFICOS
ORIENTADOS A
OBJETOS:
Las imágenes vectoriales se
construyen a partir de vectores.
Un vector se define por una
serie de puntos que tienen unos
controladores con las que se
puede manejar la forma de la
línea que crean al estar unidos
entre sí. Los principales
elementos de un vector son las
curvas Béizer (curvas
representadas
matemáticamente).
FORMATO DE IMÁGENES
VECTORIALES
- CDR- Corel Draw: Es el formato del programa que lo genera. Los
gráficos que realizamos con Corel Draw son vectoriales.
- AI - Adobe Ilustrator: Sus características en la forma de construir
gráficas son iguales a las del Programa Corel Draw.
- EPS - Encapsulated Postscript: El EPS es uno de los mejores formatos
para ser importados desde la mayoría de software de diseño. Es un
formato muy adaptable ya que podemos utilizarlo igualmente para
imagen vectorial como mapa de bits.
- FLA y SWF:
 Extensiones generadas por el software Flash. Optimo para animaciones
de bajo peso
 SVG: Scale Vector Graphics
Imágenes
mapa de
bits
Definicion.
 Las imágenes de mapa de bits, también
conocidas como imágenes ráster, están
compuestas por puntos individuales
denominados píxeles, dispuestos y
coloreados de formas diversas para
formar un patrón.
Características.
 La nitidez o la calidad visual en una imagen de mapa de bits está
dada por su resolución. ‰
 Los valores del píxel se pueden modificar individualmente o como
grupos grandes haciendo uso de una amplia gama de colores.
 Pueden ser visualizados correctamente en los dispositivos de salida
de formato punto tales como pantallas y los diversos tipos de
impresoras.
 Se obtienen normal-mente a partir de capturas de originales en
papel utilizando escáneres, mediante cámaras digitales o
directamente en programas gráficos.
Formatos de imagen en un
sistema de mapa de bits.
BMP (Bitmap = Mapa de bits)
 La imagen se forma mediante una parrilla de
píxeles.
 Ventaja: Guarda gran cantidad de
información de la imagen.
 Inconveniente: El archivo tiene un tamaño
muy grande.
JPG o JPEG:
 Es uno de los formatos más conocidos y
utilizados por su calidad y peso de los
archivos. No acepta transparencias.
GIF:
 Este tipo de archivo se creó para obtener
archivos de tamaño muy pequeños.
 Es recomendado para guardar imágenes
NO fotográficas tales como: Logotipos,
imágenes de colores planos, dibujos simples,
etc. (8 bits-256 colores).
 Alacena transparencias.
 Permite animaciones.
PNG:
 Es un formato gráfico que comprime
Sin pérdida de datos y de uso libre.
Almacena imágenes con una mayor
profundidad de color (hasta 24 bits).
Permite almacenar transparencias
Diferencia entre imagen
vectorial y mapa de bit.
 La principal diferencia entre los Bitmaps y los
Gráficos Vectoriales está en su tamaño. Los
gráficos vectoriales tienen una ventaja de gran
importancia: ocupan mucho menos espacio en
disco o en memoria y, por tanto, necesitan
mucho menos tiempo para descargarlos desde
una aplicación o página web.

Más contenido relacionado

La actualidad más candente

Aula - Produção Gráfica - Processos de Impressão
Aula - Produção Gráfica - Processos de ImpressãoAula - Produção Gráfica - Processos de Impressão
Aula - Produção Gráfica - Processos de ImpressãoGabriel Ferraciolli
 
Formatos de imágenes digitales más comunes
Formatos de imágenes digitales más comunesFormatos de imágenes digitales más comunes
Formatos de imágenes digitales más comunesCarol Velastegui
 
Pixel vs vector
Pixel vs vectorPixel vs vector
Pixel vs vectorXanvilar
 
El Retoque Fotográfico Digital
El Retoque Fotográfico DigitalEl Retoque Fotográfico Digital
El Retoque Fotográfico Digitalguestc60b3c
 
Tema 5 la imagen digital
Tema 5 la imagen digitalTema 5 la imagen digital
Tema 5 la imagen digitalecastelar
 
Mapas De Bits
Mapas De BitsMapas De Bits
Mapas De Bitslaura
 
CSC103 Vector vs Raster Graphics
CSC103 Vector vs Raster GraphicsCSC103 Vector vs Raster Graphics
CSC103 Vector vs Raster GraphicsRichard Homa
 
Regla_de_tercios.pptx
Regla_de_tercios.pptxRegla_de_tercios.pptx
Regla_de_tercios.pptxSergioloboa1
 
Diapositivas expocicion La publicidad
Diapositivas expocicion La publicidadDiapositivas expocicion La publicidad
Diapositivas expocicion La publicidadAnziZar Restrepo
 
Imagenes vectoriales
Imagenes vectorialesImagenes vectoriales
Imagenes vectorialesyeraysanchez
 
Imagen Digital Mudle
Imagen Digital MudleImagen Digital Mudle
Imagen Digital Mudlefernandoprofe
 
Infografía en el Periodismo Digital
Infografía en el Periodismo DigitalInfografía en el Periodismo Digital
Infografía en el Periodismo Digitalguest5eed52
 
Clase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño GráficoClase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño GráficoDania Hernandez Moreno
 
Presentacion Preprensa
Presentacion PreprensaPresentacion Preprensa
Presentacion Preprensaguestd64fd24
 
Impresión - Pre Prensa, Prensa y Post Prensa
Impresión - Pre Prensa, Prensa y Post PrensaImpresión - Pre Prensa, Prensa y Post Prensa
Impresión - Pre Prensa, Prensa y Post PrensaChris Ztar
 

La actualidad más candente (20)

Aula - Produção Gráfica - Processos de Impressão
Aula - Produção Gráfica - Processos de ImpressãoAula - Produção Gráfica - Processos de Impressão
Aula - Produção Gráfica - Processos de Impressão
 
Formatos de imágenes digitales más comunes
Formatos de imágenes digitales más comunesFormatos de imágenes digitales más comunes
Formatos de imágenes digitales más comunes
 
Pixel vs vector
Pixel vs vectorPixel vs vector
Pixel vs vector
 
El Retoque Fotográfico Digital
El Retoque Fotográfico DigitalEl Retoque Fotográfico Digital
El Retoque Fotográfico Digital
 
Pixel
PixelPixel
Pixel
 
Diseño gráfico
Diseño gráficoDiseño gráfico
Diseño gráfico
 
Fotografia Digital Vs Fotografia Analogica
Fotografia Digital Vs Fotografia AnalogicaFotografia Digital Vs Fotografia Analogica
Fotografia Digital Vs Fotografia Analogica
 
Tema 5 la imagen digital
Tema 5 la imagen digitalTema 5 la imagen digital
Tema 5 la imagen digital
 
Mapas De Bits
Mapas De BitsMapas De Bits
Mapas De Bits
 
CSC103 Vector vs Raster Graphics
CSC103 Vector vs Raster GraphicsCSC103 Vector vs Raster Graphics
CSC103 Vector vs Raster Graphics
 
Regla_de_tercios.pptx
Regla_de_tercios.pptxRegla_de_tercios.pptx
Regla_de_tercios.pptx
 
Diapositivas expocicion La publicidad
Diapositivas expocicion La publicidadDiapositivas expocicion La publicidad
Diapositivas expocicion La publicidad
 
Imagenes vectoriales
Imagenes vectorialesImagenes vectoriales
Imagenes vectoriales
 
Imagen Digital Mudle
Imagen Digital MudleImagen Digital Mudle
Imagen Digital Mudle
 
Resolución y lineatura
Resolución y lineaturaResolución y lineatura
Resolución y lineatura
 
Infografía en el Periodismo Digital
Infografía en el Periodismo DigitalInfografía en el Periodismo Digital
Infografía en el Periodismo Digital
 
Tipos de formatos de imagenes
Tipos de formatos de imagenesTipos de formatos de imagenes
Tipos de formatos de imagenes
 
Clase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño GráficoClase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño Gráfico
 
Presentacion Preprensa
Presentacion PreprensaPresentacion Preprensa
Presentacion Preprensa
 
Impresión - Pre Prensa, Prensa y Post Prensa
Impresión - Pre Prensa, Prensa y Post PrensaImpresión - Pre Prensa, Prensa y Post Prensa
Impresión - Pre Prensa, Prensa y Post Prensa
 

Similar a Introduccion a la imagen digital

Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digitalOscarito Guerrero
 
Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digitalOscarito Guerrero
 
Conceptos básicos de la Imagen Digital
Conceptos básicos de la Imagen DigitalConceptos básicos de la Imagen Digital
Conceptos básicos de la Imagen DigitalJoaquin Paronzini
 
Morfología de la imagen digital
Morfología de la imagen digitalMorfología de la imagen digital
Morfología de la imagen digitalelprincipitofoto
 
DIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITALDIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITALguest8f779
 
2. la imagen digital
2. la imagen digital2. la imagen digital
2. la imagen digital3aulagasss
 
Imagen Vestorial Y De Mapa De Bits
Imagen Vestorial Y De Mapa De BitsImagen Vestorial Y De Mapa De Bits
Imagen Vestorial Y De Mapa De Bitsquikene
 
Imagen digital por evelyn b. martínez
Imagen digital por evelyn b. martínezImagen digital por evelyn b. martínez
Imagen digital por evelyn b. martínezEvelyn507
 
Imagen En Pantalla
Imagen En PantallaImagen En Pantalla
Imagen En Pantallanatachasb
 
Imagen digital - caracteristicas de la imagen digital
Imagen digital - caracteristicas de la imagen digitalImagen digital - caracteristicas de la imagen digital
Imagen digital - caracteristicas de la imagen digitalcompuar_cs
 
Imagen digital
Imagen digitalImagen digital
Imagen digitalAlelmax
 
Manual curso Edicion. Ikaslan Bizkaia
Manual curso Edicion. Ikaslan BizkaiaManual curso Edicion. Ikaslan Bizkaia
Manual curso Edicion. Ikaslan BizkaiaIkaslan Bizkaia
 
Taller teórico 9 a
Taller teórico   9 aTaller teórico   9 a
Taller teórico 9 aErika Bernal
 

Similar a Introduccion a la imagen digital (20)

Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digital
 
Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digital
 
Conceptos básicos de la Imagen Digital
Conceptos básicos de la Imagen DigitalConceptos básicos de la Imagen Digital
Conceptos básicos de la Imagen Digital
 
Imagen Digital
Imagen DigitalImagen Digital
Imagen Digital
 
Conceptos básicos
Conceptos básicosConceptos básicos
Conceptos básicos
 
clase 1.pdf
clase 1.pdfclase 1.pdf
clase 1.pdf
 
Morfología de la imagen digital
Morfología de la imagen digitalMorfología de la imagen digital
Morfología de la imagen digital
 
Clase 1 - imagenes
Clase 1 - imagenesClase 1 - imagenes
Clase 1 - imagenes
 
DIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITALDIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITAL
 
2. la imagen digital
2. la imagen digital2. la imagen digital
2. la imagen digital
 
Imagen Vestorial Y De Mapa De Bits
Imagen Vestorial Y De Mapa De BitsImagen Vestorial Y De Mapa De Bits
Imagen Vestorial Y De Mapa De Bits
 
Clase 2
Clase 2Clase 2
Clase 2
 
Imagen digital por evelyn b. martínez
Imagen digital por evelyn b. martínezImagen digital por evelyn b. martínez
Imagen digital por evelyn b. martínez
 
Imagen En Pantalla
Imagen En PantallaImagen En Pantalla
Imagen En Pantalla
 
Imagen digital - caracteristicas de la imagen digital
Imagen digital - caracteristicas de la imagen digitalImagen digital - caracteristicas de la imagen digital
Imagen digital - caracteristicas de la imagen digital
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 
Formatos de Imagen
Formatos de ImagenFormatos de Imagen
Formatos de Imagen
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Manual curso Edicion. Ikaslan Bizkaia
Manual curso Edicion. Ikaslan BizkaiaManual curso Edicion. Ikaslan Bizkaia
Manual curso Edicion. Ikaslan Bizkaia
 
Taller teórico 9 a
Taller teórico   9 aTaller teórico   9 a
Taller teórico 9 a
 

Más de Oscarito Guerrero

Batalla de la conciencia - Guiontecnico
Batalla de la conciencia - GuiontecnicoBatalla de la conciencia - Guiontecnico
Batalla de la conciencia - GuiontecnicoOscarito Guerrero
 
GUION LITERARIO - BATALLA DE LA CONCIENCIA
GUION LITERARIO - BATALLA DE LA CONCIENCIAGUION LITERARIO - BATALLA DE LA CONCIENCIA
GUION LITERARIO - BATALLA DE LA CONCIENCIAOscarito Guerrero
 
Batalladelaconciencia guionliterario.docx
Batalladelaconciencia guionliterario.docxBatalladelaconciencia guionliterario.docx
Batalladelaconciencia guionliterario.docxOscarito Guerrero
 
Batalla de la conciencia tabaco, alcohol, y drogas
Batalla de la conciencia  tabaco, alcohol, y drogasBatalla de la conciencia  tabaco, alcohol, y drogas
Batalla de la conciencia tabaco, alcohol, y drogasOscarito Guerrero
 
La batalla de la conciencia drogas
La batalla de la conciencia drogas La batalla de la conciencia drogas
La batalla de la conciencia drogas Oscarito Guerrero
 
Cómo crear un plan de estudio efectivo
Cómo crear un plan de estudio efectivoCómo crear un plan de estudio efectivo
Cómo crear un plan de estudio efectivoOscarito Guerrero
 

Más de Oscarito Guerrero (8)

Batalla de la conciencia - Guiontecnico
Batalla de la conciencia - GuiontecnicoBatalla de la conciencia - Guiontecnico
Batalla de la conciencia - Guiontecnico
 
Publicidad dialogada
Publicidad dialogadaPublicidad dialogada
Publicidad dialogada
 
Expo practica audio
Expo practica audioExpo practica audio
Expo practica audio
 
GUION LITERARIO - BATALLA DE LA CONCIENCIA
GUION LITERARIO - BATALLA DE LA CONCIENCIAGUION LITERARIO - BATALLA DE LA CONCIENCIA
GUION LITERARIO - BATALLA DE LA CONCIENCIA
 
Batalladelaconciencia guionliterario.docx
Batalladelaconciencia guionliterario.docxBatalladelaconciencia guionliterario.docx
Batalladelaconciencia guionliterario.docx
 
Batalla de la conciencia tabaco, alcohol, y drogas
Batalla de la conciencia  tabaco, alcohol, y drogasBatalla de la conciencia  tabaco, alcohol, y drogas
Batalla de la conciencia tabaco, alcohol, y drogas
 
La batalla de la conciencia drogas
La batalla de la conciencia drogas La batalla de la conciencia drogas
La batalla de la conciencia drogas
 
Cómo crear un plan de estudio efectivo
Cómo crear un plan de estudio efectivoCómo crear un plan de estudio efectivo
Cómo crear un plan de estudio efectivo
 

Introduccion a la imagen digital

  • 1. Universidad Técnica del Norte INTEGRANTES: - Katherine Flores - Oscar Guerrero - Santiago Chauca - Francisco Zapata
  • 2. Es una representación visual de un objeto mediante técnicas diferentes de diseño, fotografía, pintura y video. Qué es una Imagen?
  • 3. Imagen Digital Consideramos Imágenes Digitales a aquellas obtenidas mediante dispositivos como filmadoras, cámaras, celulares, scanners o generadas directamente por ordenadores.
  • 4.
  • 5. En 1957 Russell Kirsch logró crear una imágen de 176 x 175 pixeles por medio de un aparato que que trabajaba a base de ceros y unos transofrmando las imágenes. A ese aparato se le conocía como protoescáner y usaron de modelo a su hijo de tres meses. El escaner tenía muy baja resolución, y es por esto que se ven unas líneas en la imagen, pero fue un gran paso en la historia de la tecnología.
  • 6. La primera fotografía con color permanente fue tomada en 1860 por el físico escocés James Clerk Maxwell. Presentó su método aditivo de fotografía en color en Londres, con la intención de demostrar que cualquier color podía obtenerse mezclando luces de los tres colores primarios (rojo, verde y azul) en diferentes proporciones. Probó la teoría haciendo pasar la luz a través de filtros coloreados combinados y proyectando el resultado en una pantalla.
  • 7. PIXEL Es la menor unidad homogénea en color que forma parte de una imagen digital, ya sea esta una fotografía, un fotograma de vídeo o un gráfico. Y, cuanto mide un pixel? Pues no tiene medida, sólo es una unidad de división sin un tamaño real en concreto Si decimos que una imagen tiene 300×200 (altoxancho) pixeles sabemos que dicha imagen está dividida en 60.000 divisiones (300×200), 60.000 pixeles, pero desconocemos que tamaño real tiene.
  • 8.
  • 9. La imagen ha cobrado en la actualidad un lugar privilegiado en el proceso comunicacional. Por ejemplo el video que no es mas que una secuencia de imágenes que representan escenas de movimiento. Las imágenes digitales favorecidas por la facilidad de transmisión, porque forman parte de las posibilidades de todos los dispositivos digitales con los que interactuamos a diario, las imágenes se transforman en recursos significativos y privilegiados para comunicar, para enseñar y para aprender. USO DE LA IMAGEN
  • 10. Profundidad: El Bit y el color Los gráficos de mapa de bits almacenan una completa información sobre el color de cada uno de sus píxeles constituyentes. Cuantos más colores pueda tener la imagen, más calidad final tendrá y más información será necesario almacenar. Relacionados con el número de colores posibles, sus características y su almacenamiento encontramos como característica fundamental la Profundidad del color 8 bits 16 bits
  • 11. Profundidad: El Bit y el color La profundidad de color de una imagen se refiere al número de colores diferentes que puede contener cada uno de los puntos o píxeles que la forman, y depende de la cantidad de información (número de bits) que puede almacenar un píxel.
  • 12. Profundidades de color Cuanto mayor sea la profundidad de bit en una imagen, mayor será la cantidad de tonos (escala de grises o color) que puedan ser representados, más colores habrá disponibles y más exacta será la representación del color en la imagen digital. Las imágenes digitales se pueden producir en blanco y negro, a escala de grises o a color.
  • 13. - BITMAP: 1 bit (2 tonos blanco o negro) por pixel - ESCALA GRISES: 8 bits (256 colores o grises) por pixel - RGB (Red, Green, Blue) 24 bits (imágenes en color 16,7 millones de colores) por pixel - CMYK (Cian, Magenta, Yellow, Black) 32 bits ( solo para impresión) Modo: tiene que ver con la composición del color de la imagen Modo: tiene que ver con la composición del color de la imagen
  • 14. Formato: .png Modo: RGB - 24 bits Peso: 167 Kb. Formato: .gif Modo: indexado – 8 bits (256 colores) Peso: 111 Kb. Formato: .jpg Modo: Escala de Grises 8 bits Peso: 127 Kb. Formato: .jpg Modo: RGB - 8 bits Peso: 155 Kb.
  • 15. PPP o PPI o DPI Le resolución es la medida detallada y precisa que de una imagen. La escala de resolución se mide en píxeles por pulgada (PPP o DPI o PPI). Cuanto mayor sea la resolución, más detallada y definida es la imagen. Por lo tanto también será más pesada. ¿Qué formato y resolución utilizar e acuerdo al medio y el dispositivo de salida? Diseños para pantalla: web, DVDs. interactivos o presentaciones multimedias - Extensión del archivo Fotos: jpg, gif o png - Extensión del archivo Gráficos Vectoriales: swf - Resolución: 72 o 96 dpi Diseños para impresión: folletos, afiches, impresiones laser, transparencias, etc. - Extensión del archivo Fotos: tiff, psd, bmp, jpg o png (alta calidad) - Extensión del archivo Gráficos Vectoriales: ai, cdr, pdf. - Resolución: de 150 a 300 dpi dependiendo del la técnica de impresión. Resolución de una imagen (Importante para el peso de la imagen y para impresión)
  • 16. Las fotografías que se obtienen a partir de las cámaras digitales son mapas de bits, las imágenes que captura un escáner también lo son; en estas imágenes la calidad máxima que tienen (o sea el número de píxel por unidad de medida, píxeles/cm, píxeles/pulgada.) viene determinada en el momento de crearlas por lo que no podremos ampliar la resolución o número de píxeles posteriormente, es decir, no podremos ampliar su resolución sin que la imagen se vea afectada, en general deformándose y perdiendo nitidez, ya que se modifican los píxeles que las definen. Al intentar ampliar la resolución y el tamaño de la imagen vemos que esta se deforma y pierde nitidez. (Ej: Imagen de 150 DPI)
  • 17. Una imagen en alta resolución, se puede ampliar en pantalla y siguirá siendo nítida y con detalle. Pero su peso será grande (Imagen de 300 dpi de resolución) La misma imagen en baja resolución, los píxeles se verán a simple vista (efecto pixelado) y con la ampliación en pantalla la imagen la perderá calidad. (Imagen de 72 dpi de resolución)
  • 18. El tamaño de los píxeles determina la cantidad de detalle de la imagen; las dimensiones de estos píxeles y el número de ellos, es lo que da la calidad final (alta, media ó baja). Se puede modificar el tamaño de los píxeles siempre y cuando los reduzcamos o hagamos más pequeños, en este caso la imagen no se verá afectada ya que no estamos modificando la información de los mismos (Color), simplemente reducimos su tamaño.
  • 19. Utilizar una resolución demasiado baja para una imagen impresa produce una pixelación, píxeles de gran tamaño con un aspecto muy desigual en la impresión. Al intentar ampliar la resolución y el tamaño produce el efecto de imagen pixelada o difusa si se interpola.
  • 20. IMÁGENES VECTORIALES O GRÁFICOS ORIENTADOS A OBJETOS: Las imágenes vectoriales se construyen a partir de vectores. Un vector se define por una serie de puntos que tienen unos controladores con las que se puede manejar la forma de la línea que crean al estar unidos entre sí. Los principales elementos de un vector son las curvas Béizer (curvas representadas matemáticamente).
  • 21. FORMATO DE IMÁGENES VECTORIALES - CDR- Corel Draw: Es el formato del programa que lo genera. Los gráficos que realizamos con Corel Draw son vectoriales. - AI - Adobe Ilustrator: Sus características en la forma de construir gráficas son iguales a las del Programa Corel Draw. - EPS - Encapsulated Postscript: El EPS es uno de los mejores formatos para ser importados desde la mayoría de software de diseño. Es un formato muy adaptable ya que podemos utilizarlo igualmente para imagen vectorial como mapa de bits. - FLA y SWF:  Extensiones generadas por el software Flash. Optimo para animaciones de bajo peso  SVG: Scale Vector Graphics
  • 22.
  • 24. Definicion.  Las imágenes de mapa de bits, también conocidas como imágenes ráster, están compuestas por puntos individuales denominados píxeles, dispuestos y coloreados de formas diversas para formar un patrón.
  • 25. Características.  La nitidez o la calidad visual en una imagen de mapa de bits está dada por su resolución. ‰  Los valores del píxel se pueden modificar individualmente o como grupos grandes haciendo uso de una amplia gama de colores.  Pueden ser visualizados correctamente en los dispositivos de salida de formato punto tales como pantallas y los diversos tipos de impresoras.  Se obtienen normal-mente a partir de capturas de originales en papel utilizando escáneres, mediante cámaras digitales o directamente en programas gráficos.
  • 26. Formatos de imagen en un sistema de mapa de bits. BMP (Bitmap = Mapa de bits)  La imagen se forma mediante una parrilla de píxeles.  Ventaja: Guarda gran cantidad de información de la imagen.  Inconveniente: El archivo tiene un tamaño muy grande. JPG o JPEG:  Es uno de los formatos más conocidos y utilizados por su calidad y peso de los archivos. No acepta transparencias.
  • 27. GIF:  Este tipo de archivo se creó para obtener archivos de tamaño muy pequeños.  Es recomendado para guardar imágenes NO fotográficas tales como: Logotipos, imágenes de colores planos, dibujos simples, etc. (8 bits-256 colores).  Alacena transparencias.  Permite animaciones. PNG:  Es un formato gráfico que comprime Sin pérdida de datos y de uso libre. Almacena imágenes con una mayor profundidad de color (hasta 24 bits). Permite almacenar transparencias
  • 28. Diferencia entre imagen vectorial y mapa de bit.  La principal diferencia entre los Bitmaps y los Gráficos Vectoriales está en su tamaño. Los gráficos vectoriales tienen una ventaja de gran importancia: ocupan mucho menos espacio en disco o en memoria y, por tanto, necesitan mucho menos tiempo para descargarlos desde una aplicación o página web.