Introduccin a la Multimedia

Semestre: 2013-A (Enero Junio 2013)

Horario: Lunes 09:00 11:00

Jueves 07:00 09:00

Carrera de Ingeniera en Electrnica y Redes de Informacin

Objetivos
Adquirir los conocimientos necesarios para tener la capacidad de:
Entender el funcionamiento de las tcnicas de compresin. Seleccionar el mtodo de compresin ms adecuado para imgenes estticas. Seleccionar el mtodo de compresin ms adecuado para vdeo. Entender el desarrollo de nuevas tcnicas de compresin de imgenes estticas y en movimiento. Evaluar los diferentes estndares de videoconferencia y aplicarlos de acuerdo a la red de trabajo.

Contenido
INTRODUCCIN A LA MULTIMEDIA COLOR Y ESPACIOS DE COLOR COMPRESIN DE IMGENES CON JPEG COMPRESIN DE VDEO CON MPEG MPEG 2 MPEG 4 MPEG 7, MPEG 21 VIDEOCONFERENCIA

EVALUACIONES
I Bimestre
I Prueba Parcial (35%) 14 de Febrero II Prueba Parcial (35%) 14 de Marzo Proyecto 1 (30%) 11 de Marzo

II Bimestre
III Prueba Parcial (35%) 11 de Abril IV Prueba Parcial (35%) 16 de Mayo Proyecto 2 (30%) 13 de Mayo

Introduccin a la Multimedia Multimedia =

Mltiples + Medios

Sonido Vdeo

Medios:

Texto
Fotografa Hipertexto

Definicin:
Es el uso de varios tipos de medios (sonido, vdeo, texto, hipertexto, fotografa) para expresar ideas de la manera ms eficaz y en la que casi siempre se usa sonido juntamente con un medio visual En la actualidad hay la tendencia a asumir que los medios utilizados se almacenan como informacin digital

Aplicaciones:
En medios acadmicos y educativos en general En las empresas para realizar presentaciones En comercio electrnico para hacer ms atractivas las ofertas En juegos, cine y todo tipo de entretenimientos En sistemas de colaboracin

Una imagen vale ms que mil palabras, pero si a esa imagen le agregamos varias cosas ms?

Informacin Analgica vs. Digital

Para almacenar seales analgicas en algn formato digital es necesario muestrearlas a intervalos de tiempo determinados y convertirlas a una seal digital.

Informacin Analgica vs. Digital

La digitalizacin de la seal tiene varias ventajas (1):
El dato digital es menos afectado por el ruido como se ilustra en la Figura 1. Puede aadirse a las seales digitales informacin adicional de tal manera que los errores puedan ser detectados o corregidos. El dato digital no se degrada con el tiempo. El procesado de informacin digital es relativamente fcil, ya sea en tiempo real o no.

Informacin Analgica vs. Digital

Fig. 1. Recuperacin de una seal con ruido aadido

Informacin Analgica vs. Digital

La digitalizacin de la seal tiene varias ventajas (2):
Un tipo de medio sencillo como un disco duro, cinta o CDROM puede almacenar muchos tipos diferentes de informacin tales como voz, vdeo, audio y datos de computador. Las muestras digitales deben ser cuantificadas, lo cual produce un error llamado error de cuantificacin. Mientras mayor sea el nmero de bits usados para representar cada muestra, ms pequeo es el error de cuantificacin.

Informacin Analgica vs. Digital

La digitalizacin de la seal tiene varias ventajas (3):
Un sistema digital tiene una respuesta ms confiable, mientras que la exactitud de un sistema anlogo depende de parmetros tales como la tolerancia del componente, temperatura, variaciones de la fuente de potencia, etc. De esta manera los sistemas anlogos producen una respuesta variable y ningn par de sistemas anlogos son idnticos.

Informacin Analgica vs. Digital

