SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Downloaden Sie, um offline zu lesen
UNIVERSIDAD TECNICA DEL NORTE
CARRERA DE INGENIERIA EN SISTEMAS COMPUTACIONALES.
Integrantes:
INTRODUCCION A LA IMAGEN DIGITAL
¿Qué es una Imagen?
Es una representación visual de un objeto mediante técnicas diferentes de diseño, fotografía,
pintura y video.
Imagen Digital
Consideramos Imágenes Digitales a aquellas obtenidas mediante dispositivos como filmadoras,
cámaras, celulares, scanners o generadas directamente por ordenadores.
Primera Imagen Digital
En 1957 Russell Kirsch logró crear una imagen de 176 x 175 pixeles por medio de un aparato que
trabajaba a base de ceros y unos transformando 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.
Primera Fotografia a color
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.
USO DE LA IMAGEN
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.
Color
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
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.
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.
Modo
Tiene que ver con la composición del color de la imagen
- 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)
Resolución de una imagen
(Importante para el peso de la imagen y para impresión)
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.
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.
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.
Las imágenes vectoriales ó gráficos orientados a
objetos:
Las imágenes vectoriales se construyen a partir de vectores. Los vectores son objetos
formados matemáticamente. 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).
Estas líneas o curvas Bézier son muy manejables
ya que permiten muchas posibilidades por su
plasticidad. Estas características las convierten en
la manera ideal de trabajar cuando se trata de
diseño gráfico, (como creación de logotipos o
dibujos). La versatilidad de las mismas las
convierten en una manera muy útil para trabajar
también con textos ya que se pueden modificar y
deformar sin límite, a cada letra se le pueden
asignar contornos editables además de poder
descomponer la misma en varios objetos.
Escala infinita:
Al utilizar los formatos vectoriales coordenadas matemáticas para formar imágenes
concretas, la resolución de las mismas es infinita, es decir, toda imagen vectorial se
puede escalar ampliando o reduciendo sin que la visibilidad de la misma se vea afectada,
ni en pantalla ni a la hora de imprimir.
Controla
La imagen vectorial nos permite crear contornos de línea variada y definir el color de las
formas que éstas crean. La forma se puede controlar de manera muy precisa y cada objeto
se puede manejar de forma independiente al resto ya que esta construido con una
fórmula matemática propia.
Formatos 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 y están compuestos por líneas y planos que se sitúan en unas coordenadas
concretas en la página.
- 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. Óptimo para animaciones de bajo peso
- SVG: Scale Vector Graphics
¿Qué es una imagen de mapa de bits?
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. Si aumenta el tamaño del mapa de bits, también
aumentará el número de píxeles individuales, haciendo que las líneas y las formas tengan
un aspecto dentado. El color y la forma de una imagen de mapa de bits aparece regular si
se observa a distancia, puesto que cada píxel tiene un color propio, puede crearse efectos
de realismo fotográfico tales como el sombreado y el aumento de la intensidad de color.
La nitidez o la calidad visual en una imagen de mapa de bits está dada por su resolución.
Esta nos permite apreciar mayor o menor cantidad de detalles. Es muy común oír valores
como 1280 x 720, o 1920 x 1080, y no es más que el número de puntos expresado de
forma que definan el ancho por el alto.
CARACTERISTICAS
Los archivos de mapa de bits se pueden crear fácilmente de los datos existentes de un
píxel almacenados en un rango de memoria.
La recuperación de los datos de un píxel almacenados en un archivo de mapa de bits
puede ser lograda a menudo usando un sistema de coordenadas que permite que los
datos sean conceptualizados como una rejilla.
Los valores del píxel se pueden modificar individualmente o como grupos grandes
haciendo uso de una amplia gama de colores.
Estos archivos pueden ser visualizados correctamente en los dispositivos de salida de
formato punto tales como pantallas de rayos catódicos (CRTs), pantallas de cristal líquido
(LCD) y los diversos tipos de impresoras.
Los gráficos de mapa de bits se obtienen normalmente a partir de capturas de originales en
papelutilizandoescáneres,mediantecámarasdigitalesodirectamenteenprogramasgráficos.
Formatos de imagen en un sistema de mapa de bits.
Las imagénes rasterizadas se pueden guardar en distintos formatos. Cada uno se
corresponde con
una extensión específica del archivo que lo contiene. Los más utilizados en la actualidad
son:
BMP, GIF, JPG y PNG.
BMP (Bitmap = Mapa de bits)
• Ha sido muy utilizado porque fue desarrollado para aplicaciones Windows.
• 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ó con la finalidad de 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
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.

