Multimedia. Imagen

Imágenes. Formato digital 

Una imagen digital es una representación bidimensional de una imagen a partir de una matriz numérica, frecuentemente en binario (unos y ceros) . Dependiendo de si la resolución de la imagen es estática o dinámica, puede  tratarse de una imagen matricial ( o mapa de bits) o de un gráfico vectorial. El mapa de bits es el formato más utilizado, aunque los gráficos vectoriales tienen uso amplio en la autoedición y en las artes gráficas.

Tres son las características fundamentales de una imagen digital. De ellas, la primera es independiente del formato elegido para almacenar la imagen, mientras, que las otras dos permites diferenciar entre distintos formatos de almacenanmiento de imágenes digitales:

 -Resolución. Número de puntos de ancho y número de puntos de alto en que descomponemos la imagen real original (640 x 480, 800 x 600, 1600 x 1200, 3032 x 2008, etc). No hay que confundirlo con el tamaño de la mism, que es el tamaño con el que se imprime (10 x 15, 15 x 25 cm, etc) o el tamaño que ocupa el archivo digital que la contiene. 

- Profundidad de color. Se trata del número máximo de colores diferentes que puede contener una imagen. O lo que es lo mismo: cada punto en que hemos descompuesto una imagen ¿cuantos colores diferentes podría tomar? Por ejemplo, en GIF la profundidad de color máxima es de 256; eso hace que    GIF no sea un formato muy apropiado para la mayor parte de las fotografías, ya que el ojo humano diferencia un número mucho mayor de colores.

  

- Compresión. Indica si el archivo que representa la imagen física contiene información que ha sido comprimida o no.
Actualmente una cámara puede tener tres formatos de archivo: JPEG, TIFF y RAW. Dependiendo de cada formato la foto ocupará más o menos memoria:

- El formato JPEG es el más utilizado por las cámaras digitales.

- El formato RAW solo está disponible en camaras profesionales, ya que ofrecen la imagen tal y como la capta el fotosensor, sin nigún tipo de compresión.

- El formato TIFF  también se utiliza para transmitir imágenes de páginas completas escaneadas.

Tipos de imágenes

 -Mapa de bits: Una imagen en mapa de bits o matricial, es una estructura o fichero de datos que representa un rejilla rectangular de píxeles o puntos de color, denominada matriz, que se puede visualizar en un monitor, papel u otro dispositivo de representación.
A las imagenes en mapa de bits se las suele definir por su altura y anchura (en píxeles) y por su profundidad de color (en bits por pixel), que determina el número de colores distintos que se pueden almacenar en cada punto individual y la calidad de color de la imagen.

-Imagen vectorial: Es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, etc), cada uno de ellos definido por distintos atributos matemáticos de forma, posición, color, etc.

 
-Cámara digital: Es un tipo de cámara fotográfica que aprovecha el proceso de la fotografía digital para almacenar y almacenar imágenes. Las cámaras digitales actuales tienen multifunción, también son capaces de grabar sonidos y vídeos.

-Escáner: se utiliza para introducir imágenes de papel, libros, negativos o diapositivas. Estos dispositivos ópticos pueden reconocer caracteres o imágenes, y para referirse a este se emplea en ocasiones la expresión lector óptico. El escáner 3D es una variación de este para modelos tridimensionales. Clasificado como un dispositivo o periférico de entrada, es un aparato electrónico que explora o permite escanear o digitalizar imágenes o documentos, y lo traduce en señales eléctricas para su procesamiento y, salida o almacenamiento.

-Capturas: Es una imagen tomada por un ordenador para capturar los elementos vistos en el monitor u otro dispositivo de salida visual. Generalmente es una imagen digital tomada por el sistema operativo o aplicaciones siendo ejecutadas en la computadora, pero puede ser también una captura hecha por un dispositivo externo como una cámara o algún otro dispositivo interceptando la salida de video de la computadora. Las capturas de pantalla se suelen usar para demostrar un programa, un problema particular que un usuario pueda tenero, de manera mas general, cuando la salida de la pantalla se debe mostrar a otros o ser archivada. La manera mas abitual de realizar una captura de pantalla es pulsando la tecla ''imprimir pantalla'' situada en la parte superior derecha del teclado.

 Edición de imágenes por mapa de bits con Gimp

