jueves, 6 de noviembre de 2014

GIMP 2

Introducción y entorno del Gimp

Vamos a conocer un poco el entorno del Gimp con el que vamos a trabajar
El Gimp es un programa de edición de imágenes libre y gratuito englobado en el proyecto GNU y disponible bajo la licencia GNU General Public License.

No hay que pagar por él y su uso está muy extendido. Tiene muchísimas herramientas.

Vamos a abrir el programa

Cada vez que abro el Gimp me aparece el consejo del día (lo desactivamos si queremos que no nos pegue la chapa).
En cuanto a la apariencia, se abren 2 paneles (depende de la versión y del sistema operativo en el que lo hayamos instalado. Nosotros estamos con la 2.4.2 en Linux)

Pantalla principal del gimp

El Gimp se maneja con paneles. El panel principal es en el que tenemos los menús Archivo, Ext y ayuda
Debajo de él está todo el conjunto de herramientas que vamos a usar para ir manipulando las imágenes.
En función de la herramienta que seleccione, irán cambiando las opciones disponibles.
Por ejemplo, si selecciono la herramienta de selección de elipse (Tecla abreviada: E)

Herramienta de selección de elipse

Aquí tengo sus propiedades:

Cuadro de propiedades de la herramienta de selección de elipse

Al lado de las propiedades, tenemos 2 pestañas más: Capas y Canales, que ya veremos más adelante

Ubicación de las pestañas de capas y canales

Ejercicio Nª 1
Vamos a ver algo tan sencillo como crear una nueva imagen con determinadas características y luego guardarla.

Crear una imagen

Abre Gimp y crea una imagen con las características que te describo
Plantilla: ninguna
Tamaño de la imagen: 800x600 pixels
Orientación: horizontal
Resolución X e Y: 200ppp
Espacio de color: RGB
Rellenar con Transparencia


Vamos a Menú: Archivo : Nuevo:
Ninguna plantilla.800x600. 200ppp. RGB. transparencia. Horizontal

y ponemos las características que hemos dicho antes.

Elegimos Archivo:nuevo del menú

Por las características que le hemos puesto, vamos a usar la imagen para imprimir. (200ppp y resolución de color RGB).
Si la cadena está unida (mantener proporción), si cambio la resolución X, la Y cambia en proporción y viceversa.
Trabajamos con la máxima calidad posible, y cuando tenemos la imagen final la guardamos ya en el formato que queremos. Además siempre haremos una copia en formato nativo de Gimp (.xcf) por si más adelante queremos tratar más la imagen.
Le damos a aceptar y aquí tenemos la imagen:

Nueva imagen recién creada en vacío con las características incluidas
Las cuadriculas esas nos indican que es transparencia.

Guardar una imagen

Menú : Archivo: guardar como y lo guardamos con el nombre imagen.xcf (para que nos guarde en el formato nativo del Gimp y poder abrir y jugar con él más adelante)
01-05-archivo-nuevo-guardar.jpg
01-05-archivo-nuevo-guardar2.jpg


Adquirir desde algún documento, web...

Suponer tenemos una imagen en la web y no podemos guardarla del modo habitual. Tenemos la opción de capturar lo que hay en pantalla...
Guardar pantallazos: con la tecla imprimir pantalla (Impr Pant) del teclado lo que conseguimos es capturar (llevar al portapapeles) lo que en ese momento está en pantalla.
Una vez hecho esto, vamos a Gimp y creamos una nueva imagen del tamaño de nuestra resolución de pantalla (1024x768 en nuestro caso)
Propiedades de nueva imagen: 1024x768, 72ppp, RGB, por defecto

Y pegamos ahí lo capturado. Obtenemos una imagen de lo que había en pantalla.
Pantalla con opciones de captura del gimp
En el Gimp si pulsamos la tecla + hacemos un Zoom , y con nos alejamos.

Otro método de captura en Gimp

Gimp también permite: menú Archivo: Adquirir: Captura de pantalla
Elegimos Menú: Archivo: Adquirir. Captura de pantalla

Te da opciones de capturar la pantalla , o solo la ventana activa,y además también se puede capturar después de un determinado tiempo
Seleccionamos Captura de pantalla: Area: Tomar una captura de pantalla completa y a los 5 segundos

Si en algún momento queremos usar alguna imagen de internet, o alguna imagen flash o animación puedo hacer la captura de la imagen y luego recortar en el Gimp para quedarme con el trozo que yo quiera.

Ejemplo de aplicación

Un pequeño ejemplo de lo visto hasta ahora

