Unidad Didáctica: Imagen Digital Etapa: 2º ciclo E.S.O. Curso: 4º ESO Año: 2014/2015

Transcripción

1 Unidad Didáctica: Imagen Digital Etapa: 2º ciclo E.S.O. Curso: 4º ESO Año: 2014/2015 Documento realizado por: Recursos: Mirar webgrafía Bajo Licencia Reconocimiento (Attribution): En cualquier explotación de la obra autorizada por la licencia hará falta reconocer la autoría. No Comercial (Non commercial): La explotación de la obra queda limitada a usos no comerciales. Compartir Igual (Share alike): La explotación autorizada incluye la creación de obras derivadas siempre que mantengan la misma licencia al ser divulgadas. tecnomeler.org 1

2 ÍNDICE 1. TIPOS DE IMAGEN (analógica y digital) 2. FORMATOS IMAGEN (Mapa de bits y dibujo vectorial) 3. DEFINICIÓN DE IMAGEN DIGITAL 4. CARACTERÍSTICAS DE LA IMAGEN DIGITAL 5. FORMATOS DE IMÁGENES (para imágenes de bits y dibujo vectorial) 6. DISPOSITIVOS DE CAPTURA DE IMAGEN 7. PROGRAMAS DE TRATAMIENTO DE IMAGEN 8. PRÁCTICAS CON GIMP 9. WEBGRAFÍA 10. PROFUNDIZA tecnomeler.org 2

3 1. TIPOS DE IMAGEN (analógica y digital): Imágenes analógicas: Las imágenes analógicas son aquellas que presentan una variación continua de los valores de luminosidad, saturación y color. Son las imágenes naturales. Imagen digital: La imagen digital supone la traducción de los valores de luminosidad, saturación y color a un lenguaje que pueda entender el ordenador y los periféricos con él relacionados, esto es, un lenguaje digital (0 y 1) Ventajas de la imagen digital: No se degradan con el tiempo (se mantienen estables) Pueden ser manipuladas con facilidad. Se guardan en dispositivos de almacenamiento que requieren de poco espacio físico. Desventajas de la imagen digital: La calidad de imagen analógica es superior a la digital. 2. FORMATOS IMAGEN (Mapa de bits y dibujo vectorial): Mapa de bits (bitmaps): Las imágenes de mapa de bits están descritas mediante una gran cantidad de cuadraditos, llamados píxeles, que están rellenos de color aunque sólo sea blanco o negro (cada píxel de un color, mezcla del Rojo-Verde-Azul). Imágenes vectoriales: Una imagen vectorial, al contrario que un mapa de bits, es una imagen totalmente escalable. Se le pueden aplicar transformaciones geométricas, tanto de ampliación como de reducción, sin pérdida de calidad. Las imágenes vectoriales son representaciones de entidades geométricas tales como círculos, rectángulos o segmentos. Están representadas por fórmulas matemáticas (un rectángulo está definido por dos puntos; un círculo, por un centro y un radio; una curva, por varios puntos y una ecuación). El procesador "traducirá" estas formas en información que la tarjeta gráfica pueda interpretar. Diferencias: Una diferencia importante es el peso que tienen en disco (lo que ocupan); las imágenes vectoriales pesan poco, mientras que las de mapas de bits pesan mas que las vectoriales. La calidad de imagen en mapa de bits suele ser superior a la vectorial, si bien dependerá de la resolución de esta y del dibujo que queramos representar. Las representaciones en mapa de bits son muy aconsejables cuando el original tecnomeler.org 3

