1. Identificación de la Guía de Aprendizaje
| Código de la guía: DIM G2M1 | Fecha de utilización (aaaa/mm/dd) | | |
| Nombre de la Guía de aprendizaje: Teoría general de informática grafica | Duración en horas | 16 | |
| Estructura Curricular: Diseño e integración de multimedia. | |||
| Modulo de formación: Análisis de información para el proyecto multimedia. | Duración en horas | 100 | |
| Unidad de Aprendizaje: Selección de la tipología multimedia | Duración en horas | 60 | |
| Modalidad de formación: Presencial X Virtual Desescolarizada | |||
| Actividad Enseñanza Aprendizaje Evaluación: Diseñar elementos gráficos de la multimedia. | Duración en horas | 30 | |
| Orientador (a): | |||
2. Introducción
El sustento de los desarrollos multimedia son los gráficos digitales, el conocimiento de la teoría general de la informática grafica permite entender conceptualmente los componentes principales de las imágenes digitales.
Se desarrollaran ejercicios para que el alumno entienda conceptualmente el manejo, la edición y la composición de los elementos digitales como la resolución y la profundidad del color.
Recuerde señor alumno que usted es el responsable de su proceso de formación realice esta guía de aprendizaje con animo y responsabilidad.
3. Resultados de aprendizaje
3.1. Entender el concepto de resolución de pantalla.
3.2 Diferenciar resolución de pantalla y resolución de impresión.
3.3 Determinar la resolución de impresión optima para una imagen
3.4 Determinar el sistema de color RGB y el CMYK
4. Actividades y Estrategias de aprendizaje
4.1. La estrategia a utilizar es búsqueda de información.
En la biblioteca realice una consulta por parejas en Internet sobre los siguientes temas y elabore un informe de no más de 6 hojas incluyendo graficas donde se pueda describir. (Para esta actividad dispone de 6 horas)
¿Cuál es la resolución de pantalla en una imagen digital.?
¿Cuál es la resolución de impresión en una imagen digital?
¿Qué diferencia la resolución de pantalla a la resolución de impresión.?
¿Qué son los sistemas de colores en informática.?
¿Qué diferencia hay entre RGB y CMYK y para que se utiliza.?
4.2. La estrategia a utilizar es la exposición magistral.
El docente utilizando las herramientas necesarias en el aula de formación explica el concepto de profundidad del color en una imagen digital. (Para esta actividad disponen de 2 horas).
4.3. La estrategia a utilizar es caso práctico.
Para esta actividad utilice el formato DIM - I1M1 (Para esta actividad disponen de 2 horas).
4.4 La estrategia a utilizar es búsqueda de información.
En la biblioteca realice una consulta por parejas en Internet sobre los siguientes temas y elabore un informe donde realice un cuadro comparativo (ver mas adelante) de los siguientes temas: (Para esta actividad disponen de 6 horas)
¿Cuáles son los formatos digitales mas utilizados?
¿Cuáles son los tipos de compresión que utilizan?
¿Cuáles son los pesos promedios que se obtienen en disco duro?.
¿Cuáles son los usos de estos formatos?.
| Formato utilizado | Tipo de compresión | Peso en disco duro | Usos | Calidad Imagen |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
Establezca la calidad de la imagen en términos porcentuales de 0 a 100, donde cero es pésima calidad y 100 es óptima calidad.
5. Evaluación
5.1. Criterios de evaluación
Identifica los parámetros técnicos de una interfase grafica
5.2. Evidencias de Aprendizaje
CONOCIMIENTO:
Informe de la consulta en Internet.
Informe de la relación de los tamaños del archivo con la profundidad del color.
PRODUCTO:
Cuadro comparativo sobre la consulta de formatos
6. Ambientes de Aprendizaje, medios, recursos didácticos
Nuevos ambientes de aprendizaje
Internet, procesador de palabra, textos
Computador.
Guía de aprendizaje
7. Bibliografía
Introducción Al Diseño Digital
Orihuela Colliva, José Luis. ; Santos Pascualena, María Luisa. Ed. Anaya Multimedia.
Grey, Tim. El Color En La Fotografía Digital, Ed. Anaya Multimedia
Elaborada por: John Fredy Sádder / Benjamín Montoya
1. Entender el concepto de resolución de pantalla
2 Diferenciar resolución de pantalla y resolución de impresión.
3 Determinar la resolución de impresión optima para una imagen
4 Determinar el sistema de color RGB y el CMYK
Resolución de Pantalla:
La resolución de pantalla es el número de pixels (o máxima resolución de imagen) que puede ser mostrada en la pantalla. Viene dada por el producto del ancho por el alto, medidos ambos en pixels, con lo que se obtiene una relación, llamada relación de aspecto. En esta relacion de aspectos, se puede encontrar una variacionesta de acuerdo a la forma del monitor y de la tarjeta gráfica. Podemos hablar de dos tamaños de pantalla diferentes:
Tamaño absoluto: es el tamaño "real" de la ventana del monitor, medido generalmente en pulgadas. Depende del monitor. Resolución o tamaño relativo : viene determinada por el número de pixels que se muestran en la ventana del monitor, siendo el píxel la unidad mínima de información que se puede presentar en pantalla, de forma generalmente rectangular. Depende de la tarjeta gráfica.
| Estándar | Resolución | Razón | Razón normalizada | Pixels |
| 320×200 | 16:10 | 1,6:1 | 64 K | |
| 320×240 | 4:3 | 1,33:1 | 77 K | |
| 512×384 | 4:3 | 1,33:1 | 197 K | |
| 640×350 | aprox. 11:6 | 1,83:1 | 224 K | |
| 640×480 | 4:3 | 1,33:1 | 307 K | |
| 720×348 | 60:29 | 2,07:1 | 251 K | |
| 720×350 | 72:35 | 2,06:1 | 252 K | |
| 720×360 | 2:1 | 2:1 | 259 K | |
| 800×600 | 4:3 | 1,33:1 | 480 K | |
| 850×480 | 16:9 | 1,78:1 | 409 K | |
| 1024×768 | 4:3 | 1,33:1 | 786 K | |
| 1152×864 | 4:3 | 1,33:1 | 995 K | |
| 1280×768 | 15:9 | 1,67:1 | 983 K | |
| 16:9 | 1,78:1 | 1020 K | ||
| 1280×800 | 16:10 | 1,6:1 | 1 M | |
| 1280×1024 | 5:4 | 1,25:1 | 1'3 M | |
| 1440×900 | 16:10 | 1,6:1 | 1'4 M | |
| 1400×1050 | 4:3 | 1,33:1 | 1'5 M | |
| 1600×1024 | 25:16 | 1,56:1 | 1'6 M | |
| 1680×1050 | 16:10 | 1,6:1 | 1'8 M | |
| 1600×1200 | 4:3 | 1,33:1 | 1'9 M | |
| 1920×1200 | 16:10 | 1,6:1 | 2'3 M | |
| 2048×1536 | 4:3 | 1,33:1 | 3'1 M | |
| 2560×1600 | 16:10 | 1,6:1 | 4'1 M | |
| 2560×2048 | 5:4 | 1,25:1 | 5'2 M | |
| 3200×2048 | 25:16 | 1,56:1 | 6'6 M | |
| 3200×2400 | 4:3 | 1,33:1 | 7'7 M | |
| 3840×2400 | 16:10 | 1,6:1 | 9'2 M | |
| 5120×4096 | 5:4 | 1,25 | 21 M | |
| 6400×4096 | 25:16 | 1,56:1 | 26 M | |
| 6400×4800 | 4:3 | 1,33:1 | 31 M | |
| 7680×4800 | 16:10 | 1,6:1 | 35 M |
DIFERENCIA ENTRE RESOLUCION DE PANTALLA Y RESOLUCION DE IMPRESIÓN
 |
