SlideShare ist ein Scribd-Unternehmen logo
1 von 21
Downloaden Sie, um offline zu lesen
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Imagen Digital

IMAGEN
DIGITAL
Fundamentos de Animación Digital 2D
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Definición

Definición
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.
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Pixel

Pixel
El 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.
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Vector

Vector
Los vectores serie de puntos y líneas unidos entre si originando objetos formados
matemáticamente.
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Voxéles

Voxéles
El 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 tridimensional y es, por tanto, el equivalente del píxel en un objeto 2D
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico Raterizado

Gráfico Rasterizado
Una imagen rasterizada, también llamada bitmap (mapa de bits), imagen matricial
o pixmap, es una estructura o fichero de datos que representa una rejilla rectangular
de píxeles o puntos de color, denominada raster, que se puede visualizar en un monitor, 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 determina 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.
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico Raterizado

Gráfico Rasterizado
Los gráficos rasterizadosse distinguen de los gráficos vectoriales en que estos últimos 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).
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico Raterizado
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico Vectorial

Gráfico Vectorial
Una imagen vectorial es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc.
Por ejemplo un círculo de color rojo quedaría definido por la posición de su centro,
su radio, el grosor de línea y su color.
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico Vectorial

Gráfico Vectorial
El interés principal de los gráficos vectoriales es poder ampliar el tamaño de una
imagen a voluntad sin sufrir el efecto de escalado que sufren los gráficos rasterizados. Asimismo, permiten mover, estirar y retorcer imágenes de manera relativamente 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áficos vectoriales a gráficos rasterizados para poder representarlos en pantalla al estar ésta constituida físicamente por
píxeles.
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico Vectorial
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Converisón de Formatos

Conversión entre
Formatos Raster y Vectorial
La transformación de un gráfico 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ífico.
El proceso inverso, convertir una imagen vectorial en un gráfico rasterizado, es
mucho más sencillo y se llama rasterización.
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico Vectorial

Gráficos Vectoriales e
Imágenes Rasterizadas
Ejemplo de un gráfico vectorial con
distintos niveles de ampliación

Ejemplo de una imagen rasterizada
con diferentes niveles de ampliación
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Diferencias
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Diferencias
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Formatos de Archivos de Gráfico

Formatos de
Archivos de Gráfico
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Formatos de Archivos de Gráfico

Formatos de
Archivos de Gráfico
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico Vectorial

Composición Digital
La integración de por lo menos dos tipos de imágenes provenientes de dos fuentes
distintas (fija o móvil). Que sean acopladas en una composición.
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Investigación

Investigación
Investiga 1 ventaja,1 desventaja y usos de las imágenes conformadas por:
1. Mapa de bits
2. Imagen vectorial
3. Vóxel
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Ventajas y Desventajas

Ventajas y Desventajas
Raster
Los pixeles requieren menos operaciones del procesador para ser decodificados.
Ocupan mayor espacio de almacenamiento.
Tienen una resolución fija .
Cualquier operación de reducción o ampliación afecta a la calidad de la imagen.
Son buenos para almacenar texturas complejas.
Fundamentos del Lenguaje en la Animación Digital

DISEÑO Paolo Arévalo Ortiz
GRAFICO /2013 Docente UNACH

FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Ventajas y Desventajas

Ventajas y Desventajas
Vectorial
Requieren 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 formatos admiten una composición mixta (vector + imagen bitmap).
Deben ser procesados .

Weitere ähnliche Inhalte

Was ist angesagt?

Software animacion
Software animacionSoftware animacion
Software animacion
Nestor Leon
 
Analisis animacion analoga y digital
Analisis animacion analoga y digitalAnalisis animacion analoga y digital
Analisis animacion analoga y digital
German Bastos Ramirez
 
Modelado y animación de objetos 2 d y 3d
Modelado y animación de objetos 2 d y 3dModelado y animación de objetos 2 d y 3d
Modelado y animación de objetos 2 d y 3d
JOHN BONILLA
 
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
johana1995insandara
 
Analisis animacion analoga y digital
Analisis animacion analoga y digitalAnalisis animacion analoga y digital
Analisis animacion analoga y digital
German Bastos Ramirez
 