4 presente una gran tonalidad de colores, aunque sean grises, como es el caso de las fotografías o las reproducciones de pinturas, sin embargo, las imágenes vectoriales son idóneas cuando se trate de representar ilustraciones compactas, con poca variación en su gama de colores y que requieren contornos precisos y susceptibles de ser escaladas, como logotipos o imágenes corporativas que se reproducen a diferentes tamaños, desde una tarjeta de visita hasta un panel publicitario de grandes dimensiones. También hay que tener presente que cualquier imagen digital, ya sea vectorial o mapa de bits, se representará (en el monitor) o imprimirá en modo píxel. 3. DEFINICIÓN DE IMAGEN DIGITAL Digitalización: proceso por el cual se transforma una imagen analógica a una digital Cómo es este proceso de digitalización? Las IMÁGENES DIGITALES son fotos electrónicas tomadas de una escena o escaneadas de documentos -fotografías, manuscritos, textos impresos e ilustraciones. Se realiza una muestra de la imagen digital y se confecciona un mapa de ella en forma de cuadrícula de puntos o elementos de la figura (píxeles). A cada píxel se le asigna un valor tonal (negro, blanco, matices de gris o color), el cual está representado en un código binario (ceros y unos). Los dígitos binarios ("bits") para cada píxel son almacenados por una computadora en tecnomeler.org 4

5 una secuencia, y con frecuencia se los reduce a una representación matemática (comprimida). Luego la computadora interpreta y lee los bits para producir una versión analógica para su visualización o impresión. Más adelante veremos que dependiendo de en cuantos cuadrados dividamos nuestra imagen, tendremos más o menos resolución. Qué es un píxel: Cómo ya hemos visto, las imágenes digitales se crean formando una retícula rectangular formada por celdillas, cada una de las celdillas recibe el nombre de píxel. Este nombre proviene de la expresión picture y element. Los píxeles son las unidades de color que componen la imagen. Toda la información que corresponde a una imagen digitalizada consta de una matriz de píxeles que vemos en nuestra pantalla y guardamos en los sistemas de almacenamiento de nuestro ordenador. 4. CARACTERÍSTICAS DE LA IMAGEN DIGITAL Resolución: La resolución de una imagen en mapa de bits es la cantidad de píxeles por unidad de longitud, generalmente la pulgada(1 inch. = 2,54 cm.). Este concepto se utiliza también para clasificar casi todos los dispositivos relacionados con las imagen digital, ya sean pantallas de ordenador o televisión, impresoras, escáneres, cámaras digitales, etc.así una cámara capaz de obtener una imagen de 1600 x 1200 píxeles tiene una resolución de 1600x1200= píxeles, es decir 1,92 megapíxeles. En una impresión, la resolución viene dad por el no de puntos impresos por unidad de superficie. Por ejemplo, en un monitor de 15 pulgadas con la configuración típica de 800 píxeles horizontales y 600 verticales, una imagen con dimensiones de 800 x 600 píxeles llenaría toda la pantalla. En un monitor de 17 pulgadas con un ajuste, también, de 800 x 600 píxeles, la misma imagen volvería a llenar la pantalla, pero cada uno de los píxeles tendría un tamaño mayor. Si se cambia la configuración de este segundo monitor a 1024 x 768 píxeles, la imagen se mostraría en un tamaño más pequeño, sin llegar a ocupar toda la pantalla. Relación bits-colores (profundidad del color): Un píxel, comúnmente, se representa con: 8 bits (2 8 colores), con 24 bits (2 24 colores, 8 bits por canal de color) o con 48 bits (2 40 colores); en fotografía avanzada y digitalización de imágenes profesional se utilizan profundidades aún mayores, expresadas siempre en valores de bits/canal de color en lugar de la suma de los tres canales. Los primeros son los más utilizados, reservando el tecnomeler.org 5