-Entorno de trabajo: Abrimos la aplicación, la tendremos instalada en el sistema anteriormente, una vez abierta nos encontramos con tres ventanas distintas:

  -La primera ventana que contiene la caja de herramientas del programa y las opciones de la herramienta seleccionada. 
   -La segunda capa que es la que contiene las pestañas de acceso a Capas, Canales, Rutas y Deshacer  y el acceso a las paletas de Brochas, Patrones y Degradados.
    -La tercera y última ventana nos dara el consejo del día de gimp que nos muestra de manera aleatoria un mensaje conteniendo una sugerencia de utilizacion.

-Herramientas; selecciones y capas; texto; composiciones:

-Rectángulo. Herramienta de selección más sencilla. Al mantener pulsado el botón izquierdo de ratón y moviéndolo se puede marcar un área rectangular. Soltando el botón, el área seleccionada se muestra mediante un marco. Todas las operaciones de dibujar y transformar solo se refieren al área seleccionada.
-Círculo.Esta herramienta funciona de forma parecida a la selección rectangular, la única diferencia es que se marca una superficie redonda o elíptica.
-Lazo. Esta es la primera herramienta de selección con utilidad para fotografías no solo se componen de círculos y rectángulos. El lazo permite seleccionar un área irregular pulsando el botón izquierdo del ratón y pasando por el área a seleccionar. Al soltar el botón, el punto inicial y el punto final se enlazan para formar una sola línea. Al principio es un poco complicado, aso que lo mejor es ampliar la imagen.
-Varita.- La varita mágica realmente lo es ya que permite, como por arte de magia, seleccionar una determinada área de la imagen mediante la igualdad de color de los píxeles. Si la configuración no resulta bien, hay que regular el valor umbral dentro de las opciones o trabajar con la tecla shift. La varita es ideal para rellenar de color una superficie irregular.
-Selección por color. Contiene un umbral y permite seleccionar todo lo que contenga el mismo color para luego cortarlo o realizar cualquier cambio con ello.
-Tijeras. Las tijeras inteligentes tratan de orientar los clics del ratón a lo largo de líneas que limitan un color del otro o un cierto brillo de otro,  a veces con excelentes resultados. Existe la posibilidad de ajustar el valor umbral dentro de las opciones.
-Lupa. No es ninguna herramienta de transformación, ya que solo amplía o disminuye la imagen en la pantalla. La imagen por sí misma no se modifica. Para disminuir el tamaño en lugar de  aumentarlo, se pulsa shift manteniendo el botón del ratón pulsado. Para una ampliación real de la imagen, hay que abrir el menú contextual, pulsando el botón derecho del ratón dentro de la imagen.
-Mover. Esta herramienta permite agarrar la selección con el ratón y moverla.
-Rotar. Permite girar la imagen tanto como queramos y nos abre una ventana donde nos marca los grados girados.
-El icono A. Nos permite introducir texto. Abre un cuadro donde escribimos el texto y a la vez se va escribiendo en nuestro trabajo.
-Cubo. El cubo de pintura permite rellenar una determinada área de color. En lugar de utilizar un color uniforme se puede rellenar también con un cierto dibujo. Antes de rellanar el área con un dibujo hay que marcar relleno con patrón dentro de la ventana opciones, que se abre como siempre con un doble clic. Toda el área seleccionada se rellena con el color elegido. Si se necesita un relleno semitransparente hay que trabajar con diferentes capas que se organizar una encima de otra.
-Lápiz. El lápiz virtual permite dibujar lineas a mano alzada. La forma de la linea, es decir el ancho y la forma de la punta, se determina sobre el icono grande abajo a la derecha que está dividido en tres. En este caso hay que pulsar sobre el circulo negro sobre fondo blanco (La brocha activa). Verá que puede trabajar con puntas de lápiz virtuales que no existen en realidad. Se pueden seleccionar puntas muy anchas o bien muy finas u optar por una de las formas especiales de lápiz.
-Pincel. El pincel crea un efecto más suave y un tanto acuoso, diferente al que crea el lápiz. La ventana de opciones para el pincel permite incluso simular el desvanecimiento del pincel (la intensidad de color se disminuye conforme se va pintando) o la incorporación de un gradiente de color. Cuando el desvanecimiento del pincel está activo, hay que soltar el cursor/pincel y comenzar a pintar nuevamente tal como en la realidad.
-Goma. La goma de borrar no sólo borra, sino que incluso desborra, es decir, devuelve la parte borrada. Así como se puede modificar la forma del pincel dentro de la ventana de opciones, se puede cambiar también la forma de la goma de borrar.