Weitere ähnliche Inhalte

Was ist angesagt?

Estudio de caso_01_concepto_basico_ev07
Estudio de caso_01_concepto_basico_ev07Estudio de caso_01_concepto_basico_ev07
Estudio de caso_01_concepto_basico_ev07johana1995insandara
 
Tratamiento digital de imagenes
Tratamiento digital de imagenesTratamiento digital de imagenes
Tratamiento digital de imagenesvfortea
 
Conceptos básicos de imágen digital
Conceptos básicos de imágen digital Conceptos básicos de imágen digital
Conceptos básicos de imágen digital Elbarto678
 
¿Que es una imagen digital ?
¿Que es una imagen digital ?¿Que es una imagen digital ?
¿Que es una imagen digital ?Macu del Rosal
 
Tratamiento digital de la imágen
Tratamiento digital de la imágenTratamiento digital de la imágen
Tratamiento digital de la imágenpreguntasweb
 
Imagen digital
Imagen digitalImagen digital
Imagen digitalDiegodegg
 
Herramienta Digital: Adobe Photoshop
Herramienta Digital: Adobe PhotoshopHerramienta Digital: Adobe Photoshop
Herramienta Digital: Adobe PhotoshopEvelyn Sandoval
 
Mapas De Bits
Mapas De BitsMapas De Bits
Mapas De Bitslaura
 
Presentación de imagen digital
Presentación de imagen digitalPresentación de imagen digital
Presentación de imagen digitalfelolopez99
 
Imagen mapa de bits y software de tratamiento
Imagen mapa de bits y software de tratamientoImagen mapa de bits y software de tratamiento
Imagen mapa de bits y software de tratamientoEdgar Quezada
 
Imágenes vectoriales y mapas de bits
Imágenes vectoriales y mapas de bitsImágenes vectoriales y mapas de bits
Imágenes vectoriales y mapas de bitsRodrigo Gomez
 
TRATAMIENTOS DE IMAGENES
TRATAMIENTOS DE IMAGENESTRATAMIENTOS DE IMAGENES
TRATAMIENTOS DE IMAGENESWilliam Arista
 
Tarea 1 Imagen Digital
Tarea 1   Imagen DigitalTarea 1   Imagen Digital
Tarea 1 Imagen Digitalgcaro_rvan
 
Imagen vectorial y mapa de bits
Imagen vectorial y mapa de bitsImagen vectorial y mapa de bits
Imagen vectorial y mapa de bitsAriadnaD1sena
 

Was ist angesagt? (20)

Estudio de caso_01_concepto_basico_ev07
Estudio de caso_01_concepto_basico_ev07Estudio de caso_01_concepto_basico_ev07
Estudio de caso_01_concepto_basico_ev07
 
Diferencias entre vectores y mapa de bits
Diferencias entre vectores y mapa de bitsDiferencias entre vectores y mapa de bits
Diferencias entre vectores y mapa de bits
 
Tratamiento digital de imagenes
Tratamiento digital de imagenesTratamiento digital de imagenes
Tratamiento digital de imagenes
 
Conceptos básicos de imágen digital
Conceptos básicos de imágen digital Conceptos básicos de imágen digital
Conceptos básicos de imágen digital
 
Formatos de Imagen
Formatos de ImagenFormatos de Imagen
Formatos de Imagen
 
¿Que es una imagen digital ?
¿Que es una imagen digital ?¿Que es una imagen digital ?
¿Que es una imagen digital ?
 
Tratamiento digital de la imágen
Tratamiento digital de la imágenTratamiento digital de la imágen
Tratamiento digital de la imágen
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Herramienta Digital: Adobe Photoshop
Herramienta Digital: Adobe PhotoshopHerramienta Digital: Adobe Photoshop
Herramienta Digital: Adobe Photoshop
 
Mapas De Bits
Mapas De BitsMapas De Bits
Mapas De Bits
 
Presentación de imagen digital
Presentación de imagen digitalPresentación de imagen digital
Presentación de imagen digital
 
Clase 5
Clase 5Clase 5
Clase 5
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 
Imagen mapa de bits y software de tratamiento
Imagen mapa de bits y software de tratamientoImagen mapa de bits y software de tratamiento
Imagen mapa de bits y software de tratamiento
 
Imágenes vectoriales y mapas de bits
Imágenes vectoriales y mapas de bitsImágenes vectoriales y mapas de bits
Imágenes vectoriales y mapas de bits
 