Was ist angesagt? (20)

Proceso de animación ok
Proceso de animación okProceso de animación ok
Proceso de animación ok
 
Software animacion
Software animacionSoftware animacion
Software animacion
 
Analisis animacion analoga y digital
Analisis animacion analoga y digitalAnalisis animacion analoga y digital
Analisis animacion analoga y digital
 
Animacion vectorial 2D en Software Libre
Animacion vectorial 2D en Software LibreAnimacion vectorial 2D en Software Libre
Animacion vectorial 2D en Software Libre
 
Animaciones 3D
Animaciones 3DAnimaciones 3D
Animaciones 3D
 
Animación por computadora
Animación por computadoraAnimación por computadora
Animación por computadora
 
Fundamentos de la Animación
Fundamentos de la AnimaciónFundamentos de la Animación
Fundamentos de la Animación
 
ANIMACION 3D
ANIMACION 3DANIMACION 3D
ANIMACION 3D
 
Animacion 3d
Animacion 3dAnimacion 3d
Animacion 3d
 
ANIMACIÓN 3d
ANIMACIÓN 3dANIMACIÓN 3d
ANIMACIÓN 3d
 
Proceso de crear una pelicula animada (Pixar Studios)
Proceso de crear una pelicula animada (Pixar Studios)Proceso de crear una pelicula animada (Pixar Studios)
Proceso de crear una pelicula animada (Pixar Studios)
 
Stopmotion
StopmotionStopmotion
Stopmotion
 
Modelado y animación de objetos 2 d y 3d
Modelado y animación de objetos 2 d y 3dModelado y animación de objetos 2 d y 3d
Modelado y animación de objetos 2 d y 3d
 
Proceso digital de imagenes, Alumno: Eraclio
Proceso digital de imagenes, Alumno: EraclioProceso digital de imagenes, Alumno: Eraclio
Proceso digital de imagenes, Alumno: Eraclio
 
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
 
Contenidos de Informática
Contenidos de Informática Contenidos de Informática
Contenidos de Informática
 
Paquetes de animación
Paquetes de animaciónPaquetes de animación
Paquetes de animación
 
Revolución digital ecologico
Revolución digital  ecologicoRevolución digital  ecologico
Revolución digital ecologico
 
Formatos de Imagen
Formatos de ImagenFormatos de Imagen
Formatos de Imagen
 
Analisis animacion analoga y digital
Analisis animacion analoga y digitalAnalisis animacion analoga y digital
Analisis animacion analoga y digital
 

Andere mochten auch

Post4
Post4Post4
Post4
sac30
 
Ventajas y desventajas Sac 3.0
Ventajas y desventajas Sac 3.0Ventajas y desventajas Sac 3.0
Ventajas y desventajas Sac 3.0
sac30
 
PDX - Effective Communicators Rule the world
PDX - Effective Communicators Rule the worldPDX - Effective Communicators Rule the world
PDX - Effective Communicators Rule the world
Pauly Ting
 
Transmedia: Factores para el exito
Transmedia: Factores para el exitoTransmedia: Factores para el exito
Transmedia: Factores para el exito
Belén Santa-Olalla
 
Parry_2010_Arctic_Days_iMAGINE_Tromso_Opening_of_the_ North_ Atlantic_&_Norwe...
Parry_2010_Arctic_Days_iMAGINE_Tromso_Opening_of_the_ North_ Atlantic_&_Norwe...Parry_2010_Arctic_Days_iMAGINE_Tromso_Opening_of_the_ North_ Atlantic_&_Norwe...
Parry_2010_Arctic_Days_iMAGINE_Tromso_Opening_of_the_ North_ Atlantic_&_Norwe...
Chris Parry
 
ADMA - The digital world and the people in it
ADMA - The digital world and the people in itADMA - The digital world and the people in it
ADMA - The digital world and the people in it
Pauly Ting
 
Digital value creation. Creating value for human experiences during the digit...
Digital value creation. Creating value for human experiences during the digit...Digital value creation. Creating value for human experiences during the digit...
Digital value creation. Creating value for human experiences during the digit...
Valentijn Destoop
 
