Introduccion a la imagen digital

28
Universidad Técnica del Norte INTEGRANTES: - Katherine Flores - Oscar Guerrero - Santiago Chauca - Francisco Zapata

Transcript of Introduccion a la imagen digital

Page 1: Introduccion a la imagen digital

Universidad Técnica del

Norte

INTEGRANTES:

- Katherine Flores

- Oscar Guerrero

- Santiago Chauca

- Francisco Zapata

Page 2: Introduccion a la imagen digital

Es una representación visual de un objeto mediante técnicas

diferentes de diseño, fotografía, pintura y video.

Qué es una Imagen?

Page 3: Introduccion a la imagen digital

Imagen Digital

Consideramos Imágenes Digitales a aquellas obtenidas mediante

dispositivos como filmadoras, cámaras, celulares, scanners o generadas

directamente por ordenadores.

Page 4: Introduccion a la imagen digital
Page 5: Introduccion a la imagen digital

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.

Page 6: Introduccion a la imagen digital

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.

Page 7: Introduccion a la imagen digital

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.

Page 8: Introduccion a la imagen digital
Page 9: Introduccion a la imagen digital

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

Page 10: Introduccion a la imagen digital

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

Page 11: Introduccion a la imagen digital

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.

Page 12: Introduccion a la imagen digital

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.

Page 13: Introduccion a la imagen digital

- 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 imagenModo: tiene que ver con la composición del color de la imagen

Page 14: Introduccion a la imagen digital

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.

Page 15: Introduccion a la imagen digital

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)

Page 16: Introduccion a la imagen digital

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)

Page 17: Introduccion a la imagen digital

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)

Page 18: Introduccion a la imagen digital

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.

Page 19: Introduccion a la imagen digital

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.

Page 20: Introduccion a la imagen digital

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).

Page 21: Introduccion a la imagen digital

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

Page 22: Introduccion a la imagen digital
Page 23: Introduccion a la imagen digital

Imágenes

mapa de

bits

Page 24: Introduccion a la imagen digital

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.

Page 25: Introduccion a la imagen digital

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.

Page 26: Introduccion a la imagen digital

Formatos de imagen en un sistema de mapa de bits.

BMP (Bitmap = Mapa de bits)

La imagen se forma mediante una parrilla depíxeles.

Ventaja: Guarda gran cantidad deinformación de la imagen.

Inconveniente: El archivo tiene un tamañomuy grande.

JPG o JPEG:

Es uno de los formatos más conocidos yutilizados por su calidad y peso de losarchivos. No acepta transparencias.

Page 27: Introduccion a la imagen digital

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

Page 28: Introduccion a la imagen digital

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.