LA IMAGEN DIGITAL PRÁCTICAS CON GIMP

Transcripción

1 Tema 6 LA IMAGEN DIGITAL ÍNDICE 1. Imagen analógica e imagen digital 2. Obtención de la imagen digital 3. Tipos de imágenes digitales: imágenes vectoriales e imágenes de mapas de bits. 4. Imágenes de mapa de bits. Parámetros Resolución Tamaño Profundidad de color 5. Software para tratamiento de imágenes digitales 6. Comenzamos con Gimp 7. Formatos de las imágenes digitales. Compresión 8. Trabajando con capas 9. El retoque fotográfico Brillo y contraste Tono, saturación y luminosidad Curvas de color Balance de color Niveles de color. Histograma Colorear Umbral Tampón, máscara y transparencia Filtros. 10. Organizar fotografías digitales. XnView PRÁCTICAS CON GIMP Taller 1 Gradación de colores RGB con Paint. (Teide p.123) Taller 2 Comenzamos con GIMP (Teide p.125) Taller 3 Trabajando con distintos formatos (Teide p.127) Taller 4 Observamos a fondo una imagen. Tamaño del archivo. (Teide p.128) Taller 5 Profundidad de color. (Teide p.129) Taller 6 Dibujar formas básicas y texto (Santillana p.59-63) Taller 7 Dibujo con GIMP. Dibujo del gato. (Teide p.132) Taller 8 Modificar una imagen. Recortar, pegar, etc. (SM p.82) Taller 9 Selecciones en las centrales eléctricas. (Teide p.134, 135) Taller 10 Modificación imagen de un girasol (Teide p. 136) Taller 11 Fotomontaje caballo con el fondo de un bosque (SM p. 86) Taller 12 Fotomontaje de tres chicas con un fondo de la Antártida (Anaya p.75) Taller 13 Pájaro con chicos en el pico (Oxford p. 84) Taller 14 Tratamiento de la imagen digital. Fotografía del faro. (Anaya p. 74,75) Taller 15 Hacer desaparecer a un niño de la imagen (SM p. 89) Taller 16 Fotomontaje. Cabritas. (Anaya p.78, 79) Taller 17 Transformaciones sobre Las Meninas (Anaya p. 83) Taller 18 Retoque fotográfico de la imagen de una adolescente Informática 4º ESO LA IMAGEN DIGITAL 1

2 Tema 6 LA IMAGEN DIGITAL 1. IMAGEN ANALÓGICA E IMAGEN DIGITAL Nuestra sociedad ha experimentado en pocos años el paso de la fotografía analógica a la fotografía digital. Mientras la imagen analógica debía almacenarse en un papel especial que se degradaba con el tiempo, la imagen digital no necesita soporte de papel porque toda su información se guarda en forma de datos binarios (0 y 1) y, por tanto, puede ser manipulada y almacenada en cualquier soporte informático. 2. OBTENCIÓN DE LA IMAGEN DIGITAL Existen varias formas de obtener una imagen digital: desde una cámara fotográfica, un escáner, una webcam, desde Internet, desde un banco de imágenes o CliPart o creándolas desde un editor gráfico. (Ver cámara digital de 3. TIPOS DE IMÁGENES DIGITALES: MAPAS DE BITS Y VECTORIALES Podemos clasificar las imágenes digitales en dos formatos básicos: Mapas de bits, bitmaps o imágenes rasterizadas: las imágenes se generan en una retícula de cuadrados llamados píxeles, cada uno de ellos definido por su color. Imágenes vectoriales: Se basan en el uso de funciones matemáticas que representan elementos geométricos (puntos, líneas, curvas y polígonos) generadas mediante vectores. Las diferencias más significativas entre estos tipos de imágenes son: Mapas de bits Adecuadas para representar imágenes reales, fotografías. Al ampliarlas, pierden calidad, ya que los píxeles aumentan de tamaño. Los archivos suelen ser grandes, proporcional al tamaño de la imagen. El ordenador no es capaz de identificar las formas y hay que seleccionarlas manualmente. Imágenes vectoriales Adecuadas para representar figuras geométricas y diseño gráfico. Se usan en diseño artístico, arquitectura e ingeniería. No pierden calidad al ampliarlas, aunque permiten menores detalles. Los archivos son de menor tamaño. Las formas se pueden modificar fácilmente ya que el ordenador las identifica con un clic. 4. IMÁGENES DE MAPA DE BITS. PARÁMETROS La imagen digital de mapa de bits está formada por un conjunto definido de puntos llamados píxeles, formando una matriz con filas y columnas. Cuanto mayor sea el número de filas y columnas, mayor será el detalle de la imagen digital y mayor será su tamaño de archivo. Cada píxel de una imagen almacena la información de su color en formato binario, donde el tono negro es el valor 0 y el blanco el valor más alto (normalmente 255 en escala de grises). Al analizar una imagen de mapa de bits debemos observar los siguientes parámetros: Informática 4º ESO LA IMAGEN DIGITAL 2

3 a) Resolución: este dato nos indica la calidad de una imagen, el nivel de detalle. Cuanto mayor sea la resolución, mayor será su calidad. Se expresa en píxeles por pulgada (ppp). Por ejemplo, una resolución de 300 ppp indica que en cada pulgada (2,54 cm) hay 300 píxeles de la imagen. b) Tamaño de la imagen: es el tamaño en píxeles de la retícula es decir, el producto de los píxeles de ancho por los de alto. Una imagen de x píxeles, decimos que tiene un tamaño de píxeles. En una cámara digital se diría que tiene 1,9 megapixeles (MP). No hay que confundir el tamaño en píxeles con el peso de la imagen en bytes. c) Profundidad de color: es la cantidad de bits dedicados a almacenar información sobre el color de cada píxel de la imagen. En fotografía digital hay 2 tipos de imagen: Escala de grises: se denomina así para diferenciarla del blanco y negro donde solo existen estos dos tonos, que ocupan 1 bit por píxel. Cuantos más bits definan cada píxel, más tonos podrá tener: si tiene 2 bits tendrá 4 grises (2 2 ), si tiene 4 bits, tendrá 16 grises (2 4 ), así hasta 256 tonos con un byte. Imagen digital en color: se genera utilizando un modelo colorimétrico, normalmente RGB, que tiene como colores primarios: rojo, verde y azul (red, green, blue). La imagen en color es la suma de los 3 colores y cada uno de ellos ocupa en memoria 8 bits. El negro, es el resultado de la ausencia de colores y el blanco es la mezcla de los tres colores puros. La profundidad de color será de 24 bits, resultado de multiplicar (3 colores x 8 bits). La combinación de 256 tonalidades de rojo, 256 de verde y 256 de azul, nos dará 256x256x256= diferentes tonalidades. Otro modelo colorimétrico es el CMYK, (cian, magenta, amarillo y negro). En estas imágenes apreciamos cómo afecta a la gama tonal la reducción del número de colores: 256 colores (formato GIF) 64 colores (formato GIF) 16 colores (formato GIF) 4 colores (formato GIF) 2 colores (formato GIF) Informática 4º ESO LA IMAGEN DIGITAL 3