The Network The Next Frontier for Devops ?
The Network   The Next Frontier for Devops ?The Network   The Next Frontier for Devops ?
The Network The Next Frontier for Devops ?
John Willis
 

Andere mochten auch (20)

Los multimedios
Los multimediosLos multimedios
Los multimedios
 
Post4
Post4Post4
Post4
 
Ventajas y desventajas Sac 3.0
Ventajas y desventajas Sac 3.0Ventajas y desventajas Sac 3.0
Ventajas y desventajas Sac 3.0
 
Preguntas Unidad II
Preguntas Unidad IIPreguntas Unidad II
Preguntas Unidad II
 
Future Visioning
Future VisioningFuture Visioning
Future Visioning
 
PDX - Effective Communicators Rule the world
PDX - Effective Communicators Rule the worldPDX - Effective Communicators Rule the world
PDX - Effective Communicators Rule the world
 
Transmedia: Factores para el exito
Transmedia: Factores para el exitoTransmedia: Factores para el exito
Transmedia: Factores para el exito
 
Parry_2010_Arctic_Days_iMAGINE_Tromso_Opening_of_the_ North_ Atlantic_&_Norwe...
Parry_2010_Arctic_Days_iMAGINE_Tromso_Opening_of_the_ North_ Atlantic_&_Norwe...Parry_2010_Arctic_Days_iMAGINE_Tromso_Opening_of_the_ North_ Atlantic_&_Norwe...
Parry_2010_Arctic_Days_iMAGINE_Tromso_Opening_of_the_ North_ Atlantic_&_Norwe...
 
Preguntas emprendimiento
Preguntas emprendimientoPreguntas emprendimiento
Preguntas emprendimiento
 
Animación Digital Mapa Temático
Animación Digital Mapa TemáticoAnimación Digital Mapa Temático
Animación Digital Mapa Temático
 
Exposiciones
ExposicionesExposiciones
Exposiciones
 
Auditoria de diseño, briefings
Auditoria de diseño, briefingsAuditoria de diseño, briefings
Auditoria de diseño, briefings
 
ADMA - The digital world and the people in it
ADMA - The digital world and the people in itADMA - The digital world and the people in it
ADMA - The digital world and the people in it
 
Unach Misión y Visión
Unach Misión y VisiónUnach Misión y Visión
Unach Misión y Visión
 
Digital value creation. Creating value for human experiences during the digit...
Digital value creation. Creating value for human experiences during the digit...Digital value creation. Creating value for human experiences during the digit...
Digital value creation. Creating value for human experiences during the digit...
 
Le Brand Content -Paris8 Chapitre 1b
Le Brand Content -Paris8 Chapitre 1bLe Brand Content -Paris8 Chapitre 1b
Le Brand Content -Paris8 Chapitre 1b
 
Creación de un entorno transmedia - Seminario SGAE 2014
Creación de un entorno transmedia - Seminario SGAE 2014Creación de un entorno transmedia - Seminario SGAE 2014
Creación de un entorno transmedia - Seminario SGAE 2014
 
Animacion digital mapa tematico u1
Animacion digital mapa tematico u1Animacion digital mapa tematico u1
Animacion digital mapa tematico u1
 
Curso Realidad Aumentada, un aprendizaje conectado a la vida
Curso Realidad Aumentada, un aprendizaje conectado a la vidaCurso Realidad Aumentada, un aprendizaje conectado a la vida
Curso Realidad Aumentada, un aprendizaje conectado a la vida
 
The Network The Next Frontier for Devops ?
The Network   The Next Frontier for Devops ?The Network   The Next Frontier for Devops ?
The Network The Next Frontier for Devops ?
 

Ähnlich wie Imagen digital

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
lizeth2696
 
Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digital
Oscarito Guerrero
 
Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digital
Oscarito Guerrero
 
Medios hernandezrivas
Medios hernandezrivasMedios hernandezrivas
Medios hernandezrivas
marielahdez09
 

Ähnlich wie Imagen digital (20)

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
 
El dibujo vectorial en aplicaciones y videojuegos
El dibujo vectorial en aplicaciones y videojuegosEl dibujo vectorial en aplicaciones y videojuegos
El dibujo vectorial en aplicaciones y videojuegos
 
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
 