6 de 8 bits para imágenes de alta calidad pero en tonos de grises, o bien con 256 colores en paleta seleccionada para baja calidad colorimétrica; el de 24 bits es el más común y de alta calidad, se lo utiliza en la mayoría de las imágenes fotográficas. 1 bit 21 = 2 colores 2 bits 22 = 4 colores 3 bits 23 = 8 colores 4 bits 24 = 16 colores 5 bits 25 = 32 colores 6 bits 26 = 64 colores 7 bits 27 = 128 colores 8bits (1 byte) 28 = 256 colores 16 bits 216 = colores Modos de color: Llamamos modo de color al sistema de coordenadas que nos sirve para describir los colores deforma numérica. Los principales son: RGB (rojo, verde, azul), el HSB (tono, luminosidad, saturación) y el CMYK (cían, magenta, amarillo, negro). COLOR RGB: Se basa en la emisión de la luz generada por fósforos rojos, verdes y azules. Estos tres colores primarios crean el blanco cuando se combinan simultáneamente por eso se llaman también "aditivos"; así mismo, la combinación de estos tres colores proporciona la mayoría de los colores del espectro visible. Es el modo que se usa en la iluminación artificial y en la mayoría de los monitores y pantallas gráficas. COLOR HSB: Está basado en el modo en que el ojo humano percibe el color, por lo tanto se trata del modo más "natural" y atiende a tres características fundamentales: Tono: Normalmente esta característica se confunde con el nombre del color en cuestión y se refiere a la longitud de onda de la luz reflejada o emitida por un objeto. Saturación: Es la intensidad del color y representa el matiz en relación al tono, midiéndose en términos de porcentaje de 0% a 100% (saturación máxima). También se le conoce con el término "croma". Brillo: Consiste en la claridad u oscuridad relativa a cada tono de color y se mide también tecnomeler.org 6

7 en porcentaje de 0% (negro) al 100% (blanco). COLOR CMYK: Este sistema responde a una idea totalmente opuesta al anterior, puesto que, en vez de basarse en una fuente de luz para generar las mezclas de los colores primarios, se basa en la propiedad de la tinta impresa en papel de absorber la luz que recibe. Cuando una luz blanca incide sobre tintas translúcidas, éstas absorben parte del espectro de modo que el color no absorbido se refleja. En el plano teórico, los pigmentos mezclados de cián, magenta y amarillo deberían absorber todo el espectro, produciendo, en consecuencia, negro. Por esta razón son llamados "colores sustractivos". En la práctica todas las tintas contienen impurezas y ello ocasiona que la mezcla genere un color marrón oscuro, siendo necesario perfilar con tinta negra para conseguir un color negro auténtico. 5. FORMATOS DE IMÁGENES (para imágenes de bits y dibujo vectorial): Aunque la mayor parte de esta unidad trabajamos con imágenes de mapa de bits, en este punto añadiré también los formatos que podemos encontrar en el dibujo vectorial. Bitmap: Format o BMP TIFF o TIF XCF PICT JPG GIF Características Se puede comprimir sin pérdidas. Es un formato de calidad. Los archivos tienen gran peso. Es el formato estándar de Windows. Tiene una profundidad de color de 24 bits. Es un formato de almacenamiento de alta calidad, ya que presenta pérdidas al descomprimirlo. Su inconveniente es el gran tamaño de los archivos resultantes. Formato nativo de GIMP. Permite almacenar las imágenes con capas y modificarlas posteriormente. Es el formato característico de la plataforma MAC. Permite ser descomprimido sin perder calidad de imagen. Es el formato más utilizado en Internet para la reproducción de fotografías. Permite comprimir las imágenes pero produce pérdidas de calidad. Admite 16 millones de colores en unos ficheros de tamaño muy reducido. Este formato también se utiliza en Internet, pudiendo descomprimir las imágenes sin pérdidas. Tiene una profundidad de color de 8 bits. Permite gráficos animados Extensión *.bmp *.tif *.xcf *.pic *.jpg *.gif tecnomeler.org 7

