Introducción •
GIMP (“General Image Manipulation Program” ). Programa general para manipulación de imágenes.
•
Posibilita la creación y retoque de imágenes y gráficos.
•
Es un programa perteneciente al entorno GNU de software libre.
•
Se puede descargar libremente desde su página oficial: http://www.GIMP.org/
1. Abrir GIMP • •
Inicio Todos los programas GIMP GIMP2 Si el icono se encuentra en el escritorio, hacer doble clic en él.
2. Entorno de trabajo •
Al iniciar el programa se abren, sobre el escritorio, tres ventanas flotantes: 2.1. Programa de manipulación de imágenes de GNU 2.2. La Caja de herramientas 2.3. Capas, Canales, Rutas, Deshacer …..
2.1. Programa de manipulación de imágenes GNU •
Ventana que contiene: – Barra de menú: Barra situada en la parte superior desde la que se accede a diferentes opciones (abrir un archivo, guardarlo, cerrarlo, etc.). – Zona de trabajo principal en la que se desarrollan las tareas GIMP. En el interior de este área se muestra la imagen activa que se va a editar.
2.1.1. Estructura del área de trabajo Nombre del archivo
Número de veces que se ha abierto la misma imagen en la sesión y número de versiones abiertas de la misma Modo de color y número de capas del archivo Tamaño (anchura x altura)
Barra de menús
Reglas
Por defecto expresadas en píxeles, con el punto (0,0) en la parte superior izquierda
Botón de acceso
Abre una ventana con todos los menús
Botón de máscara rápida
Con aspecto de líneas discontinuas, esta desactivado e indica que se trabaja en modo normal.
Barras de desplazamiento Unidad (píxeles) Zoom Barra de estado
2.2. La caja de herramientas Se compone de dos partes:
1. Acceso a las herramientas del programa 2. Acceso a las opciones de la herramienta seleccionada
2.2.1. Herramientas I Selección rectangular
Selección a mano alzada: El proceso se inicia pulsando y arrastrando el cursor sobre el área de trabajo. Selección de cuadrado o círculo perfecto: Simultáneamente se pulsa la tecla “Mayús”
Selección elíptica
Para conseguir que la selección circular se inicie en el centro de origen del cursor se utiliza la tecla “Ctrl”
Selección libre
Selecciona una región dibujada a mano con segmentos libres y poligonales
Selección difusa
Selecciona una región contigua basándose en el color. En el valor umbral del cuadro de diálogo de la herramienta se define el grado de similitud mediante el que se seleccionaran más o menos píxeles de la imagen.
Selección por color
Selecciona una región discontinua basándose en el color.
2.2.1. Herramientas II Selector tijeras inteligentes: Selecciona formas utilizando un ajuste inteligente de los bordes Selección del frente: Selecciona una zona que contiene objetos en el frente Rutas: Crea y edita rutas. La creación de un recorrido se lleva a cabo pinchando sobre la imagen, donde se sitúan puntos de control vinculados mediante líneas rectas, en los que se pueden modificar las características del trazado mediante los tiradores que aparecen. Al completar una ruta se cierra el trazado y es posible convertirlo en selección haciendo clic sobre el interior de la misma Recoge color: Establece colores a partir de píxeles de la imagen Zoom: Ajusta el nivel de ampliación de la imagen
2.2.1. Herramientas IV Herramienta de medida: Mide distancias y 谩ngulos
Mover: Mueve capas selecciones y otros objetos
Alineaci贸n: Alinea o coloca capas y otros objetos Herramienta de recorte: Quita zonas del borde de la capa o imagen
Herramienta de rotaci贸n: Rota la capa, selecci贸n o ruta
2.2.1. Herramientas V
Herramienta de escalado: Escala la capa, selecciรณn o ruta
Herramienta de inclinaciรณn: Inclina la capa, selecciรณn o ruta Herramienta de perspectiva: Cambia la perspectiva de la capa, selecciรณn o ruta Herramienta de volteo: Voltea la capa, selecciรณn o ruta horizontal o verticalmente Herramienta de texto: Crea o edita capas de texto
2.2.1. Herramientas VI Herramienta relleno: Rellena con un color o patrรณn el รกrea seleccionada Herramienta de mezcla: Rellena el รกrea seleccionada con un degradado de colores.
Herramienta lรกpiz: Dibuja los bordes duros mediante un pincel
Herramienta pincel: Pinta trazos de bordes suaves mediante un pincel Herramienta borrador: Borra al color de fondo o transparencia, mediante un pincel
2.2.1. Herramientas VII
Herramienta aerógrafo: Pinta con presión variable mediante un pincel
Herramienta de tinta: Realiza una escritura tipo caligrafía Herramienta de clonado: Copia selectivamente a partir de una imagen o diseño, utilizando un pincel
Herramienta de saneado: Repara irregularidades de la imagen Herramienta de clonación en perspectiva: Clona desde una imagen de origen tras aplicar una transformación en perspectiva
2.2.1. Herramientas III Herramienta de enfoque y desenfoque: Desenfoca peque単as zonas de la imagen Herramienta de emborronado: Difumina con colores adyacentes peque単as zonas de la imagen
Herramienta de marcado a fuego: Oscurece o ilumina selectivamente, usando un pincel
Selector de colores de frente y fondo Permite cambiar el color frontal Permite recuperar los colores por defecto negro para el color frontal y blanco para el fondo
Las flechas intercambian el color frontal con el del fondo
Permite cambiar el color de fondo
2.2.2. Caja de opciones de las herramientas •
Se sitúa debajo de la Caja de herramientas
•
Muestra las diferentes variables que se pueden modificar de la herramienta seleccionada, la cual aparece marcada con un recuadro en la caja de herramientas
•
La caja de opciones cambia al seleccionar una nueva herramienta Botón que permite guardar los valores de las opciones Botones para recuperar o borrar los valores dados Botón para recuperar los valores iniciales de la herramienta seleccionada
Opciones
2.3. Capas, Canales, Rutas, Deshacer ….. Ventana en la que se diferencian: 1. Cuadro de diálogo de las pestañas Capas, Canales, Rutas y Deshacer •
• •
Pestaña Capas: Conjunto de láminas que componen el trabajo. La capa situada en la parte superior tapa a las otras, pero sólo en las zonas en las que tenga pintura, el resto permanece transparente. Pestaña Canales: Muestra la lista de canales de la imagen, que dependen del modo de color en la que se trabaja. Pestaña Rutas: Guarda los trazados que se realizan con la herramienta adecuada a tal fin.
2. Acceso a las paletas de Brochas, Patrones y Degradados
3. Las Imรกgenes digitales 3.1. Conceptos generales 3.2. Imรกgenes Vectoriales 3.2. Imรกgenes Rasterizadas
3.1.1. El píxel •
Se llama píxel a las unidades de color que componen la imagen (1 píxel1 color)
•
Una imagen digital está formada por una matriz de píxeles (a x b x c) anchura x altura x profundidad de color o profundidad de bit
•
El número de bits por píxel determina la gama de colores de una imagen En una imagen de 256 colores cada píxel puede tomar uno de los 256 colores.
3.1.2. Modo de color •
Se llama modo de color al sistema de coordenadas que sirve para describir los colores de forma numérica. Al peso de la imagen
•
Los modos de color afectan:
Más colores Tamaño de archivo mayor
Al número de canales
•
Los modos con los que trabaja GIM son: – Modo RGB (rojo, verde y azul): Usa 3 canales con una profundidad de 24 bits por píxel y reproduce 16,7 millones de colores. – Modo Escala de grises 256 niveles de grises
– Modo indexado (permite elegir el número de colores con los que trabajar hasta un máximo de 256)
Paleta en blanco y negro (Imágenes de 1 bit de color por píxel) Imagen de 100 colores
3.1.3. Resolución de imágenes I •
La resolución de una imagen digital depende del número de píxeles por unidad de superficie.
•
La calidad de la imagen está directamente relacionada con la resolución que tiene: – A mayor resolución más información más detalle mayor calidad de imagen mayor tamaño del archivo • imagen con resolución de 200 ppp (píxeles por pulgada) en cada pulgada cuadrada existen 200 x 200 píxeles, por lo tanto la información digital está contenida en 40.000 píxeles – A menor resolución menor información menor detalle menor detalle menor tamaño del archivo. • imagen de 72 ppp, la información digital está contenida en 5184 píxeles
•
Las resoluciones a establecer dependerá del uso que se le vaya a dar a la imagen: – Para imprimir la imagen en una imprenta se debe utilizar la máxima resolución 300ppp – Para imprimir la imagen en una impresora se debe utilizar una resolución de 200ppp – Para utilizar la imagen en la pantalla del ordenador se debe utilizar una baja resolución 72ppp
3.1.4. Cambios de Resolución (Interpolación) Se crea información: Aparecen nuevos píxeles para rellenar los huecos Interpolación al alza (Aumento)
El número de píxeles creados depende del porcentaje de aumento El contenido de los nuevos píxeles se basa en la información de los píxeles vecinos Puede generar problemas de desenfoque: Los nuevos píxeles pueden emborronar la imagen
Interpolación a la baja (Disminución)
Se elimina información Puede generar problemas de calidad de imagen, si el cambio de resolución es muy alto
3.2. Imágenes vectoriales •
Son gráficos formados a base de curvas y líneas a través de elementos geométricos definidos como vectores.
•
Ventaja: – No sufren pérdida de resolución al ser ampliadas – Archivos con poco peso
•
Desventaja: – Ese tipo de archivos solo se puede visualizar a través del programa que los creó, sino se transforman en mapa de bits.
•
Se utilizan para trabajos de rotulación, rótulos, iconos, dibujos, logotipos de empresa etc.
3.2. Imágenes vectoriales: Formatos • Principales formatos – WMF Es el formato que mejor se adapta a los distintos programas de dibujo. – SWF Imágenes vectoriales para animación Web – EPS Este formato permite guardar, tanto mapa de bits como imágenes vectoriales. Los datos guardados se encuentran dentro de una cápsula, (encapsulados), su modificación requiere del programa que los creó. Es muy utilizado en la impresión profesional – PDF Formato que guarda con toda precisión el diseño del archivo incluyendo sus fuentes, imágenes y demás gráficos. Es compatible entre las plataformas MAC y PC. Es usado fundamentalmente para la confección de documentos que puedan descargarse de Internet.
3.3. Mapa de bits, bitmap o Imágenes rasterizadas •
Imágenes rasterizadas (= Bitmap) – La imagen está formada por un mosaico de píxeles o mapa de bits donde cada píxel guarda la información de color de la parte de imagen que ocupa. – Son las que crean los escáneres y las cámaras digitales. – Inconvenientes: • Pierden resolución al ser ampliadas. La imagen se distorsiona llegando a mostrarse el mosaico de píxeles degradándose los colores (efecto píxelación) • Archivos con mucho peso, ocupan más memoria.
3.3. Mapa de bits: Formatos •
Principales formatos – BMP Formato de calidad. Los archivos tienen gran peso, por lo que suelen usarse en aplicaciones en CD-ROM. – TIFF Se utiliza para imágenes de alta calidad que van a ser impresas. Los archivos, se guardan con 48 bits de color incluyendo capas y canales alfa. – XCF Formato nativo de GIMP. Permite almacenar las imágenes con capas y modificarlas posteriormente. – JPG 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. – GIF Este formato también se utiliza en Internet, pudiendo comprimir las imágenes sin pérdidas. Utiliza el modo de color indexado para las imágenes que no tienen muchas tonalidades de color. Permite gráficos animados y transparencia. – PNG 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érdida y con posibilidades de transparencia. No permite gráficos animados.
4. Operaciones bรกsicas 4.1. Crear una imagen nueva 4.2. Crear botones, logotipos y patrones 4.3. Abrir una imagen 4.4. Guardar una imagen
4.1. Crear una nueva imagen •
Abrir el programa y seleccionar en el menú Archivo Nuevo Permite crear una imagen desde una plantilla dada por el programa
Pulsar opciones avanzadas: se obtienen todas las posibilidades
Resolución de la imagen (nº de píxeles en filas x nº de píxeles en columnas)
Resolución predeterminada
Resolución de impresión
para imágenes vistas en pantalla
Máxima:300 ppp (valor para imprenta) Aceptable: 200 ppp (impresoras) Baja: 72 ppp (para ver en pantalla)
Cadena unida mantiene las proporciones
Espacio de color: Modo RGB (3 canales, rojo verde y azul, 24 bits por píxel 16,7 · 10^6 colores) Escala de grises (8 bits por píxel 256 niveles de gris)
Reestablece los valores iniciales
Permite crear una imagen introduciendo las características Espacio que permite añadir un comentario al archivo de la imagen
Establece el tipo de relleno del lienzo de trabajo Crea la nueva imagen
4.2. Crear: Botones, Logotipos y Patrones •
Desde el menú Archivo se pueden crear botones, logotipos y patrones que pueden ser incorporados a páginas Web
4.2.1. Crear botones •
Para crear botones desde el menú Archivo, se debe seguir la ruta: – menú Archivo/ Crear / Botones. – Elegir un tipo de Botón Redondeado o Simple biselado – Cada comando lleva a un cuadro de diálogo que permite establecer los parámetros de control del botón elegido – Guardar como .jpg
4.2.1. Crear botones: Ejemplos
4.2.2. Crear logotipos •
Para crear un logotipo desde el menú Archivo, a partir de los preestablecidos en Gimp, se debe seguir la ruta: – menú Archivo/ Crear / patrones. – Elegir un tipo de logotipo entre los existentes (Básico I, Básico II, etc.) – Cada comando lleva a un cuadro de diálogo que permite establecer los parámetros de control del logotipo elegido • En la etiqueta “Texto” se introduce el texto deseado. • En la etiqueta “Tamaño de la tipografía (píxeles)” escribimos el tamaño de las letras del texto. • En la etiqueta “Tipografía” se elige el tipo de letra. • En “Color de fondo” se elige color de fondo más adecuado para nuestro logotipo. • Por último se Acepta.
– Guardar como .jpg
4.2.3. Crear patrones •
Un patrón es una imagen, normalmente pequeña, que se usa como modelo para rellenar una región situando copias de la imagen unas al lado de las otras, como si fuese un mosaico.
•
Permite crear de una forma rápida y sencilla una imagen para ser utilizada como un fondo de página.
•
En Gimp, los patrones tienen tres usos principales: – Con la herramienta de relleno, puede elegir rellenar una región con un patrón en lugar de con un color sólido. – Con la herramienta de clonado, se puede pintar usando un patrón, con una gran variedad de forma de brochas. – Cuando se Traza una ruta o selección, se puede hacer con un patrón.
•
GIMP, incluye una serie de patrones, pero también se puede añadir nuevos patrones, creándolos, o descargándolos de Internet.
•
El patrón activo, se muestra en el área Brocha /Patrón/Degradado de la caja de herramientas. Pulsando sobre el símbolo de patrón aparece la ventana de diálogo de patrones, que permite seleccionar un patrón diferente.
4.2.3. Crear patrones •
Ejemplos de patrones creados con los patrones de Script - Fu que vienen con Gimp.
•
Para crear un patrón desde el menú archivo, se debe seguir la ruta: – menú Archivo/ Crear / patrones. – Elegir un patrón entre los existentes (Camuflaje, embaldosado de remolinos, etc.) – Cada comando lleva a un cuadro de diálogo que permite establecer los parámetros de control de los detalles de la apariencia del patrón elegido. – Guardar como .jpg
4.3. Abrir una imagen • • •
Abrir el programa Seleccionar en el menú Archivo Abrir En el cuadro de diálogo, Abrir imagen, navegar por las carpetas hasta encontrar el archivo deseado y pinchar en el botón Abrir
4.4. Guardar una imagen •
Seleccionar en el menú Archivo Guardar como
Seleccionar el nombre del archivo Seleccionar la carpeta Seleccionar formato Normalmente guardaremos con el formato nativo de GIMP, XCF, ya que guarda el original, y podremos seguir trabajando con la imagen. Para subir la imagen a Internet guardaremos la imagen en GIF o en JPG
Pulsar el botón guardar
4.4.1. Tama帽o de archivo en funci贸n del formato I
4.3.2. Tamaño de archivo en función del formato II No se puede guardar directamente la imagen como gif. Aparece una ventana de aviso que te indica que primero se debe realizar un indexado.
1º Cancelar, en la ventana de aviso 2º Seguir la secuencia: Imagen Modo Indexar Se abre la ventana correspondiente que permite - Que el programa cree la paleta de 256 colores - Indexar la imagen en tonos grises 3º Guardar la imagen
5. Salir de GIMP
5. Formas de cerrar GIMP Existen tres formas de salir del programa: 1ª Seleccionar menú Archivo Salir 2ª Mediante la “X” de la esquina superior derecha de la ventana del Programa de manipulación de imagen.
2ª
Aviso que aparece, antes de cerrarse el programa cuando existe alguna imagen o cambio sin guardar
1ª
5. Formas de cerrar GIMP 3ª
Cerrar cada una de las Ventanas de trabajo abiertas, guardando los cambios realizados y posteriormente cerrar la caja de herramientas, mediante el botón “X” Segundo
Primero