Programas para Diseño Gráfico
Programas para Diseño GráficoProgramas para Diseño Gráfico
Programas para Diseño Gráfico
 
Manual: Temas de Visualización digital y diseño
Manual: Temas de Visualización digital y diseñoManual: Temas de Visualización digital y diseño
Manual: Temas de Visualización digital y diseño
 
Introducción al trabajo de imágenes digitales
Introducción al trabajo de imágenes digitalesIntroducción al trabajo de imágenes digitales
Introducción al trabajo de imágenes digitales
 
Unidad 1 it
Unidad 1 itUnidad 1 it
Unidad 1 it
 
Mapas de puntos y dibujo vectorial
Mapas de puntos y dibujo vectorialMapas de puntos y dibujo vectorial
Mapas de puntos y dibujo vectorial
 
Imagenes digitales
Imagenes digitalesImagenes digitales
Imagenes digitales
 
Cuadro Comparativo Pixel vs Vector
 Cuadro Comparativo Pixel vs Vector Cuadro Comparativo Pixel vs Vector
Cuadro Comparativo Pixel vs Vector
 
Cuadro comparativo Pixel vs Vector
Cuadro comparativo Pixel vs VectorCuadro comparativo Pixel vs Vector
Cuadro comparativo Pixel vs Vector
 
procesodigitaldeimagenes-140718131901-phpapp02.pdf
procesodigitaldeimagenes-140718131901-phpapp02.pdfprocesodigitaldeimagenes-140718131901-phpapp02.pdf
procesodigitaldeimagenes-140718131901-phpapp02.pdf
 
Diseño g d clase virtual 07102020
Diseño g d clase virtual  07102020Diseño g d clase virtual  07102020
Diseño g d clase virtual 07102020
 
La imagen Digital: Píxel vs Vector
La imagen Digital: Píxel vs VectorLa imagen Digital: Píxel vs Vector
La imagen Digital: Píxel vs Vector
 
Uso de los recursos didácticos
Uso de los recursos didácticosUso de los recursos didácticos
Uso de los recursos didácticos
 
Imagenes digitales
Imagenes digitalesImagenes digitales
Imagenes digitales
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Imagen Digital: Pixel vs Vector
Imagen Digital: Pixel vs VectorImagen Digital: Pixel vs Vector
Imagen Digital: Pixel vs Vector
 
Medios hernandezrivas
Medios hernandezrivasMedios hernandezrivas
Medios hernandezrivas
 

Mehr von paoloarevaloortiz

Lectura n°3 el portero del prostibulo
Lectura n°3 el portero del prostibuloLectura n°3 el portero del prostibulo
Lectura n°3 el portero del prostibulo
paoloarevaloortiz
 
La evolución de una industria
La evolución de una industriaLa evolución de una industria
La evolución de una industria
paoloarevaloortiz
 

Mehr von paoloarevaloortiz (20)

Crear una empresa
Crear una empresaCrear una empresa
Crear una empresa
 
Consigna u ii
Consigna u iiConsigna u ii
Consigna u ii
 
Lectura n°3 el portero del prostibulo
Lectura n°3 el portero del prostibuloLectura n°3 el portero del prostibulo
Lectura n°3 el portero del prostibulo
 
Factores de mercado
Factores de mercadoFactores de mercado
Factores de mercado
 
Escribir personajes
Escribir personajesEscribir personajes
Escribir personajes
 
Consigna stop motion
Consigna stop motionConsigna stop motion
Consigna stop motion
 
Creacion personajes
Creacion personajesCreacion personajes
Creacion personajes
 
Color
ColorColor
Color
 
La evolución de una industria
La evolución de una industriaLa evolución de una industria
La evolución de una industria
 
ganancia de punto
ganancia de puntoganancia de punto
ganancia de punto
 
Acerca del reventado
Acerca del reventadoAcerca del reventado
Acerca del reventado
 
Muaré
MuaréMuaré
Muaré
 
Como Aprovechar el Monitor
Como Aprovechar el MonitorComo Aprovechar el Monitor
Como Aprovechar el Monitor
 