-Tratamiento del color:

 

RGB. Los valores RGB varían desde 0 (nada del color) hasta 255 (todo el color).  También va de 00 a ff porque trabaja en haxadecimal
HSV. Los valores de HSV corresponden a:
-H = Tono. Define el color real y se mide como una posición en la rueda de colores estándar, expresándose en grados entre 0º y 360º.
-S = Saturación. Es la fuerza o pureza del color, la cantidad de gris que se añade al tono del color y se mide como el porcentaje comprendido entre 0% (color gris) y 100% (saturación completa del color).
-V = Brillo. Es la luminosidad u oscuridad relativa al color elegido y se mide con un porcentaje comprendido entre 0% (negro) y 100% (blanco).
Ejemplo:
 - f50000  Rojo claro
 - 0000bc Azul oscuro
 - 005d24 Verde oscuro
Podemos introducir el valor hexadecimal directamente en el espacio destinado a ello. Este valor corresponde a la expresión en hexadecimal de los valores en decimal correspondientes a R(rojo), G(verde) y B(azul).

-Filtros:
Los filtros de GIMP están diseñados para mejorar una imagen, disimular los defectos o crear una totalmente diferente. Pueden hacer otras muchas cosas con una imagen: distorsionarla, conseguir efectos, tridimensionales, fantásticos o de pintura, etc. Las posibilidades son prácticamente ilimitadas.
La raíz de los filtros proviene de la fotografía convencional donde añadimos una serie de filtros (un cristal puesto delante del objetivo de nuestra cámara) para modificar las características de la luz que llegaba a nuestro soporte químico. Las posibilidades de los filtros digitales son muchísimo mayores porque podemos aplicar un filtro una y otra vez y hacerlo una vez que tenemos la fotografia realizada.
Los filtros de GIMP producen efectos diferentes. Hay filtros que analizan cada pixel de una imagen o selección y lo transforman aplicando algoritmos matemáticos para crear formas; otros muestras los píxeles individuales o grupos de ellos para definir áreas que muestren la mayor diferencia de color o de brillo y una vez detectada el filtro comienza a cambiar los colores de color.
Dependiendo del filtro podemos conseguir una mayor nitidez de la imagen, suavizar los bordes o transformaciones más complejas y podemos controlar la magnitud del filtro antes aplicarlo.
Para aplicar un filtro primero debemos tener activa una imagen y realizar una selección, en caso de que queramos aplicar el filtro sólo sobre esa parte de la imagen. Los filtros sólo se aplican sobre las partes coloreadas de una capa, no sobre las transparencias, tampoco podemos aplicar un filtro a mas de una capa.
La mayor padre de los filtro de GIMP sólo pueden aplicarse a imágenes RGB, aunque podemos pasar cualquier imagen que esté en otro modo de color al modo RGB.
Tipos de filtros de GIMP, se encuentras agrupados en cuatro secciones:
 1. Filtros que nos permiten mejorar el color y la nitidez de la imagen.
 2. Aquellos que nos proporcionan efectos especiales.
 3. El tercer bloque corresponde a los filtros de Animación y Combinación.
 4. Un último bloque llamado Juguetes y que también n os da acceso al filtro de texto reeType.

 