RESOLUCION DE PANTALLA:
Las pantallas estan formadas por una matriz permanente de pequeños puntos luminosos. Estos puntos tiene un determinado tamaño y están distribuidos a una determinada distancia. Mediante células de fosforos (rojo, verde y azul) estos puntos emiten color. Utilizando los puntos necesarios, los circuitos crean los píxeles que son las unidades mínimas de información de color. Cada píxel podrá estar formado por uno o varios puntos de la matriz permanente y representará un solo color, así que el píxel no tendrá un tamaño determinado, aunque se puede calcular si sabemos la longitud del ancho de la zona de visión de la pantalla y la resolución horizontal
RESOLUCION DE IMPRESION:
Una pantalla de 15 pulgadas sólo necesita 72 ppp. para mostrar las imágenes con suficiente nitidez. Pero, si el soporte es el papel, serán necesarias resoluciones más altas debido al medio. Recordemos que una pantalla emite luz de color con tres fósforos rojo, verde y azul(síntesis aditiva), mientras que un medio como el papel refleja la luz (síntesis sustractiva) y consigue el color mezclando tintas (pigmentos) cyan, magenta, amarillo y negro. La resolución de los dispositivos de impresión se mide en puntos por pulgada (dpi: dot per inches) o lineas por pulgada (lpi).
RESOLUCIÓN DE IMPRESIÓN ÓPTIMA PARA UNA IMAGEN
primero porque hay que saber cual es esa resolución mínima del sistema impresión y luego buscar un valor divisor, pero en realidad es mucho más sencillo. Las resoluciones mínimas típicas en aquellas tecnologías de impresión que yo conozco son de 300 ppi en impresoras láser y de inyección de tinta de cabezal resistivo y 360 ppi para impresoras de inyección de tinta con cabezal piezoeléctrico.
Una vez identificada nuestra impresora, no son tantos los valores divisores por las resoluciones mencionadas:
· 300 ppi, 150 ppi, 100 ppi, 75 ppi, …
· 360 ppi, 180 ppi, 120 ppi, 90 ppi, …
Por debajo de estas resoluciones mínimas no tiene sentido trabajar para tamaños razonables.
función mas influyentes:
· El tamaño de impresión
o El tipo de información
· El objetivo final de la imagen:
o Colgarla de una pared, que se verá de lejos y los efectos del pixelado pasarán desapercibidos.
o Un álbum fotográfico que siempre puede ser susceptible de que alguien intente ver detalles más de cerca.
o Fotografías de cartera como las que yo llevo de mis hijas
| Tamaño de impresión | Res. imagen para sistema de impresión de base 360 ppp*1 | Res. imagen para sistema de impresión de base 300 ppp*2 | Comentario |
| Hasta A4 o 20×30 cm | 360 ppp | 300 ppp | Impresiones de estos tamaños son susceptibles de ser vistas en mano y por tanto de que alguien se vea tentado a buscar detalles |
| Hasta A2 o 40×60 cm | 180 ppp | 150 ppp | Entre A4 y A2 son los tañamos normales que solemos colgar de nuestras paredes cuando hacemos ampliaciones, y cuando la impresión está colgada nadie va a notar el mínimo pixelado que aparece a estas resoluciones |
| Imágenes grandes por encima del A2 | 120 o incluso 90 ppp | 150 o incluso 75 ppp | El pixelado se ve a simple vista, pero nunca a la distancia a la que se va aver la impresión. |
SISTEMAS DE COLOR RGB & CMYK
Modelo de color RGB
La mezcla de colores luz, normalmente rojo, verde y azul (RGB, iniciales en inglés de los colores primarios), se realiza utilizando el sistema de color aditivo, también referido como el modelo RGB o el espacio de color RGB. Todos los colores posibles que pueden ser creados por la me zcla de estas tres luces de color son aludidos como el espectro de color de estas luces en concreto. Cuando ningún color luz está presente, uno percibe el negro. Los colores luz tienen aplicación en los monitores de un ordenador, televisores, proyectores de vídeo y todos aquellos sistemas que utilizan combinaciones de materiales que fosforecen en el rojo, verde y azul.
Modelo CMY
Para impresión, los colores usados son cian, magenta y amarillo; este sistema es denominado modelo CMY. En el modelo CMY, el negro es creado por mezcla de todos los colores, y el blanco es la ausencia de cualquier color (asumiendo que el papel sea blanco). Como la mezcla de los colores es substractiva, también es llamado modelo de color sustractivo. Una mezcla de cian, magenta y amarillo en realidad resulta en un color negro turbio por lo que normalmente se utiliza tinta negra de verdad. Cuando el negro es añadido, este modelo de color es denominado modelo CMYK. Recientemente, se ha demostrado que el modelo de color CMY es también más preciso para las mezclas de pigmento.
Se debe tener en cuenta que sólo con unos colores "primarios" ficticios se puede llegar a conseguir todos los colores posibles. Estos primarios son conceptos arbitrarios utilizados en modelos de color matemáticos que no representan las sensaciones de color reales o incluso los impulsos nerviosos reales o procesos cerebrales. En otras palabras, todos los colores "primarios" perfectos son completamente imaginarios, lo que implica que todos los colores primarios que se utilizan en las mezclas son incompletos o imperfectos.
5¿Cuál es la resolución de pantalla en una imagen digital.?
6¿Cuál es la resolución de impresión en una imagen digital?
7¿Qué diferencia la resolución de pantalla a la resolución de impresión.?
8¿Qué son los sistemas de colores en informática.?
9¿Qué diferencia hay entre RGB y CMYK y para que se utiliza.?
La resolución de una imagen indica cuánto detalle puede observarse en esta. El término es comúnmente utilizado en relación a imágenes de fotografía digital, pero también se utiliza para describir cuán nítida (como antónimo de granular) es una imagen de fotografía convencional (o fotografía química). Tener mayor resolución se traduce en obtener una imagen con más detalle o calidad visual. Para las imágenes digitales almacenadas como mapa de bits, la convención es describir la resolución de la imagen con dos números enteros, donde el primero es la cantidad de filas de píxeles (cuántos píxeles tiene la imagen a lo ancho) y el segundo es la cantidad de filas de píxeles (cuántos píxeles tiene la imagen a lo alto).
Es bueno señalar que si la imagen aparece como granular se le da el nombre de pixeleada ó pixelosa.
La convención que le sigue en popularidad es describir el número total de píxeles en la imagen (usualmente expresado como la cantidad de megapíxeles), que puede ser calculado multiplicando la cantidad de columnas de píxeles por la cantidad de filas de píxeles. A continuación se presenta una ilustración sobre cómo se vería la misma imagen en diferentes resoluciones.
Para saber cuál es la resolución de una cámara digital debemos conocer los píxeles de ancho x alto a los que es capaz de obtener una imagen. Así una cámara capaz de obtener una imagen de 1600 x 1200 píxeles tiene una resolución de 1600x1200=1.920.000 píxeles, es decir 1,92 megapíxeles.
Además, hay que considerar la resolución de impresión, es decir, los puntos por pulgada (ppp) a los que se puede imprimir una imagen digital de calidad. A partir de 200 ppp podemos decir que la resolución de impresión es buena, y si queremos asegurarnos debemos alcanzar los 300 ppp porque muchas veces la óptica de la cámara, la limpieza de la lente o el procesador de imágenes de la cámara digital disminuyen la calidad.
Para saber cual es la resolución de impresión máxima que permite una imagen digital hay que dividir el ancho de esa imagen (por ejemplo, 1600 entre la resolución de impresión 200, 1600/200 = 8 pulgadas). Esto significa que la máxima longitud de foto que se puede obtener en papel para una foto digital de 1600 píxeles de largo es de 8 pulgadas de largo en calidad 200 ppp (1600/300=5.33 pulgadas en el caso de una resolución de 300 ppp). Una pulgada equivale a 2,54 centímetros.
LA RESOLUCIÓN DE LAS IMÁGENES
se refiere a la cantidad de píxeles o muestras de información por pulgada que un fichero o archivo de imagen contiene. Esta resolución es idependiente de la que tenga la pantalla o la impresora. Suele expresarse dando el el número de pixeles horizontales y verticales (como se expresa la resolución de la pantalla), pero en realidad lo que hacemos es dar el tamaño que tiene en la pantalla. Nada sabemos del tamaño que tendría en papel. Recordemos que el píxel es sólo un punto de información de color que puede ser más pequeño que una pulga o más grande que un campo de futbol. Es necesario saber el tamaño de los píxeles, así que parece más adecuado dar la resolución en función una unidad de longitud y en ese sentido se habla de píxeles por pulgada o de forma abreviada ppp. Por ejemplo, una fotografía que tenga un tamaño de 800x600 píxeles ocupará toda la pantalla en un monitor con resolución 800x600, pero el dispositivo de impresión no podrá procesar hasta que no se conozca el tamaño de esos píxeles, es decir, los píxeles por pulgada (ppp). Si el dispositivo de impresión imprime 300 puntos por pulgada (dpi) y la foto tiene una resolución de 300 píxeles por pulgada y un tamaño de 800x600, la foto tendrá en papel unas dimensiones de 6,77 cm. por 5,08 cm.
Esto no significa que no podamos imprimir a mayores tamaños. Los programas como Photoshop permiten cambiar la resolución de las imágenes mediante algoritmos de remuestreos, es decir, invención de píxeles deducidos de los existentes, pero esto, como es lógico, lleva consigo una perdida notable de calidad.
Podemos obtener una imagen de mapa de bits mediante cámara digital fotográfica, escaner, captura de video, captura de pantalla, conversión de un vector en mapa, etc. Es en el proceso de obtención de la imagen cuando se determina la resolución final que tendrá dicha imagen. Si el destino de la imagen es una pantalla, Internet, un CD-ROM, etc. bastará una resolución de 96 ppp. Si la imagen va a ser impresa la resolución necesaria dependerá del dispositivo final de impresión, aunque 300 ppp suele ser suficiente.
| Tamaño (pixels) | Mpxs | 80 dpi (monitor medio) | 133 dpi (en cm) | 150 dpi (en cm) | 175 dpi (en cm) | 200 dpi (en cm) | 250 dpi (en cm) | 300 dpi (en cm) |
| 640 x 480 | 0.3 | 15.3 x 20.3 | 9.2 x 12.2 | 8.1 x 10.8 | 7.0 x 9.3 | 6.1 x 8.1 | 4.9 x 6.5 | 4.1 x 5.4 |
| 800 x 600 | 0.5 | 19.1 x 25.4 | 11.5 x 15.3 | 10.2 x 13.5 | 8.7 x 11.6 | 7.6 x 10.2 | 6.1 x 8.1 | 5.1 x 6.8 |
| 1024 x 768 | 0.8 | 24.4 x 32.6 | 14.7 x 19.6 | 13.0 x 17.3 | 11.1 x 14.9 | 9.8 x 13.0 | 7.8 x 10.4 | 6.5 x 8.7 |
| 1280 x 960 | 1.2 | 30.4 x 40.6 | 18.3 x 24.4 | 16.3 x 21.7 | 13.9 x 18.6 | 12.2 x 16.3 | 9.8 x 13.0 | 8.1 x 10.8 |
| 1600 x 1200 | 1.8 | 38.1 x 50.9 | 22.9 x 30.6 | 20.3 x 27.1 | 17.4 x 23.2 | 15.2 x 20.3 | 12.2 x 16.3 | 10.2 x 13.5 |
| 1920 x 1440 | 2.6 | 45.7 x 61.0 | 27.5 x 36.7 | 24.4 x 32.5 | 20.9 x 27.9 | 18.3 x 24.4 | 14.6 x 19.5 | 12.2 x 16.3 |
| 2048 x 1536 | 3.0 | 48.7 x 65.0 | 29.3 x 39.1 | 26.0 x 34.7 | 22.3 x 29.7 | 19.5 x 26.0 | 15.6 x 20.8 | 13.0 x 17.3 |
| 2272 x 1704 | 3.9 | 54.0 x 72.1 | 32.5 x 43.4 | 28.8 x 38.5 | 24.7 x 32.9 | 21.6 x 28.8 | 17.3 x 23.0 | 14.4 x 19.2 |
| 2731 x 2048 | 5.3 | 65.0 x 86.8 | 39.1 x 52.2 | 34.7 x 46.2 | 29.7 x 39.6 | 26.0 x 34.7 | 20.8 x 27.7 | 17.3 x 23.1 |
| 3413 x 2560 | 8.3 | 81.3 x 108.4 | 48.9 x 65.2 | 43.3 x 57.8 | 37.2 x 49.5 | 32.5 x 43.3 | 26.0 x 34.7 | 21.7 x 28.9 |
| Calidad Baja | ||||||||
| Calidad Media | ||||||||
| Calidad Alta | ||||||||
| Profesional | ||||||||
| Formato utilizado | Tipo de compresión | Peso en disco duro | Usos | Calidad Imagen |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
.jpg)