4 TALLER 1 Gradación de colores RGB con Paint. (Teide p.123) 5. SOFTWARE PARA TRATAMIENTO DE IMÁGENES DIGITALES En la siguiente tabla encontramos algunos programas para edición gráfica: Programas Aplicaciones Tipos de imágenes Gimp Photoshop Saint Shop Pro Picasa IrfanView Corel Draw FreeHand Inkscape Illustrator AutoCAD CATIA Retoque fotográfico Edición de imágenes Visores de imágenes Dibujo artístico Dibujo técnico Mapas de bits Imágenes vectoriales 6. COMENZAMOS CON GIMP El Gimp es una de las grandes aplicaciones de las distribuciones GNU/Linux. Una vez ejecutado, podemos distinguir la ventana de imagen, la ventana de herramientas principal y una serie de ventanas de diálogo auxiliares que podemos distribuir por toda la pantalla. Todas estas ventanas poseen sus propios controles para que puedan ser desplazadas, redimensionadas, minimizadas, etc., independientemente unas de otras, por lo que también son conocidas como ventanas flotantes. Ventana de herramientas Colores de frente y fondo Ventana de imagen Zona del patrón, brocha y degradado Opciones de herramientas Ventanas flotantes TALLER 2 Comenzamos con GIMP (Teide p.125) Informática 4º ESO LA IMAGEN DIGITAL 4