Imágenes vectoriales con Open Office Draw.

-Concepto de imagen vectorial: 

Ya fue explicado en uno de los apartados anteriores.

-Entorno de trabajo:

-Barra de títulos: en la que se puede ver el nombre del dibujo en el que se trabaja, por defecto aparece el nombre sin título, y el nombre de la aplicación.

-Barra de menús: situada debajo de la anterior, de acceso a los menús desplegados. Al hacer clic sobre cada uno de ellos aparece un listado de todas las opciones disponibles.

-Barra de funciones o estándar: permite abrir, guardar o imprimir documentos, así como cortar, copiar y pegar elementos.

-  Barra de objetos o líneas y relleno: desde ella se pueden realizar modificaciones en las herramientas que estemos utilizando. Dependiendo de la herramienta activa varían las opciones que ofrece la barra.

- Barra de dibujo: está formada por una serie de botones que, al hacer clic encima de ellos, se activan y nos permiten dibujar, ordenar y transformar elementos.

-Reglas: aparecen en la parte superior y en el lateral izquierdo de la mesa de trabajo.

-Página: es el espacio sobre el que construiremos nuestro dibujo. Sólo lo que está contenido en la página se podrá imprimir.

-Panel de página: permite ver el aspecto general de la página o páginas, en las que estamos trabajando.

-Mesa de trabajo: es un espacio en el que podemos dibujar o depositar recortes que nos resulten útiles para montar la página definitiva.

-Barra de estado: es una herramienta informativa, gracias a ella podemos conocer, por coordenadas, la situación en la que se encuentra el cursor. 

-Transformar imágenes vectoriales en mapa de bits y viceversa:

Convertir una imagen vectorial en bitmap.

Tras haber abierto la imagen vectorial -Archivo, exportar y seleccionamos gif o png y ya la hemos transformado en mapa de bits.

Si deseamos trasladar una imagen vectorial a un documento, pero deseamos que su fondo sea transparente, la podemos convertir en una imagen de mapa de bits para poder utilizar la pipeta. El procedimiento es el siguiente:
 - Seleccionar el objeto
 - Pulsar el botón derecho del ratón para abrir el menu contextual.
 - Seleccionar convertir > En mapa de bits.

Vectorizar un bitmap.
En algunos casos, puede interesarnos convertir una imagen bitmap en imagen vectorial porque siempre se conseguirá una perfecta resolución y las posibilidades de tratar la imagen de una forma diferente. El procedimiento es el siguiente:

 - Seleccionamos la imagen bitmap que deseemos vectorizar.
 - Pulsamos sobre el icono  situado en la Barra de Dibujo (si no está visible lo podemos hacer visible usando "botones visibles" de la barra de herramientas) o Menú modificar > convertir >  en poligono. También podemos utilizar el menú contextual con el botón derecho del ratón. 

 - Se abre un cuadro de diálogo en donde se pueden definir los siguientes parámetros de conversión: cantidad de colores, reducción de puntos y rellenar objetos, pudiendo previsualizar en resultado originado con cada cambio.

-Otros editores vectoriales:

- Adobe Illustrator.
- Corel Draw.

Práctica:

Para realizar esta animación he utilizado el programa Gimp, siguiendo unos pasos básicos:

Insertamos la imagen en el programa y a partir de ahí creamos capas donde tendremos a la misma imagen duplicada.
Yo he recortado primero el brazo completo con la comida y después he creado otra capa con el brazo sin la comida.

Con las distintas herramientas he ido girando el brazo poniéndolo en distintos ángulos.
Para así crear la sensación de movimiento.