EXPRESIÓN GRÁFICA E INFOGRAFÍA COMUNICACIÓN AUDIOVISUAL (2º curso) TEMA 4: INTERRELACIONES Y PROCESOS EN LA GENERACIÓN DE IMÁGENES POR ORDENADOR. I. RESOLUCIÓN Y COLORES DE UN FICHERO. II. CONCEPTO DE VELOCIDAD DE TRANSMISIÓN. III. INTERRELACIONES Y PROCESOS. IV. PRINCIPALES TIPOS DE FORMATO GRÁFICOS. V. TIPOS DE PROGRAMAS QUE GESTIONAN GRÁFICOS. EXPRESIÓN GRÁFICA E INFOGRAFÍA TEMA 4: INTERRELACIONES Y PROCESOS . 4.1. RESOLUCIÓN Y COLORES. 4.1.1. RESOLUCIÓN Y COLORES DE UN MODO DE VIDEO Recordar que el MODO DE VIDEO = TARJETA + MONITOR En un instante, solo podremos tener activo un modo de video. Modos de video que guardan la proporción de la pantalla: COMUNICACIÓN AUDIOVISUAL (2º curso) VGA: 640 X 480 SuperVGA, VGA extendida: 800 x 600 SuperVGA, 8514, XGA: 1.024 x 768 Superiores: 1.280 x 1.024 y más … Modos de video que no la guardan: CGA (MCGA): 320 x 200 y 640 x 200 EGA: 640 x 350 HÉRCULES: 720 X 348 EXPRESIÓN GRÁFICA E INFOGRAFÍA TEMA 4: INTERRELACIONES Y PROCESOS . 4.1. RESOLUCIÓN Y COLORES. 4.1.2. RESOLUCIÓN Y COLORES DE UNA IMAGEN Cada imagen (independientemente del modo de video en que trabajemos) tiene su propia resolución y sus propios colores. Resolución modo de video - imagen: si resolución modo de video > resolución imagen: Se ve entera la imagen COMUNICACIÓN AUDIOVISUAL (2º curso) si resolución modo de video < resolución imagen: Veremos parte de ella. Colores modo de video - imagen: si color modo de video > color de imagen: se ve con toda su gama inicial. si color modo de video < color de imagen: se ve la imagen con los colores del modo de video. NOTA: Esta es la norma general, pero existen excepciones, por ejemplo, en el portapapeles de windows (.CLP). EXPRESIÓN GRÁFICA E INFOGRAFÍA TEMA 4: INTERRELACIONES Y PROCESOS . 4.1. RESOLUCIÓN Y COLORES. 4.1.3. RELACIÓN: TAMAÑO DE FICHERO, RESOLUCIÓN Y Nº DE COLORES. Tamaño de un fichero COMUNICACIÓN AUDIOVISUAL (2º curso) (nº pixels) x (nº bits/pixel responsables del color) como los tamaños se suelen expresar en MB o KB, para no confundir unidades, la fórmula puede expresarse como sigue: TAMAÑO en MB = (nº pixels) x (nº bits/pixel) 8 x 1.024 x 1.024 EXPRESIÓN GRÁFICA E INFOGRAFÍA TEMA 4: INTERRELACIONES Y PROCESOS . 4.1. RESOLUCIÓN Y COLORES. 4.1.3. RELACIÓN: TAMAÑO DE FICHERO, RESOLUCIÓN Y Nº DE COLORES. Donde: nº pixels = resol. del gráfico = pixels horizontales x pixels verticales La relación entre el nº de colores de una imagen o un modo de video y el nº bits/pixel responsable del color es la siguiente : nº bits/pixel COMUNICACIÓN AUDIOVISUAL (2º curso) nº colores gráfico= 2 pudiendo tomarse el “nº bits / pixel” los valores 1, 2, 3, 4, …,n , … Los modos de video, normalmente usan 1, 4, 8, 16, 24, 32 bits, lo cual quiere decir que los gráficos para esos equipos,pueden tener: 21 = 2 colores 216 = 65.536 colores 24 = 16 colores 224 = 16´8 millones(*) 28 = 256 colores 232= 4.300 millones ( (*) a partir de 24 bits color, se considera color real o true color) EXPRESIÓN GRÁFICA E INFOGRAFÍA COMUNICACIÓN AUDIOVISUAL (2º curso) TEMA 4: INTERRELACIONES Y PROCESOS . 4.1. RESOLUCIÓN Y COLORES. 4.1.3. RELACIÓN: TAMAÑO DE FICHERO, RESOLUCIÓN Y Nº DE COLORES. CLASIFICACIÓN DE LOS DISTINTOS ARCHIVOS EN FUNCIÓN DE SUS COLORES 1.BLANCO Y NEGRO. Para el color, usan 1 bit por cada pixel. Lo que hacen es simular distintos tonos de grises usando tramas de puntos de densidad variable. 2.ESCALA DE GRISES. Describen imágenes con 64 o 256 tonos de gris, lo que representa usar 6 u 8 bits por cada pixel. Tener 8 bits se considera calidad fotográfica. 3.MAPA DE COLOR. El color de cada pixel se describe por una cantidad de bits determinados 1, 4, 8, 16 o 32, teniendo 2, 16, 64, 256, 65.536, 16´8 millones o 4.300 millones de colores. EXPRESIÓN GRÁFICA E INFOGRAFÍA COMUNICACIÓN AUDIOVISUAL (2º curso) TEMA 4: INTERRELACIONES Y PROCESOS . 4.2. CONCEPTO DE VELOCIDAD DE TRANSMISIÓN Conocido el tamaño de un fichero, sería interesante saber el tiempo que tardaríamos en enviarlo a otro ordenador = VELOCIDAD DE TRANSMISIÓN. La podemos definir como tamaño de un archivo por unidad de tiempo (unidades: MB/sg). EXPRESIÓN GRÁFICA E INFOGRAFÍA TEMA 4: INTERRELACIONES Y PROCESOS . 4.3. INTERRELACIONES Y PROCESOS CONCEPTOS ELEMENTALES CAD Diseño Asistido por Ordenador. CLÁSICO (ESTÁTICO): Dimensiones y cotas rígidas. PARAMÉTRICO (VARIACIONAL): relaciones de geometría entre objetos. COMUNICACIÓN AUDIOVISUAL (2º curso) CAM Se pueden guardar Fabricación automática controlada por ordenador. GIS Sistemas de Información Geográfica, que relacionan imágenes o planos con bases de datos, obteniendo informaciones sobre zonas determinadas. Proceso de introducción de imágenes en el ordenador. Se puede hacer de dos formas: DIGITALIZACIÓN Mediante el escaneado (capturadora de video, o cámara digital). Desde el propio ordenador, mediante la realización de una animación y un rendering. EXPRESIÓN GRÁFICA E INFOGRAFÍA TEMA 4: INTERRELACIONES Y PROCESOS . 4.3. INTERRELACIONES Y PROCESOS CONCEPTOS ELEMENTALES ANIMACIÓN Proceso de creación de imágenes en movimiento. La velocidad debe ser aproximadamente de 25 imágenes / sg. COMUNICACIÓN AUDIOVISUAL (2º curso) RENDERING Asignación de materiales, colores, texturas y brillos a diversas superficies, así como creación de luces en diversos escenarios. Da un aspecto fotorealista. Proceso de transformación de una imagen Raster a una Vectorial. Es complejo y costoso. Se hace usando unos programas llamados vectorizadores, o trazadores, pero la calidad no es buena (y se pierden casi siempre los pequeños detalles). VECTORIZACIÓN 4.3. INTERRELACIONES Y PROCESOS CONCEPTOS ELEMENTALES RESUMEN GRÁFICO EXPRESIÓN GRÁFICA E INFOGRAFÍA COMUNICACIÓN AUDIOVISUAL (2º curso) TEMA 4: INTERRELACIONES Y PROCESOS . EXPRESIÓN GRÁFICA E INFOGRAFÍA COMUNICACIÓN AUDIOVISUAL (2º curso) TEMA 4: INTERRELACIONES Y PROCESOS . 4.4. FORMATOS GRÁFICOS.TIPOS. 4.4.1. CARACTERÍSTICAS 1.Incompatibilidad de la mayoría de formatos gráficos entre sí: excesiva proliferación. falta de estándar reconocido por todos. obsesión de cada compañía de usar sus formatos propietarios para sus programas. CARACTERÍSTICAS 2. La necesidad de intercambiar imágenes es importante, pero compleja. Aminorada por la aparición de internet. 3. Con el uso del entorno WINDOWS: se han estandarizado algunos formatos (.BMP, .GIF, .JPG, ..) al software se le suele añadir programas conversores de formatos. 4. Actualmente, siguen coexistiendo infinidad de formatos gráficos diferentes. Aunque, todos se almacenan de una de las tres maneras conocidas: raster, vectorial o metafile. EXPRESIÓN GRÁFICA E INFOGRAFÍA COMUNICACIÓN AUDIOVISUAL (2º curso) TEMA 4: INTERRELACIONES Y PROCESOS . 4.4. FORMATOS GRÁFICOS.TIPOS. 4.4.2. PRINCIPALES FORMATOS BITMAP 1.BMP: (BitMaP) Microsoft. Estándar del entorno Windows. Sin compresión. 2.DIB: (Device Independent Bitmap). Entorno Windows. Es independiente del dispositivo usado para representarlo. 3.GIF: (Graphic Interchanghe Format) Compuserve . Formato muy compacto (nació para transferir información gráfica vía modem). Multiplataforma. Estándar de Animator. 4.IFF: (Interchange File Format). Entorno Amiga. Entra en el PC con Deluxe Paint. 5.JPG: (Joint Photograph Expert Graphics). Muy extendido. Altísimo grado de compresión, pero tipo “loosy”. Al cargar la imagen es bastante lento (por ello). 6.MAC: (MACintosh). Primer formato bitmap del entorno Macintosh. 7.PCX: Zsoft Corporation. Usado en Paintbrush. Ha sido muy utilizados. Tiene muy buena proporción entre el tamaño y el tiempo de carga. 8.TGA: (TarGA). Truevisión. Para figuras de gran resolución y muchos colores. 9.TIF: (Tagged Image File Format).Aldus & Microsoft. Nació para normalizar las imágenes creadas por escáner. El mejor multiplataforma. Estándar de Autoedición. Tiempo de carga muy reducido, pero tamaño excesivo. Tiene versiones comprimidas interesantes. EXPRESIÓN GRÁFICA E INFOGRAFÍA TEMA 4: INTERRELACIONES Y PROCESOS . 4.4. FORMATOS GRÁFICOS.TIPOS. 4.4.3. PRINCIPALES FORMATOS VECTORIALES 1. CDR: (Corel DRaw). Corel Systems. Usado en el programa Corel Draw. 2. DXF: (Drawing Interchange Format). Autodesk. Formato estándar de los programas de CAD (propio de Autocad) en el intercambio de ficheros vectoriales. 3. DWF: (Drawing Web Format). Autodesk. Se convertirá en el estándar de los COMUNICACIÓN AUDIOVISUAL (2º curso) vectoriales en la web. 4. EPS :(Encapsulate PostScrip). Adobe System. Se usa para imprimir en PostScrip (lenguaje de descripción de página postScrip). No se pueden visualizar en pantalla. Podemos enviarlos a imprimir desde fuera del programa. 5. HPGL: (Hewlet Packard Graphics Languaje).Hewlet Packard. Estándar de salida de Plotters. La mayoría de impresoras HP lo reconocen. 6. PCL: (Printer Control Languaje). Hewlet Packard. Similar al EPS pero se usa para impresoras que soporten el lenguaje de descripción de página PCL. 7. PIC: (PICture). Lotus. Formato usado en la hoja de cálculo del “Lotus 1-2-3”, y que se convirtió en estándar de este tipo de software. Hoy el formato .XLS de Excel lo está desplazando. EXPRESIÓN GRÁFICA E INFOGRAFÍA TEMA 4: INTERRELACIONES Y PROCESOS . 4.4. FORMATOS GRÁFICOS.TIPOS. 4.4.4. PRINCIPALES METAFICHEROS 1. CGM: (Computer Graphics Metafile). Definido por la ANSI (American National Standard Institut), para ser un formato estandar, pero no tiene gran difusión. 2. WMF: (Windows MetaFile). Microsoft. Creado como COMUNICACIÓN AUDIOVISUAL (2º curso) estándar Metafile para los entornos Windows. Poco a poco se va imponiendo. EXPRESIÓN GRÁFICA E INFOGRAFÍA COMUNICACIÓN AUDIOVISUAL (2º curso) TEMA 4: INTERRELACIONES Y PROCESOS . 4.5 TIPOS DE PROGRAMAS QUE GESTIONAN GRÁFICOS. Este apartado es descriptivo y en él se especifican los tipos más importantes de software que se pueden usar en la infografía (a nivel de imagen estática) .Se pueden agrupar en 6 grandes grupos: programas de dibujo, de diseño gráfico, de diseño CAD, de retoque fotográfico, de generación de gráficas y de presentaciones. Información en el libro DISEÑO GRÁFICO POR ORDENADOR SPUPV nº4286-2001 páginas 163 a 168 (incluidas). EXPRESIÓN GRÁFICA E INFOGRAFÍA COMUNICACIÓN AUDIOVISUAL (2º curso) TEMA 4: INTERRELACIONES Y PROCESOS . 4.6 COMPARACIÓN ENTRE DISTINTOS TIPOS DE BITMAPS