5 6.1 INTRODUCCIÓN A LAS HERRAMIENTAS DE SELECCIÓN Un vistazo rápido a las herramientas que tenemos para seleccionar áreas en Gimp. Herramienta de selección de rectángulos: selecciona una zona rectangular Herramienta de selección elíptica: selecciona una zona elíptica Herramienta de selección libre o lazo: selecciona una región dibujada a mano Herramienta de selección difusa o Varita Mágica: selecciona una región contigua en el color Herramienta de selección por color: seleccionar regiones con colores similares Herramienta de tijeras de selección: seleccionar formas usando un ajuste inteligente de los bordes 6.2 PRESENTACIÓN DE LAS DIFERENTES HERRAMIENTAS DE PINTURA Herramienta cubo de pintura : Rellenar con un color o patrón el área seleccionada Herramienta degradado: Rellenar con un degradado de colores Herramienta lápiz : dibujo de bordes duros mediante un pincel Herramienta brocha: pintar trazos de bordes suaves mediante un pincel Herramienta borragoma : borra el color de fondo o la transparencia Herramienta aerógrafo : pintar con presión variable Herramienta bote de tinta : escritura tipo caligrafía Herramienta de clonado :copiar selectivamente a partir de una imagen Herramienta de saneado: sanear irregularidades de la imagen. Herramienta de clonado en perspectiva: clona desde una imagen de origen Herramienta de enfoque y desenfoque: emborronado o desemborronado selectivo. Herramienta de emborronar: para ir rellenando con el mismo color que tenía al lado Herramienta de marcado a fuego / quemar : ilumina u oscurece selectivamente. 7. FORMATOS DE LAS IMÁGENES DIGITALES. COMPRESIÓN Podemos guardar las imágenes digitales en diferentes formatos. Cada uno ellos dan unas características a la imagen, como obtener menor tamaño, transparencia, etc. Para reducir el peso de la imagen se utiliza la compresión, que consiste en reducir el espacio de almacenamiento y disminuir con ello el tiempo de transferencia en Internet. Esta compresión se lleva a cabo de dos maneras: con pérdidas o sin pérdidas. Una pérdida significa que los detalles de la imagen se pierden durante la compresión y ya no será posible recuperar estos datos a partir del archivo comprimido. Para convertir una imagen a uno u otro formato solo hay que abrirla con un programa y seleccionar el formato deseado. Informática 4º ESO LA IMAGEN DIGITAL 5