TRATAMIENTOS DE IMAGENES
TRATAMIENTOS DE IMAGENESTRATAMIENTOS DE IMAGENES
TRATAMIENTOS DE IMAGENES
 
Presentación2
Presentación2Presentación2
Presentación2
 
Foramtos graficos
Foramtos graficos Foramtos graficos
Foramtos graficos
 
Tarea 1 Imagen Digital
Tarea 1   Imagen DigitalTarea 1   Imagen Digital
Tarea 1 Imagen Digital
 
Imagen vectorial y mapa de bits
Imagen vectorial y mapa de bitsImagen vectorial y mapa de bits
Imagen vectorial y mapa de bits
 

Ähnlich wie 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 DigitalJoaquin Paronzini
 
Imagen Digital
Imagen DigitalImagen Digital
Imagen Digitalsalgonsan
 
Manual curso Edicion. Ikaslan Bizkaia
Manual curso Edicion. Ikaslan BizkaiaManual curso Edicion. Ikaslan Bizkaia
Manual curso Edicion. Ikaslan BizkaiaIkaslan Bizkaia
 
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 En Pantalla
Imagen En PantallaImagen En Pantalla
Imagen En Pantallanatachasb
 
Lizethyamile guacanchapal 10c-jm_mul_1_p
Lizethyamile guacanchapal 10c-jm_mul_1_pLizethyamile guacanchapal 10c-jm_mul_1_p
Lizethyamile guacanchapal 10c-jm_mul_1_plizeth2696
 
2. la imagen digital
2. la imagen digital2. la imagen digital
2. la imagen digital3aulagasss
 
Estudio Digital Y FotografíA Publicitaria Pirmera Parte
Estudio Digital Y FotografíA Publicitaria Pirmera ParteEstudio Digital Y FotografíA Publicitaria Pirmera Parte
Estudio Digital Y FotografíA Publicitaria Pirmera ParteDominqueShema
 
Estudio Digital Y FotografíA Publicitaria Pirmera Parte
Estudio Digital Y FotografíA Publicitaria Pirmera ParteEstudio Digital Y FotografíA Publicitaria Pirmera Parte
Estudio Digital Y FotografíA Publicitaria Pirmera ParteDominqueShema
 
DIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITALDIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITALguest8f779
 
Imagen digital
Imagen digitalImagen digital
Imagen digitalAlelmax
 

Ähnlich wie Introduccion a la imagen digital (20)

Imagen Digital
Imagen DigitalImagen Digital
Imagen Digital
 
Conceptos básicos
Conceptos básicosConceptos básicos
Conceptos básicos
 
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
 
Actividad
ActividadActividad
Actividad
 
Actividad
ActividadActividad
Actividad
 
Manual curso Edicion. Ikaslan Bizkaia
Manual curso Edicion. Ikaslan BizkaiaManual curso Edicion. Ikaslan Bizkaia
Manual curso Edicion. Ikaslan Bizkaia
 
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
 
Actividad
ActividadActividad
Actividad
 
Preprensa digital
Preprensa digitalPreprensa digital
Preprensa digital
 
Imagen En Pantalla
Imagen En PantallaImagen En Pantalla
Imagen En Pantalla
 
Lizethyamile guacanchapal 10c-jm_mul_1_p
Lizethyamile guacanchapal 10c-jm_mul_1_pLizethyamile guacanchapal 10c-jm_mul_1_p
Lizethyamile guacanchapal 10c-jm_mul_1_p
 
2. la imagen digital
2. la imagen digital2. la imagen digital
2. la imagen digital
 
Estudio Digital Y FotografíA Publicitaria Pirmera Parte
Estudio Digital Y FotografíA Publicitaria Pirmera ParteEstudio Digital Y FotografíA Publicitaria Pirmera Parte
Estudio Digital Y FotografíA Publicitaria Pirmera Parte
 
Estudio Digital Y FotografíA Publicitaria Pirmera Parte
Estudio Digital Y FotografíA Publicitaria Pirmera ParteEstudio Digital Y FotografíA Publicitaria Pirmera Parte
Estudio Digital Y FotografíA Publicitaria Pirmera Parte
 
Tipos de imágenes
Tipos de imágenesTipos de imágenes
Tipos de imágenes
 
DIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITALDIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITAL
 
2. Imagen Digital
2. Imagen Digital2. Imagen Digital
2. Imagen Digital
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 

Mehr von 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
 