Las seales anlogas requieren grandes espacios de almacenamiento. 70 minutos de msica de alta fidelidad requieren hasta 600 MB de almacenamiento. Las seales anlogas como vdeo y audio son fciles de almacenar en medios magnticos y las fotografas en papel fotogrfico, pero tienden a aadir ruido tanto en el proceso de almacenamiento como en el de reproduccin.

Informacin Analgica vs. Digital

Si la seal analgica es afectada por ruido, especialmente si este es ruido aleatorio, es difcil si no imposible su recuperacin. La mayora de mtodos para reducir estos ruidos involucra filtrado o alisado de la seal.

Conversin a Digital

Teora Del Muestreo

Cuando una seal cambia continuamente, se debe tomar una muestra a un intervalo de tiempo dado, que depender de su tasa de cambio. Mientras mayor sea la tasa de cambio, se requerir tomar mayor nmero de muestras en la unidad de tiempo. La codificacin digital involucra normalmente el muestreo de una seal a intervalos de tiempo fijos con lo cual se extrae suficiente informacin para permitir que la seal sea procesada y reconstruida.

Teora Del Muestreo

Para que se pueda reconstruir la seal original a partir de la seal muestreada, la seal original debe ser muestreada a una tasa definida por el criterio de Nyquist que establece:
La tasa de muestreo debe ser el doble que la frecuencia ms alta de la seal.

Teora Del Muestreo

Para canales de voz telefnica, la frecuencia mxima de la seal est limitada a 4 KHz y debe ser muestreada por lo menos a 8khz. El audio de alta fidelidad tiene una frecuencia mxima de 20 KHz y debe ser muestreada por lo menos a 40 KHz (muchos sistemas de muestreo de alta fidelidad tienen tasas de 44.1 KHz). Las seales de vdeo tienen una frecuencia mxima de 6 MHz, as que la seal de vdeo debe ser muestreada a 12 MHz.

Cuantificacin
La cuantificacin consiste en convertir un nivel anlogo a un nivel discreto cuantificado. Aproxima el nivel de la seal anloga al nivel cuantificado ms cercano, esta aproximacin produce un error conocido como error de cuantificacin.

Cuantificacin
El error mximo entre el nivel original y el nivel cuantificado ocurre cuando el nivel original cae exactamente en la mitad de dos niveles cuantificados. El error mximo ser del incremento ms pequeo: 1 Rango Mximo
Max error 2 2N

Donde N es el nmero de bits.

Cuantificacin
Bits 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 Quantization Levels 2 4 8 16 32 64 128 256 512 1024 2048 4096 8192 16384 32768 65536 Accuracy (%) 25 12,5 6,25 3,125 1,5625 0,78125 0,390625 0,1953125 0,09765625 0,048828125 0,024414063 0,012207031 0,006103516 0,003051758 0,001525879 0,000762939

Cuantificacin
Aparte de la cuantificacin escalar uniforme que hemos visto, tambin existen otros mtodos de cuantificacin: ptima.
Logartmica. Adaptativa. Diferencial. Vectorial.

Teora del Color

Elementos del Arte

Usualmente existen 6 elementos del arte los cuales se encuentran en la mayor parte de los trabajos artsticos.
Los artistas utilizan estos elementos como un alfabeto visual para producir toda clase de formas artsticas. La forma en que los elementos son organizados es referido como los principios de diseo.

Elementos del Arte

Lnea es el mas bsico de los elementos del arte; esta es una marca continua hecha en una superficie la cual puede variar en apariencia (largo, ancho, curva, textura y direccin). La lnea puede ser vertical, horizontal, diagonal, curva o en zig-zag.
Textura se refiere a la cualidad de la superficie o la forma en que se siente un objeto; suave o spera son ejemplos de esta. Estas pueden ser reales (las cuales se sienten al tocarlas) o implicadas (sugeridas visualmente como en una foto de algo spero, la cual no se siente spera al tacto).

Elementos del Arte