6 Formato BMP Descripción Formato de imagen estándar en Windows. Profundidad de color 24 bits (unos 16 millones de colores Compresión Formato comprimido sin JPG o JPEG GIF TIF o TIFF PNG XCF Es el formato de imagen más usado en la actualidad para fotografías. Facilidad de distribución a través de Internet. Muy utilizado en Internet. Permite unir varias imágenes para crear sensación de movimiento. Permite definir un color como transparente. Utilizado para imágenes de gran calidad. Las imágenes con este formato pesan mucho. Nació para sustituir al formato GIF, pero con mejor calidad. Formato de imagen propio del programa GIMP. 24 bits. 8 bits (unos 256 colores) 64 bits (más de 18 trillones de colores). 32 bits (más de billones de colores). 32 bits Formato comprimido. El usuario puede ajustar el nivel de compresión y la Formato comprimido sin Formato comprimido sin Formato comprimido sin Formato comprimido sin RAW Contiene información de la imagen tal y como fue adquirida por el sensor. Genera un archivo de gran tamaño. 24 bits Formato comprimido sin TALLER 3 TALLER 4 TALLER 5 TALLER 6 TALLER 7 TALLER 8 Trabajando con distintos formatos (Teide p.127) Observamos a fondo una imagen. Tamaño del archivo. (Teide p.128) Profundidad de color. (Teide p.129) Dibujar formas básicas y texto (Santillana p.59-63) Un dibujo con GIMP. Dibujo del gato. (Teide p.132) Modificar una imagen. Recortar, pegar, etc. (SM p.82) TALLER 9 Selecciones en las centrales eléctricas. (Teide p.134, 135) 8. TRABAJANDO CON CAPAS El trabajo con capas es una técnica muy utilizada en todos los programas de retoque fotográfico y diseño gráfico. Una capa actúa como un acetato o una transparencia que se sitúa sobre la imagen. En la transparencia se puede dibujar o borrar y se pueden superponer más transparencias sin que la imagen quede alterada. 8.1 Las capas en Gimp 1. Ejecuta la aplicación Gimp y abre el fichero costa.jpg. 2. En la barra de menús despliega el menú capa y pulsa Capa nueva. 3. Observa que podemos trabajar con cuatro tipos de capas: color de frente, color de fondo, blanco y transparente. Al retocar imágenes es habitual trabajar con éste último tipo. Ahora dale nombre a la capa, por ejemplo, Primera capa. 4. Observa que en la Ventana de capas aparece la capa que has creado. Informática 4º ESO LA IMAGEN DIGITAL 6

7 5. Puedes crear nuevas capas. Para activar una de ellas, debes hacer clic sobre su nombre. 6. Dibuja unos trazos sobre la imagen. Para ello, selecciona la Herramienta pincel (o pulsa P), sitúa el cursor sobre la imagen y dibuja lo que quieras. 7. En la Ventana de capas, haz clic sobre el ojo que aparece al lado del nombre de la capa para ocultarla o visualizarla. Observa que la imagen inicial sigue intacta. 8. El formato.xcf de GIMP permite guardar conservando las capas para seguir trabajando con ellas o modificar la imagen en el futuro, pero no es el más adecuado para guardar la presentación final del archivo, ya que ocupa demasiado TALLER 10 Modificación imagen de un girasol (Teide p. 136) TALLER 11 Fotomontaje caballo con el fondo de un bosque (SM p. 86) TALLER 12 Fotomontaje de tres chicas con un fondo de la Antártida (Anaya p.75) TALLER 13 Pájaro con chicos en el pico (Oxford p. 84) Informática 4º ESO LA IMAGEN DIGITAL 7

8 9. EL RETOQUE FOTOGRÁFICO Es la técnica que permite modificar la imagen original, ya sea para lograr mejor calidad, mayor realismo, o para obtener una composición distinta a la realidad. A continuación se analizan algunas técnicas que permiten obtener diferentes efectos sobre las fotografías. Accedemos desde la barra de menús/colores. Brillo y Contraste Permite corregir problemas de iluminación en imágenes demasiado claras o demasiado oscuras. También podemos realzar los colores jugando con el contraste. Tono, luminosidad y saturación El tono es lo que define un color. Ej. tono rojo. La luminosidad es el grado de claridad u oscuridad de un color. Si lo mezclamos con blanco aumenta la luminosidad, si lo mezclamos con negro, disminuye. La saturación es la pureza de un color. Al mezclar un color con otro, hace que disminuya su saturación. Curvas de color Permite rectificar errores en la iluminación o la predominancia de un color sobre el resto. Por ejemplo, las fotografías de interior tienden a estar amarillentas por la luz artificial. En el ejemplo, repararemos el contraste entre el cielo claro y el paisaje oscuro ajustando el punto izquierdo de la curva dando más luminosidad a los verdes Balance de color Permite aumentar o disminuir la presencia de cada color, tanto en la luz como en los tonos medios, y en la sombra, de manera independiente entre sí. Niveles de color. Histograma La información se muestra a través de un histograma. Se puede regular la luminosidad y la gama de la imagen en general, o para cada uno de los canales que la forman. Ideal para corregir imágenes o muy oscuras o muy claras. Informática 4º ESO LA IMAGEN DIGITAL 8

9 Colorear Esta herramienta nos permite aplicar un tinte a toda la imagen. Resulta útil cuando queremos aplicar efectos de antigüedad o disminuir la falta de color principal en una zona de la fotografía. En el ejemplo hemos aplicado un tono de imagen antigua. Umbral Esta herramienta divide todos los puntos de la imagen en dos colores puros (blanco y negro), es decir, produce el efecto fotocopia pero sin escala de grises. Tampón, máscara y transparencia El tampón permite clonar perfectamente cualquier zona de la imagen en otra zona, con lo que podemos homogeneizar texturas, eliminar partes de la imagen que no deseamos o crear efectos especiales, como el del ejemplo. Denominamos máscara a la selección de una zona de la imagen o de una capa de la misma. Esta selección puede hacerse rectangular, circular, a mano alzada o con varita mágica. Una vez cargada la selección solo se aplica dentro de la máscara. La transparencia nos permite eliminar de golpe todo un color de una capa y que en su lugar aparezca el contenido de la capa fondo o de la capa inmediatamente inferior. Para acceder a esta herramienta: Menú/Capa/Transparencia/Color a alfa. Filtros Tampón Máscara Transparencia Los filtros son una importante herramienta para la creación de efectos especiales. Permiten enfocar imágenes, reducir el ruido, imitar efectos pictóricos, etc. A continuación podemos observar ejemplos de aplicación de los filtros Artísticos más utilizados. Informática 4º ESO LA IMAGEN DIGITAL 9

10 TALLER 14 Tratamiento de la imagen digital. Fotografía del faro. (Anaya p. 74,75) TALLER 15 Hacer desaparecer a un niño de la imagen (SM p. 89) TALLER 16 Fotomontaje. Cabritas. (Anaya p.78, 79) TALLER 17 Transformaciones sobre Las Meninas (Anaya p. 83) TALLER 18 Retoque fotográfico de la imagen de una adolescente Informática 4º ESO LA IMAGEN DIGITAL 10

11 10. Organizar fotografías digitales. XnView Los pasos a seguir a la hora de organizar las fotografías digitales son: Cada vez disponemos de más imágenes digitales que podemos organizar con programas como: AcdSee, Irfanview o XnView. XnView es gratuito y tiene versiones para Windows y Linux. Mediante el Explorador de carpetas buscamos la ubicación de las imágenes que inmediatamente se despliegan en la pantalla y haciendo clic en cualquiera de ellas se mostrará en el visor de imagen. BIBLIOGRAFÍA Manual de Gimp Banco de imágenes Banco de imágenes Manual GIMP Manual Inskape Curso imagen digital Curso Gimp e Inskape Informática 4º ESO. Editorial Teide Informática 4º ESO. Editorial Anaya Informática 4º ESO. Editorial Oxford Informática 4º ESO. Editorial SM Informática 4º ESO. Editorial Santillana Informática 4º ESO LA IMAGEN DIGITAL 11

12 Informática 4º ESO LA IMAGEN DIGITAL 12