8 PNG Vectorial: y transparencias. Tiene las ventajas de los formatos GIF y JPG. Comienza a ser muy utilizado en Internet por su gran capacidad de compresión, sin pérdidas y con posibilidad de transparencia. *.png Format o Características SVG Vectores gráficos escalables. Formato muy reciente. *.svg WMF SWF DXF CDR DWG ODG, SXD Es el formato que mejor se adapta a los distintos programas de dibujo. Imágenes vectoriales para animaciones Web. Imágenes en Flash. Formato estándar para el dibujo vectorial. La mayoría de los editores la reconocen. Imágenes creadas con Corel DRAW, uno de los programas de dibujo vectorial más utilizado. Con este formato se guardan los dibujos creados en Autocad, estándar de las aplicaciones de diseño asistido por ordenador. Formato de las imágenes creadas con OpenOffice.org Draw Extensión *.wmf *.swf *.dxf *.cdr *.dwg 6. DISPOSITIVOS DE CAPTURA DE IMAGEN (cámara, escáner,...) Cámaras fotográficas: Escáner: 7. PROGRAMAS DE TRATAMIENTO DE IMAGEN (Photoshop, gimp, inkscape, CorelDraw,...) Pixelmator: Pixelmator es un editor de imágenes rápido y potente para el sistema operativo Mac. Con su intuitiva y hermosa interfaz Graphical User Interface (GUI), la ayuda para organizar tu documento, un amplio surtido de herramientas de pintura, y herramientas de corrección de fotos fáciles de usar, Pixelmator es una elección excelente para usuarios de Mac que no necesitan así recurrir al Photoshop. Inkscape: Es un editor de vectores gráficos muy parecido a Adobe Illustrator, tecnomeler.org 8

9 CorelDraw y Xara X. Su formato de archivo por defecto es el Scalable Vector Graphics (SVG), que cumple los standards de la web, bajo especificaciones de W3C. Corel Draw: es una aplicación informática de diseño gráfico vectorial, es decir, que usa fórmulas matemáticas en su contenido. Ésta, a su vez, es la principal aplicación de la suite de programas CorelDRAW Graphics Suite ofrecida por la corporación Corel y que está diseñada para suplir múltiples necesidades, como el dibujo, la maquetación de páginas para impresión y/o la publicación web, todas incluidas en un mismo programa. Fireworks: ireworks es el software de edición de imágenes de Adobe para diseñadores web. Supera en varios aspectos a su hermano mayor Photoshop, a saber: alta fidelidad para conformar prototipos de sitios y un espacio de trabajo optimizado para los diseñadores de la web. Es también un híbrido de trama y vector, capaz de trabajar con imágenes basadas en la trama y gráficos basados en el vector, mejor y más simbióticamente que Photoshop. Photoshop: No es extraño que Photoshop haya sido el ganador por más de la mitad del total de votos. Photoshop es lo que viene a la mente cuando se trata de edición de imágenes. Es muy poco lo que puede decirse sobre este editor que no se haya dicho antes. Con una cantidad insuperable de características que te ayudan a manipular y mejorar fotos, así como a crear gráficos web, al mismo tiempo que te permiten manejar tu ritmo de trabajo y el entorno de la edición de imágenes, Photoshop resulta ser el número uno como el mejor software de edición de imágenes hoy disponible en el mercado. Gimp: Y por último este, que es el que vamos a utilizar en el curso. Es la sigla de GNU Image Manipulation Program Programa GNU de Manipulación de Imágenes es un potente editor de imágenes que puede usarse en todos los principales sistemas operativos (Linux, Mac y Windows).Tiene una interfaz que permite personalizar sus características de modo que fácilmente puedas establecer la vista y el funcionamiento de GIMP. Tiene un conjunto enorme de herramientas de retoque que te permiten realizar retoques y manipulaciones avanzadas de las imágenes. El GIMP entrega tu trabajo en muchos de los formatos más comunes como JPG, GIF, PNG, TIFF y también PSD (el formato original de Photoshop). 8. PRÁCTICAS CON GIMP Prácticas guiadas. Prácticas NO guiadas. 9. WEBGRAFÍA tecnomeler.org 9

10 10. PROFUNDIZA Muestreo espacial. Digitalización de vídeo... tecnomeler.org 10