Mehr von 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 TECNICA DEL NORTE CARRERA DE INGENIERIA EN SISTEMAS COMPUTACIONALES. Integrantes: INTRODUCCION A LA IMAGEN DIGITAL ¿Qué es una Imagen? Es una representación visual de un objeto mediante técnicas diferentes de diseño, fotografía, pintura y video. Imagen Digital Consideramos Imágenes Digitales a aquellas obtenidas mediante dispositivos como filmadoras, cámaras, celulares, scanners o generadas directamente por ordenadores.
  • 2. Primera Imagen Digital En 1957 Russell Kirsch logró crear una imagen de 176 x 175 pixeles por medio de un aparato que trabajaba a base de ceros y unos transformando 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. Primera Fotografia a color 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.
  • 3. 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. USO DE LA IMAGEN 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.
  • 4. Color 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 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.
  • 5. 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. Modo Tiene que ver con la composición del color de la imagen
  • 6. - 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) Resolución de una imagen (Importante para el peso de la imagen y para impresión) 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.
  • 7. 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. 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. Las imágenes vectoriales ó gráficos orientados a objetos: Las imágenes vectoriales se construyen a partir de vectores. Los vectores son objetos formados matemáticamente. 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).
  • 8. Estas líneas o curvas Bézier son muy manejables ya que permiten muchas posibilidades por su plasticidad. Estas características las convierten en la manera ideal de trabajar cuando se trata de diseño gráfico, (como creación de logotipos o dibujos). La versatilidad de las mismas las convierten en una manera muy útil para trabajar también con textos ya que se pueden modificar y deformar sin límite, a cada letra se le pueden asignar contornos editables además de poder descomponer la misma en varios objetos. Escala infinita: Al utilizar los formatos vectoriales coordenadas matemáticas para formar imágenes concretas, la resolución de las mismas es infinita, es decir, toda imagen vectorial se puede escalar ampliando o reduciendo sin que la visibilidad de la misma se vea afectada, ni en pantalla ni a la hora de imprimir. Controla
  • 9. La imagen vectorial nos permite crear contornos de línea variada y definir el color de las formas que éstas crean. La forma se puede controlar de manera muy precisa y cada objeto se puede manejar de forma independiente al resto ya que esta construido con una fórmula matemática propia. Formatos 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 y están compuestos por líneas y planos que se sitúan en unas coordenadas concretas en la página. - 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. Óptimo para animaciones de bajo peso - SVG: Scale Vector Graphics ¿Qué es una imagen de mapa de bits? 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. Si aumenta el tamaño del mapa de bits, también aumentará el número de píxeles individuales, haciendo que las líneas y las formas tengan
  • 10. un aspecto dentado. El color y la forma de una imagen de mapa de bits aparece regular si se observa a distancia, puesto que cada píxel tiene un color propio, puede crearse efectos de realismo fotográfico tales como el sombreado y el aumento de la intensidad de color. La nitidez o la calidad visual en una imagen de mapa de bits está dada por su resolución. Esta nos permite apreciar mayor o menor cantidad de detalles. Es muy común oír valores como 1280 x 720, o 1920 x 1080, y no es más que el número de puntos expresado de forma que definan el ancho por el alto. CARACTERISTICAS Los archivos de mapa de bits se pueden crear fácilmente de los datos existentes de un píxel almacenados en un rango de memoria. La recuperación de los datos de un píxel almacenados en un archivo de mapa de bits puede ser lograda a menudo usando un sistema de coordenadas que permite que los datos sean conceptualizados como una rejilla. Los valores del píxel se pueden modificar individualmente o como grupos grandes haciendo uso de una amplia gama de colores.
  • 11. Estos archivos pueden ser visualizados correctamente en los dispositivos de salida de formato punto tales como pantallas de rayos catódicos (CRTs), pantallas de cristal líquido (LCD) y los diversos tipos de impresoras. Los gráficos de mapa de bits se obtienen normalmente a partir de capturas de originales en papelutilizandoescáneres,mediantecámarasdigitalesodirectamenteenprogramasgráficos. Formatos de imagen en un sistema de mapa de bits. Las imagénes rasterizadas se pueden guardar en distintos formatos. Cada uno se corresponde con una extensión específica del archivo que lo contiene. Los más utilizados en la actualidad son: BMP, GIF, JPG y PNG. BMP (Bitmap = Mapa de bits) • Ha sido muy utilizado porque fue desarrollado para aplicaciones Windows. • 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ó con la finalidad de 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 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
  • 12. espacio en disco o en memoria y, por tanto, necesitan mucho menos tiempo para descargarlos desde una aplicación o página web.