Figura (silueta), la cual es en dos dimensiones (circular, cuadrada; usualmente decimos la figura de la casa es cuadrada). Forma, es un fenmeno en tres dimensiones, esta envuelve y toma espacio (la caja tiene forma de cubo, sera un ejemplo)/ Espacio, este est determinado por la forma y la figura. El espacio positivo es donde las formas existen, el espacio negativo es el espacio sobrante alrededor de las figuras y formas.

Elementos del Arte

Color es producido cuando la luz llega a un objeto y rebota de este hasta llegar a los ojos. Este elemento del arte tiene tres propiedades:

Matiz: es el nombre dado al color (rojo, amarillo, azul) Intensidad: la pureza y fuerza de un color (rojo brillante) Valor: cuan claro u oscuro es un color (se le aade blanco o negro al color para obtener cambios en valor)

Cmo el ojo ve color?

El color se origina de la luz. Luz solar, como es percibida naturalmente, no tiene color. En realidad un arco iris es un testimonio de que todos los colores del espectro estn presentes en la luz blanca. Como est ilustrado en el diagrama inferior, la luz sale de su fuente (el sol) al objeto (la manzana), y finalmente al detector (el ojo y el cerebro).
1. Todos los colores invisibles de la luz solar llegan a la manzana. 2. La superficie de la manzana roja absorbe todos los rayos de colores con excepcin de los correspondientes al rojo, reflejando este color al ojo humano. 3. El ojo recibe la luz roja que es reflejada y se enva un mensaje al cerebro.

Cmo el ojo ve color?

Las ondas de luz que llegan al ojo estimulan un proceso visual complejo. Dentro de la retina unas clulas responden a tonos de color y a su brillo (conos, cones) mientras otras clulas solo responden al brillo de lo observado (cilindros, rods). La forma en que estas clulas interactan producen los colores que vemos.

Sistemas de Colores

Colores Aditivos

Colores Substractivos

Colores Aditivos
Colores aditivos: utilizan luz para crear color al mezclar luz y reflejando o transmitiendo otros. La luz blanca al tener todas las longitudes de onda visibles, las cuales pueden ser divididas en tres colores primarios, rojo, verde y azul (curiosamente los colores usados en nuestra poltica). Una superficie que absorbe uno de estos colores posee el color combinado de los otros dos. Este efecto se nota por ejemplo en los teatros donde se utilizan luces en el escenario. Si se combinan luces rojas, verdes y azules el resultado sera una luz blanca.

Colores Substractivos
Este sistema utiliza pinturas, tintes y colorantes para crear colores. Al pigmento absorber ciertas longitudes de onda de la luz otras se reflejan. Como habamos mencionado, la luz blanca est compuesta de todas las longitudes de onda visibles (colores visibles). Un colorante que absorbe una longitud de onda tendr la combinacin de los colores restantes como color. Esto explica porque la ropa negra es mas calurosa que la blanca. Si dos personas estn al aire libre en un da soleado, una vestida de blanco y la otra de negro todos sabemos que la que est vestida de negro sufrir de mas calor. El motivo de esto es que el tinte usado para teir la ropa negra absorbe totalmente la luz, por lo tanto calentndose ms. Mientras tanto el tinte usado en la ropa blanca hace que la luz del sol(la cual es blanca) rebote de la tela y sea vista por nuestros ojos.

Teora del Color

Colores Substractivos

La Rueda de Colores
Cada color tiene un lugar especfico en la rueda de colores. Adems de ayudarte a mezclar colores te ayuda a aadir colores a tus creaciones de una manera lgica.

Rueda de colores sin colores aadidos

Colores Primarios
Los colores primarios no pueden ser creados por la mezcla de otros colores, por el contrario, la mezcla de estos generan los dems colores. Los colores primarios son:

1. Rojo 2. Verde 3. Azul

Colores Secundarios
La mezcla de dos colores primarios produce un
secundario.

Rojo + azul = Violeta

