T a l l e rd et r a t a mi e n t od ei mรก g e n e s
TemaI
Co n c e p t o sb รก s i c o sei n s t a l a c i รณ n
TALLER TRATAMIENTO de IMÁGENES Capítulo I
Conceptos básicos e instalación de GIMP
CONTENIDOS DEL TEMA CONCEPTOS BÁSICOS E INSTALACIÓN DE GIMP
CONTENIDOS DEL TEMA....................................................................................................................................... 1 IMAGEN DIGITAL ....................................................................................................................................................... 2 ¿Qué es imagen digital? ........................................................................................................................................... 2 Unidades de información digital ........................................................................................................................... 3 PIXEL. UNIDAD BÁSICA VISUAL ........................................................................................................................... 3 Profundidad del pixel............................................................................................................................................... 3 MODELO DE COLOR ............................................................................................................................................... 4 RESOLUCIÓN DE IMAGEN ..................................................................................................................................... 5 ¿Cuándo utilizar una determinada resolución? ................................................................................................. 5 FORMATOS DE LOS ARCHIVOS DIGITALES DE IMÁGENES. ..................................................................... 5 GIMP ................................................................................................................................................................................ 6 Instalación de GIMP ................................................................................................................................................. 6 INICIAMOS GIMP ........................................................................................................................................................ 8 Nueva imagen ............................................................................................................................................................ 8 Guardamos una imagen .......................................................................................................................................... 8 Exportamos una imagen ......................................................................................................................................... 8 Cerramos GIMP ....................................................................................................................................................... 9 Áreas de trabajo en GIMP ..................................................................................................................................... 9 NUESTRA PRIMERA PRÁCTICA........................................................................................................................... 10
Pág. 1 de 11 Tel. 976 742 740 info@rmsegura.es
TALLER TRATAMIENTO de IMÁGENES Capítulo I
Conceptos básicos e instalación de GIMP
IMAGEN DIGITAL
¿Qué es imagen digital? Es cualquier representación visual que es creada, transformada y almacenada en medios informáticos digitales. Las imágenes digitales pueden ser vectoriales o matriciales (o mapa de bits). Las imágenes vectoriales son gráficos formados a base de curvas y líneas a través de elementos geométricos definidos como vectores. La gran ventaja de las imágenes vectoriales es que no sufren pérdida de resolución al producirse una ampliación de los mismos. Se utiliza mucho para trabajos de rotulación, iconos, dibujos, logotipos de empresa etc. Esta clase de imagen tiene poco peso como archivo informático. Los archivos de las imágenes se guardan normalmente en forma de mapa de bits o mosaico de píxeles. Cada píxel guarda la información de color de la parte de imagen que ocupa. Este tipo de imágenes son las que crean los escáneres y las cámaras digitales. Esta clase de archivos ocupan mucha más memoria que las imágenes vectoriales. El principal inconveniente que presentan esta clase de archivos es el de la ampliación, cuando un archivo se amplía mucho, se distorsiona la imagen mostrando el mosaico "los píxeles" y una degradación en los colores llegando al efecto pixelación, definido en el apartado sobre pixel.
Pág. 2 de 11 Tel. 976 742 740 info@rmsegura.es
TALLER TRATAMIENTO de IMÁGENES Capítulo I
Conceptos básicos e instalación de GIMP
Unidades de información digital Un bit es la unidad mínima de información informática, que tiene dos posibilidades 1ó 0. La palabra bit es la contracción de las palabras binary (binario) y digit (digital) La información que puede almacenar un bit es muy pequeña por lo que se agrupan en distintos conjuntos el grupo de 8 bit da nombre a la siguiente unidad básica bytes.
0
POSICIÓN EN BINARIO 1 2 3 4 5 6 7
0 1 1
2
1l kilobyte (KB) 1 Megabyte (MB) 1 Gigabyte (GB) 1 Terabyte (TB)
4
8
16
32
64
= 103 bytes = 106 bytes = 109 bytes = 1012bytes
128
mil bytes 1 millón bytes 1000 millones de bytes 1 billón de bytes
PIXEL. UNIDAD BÁSICA VISUAL Es la menor unidad de color que forma parte de una imagen. 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.
Cada uno de los cuadrados que se observan en la ampliación de la zona marcada en rojo en la anterior imagen es un pixel. Un píxel no tiene una medida concreta, no se puede decir si mide 1 mm. o 1 cm. o 1 m., simplemente es la medida de división la imagen.
Profundidad del pixel. Un pixel se compone de los datos a b y c. El tamaño vendría especificado por a y b, siendo c la profundidad de color en bits. Si la profundidad de un pixel es de 1bit, será una imagen en blanco y negro. Con una profundidad de 8bits o 1byte (sería lo mismo) determinamos que la imagen se visualiza en escala de 256 niveles distintos de gris. Si el pixel tiene una profundidad de 24bits la imagen puede llegar a tener 16 millones de colores distintos por pixel. Pág. 3 de 11 Tel. 976 742 740 info@rmsegura.es
TALLER TRATAMIENTO de IMÁGENES Capítulo I
1bit 2 colores
Conceptos básicos e instalación de GIMP
2 bits 4 colores
3 bits 8 colores
4 bits 16 colores
5 bits 32 colores
6 bits 64 colores
7 bits 128 colores
8 bits 256 colores
16 bits 65.536 colores
Cada píxel solamente puede ser de un color, cuando decimos que una imagen es de 256 colores, queremos decir que cada píxel puede tomar uno de esos 256 colores. Si la profundidad es de 24 bits, tenemos la posibilidad de manejar millones de colores con la combinación de los tres primarios: rojo (red), verde (green) y azul (blue), es el llamado modo RGB. Cada canal de color tiene 8 bits para controlar cada color, por lo tanto, los colores que podemos obtener son 256 x 256 x 256 = 16.777.216, por eso se llama "millones de colores" y se conoce como color real. Con esta cantidad de colores es suficiente para que el ojo humano perciba las imágenes con calidad fotográfica.
MODELO DE COLOR Un modelo de color es un modelo matemático abstracto que permite representar los colores en forma numérica, utilizando típicamente tres o cuatro valores o componentes cromáticos, por ejemplo RGB (rojo, azul, verde), HSV (HLS: matiz, saturación, valor), Notación HTML (rojo, verde, azul cada uno puede llegar de 0 a 255) y CMYK (cyan, magenta, amarillo y negro) son modelos de colores. Es decir, un modelo de colores se sirve de una función matemática que asocia a un valor numérico un elemento en una paleta de color. Los modos de color afectan al tamaño de la imagen en disco. Si incrementamos el número de colores aumentará el tamaño del archivo que contiene la imagen. En la tabla se muestran los diferentes modos de color y sus características.
1bit
8bits
8 bits 1canal
8 bits 10 color
RGB
CMYK
Pág. 4 de 11 Tel. 976 742 740 info@rmsegura.es
TALLER TRATAMIENTO de IMÁGENES Capítulo I
Conceptos básicos e instalación de GIMP
RESOLUCIÓN DE IMAGEN La calidad de una imagen está directamente relacionada con la resolución: a mayor resolución mayor calidad de imagen. Si una imagen tiene una resolución de 200 ppp (puntos por pulgada), en cada pulgada cuadrada nos encontramos la cantidad de 200 x 200 píxeles, lo que nos da un resultado de 40.000 píxeles que contienen la información digital de esa imagen. Si esa misma imagen tiene una resolución de 72 ppp, la información digital está contenida en 5.184 píxeles, con lo que la calidad de la imagen será menor: menor resolución, menor información y menor detalle. El tamaño de la imagen depende de sus dimensiones (anchura y altura) medidas en píxeles, puntos, picas, milímetros... La resolución de la imagen la expresamos en píxeles por pulgada. A mayor resolución más píxeles caben en una pulgada y menor será el tamaño de los píxeles. El tamaño del archivo de la imagen, como unidad de información digitalizada se expresa en bits. A mayor tamaño de imagen (más píxeles contiene la imagen), mayor tamaño del archivo.
¿Cuándo utilizar una determinada resolución? Dependerá del destino final de la imagen sobre la que estemos trabajando. Si vamos a utilizar las imágenes exclusivamente en la pantalla del ordenador deberemos tener en cuenta la resolución de la pantalla, con una resolución de 72 píxeles por pulgada tendremos suficiente y veremos a su tamaño real las imágenes en una pantalla con una resolución de 800x600 píxeles (monitores de 14 ó 15"), 1024x768 (17"), 1280x768 (19 ó 21") . Si vamos a imprimirla, cuanto mayor sea la resolución de la imagen, mejor será la calidad y mayor el detalle (se aconseja para alta calidad mínimo 300ppp), teniendo en cuenta que deberá aplicarse el doble de ppp que lpp (líneas por pulgada) tiene de resolución la impresora. Antes de trabajar con una imagen debemos conocer cuál va a ser la aplicación final de la imagen y qué dimensiones tendrá.
FORMATOS DE LOS ARCHIVOS DIGITALES DE IMÁGENES. Existen diferentes clases de archivos digitales, unos sufren pérdida de calidad y otros no. Formatos sin pérdida de resolución ni calidad Las cámaras digitales utilizan un formato que mantiene el archivo de la imagen en su estado virgen, en el cual no realizan ninguna clase de compresión y el archivo se mantiene en su máxima calidad, igual que en el momento que se captó la imagen. Podemos citar el formato RAW y el TIFF Otros formatos sin pérdida de calidad: BMP,EPS, PSD, PNG. Formatos con pérdida de calidad En la imagen y archivos digitales, existen formatos de archivo que desechan información innecesaria al almacenarlas. Pierden algo de calidad, pero con la ventaja de que se obtienen ficheros más pequeños (ocupan menos) y son más manejables. Algunos de estos formatos: JPEG, GIF (el GIF tiene pérdida de calidad si la imagen original tiene más de 256 colores, ya que al guardarla tiene que adaptarla a los 256 colores del formato Gif y de ahí la pérdida de calidad) Pág. 5 de 11 Tel. 976 742 740 info@rmsegura.es
TALLER TRATAMIENTO de IMÁGENES Capítulo I
Conceptos básicos e instalación de GIMP
Cuando modificamos una imagen bitmap lo que estamos haciendo es cambiar el aspecto de los píxeles con programas de tratamiento de imagen. Los principales formatos de mapas de bits o bitmap son, según su compresión, los siguientes: FORMATO DE CALIDAD CALIDAD IMPRENTA FORMATO PARA WEB
FICHEROS INFORMACIÓN
FICHERO ORIGINAL
Formato BMP JPG GIF PNG PSD XCF
Compresión NO SI SI SI NO NO
BMP TIF JPG
GRAN PESO Separación a 4 archivos (colores + negro) Comprime imagen perdiendo calidad Comprime imagen SIN PERDER CALIDAD a 256 colores, GIF permite gráficos animados y transparencias. PNG Tiene las ventajas de JPG y de GIF, comprensión sin pérdidas XCF Formato de trabajo GIMP PSD Formato de trabajo PHOTOSHOP PIC Formato MAC. Permite compresión sin perder calidad Fichero Fotografía imagen virgen y datos de la toma sin RAW compresión TTF Fichero Fotografía imagen virgen, sin compresión Web NO SI SI SI NO NO
Transparencia (Alfa) NO NO SI(*) SI SI SI
Calidad SI SI NO SI SI SI
Colores +256 +256 -256 +256 +256 +256
(*) Transparencia limitada a completa transparencia u opacidad. No es realmente un canal Alfa.
GIMP ¿Por qué Gimp? se trata de una aplicación con licencia GPL (General Public License), que nos permite su uso sin contratación de ningún tipo
Instalación de GIMP La instalación es conveniente realizarla en un equipo con una resolución mínima de 1024 x 768. Con resoluciones menores las distintas ventanas del programa no nos permitirán trabajar con comodidad (incluso algunas de ellas no podremos “manejarlas” por no ver todas las opciones en el escritorio). Por tanto, si su equipo le permite esa resolución mínima es conveniente cambiarla. Para cambiar la resolución haga clic con el botón derecho sobre cualquier sitio libre del escritorio y, en el menú emergente, dependiendo de la versión, elija propiedades o Resolución de pantalla. En Windows 7 utilice el desplegable Resolución. Demostración de cambio de resolución para Windows 7 y Windows 8 Para instalar GIMP accedemos a la página Web del programa: http://www.gimp.org , en la parte superior aparece DOWNLOAD clicamos y comprobamos que hay distintas versiones, según sistemas operativos, elegiremos la que corresponda a nuestro equipo.
Pág. 6 de 11 Tel. 976 742 740 info@rmsegura.es
TALLER TRATAMIENTO de IMÁGENES Capítulo I
Conceptos básicos e instalación de GIMP
Podemos descargar el manual de usuario seleccionando el idioma (Spanish). Seguiremos las instrucciones del wizard para su correcta instalación. Como para casi todo en YouTube tenemos videos de instalación de GIMP para Windows y Mac. Otra opción es instalar una versión portable de Gimp en una memoria USB para ejecutar el programa en cualquier ordenador que tenga el sistema operativo Windows XP o superior. Quizás no debería de hablarse de instalación, puesto que no se instala nada en un ordenador, sino que lo que se hace es descomprimir (desempaquetar) un archivo comprimido. Al no instalar nada en el registro ni en ningún disco duro, nos permite movernos con Gimp de un ordenador a otro sin necesidad de hacer instalaciones en todos los ordenadores que utilicemos. El proceso de instalación/descompresión es bastante sencillo y consiste en copiar todos los archivos necesarios para la ejecución de Gimp en una carpeta. Esta carpeta podemos situarla en nuestro disco duro (aunque no tendría sentido, ya que la instalación del programa en el disco duro no se debería hacer con la versión portable) o en cualquier soporte extraíble como un CD grabable o una memoria USB. El único requisito es que el lugar donde vayamos a copiar los archivos tenga una capacidad de 180 megas. Esta versión la podemos descargar desde http://portableapps.com/ donde también podemos encontrar versiones portables de otros programas. Para trasladar el programa a una memoria USB basta con copiar la carpeta a dicho dispositivo. Para este manual vamos a utilizar la versión 2.8.8. de la que también se dispone de versión portable en http://portableapps.com/apps/graphics_pictures/gimp_portable NOTA: Si se utilizan versiones diferentes del programa puede que cambie algo, aunque lo básico seguirá siendo similar. En cualquier momento podemos elegir si utilizamos la versión en línea o una copia instalada localmente. Esta elección se realiza desde la ventana de GIMP (más adelante se comentará). En ella se elige el menú Editar >>Preferencias. En el cuadro de diálogo Preferencias que se nos muestra elegimos Sistema de ayuda. En la parte derecha, en el desplegable Manual del usuario, podemos elegir qué versión de la ayuda consultar (en línea o instalada en nuestro equipo). Una vez elegido pinchamos en el botón Aceptar.
Pág. 7 de 11 Tel. 976 742 740 info@rmsegura.es
TALLER TRATAMIENTO de IMÁGENES Capítulo I
Conceptos básicos e instalación de GIMP
INICIAMOS GIMP Nueva imagen Para crear una imagen nueva podemos: En la ventana imagen desplegar el menú Archivo y elegir la opción Nuevo. Pulsar la combinación de teclas Ctrl + N. Mediante ambos procedimientos aparece el siguiente cuadro de diálogo: De arriba-abajo nos encontramos con: El desplegable Plantilla. Podemos escoger tamaños predeterminados para la imagen nueva que vamos a crear por: píxeles (640 x 480, 800 x 600, etc.), tamaños de documentos con calidad de impresión (A3, A4, etc.), finalidad (carátula de disquete, CD, etc.).Tamaño de imagen. Podemos especificar el tamaño de la imagen que vamos a crear en píxeles (aunque se puede hacer utilizando otras unidades de medida: pulgadas, milímetros, etc.). Dos iconos para escoger horizontal o vertical el tamaño seleccionado. Se nos informa, a la derecha de los iconos, que el documento (si no hemos elegido otra cosa) tendrá 72 ppp y color RGB. Opciones avanzadas. Podemos elegir (haciendo clic sobre el signo +): Resolución de la imagen a crear. El modo de color. El color de fondo. Un comentario para la imagen. Por último nos encontramos con varios botones: el botón Reiniciar restablece los valores que GIMP trae por defecto, mediante el botón Cancelar salimos de esta ventana sin realizar ningún proceso y el botón Aceptar.
Guardamos una imagen Para utilizar una imagen en una sesión posterior de GIMP debemos guardarla en su formato propio (xcf) mediante el que dispondríamos de todas las características de nuestro trabajo. Si queremos utilizarla para otra aplicación o uso concreto (página web, documento de texto, etc.) procederíamos a exportarla en el formato que sea más adecuado a nuestros intereses. Para guardar o exportar utilizamos el menú Archivo. Hagamos uso de uno de los logotipos que estamos haciendo para estas operaciones. En la parte superior de cada imagen encontramos unos menús. La extensión xcf es la propia del programa GIMP. Es la que utilizaremos cuando queramos recuperar un archivo para seguir trabajando sobre él, ya que guarda información acerca de las capas, las rutas, etc. No borre la extensión .xcf del nombre del archivo.
Exportamos una imagen Cuando hemos terminado de trabajar sobre una imagen y deseamos utilizarla en otras aplicaciones para las que no es necesario guardar información adicional como capas, rutas, etc., la exportamos al formato más adecuado.
Pág. 8 de 11 Tel. 976 742 740 info@rmsegura.es
TALLER TRATAMIENTO de IMÁGENES Capítulo I
Conceptos básicos e instalación de GIMP
Para ello desplegamos el menú Archivo y elegimos Exportar. El cuadro de diálogo Exportar la imagen podemos comprobar que, por defecto, aparece como extensión de archivo .png . Escribiendo el nombre que vamos a asignar al archivo y haciendo clic en Exportar, se almacena dicha imagen con la extensión png. Si queremos guardar la imagen en otro formato podemos utilizar dos procedimientos: 1. En lugar de png escribimos la extensión que deseemos para la nueva imagen: jpg, gif, etc. ya que GIMP exporta las imágenes a diferentes formatos poniendo la extensión correspondiente detrás del nombre del archivo. 2. Utilizamos el desplegable de la parte inferior Seleccione el tipo de archivo (Por extensión) para elegir la que deseemos.
Cerramos GIMP Como cualquier otra aplicación GIMP se puede cerrar de varias formas: 1. Haciendo clic sobre el aspa que aparece en la parte superior derecha de la ventana o en el aspa de la caja herramientas o de la ventana imagen (en caso de trabajar con ventanas independientes). 2. Desplegando el menú Archivo y eligiendo la opción Salir. 3. Pulsando la combinación de teclas Ctrl+Q. 4. Cuando está activa la caja de herramientas o la ventana imagen pulsar las teclas Alt+F4.
Áreas de trabajo en GIMP 1. La zona de imagen con un menú en su parte superior. 2. La caja de herramientas. En ella encontramos los siguientes elementos (de arriba a abajo): • Las herramientas de selección, dibujo y transformación. • Los colores de frente y de fondo. El color de frente es aquel con el que pintamos cuando utilizamos una herramienta de pintura. Por defecto viene seleccionado el color negro. El color de fondo es el que nos muestra el color que tendrá el "papel" sobre el que vamos a pintar. La doble flecha en forma de ángulo nos permite conmutar el color de fondo por el de primer plano y viceversa. Si a lo largo de un trabajo, hemos cambiado los colores de fondo y de primer plano y queremos volver a los iniciales (negro sobre blanco) solamente debemos hacer clic en los cuadraditos "negro sobre blanco" que tenemos en la parte inferior izquierda. En esta zona se pueden incluir otros elementos. Para ello menú Editar/Preferencias. En el cuadro de diálogo Preferencias seleccione Caja de herramientas y, a la derecha, marque las casillas Mostrar pinceles, patrones y degradados activos y Mostrar imagen activa. Pinche en Aceptar y se muestra la siguiente caja de herramientas: 3. En la imagen izquierda vemos dos cuadros de diálogo empotrables. En la parte superior derecha las pestañas: Capas, canales, rutas y deshacer y, en la parte inferior las de Pinceles, patrones y degradados. A la izquierda los empotrables de Herramientas y Propiedades de herramientas. Como se puede apreciar estas tres zonas se encuentran Pág. 9 de 11 Tel. 976 742 740 info@rmsegura.es
TALLER TRATAMIENTO de IMÁGENES Capítulo I
Conceptos básicos e instalación de GIMP
en una única ventana. Se puede elegir trabajar con GIMP teniendo estas zonas en ventanas independientes. Para ello seleccione el menú Ventanas y elija Modo de ventana única. A la izquierda ejemplo de modo de ventana múltiple donde las zonas de herramientas y empotrables son flotantes en la pantalla. Si queremos unirlas nuevamente seguimos el mismo proceso que para separarlas.
NUESTRA PRIMERA PRÁCTICA Antes de nada vamos a hacer una primera práctica con GIMP: Crear un logo. Para acceder al menú Logotipos debemos desplegar el menú Archivo, elegir Crear y hacer clic en Logotipos. Nos aparece la lista de Logotipos. No obstante, como vamos a probar varios logotipos resulta molesto tener que acceder de esta forma a este submenú. Hay una forma en GIMP de mostrar uno de ellos como ventana independiente. Para ello lo que debemos hacer es hacer clic con el botón derecho sobre la zona de la imagen (si estamos trabajando en ventana única) o sobre ventana imagen (si tenemos ventanas independientes), con lo que nos aparecen los mismos menús. Elegimos Archivo >> Crear >> Logotipos. Y en lugar de elegir uno de los logotipos procedemos a hacer clic sobre la línea punteada de la parte superior. Con esto conseguimos que la ventana sea independiente, hecho que resulta útil si vamos a hacer un uso intensivo de uno de los submenús (como puede ser en nuestro caso probar diversos logotipos). Pues... una vez tenemos en pantalla la ventana Logotipos, vamos a elegir cualquiera de ellos y aceptar los valores que vienen por defecto. Demostración para crear logotipos.
Es probable que cuando seleccionemos uno de los logotipos la nueva ventana que se muestra para elegir los parámetros de los mismos se coloque detrás de alguna existente y no la veamos. Podemos acudir a la barra inferior de Windows para posicionarnos en la nueva ventana o utilizar la combinación de teclas Alt + Tabulador para cambiar de ventana.
Pág. 10 de 11 Tel. 976 742 740 info@rmsegura.es
TALLER TRATAMIENTO de IMÁGENES Capítulo I
Conceptos básicos e instalación de GIMP
A continuación tenemos las imágenes de los diferentes logotipos, sin modificar parámetros, de los cuadros de diálogo.
Básico I
Básico II
Bisel degradado
Bovinación
Bruñido
Cabecera de título web
Calor resplandeciente
Contorno 3D
Cristal
Cromado flipante
Cromar
Desmenuzar
Escarchado
Esculpido
Fundido... [Blended]
Imigre-26
Libro de cómic
Metal frío
Neón alienígena
Neón
Pág. 11 de 11 Tel. 976 742 740 info@rmsegura.es
T r a t a mi e n t od ei mรก g e n e sc o nGI M