Proporción Aurea
Proporción AureaProporción Aurea
Proporción Aurea
 
Teoria del diseño
Teoria del diseñoTeoria del diseño
Teoria del diseño
 
Storyboard formato
Storyboard formatoStoryboard formato
Storyboard formato
 
Consigna animacion digital
Consigna animacion digitalConsigna animacion digital
Consigna animacion digital
 
Requisitos del mercado
Requisitos del mercadoRequisitos del mercado
Requisitos del mercado
 
Consigna nº1
Consigna nº1Consigna nº1
Consigna nº1
 
Proceso de animacion
Proceso de animacionProceso de animacion
Proceso de animacion
 

Imagen digital

  • 1. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Imagen Digital IMAGEN DIGITAL Fundamentos de Animación Digital 2D
  • 2. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Definición Definición 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.
  • 3. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Pixel Pixel El 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.
  • 4. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Vector Vector Los vectores serie de puntos y líneas unidos entre si originando objetos formados matemáticamente.
  • 5. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Voxéles Voxéles El 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 tridimensional y es, por tanto, el equivalente del píxel en un objeto 2D
  • 6. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico Raterizado Gráfico Rasterizado Una imagen rasterizada, también llamada bitmap (mapa de bits), imagen matricial o pixmap, es una estructura o fichero de datos que representa una rejilla rectangular de píxeles o puntos de color, denominada raster, que se puede visualizar en un monitor, 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 determina 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.
  • 7. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico Raterizado Gráfico Rasterizado Los gráficos rasterizadosse distinguen de los gráficos vectoriales en que estos últimos 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).
  • 8. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico Raterizado
  • 9. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico Vectorial Gráfico Vectorial Una imagen vectorial es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc. Por ejemplo un círculo de color rojo quedaría definido por la posición de su centro, su radio, el grosor de línea y su color.
  • 10. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico Vectorial Gráfico Vectorial El interés principal de los gráficos vectoriales es poder ampliar el tamaño de una imagen a voluntad sin sufrir el efecto de escalado que sufren los gráficos rasterizados. Asimismo, permiten mover, estirar y retorcer imágenes de manera relativamente 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áficos vectoriales a gráficos rasterizados para poder representarlos en pantalla al estar ésta constituida físicamente por píxeles.
  • 11. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico Vectorial
  • 12. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Converisón de Formatos Conversión entre Formatos Raster y Vectorial La transformación de un gráfico 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ífico. El proceso inverso, convertir una imagen vectorial en un gráfico rasterizado, es mucho más sencillo y se llama rasterización.
  • 13. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico Vectorial Gráficos Vectoriales e Imágenes Rasterizadas Ejemplo de un gráfico vectorial con distintos niveles de ampliación Ejemplo de una imagen rasterizada con diferentes niveles de ampliación
  • 14. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Diferencias
  • 15. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Diferencias
  • 16. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Formatos de Archivos de Gráfico Formatos de Archivos de Gráfico
  • 17. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Formatos de Archivos de Gráfico Formatos de Archivos de Gráfico
  • 18. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Gráfico Vectorial Composición Digital La integración de por lo menos dos tipos de imágenes provenientes de dos fuentes distintas (fija o móvil). Que sean acopladas en una composición.
  • 19. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Investigación Investigación Investiga 1 ventaja,1 desventaja y usos de las imágenes conformadas por: 1. Mapa de bits 2. Imagen vectorial 3. Vóxel
  • 20. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Ventajas y Desventajas Ventajas y Desventajas Raster Los pixeles requieren menos operaciones del procesador para ser decodificados. Ocupan mayor espacio de almacenamiento. Tienen una resolución fija . Cualquier operación de reducción o ampliación afecta a la calidad de la imagen. Son buenos para almacenar texturas complejas.
  • 21. Fundamentos del Lenguaje en la Animación Digital DISEÑO Paolo Arévalo Ortiz GRAFICO /2013 Docente UNACH FUNDAMENTOS DE LA ANIMACIÓN DIGITAL / Ventajas y Desventajas Ventajas y Desventajas Vectorial Requieren 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 formatos admiten una composición mixta (vector + imagen bitmap). Deben ser procesados .