Colores Intermediarios
Colores Intermediarios o Terciarios son creados al mezclar un color primario con un color secundario.

Colores Neutrales
Los principios hasta ahora estudiados nos permiten describir el comportamiento de muchos colores, pero an quedan muchos sin explorar. Los colores neutrales contienen partes iguales de los colores primarios mezclados en partes iguales(al mezclar los colores primarios, rojo, amarillo y azul, el color obtenido es un gris neutral). Negro, blanco y gris son a veces considerados como neutrales.

Los Dems Colores

La pregunta que nos debemos hacer: Ahora que entendemos como hemos logrado 12 colores diferentes de donde provienen el resto de los colores?
La respuesta es: Variaciones en valores (tintes y sombras), matiz, valor e intensidad.

Valores: Tintes y Sombras

Los valores de un color son claros y los oscuros de un color. Esto se produce al aadirse blanco y negro al color. Esto produce cientos de colores adicionales a los doce colores bsicos que vimos en la rueda de colores de los ejemplos anteriores.

Blanco + Color = Tinte

Tintes y Sombras

Negro + Color = Sombra

Del color azul

Matiz
Cuando decimos que por ejemplo un objeto es rojo, en realidad nos referimos a su matiz. El matiz est determinado por la longitud de onda dominante.

Intensidad
Intensidad: Cuan brillante opaco es un matiz se conoce tambin como saturacin y/ o croma. Bsicamente es cuanto del matiz se puede identificar. Los grises son acromticos, indicando la ausencia de matiz (color) y por lo tanto tienen poca intensidad; mientras que un rojo brillante est completamente saturado, posee por tanto una croma muy intensa.

Ejemplo de Intensidad
Los colores que vemos estn afectados por la intensidad de la luz a que se encuentran y por el matiz propio de estos. En un da brilloso podemos apreciar mas colores y contrastes mientras que en un da brumoso el paisaje se aprecia con menos detalle.

Baja Intensidad

Alta Intensidad

Sistemas de Colores
Los sistemas de colores son una manera de usar la rueda de colores para coordinar diferentes coloresya sea en el arte que creas, combinando tu vestimenta para decidir el color a usarse para pintar una habitacin. Los siguientes trminos se utilizan para clasificar colores de una manera lgica y til. 1. Monocromtico 2. Complementario 3. Anlogo 4. Fro 5. Caliente

Monocromticos
Mono significa uno, croma significa coloresquemas de valores monocromticos poseen un solo color y sus valores. La ilustracin a mano izquierda nos muestra una pintura monocromtica realizada con azul y sus valores (tintes y sombras). Mientras que a mano derecha podemos observar matices de rojo creados al aadir tintes (blanco) y sombras (negro). Esto hace que el rojo sea mas interesante.

Marc Chagall y un estudio Monocromtico

Artista: Marc Chagall Ttulo: Les Amants Sur Le Toit Este es un estudio en su mayora monocromtico donde predomina el azul

Complementarios
Los matices complementarios se componen de un par opuesto en la rueda de colores y proveen un alto contraste (si quiere que te noten viste en colores complementarios). En este caso si miramos a la lnea recta dibujada en la rueda de colores, podemos notar que el rojo y el verde son opuestos.

Complementarios
Un esquema de colores basado en colores complementarios

Un esquema de colores basado en colores de la naturaleza

Obra Complementaria
Artista: Paul Cezanne Ttulo: La Montagne Saint Victorie Ao: 1886-88 Colores complementarios usados: Azul, Naranja y sus respectivos valores

Anlogos
El sistema de colores anlogos envuelve de tres a cinco colores adyacentes en la rueda de colores estudiada. Esta combinacin envuelve poco contraste. Este sistema de colores es muy elegante y se puede observar en la naturaleza, por ejemplo en las llamaradas del fuego o en los azules del ocano.