Vamos a hacer un ejercicio de práctica


Crea una nueva imagen de 800x600 a 72ppp. Guárdala como cocina.xcf

Propiedades de imagen

Tenemos una web (www.consumer.es) en donde nos ha gustado una imagen que queremos descargar, pero le damos al botón derecho sobre la imagen para poder descargarla, y parece que no hay modo. Es un flash y no tenemos opción de descargar la imagen. ¿Qué hacemos?
al pulsar botón derecho se muestran opciones de flash. No se puede descargar directamente la imagen

Tenemos la opción de hacer captura de pantalla tal y como hemos visto antes. Hacemos un recorte con Gimp para quedarnos con la selección que queramos (ahora veremos las herramientas de selección)

hemos recortado la imagen

y pegamos en el fichero que acabamos de crear.


tenemos un archivo con la imagen pegada



Ahora vemos que tenemos el fichero demasiado grande para la imagen que tenemos. Tenemos la opción de decir a Gimp que recorte la imagen Automáticamente:

Menú: Imagen : Autorecortar Imagen
Imagen recortada

Y lo guardamos. Archivo: Guardar como: cocina.xcf (en formato nativo de Gimp)

Nota: (tenemos que tener en cuenta temas de copyright y demás de la imagen, cuidado!)


Introducción a las herramientas de selección
Un vistazo rápido a las herramientas que tenemos para seleccionar áreas en Gimp
  • htta-seleccion-rectangular.jpgHerramienta de selección de rectángulos: selecciona una zona rectangular (R)
  • htta-seleccion-elipse.jpgHerramienta de selección elíptica: selecciona una zona elíptica (E)
  • htta-seleccion-lazo.jpgHerramienta de selección libre o lazo: selecciona una región dibujada a mano (F)
  • htta-seleccion-varita-magica.jpgHerramienta de selección difusa o Varita Mágica: selecciona una región contigua basándose en el color (U)
  • htta-seleccion-colores.jpgHerramienta de selección por color: seleccionar regiones con colores similares (Mayúsculas + O)
  • htta-seleccion-tijeras.jpgHerramienta de tijeras de selección: seleccionar formas usando un ajuste inteligente de los bordes (I)

Herramienta de selección de rectángulos
Sirve para seleccionar una zona rectangular.
Tecla Abreviada: R
La primera herramienta de selección de la que vamos a hablaros es la Herramienta de Selección de rectángulos. La idea es definir un área.
05-01-seleccion1.jpg
Cuando selecciono en el Gimp cualquier herramienta, abajo aparecen sus opciones. En este caso, aquí tenemos las opciones correspondientes a la herramienta selección de rectángulos.

Opciones que tiene la herramienta de selección de rectángulos

Diferentes modos de selección

  • Primera opción: Reemplazar la selección actual. Tengo algo seleccionado, selecciono otro área, y tan sólo queda seleccionada el segundo área.
05-01-seleccion3-cast.jpg

  • Segunda opción: Añadir a la selección. Tengo algo seleccionado. Selecciono otro área , y la selección ahora es mayor, incluye a las dos.

05-01-seleccion4-cast.jpg


  • Tercera opción: restar a la selección.

05-01-seleccion5-cast.jpg

  • Cuarta opción: intersección de selecciones. Selecciono varias áreas y lo que queda seleccionado es la intersección de todas ellas.

05-01-seleccion6-cast.jpg
Persona en bicicleta en una montaña con una selección de la persona /></p><p>....y pego lo copiado en una imagen nueva: va poniendo transparente el borde... quizá
no se ve bien ahí, pero el efecto que obtenemos es que los bordes de la
selección quedan un poco difuminados</p><p><img class=
Cuando estamos trabajando en la imagen, si seleccionamos un área y volvemos a seleccionar, se borra la selección anterior. Si quiero ir acumulando las selecciones, tenemos que tener el segundo de los botones seleccionados tal y como hemos dicho antes
05-01-seleccion4-cast.jpg
y así vamos añadiendo diferentes selecciones:


Foto
Difuminar los bordes: por ejemplo vamos a ponerle valor de radio de 20. Selecciono el área de nuevo (no vale lo que tenía antes seleccionado). Doy a copiar ... y al pegar obtendría una imagen con los bordes difuminados (algunos pixels transparentes)
Aquí vemos una imagen donde habíamos hecho una selección difuminada, pegada sobre otra imagen.
Difuminado
Aquí la selección era no difuminada. Los bordes se notan mucho más.

No difuminado

 

No hay comentarios:

Publicar un comentario