Imagen digital

21
Fundamentos del Lenguaje en la Animación Digital FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Imagen Digital Paolo Arévalo Ortiz Docente UNACH DISEÑO GRAFICO /2013 IMAGEN DIGITAL Fundamentos de Animación Digital 2D

description

Una imagen digital, también llamada gráfico digital, es una representación bidimensional de una imagen utilizando bits (unos y ceros). Dependiendo de si la resolución de la imagen es estática o dinámica, puede tratarse de un gráfico rasterizado o de un gráfico vectorial. A menos que se indique lo contrario en general por imagen digital se entiende gráfico rasterizado.

Transcript of Imagen digital

Page 1: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Imagen DigitalPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

IMAGENDIGITAL

Fundamentos de Animación Digital 2D

Page 2: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / DefiniciónPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

De�niciónUna imagen digital, también llamada grá�co digital, es una representación bidi-mensional de una imagen utilizando bits (unos y ceros).

Dependiendo de si la resolución de la imagen es estática o dinámica, puede tratarse de un grá�co rasterizado o de un grá�co vectorial.

A menos que se indique lo contrario en general por imagen digital se entiende grá-�co rasterizado.

Page 3: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / PixelPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

PixelEl PIXEL (del inglés "picture element") como el elemento más pequeño de una imagen digital.

Un pixel puede requerir mayor o menor cantidad de memoria para ser almacenado, y de acuerdo a este valor ( Profundidad de Color) la imagen puede desplegar una mayor o menor cantidad de colores.

Page 4: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / VectorPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

VectorLos vectores serie de puntos y líneas unidos entre si originando objetos formados matemáticamente.

Page 5: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / VoxélesPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

VoxélesEl vóxel (del inglés volumetric pixel) es la unidad cúbica que compone un objeto tridimensional. Constituye la unidad mínima procesable de una matriz tridimensio-nal y es, por tanto, el equivalente del píxel en un objeto 2D

Page 6: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico RaterizadoPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

Grá�co Rasterizado

Una imagen rasterizada, también llamada bitmap (mapa de bits), imagen matricial o pixmap, es una estructura o �chero de datos que representa una rejilla rectangular de píxeles o puntos de color, denominada raster, que se puede visualizar en un mo-nitor, papel u otro dispositivo de representación.

A las imágenes rasterizadas se las suele caracterizar técnicamente por su altura y anchura (en píxeles) y por su profundidad de color (en bits por píxel), que determi-na el número de colores distintos que se pueden almacenar en cada píxel, y por lo tanto, en gran medida, la calidad del color de la imagen.

Page 7: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico RaterizadoPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

Grá�co Rasterizado

Los grá�cos rasterizadosse distinguen de los grá�cos vectoriales en que estos últi-mos representan una imagen a través del uso de objetos geométricos como curvas de Bézier y polígonos, no del simple almacenamiento del color de cada píxel.

La palabra "raster" tiene su origen en el latín rastrum(rastrillo), que se deriva de radere(raspar).

Page 8: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico RaterizadoPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

Page 9: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico VectorialPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

Grá�co VectorialUna imagen vectorial es una imagen digital formada por objetos geométricos inde-pendientes (segmentos, polígonos, arcos, etc.), cada uno de ellos de�nido por dis-tintos atributos matemáticos de forma, de posición, de color, etc.

Por ejemplo un círculo de color rojo quedaría de�nido por la posición de su centro, su radio, el grosor de línea y su color.

Page 10: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico VectorialPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

Grá�co VectorialEl interés principal de los grá�cos vectoriales es poder ampliar el tamaño de una imagen a voluntad sin sufrir el efecto de escalado que sufren los grá�cos rasteriza-dos. Asimismo, permiten mover, estirar y retorcer imágenes de manera relativa-mente sencilla. Su uso también está muy extendido en la generación de imágenes en tres dimensiones tanto dinámicas como estáticas.

Todos las computadoras actuales traducen los grá�cos vectoriales a grá�cos rasteri-zados para poder representarlos en pantalla al estar ésta constituida físicamente por píxeles.

Page 11: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico VectorialPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

Page 12: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Converisón de FormatosPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

Conversión entreFormatos Raster y VectorialLa transformación de un grá�co rasterizadoa uno vectorial se llama vectorización.

Este proceso normalmente se lleva a cabo o bien manualmente calcando la imagen rasterizadao bien con ayuda de un programa especí�co.

El proceso inverso, convertir una imagen vectorial en un grá�co rasterizado, es mucho más sencillo y se llama rasterización.

Page 13: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico VectorialPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

Grá�cos Vectoriales eImágenes Rasterizadas

Ejemplo de un grá�co vectorial con distintos niveles de ampliación

Ejemplo de una imagen rasterizada con diferentes niveles de ampliación

Page 14: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / DiferenciasPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

Page 15: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / DiferenciasPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

Page 16: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Formatos de Archivos de GráficoPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

Formatos deArchivos de Grá�co

Page 17: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Formatos de Archivos de GráficoPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

Formatos deArchivos de Grá�co

Page 18: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico VectorialPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

Composición DigitalLa integración de por lo menos dos tipos de imágenes provenientes de dos fuentes distintas (�ja o móvil). Que sean acopladas en una composición.

Page 19: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / InvestigaciónPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

Investigación

Investiga 1 ventaja,1 desventaja y usos de las imágenes conformadas por:

1. Mapa de bits2. Imagen vectorial3. Vóxel

Page 20: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Ventajas y DesventajasPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

Ventajas y Desventajas

RasterLos pixeles requieren menos operaciones del procesador para ser decodi�cados.

Ocupan mayor espacio de almacenamiento.

Tienen una resolución �ja .

Cualquier operación de reducción o ampliación afecta a la calidad de la imagen.

Son buenos para almacenar texturas complejas.

Page 21: Imagen digital

Fundamentos del Lenguaje en la Animación Digital

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Ventajas y DesventajasPaolo Arévalo OrtizDocente UNACH

DISEÑOGRAFICO /2013

Ventajas y Desventajas

VectorialRequieren menor espacio.

Algunos formatos permiten animación .

No pierden calidad al ser escalados, rotados o deformados.

No son aptos para mostrar fotografías o imágenes complejas, aunque algunos for-matos admiten una composición mixta (vector + imagen bitmap).

Deben ser procesados .