Colores Anlogos
Los colores anlogos ilustrados abajo son amarillo, amarillo verdoso y azul verdoso. Los colores anlogos ilustrados en esta pintura de Irises hecha por Van Gogh son amarillo, amarillo verde, verde, azul verdoso y sus valores correspondientes.

Colores Fros y Calientes

Los colores calientes se encuentran al lado derecho de nuestra rueda de colores. Tambin son los colores asociados con fuego (de ah su nombre) y estos hacen que los objetos de este matiz aparezcan mas cercanos en una pintura. Los colores fros se encuentran al lado izquierdo de nuestra rueda de colores. Estos colores son el de la nieve y el hielo y estos receden en una pintura.
calientes fros

Colores Calientes
Artista: Jan Vermeer Ttulo: Nia Dormida en una Mesa Ao: 1657 Esquema de colores: Caliente(rojo, rojo-naranja, amarillo-naranja, amarillo y valores)

Colores Fros
Artista: Pablo Picasso Ttulo: Femme Allong Lisant Ao: 1939 Esquema de colores: Fros (amarillos, verdes, verde-azul, azul-prpura y valores respectivos)

Colores y Cultura
Giovanni Arnolfini y su Novia por Jan Van
Eyck , 1434 La novia en esta obra maestra del renacimiento viste de verde como smbolo de fertilidad. Ella se para de manera jorobada para fingir que est embarazada, indicando su disposicin de engendrar nios.

Colores y Accidentes
Los colores pueden afectar nuestras acciones y reacciones tanto en trfico como en el interior de un edificio. Algunos colores pueden crear condiciones que causen fatiga, aumentan el stress, daan la vista y nos pueden causar accidentes en el trabajo. Por ejemplo, un empleado en un muelle puede caerse de una plataforma ya que el borde de esta no est debidamente marcada.

Cul es el color ms ofensivo?

Amarillo limn puro, es el color ms ofensivo al ojo humano. Esto es debido a que ms luz es reflejada por los colores brillantes. Por consiguiente el ojo es estimulado excesivamente. Los bebs lloran ms en cuartos amarillos, los matrimonios discuten ms en cocinas amarillas y los cantantes de opera pelean ms cuando sus camerinos son amarillos. Sin embargo debido a que amarillo es el color ms visible, es el primer color que el ojo nota. Por eso es usado en rtulos, en las lneas de la carretera y en algunas ciudades los camiones de combustible son de este color. Finalmente, el amarillo es un color maravilloso, smbolo de dioses en varias religiones.

El amarillo es muy fuerte a nuestra vista. Uselo con moderacin o utilize tintes de este.

Ilusiones pticas
Instrucciones:
1. En la prxima pgina vera dos cuadros similares a los que se encuentran en el diagrama al fondo de esta pgina. Mire al punto negro que se encuentra en el cuadro rojo aproximadamente por 30 segundos. Mantenga su vista fija en el punto y no en el rea circundante. Luego de 30 segundos, observe el punto que se encuentra en el cuadro blanco. De nuevo, fjese en el punto o el experimento no funcionar. Cmo explicas este fenmeno?

2.

Nuevamente
Sigue las mismas instrucciones del experimento anterior

Metamerismo
Metamerismo es el cambio que un color experimenta cuando es observado bajo diferentes fuentes de luz. En esta muestras de alfombra, la muestra fue observada en la tienda bajo una luz tibia, incandescente. Luego la misma alfombra fue instalada en una oficina con luces fluorescentes las cuales son famosas por sacarle el color al crema. Es importante que los diseadores de interiores tengan estos fenmenos en mente para evitar prdidas econmicas. El mismo fenmeno ocurre en vestimentas.

Diferentes Colores?
Note que el rectngulo a la izquierda parece tener un tono rojizo, mientras que el rectngulo a la derecha parece ser mas azuloso (fro)

En realidad ambos son el mismo color, pero este es afectado por los colores usados en el fondo.

Los colores a la derecha y la izquierda son los mismos