Informática
Tratamiento de imágenes.

Tu Instituto Online
   


 
Nivel Medio GIMP: La herramienta de mezcla (degradado)
Duración aproximada: 1 sesión
   
Objetivos Objetivos
  • Aprender como crear degradados en GIMP.
   
Fuentes de información Fuentes de información
   
Contenidos
Contenidos
   
 

1. Introducción

Antes de nada vamos a dejar claro qué es un degradado. Un degradado es un conjunto de colores ordenados linealmente. El uso más básico de los degradados en GIMP se realiza con la herramienta Mezcla Herramienta mezcla, a veces llamada la “herramienta de degradado” o la “herramienta de relleno de degradado".

2. Herramienta de mezcla Herramienta mezcla

La herramienta de mezcla sirve para rellenar una capa o una selección con un degradado de colores que, por omisión, va graduando desde el color de frente hasta el color de fondo.

Para hacer una mezcla, arrastramos el cursor en la dirección que deseamos que vaya, y luego soltamos el botón del ratón. La suavidad de la gradación depende de la distancia en que hayamos arrastrado el cursor. A menor distancia, la gradación es menos suave.

Esta herramienta dispone de varias opciones que nos permiten escoger diversos tipos de degradado (frente a fondo, frente a transparente, etc.) y la forma que tendrá (lineal, radial, etc.).

La herramienta tiene diferentes modelos de degradados y un editor muy versátil que permite tener una cantidad enorme de transiciones de color.

  • Opciones de la herramienta mezclaModo: Nos indica el modo en que el color de lo que estamos pintando se mezcla con lo que hay dibujado anteriormente en el lienzo. Por defecto está el modo Normal que sería como si en una hoja que hay un dibujo nosotros escribiéramos con un rotulador por encima de tal forma que al escribir se tapase lo que hay debajo. Si abrimos el desplegable podemos ver el resto de opciones como ennegrecer, solapar... opciones que permiten combinar el color de lo que estamos pintando con lo que había antes.
  • Opacidad: Podremos seleccionar si lo que estamos pintando es completamente opaco (no deja ver lo que hay detrás) o si tiene cierto grado de transparencia y deja ver lo anterior. Si se acerca al 0 será más transparente si su valor se acerca al 100 más opaco.
  • Degradado: Tiene una lista de degradados para seleccionar. Podemos elegir uno de los predefinidos por GIMP o crear degradados nuevos. La opción de Invertido lo que produce es que el degradado se dibuje justo al contrario, es decir, que el color de inicio pase a ser el color final y viceversa.
  • Desplazamiento: Estel valor permite incrementar la “inclinación” del degradado. Determina la distancia del punto inicial pulsado a donde el degradado comenzará. Las formas de contorno no se ven afectadas por esta opción.

Ejemplo de uso del desplazamiento

  • Forma: Hay 11 opciones: lineal, bilinear, radial, cuadrado, cónico (simétrico), cónico (asimétrico), contorno (angular), contorno (esférico), contorno (con hoyuelos), espiral (sentido horario), y espiral (sentido antihorario). Las de contorno son las más interesantes: hacen que el degradado se amolde a la forma de los contornos de la selección, por más caprichosos que éstos sean.
  • Repetir: Hay dos modos de repetir:
    • Onda de diente de sierra: El patrón de diente de sierra se logra comenzando con el frente, variando hasta el fondo, y volviendo a empezar con el frente.
    • Onda triangular. El patrón triangular comienza con el frente, varía hasta el fondo, luego vuelve a variar hasta el frente.
  • Difuminado: Crear la ilusión de más colores cuando se muestra una imagen que tiene una profundidad de color baja. En una imagen suavizada, los colores perdidos se reproducen con una disposición particular de los píxeles de los colores disponibles. El ojo humano percibe esto como una mezcla de los colores individuales.
  • Sobremuestreo adaptativo: Es una manera más sofisticada de suavizar el efecto "escalonado" de una transición nítida de color a lo largo de una línea diagonal o curva.

Ahora vamos a aplicar lo que hemos aprendido:

  • Para ello crearemos una imagen nueva, en este caso utilizaremos la plantilla 640x480 con lo que conseguiremos una imagEjemplo de degradado linealen del suficiente tamaño para practicar con los degradados.
  • Seleccionamos la herramienta de Mezcla Herramienta mezcla.
  • Dejamos el Modo y la Opacidad tal y como están.
  • Hacemos clic en la opción de degradado y vemos todos los posibles degradados que podemos utilizar. Pero vamos a dejar el que está por defecto.
  • Fijamos el Desplazamiento en 0.
  • En la Forma seleccionamos Lineal.Degradado radial
  • En Repetir elegimos la opción Ninguno.
  • El resto de opciones las dejamos sin marcar.
  • Ahora vamos a la ventana del documento y hacemos clic en el lugar donde queremos que comience el degradado, por ejemplo en la esquina superior izquierda. Después, sin soltar el botón del ratón, arrastramos y soltamos donde queremos que termine el desarrollo del degradado, por ejemplo en la esquina inferior derecha. El resultado es algo parecido a la imagen de la derecha.
  • Repitamos ahora la operación eligiendo como Forma la opción Radial y comenzando a dibujar desde el centro de la imagen a un extremo.
  • Prueba distintas Formas y degradados, cambiando el color de frente y el de fondo...

2.1. Degradados en selecciones

Hasta el momento estamos aplicando un degradado a toda la imagen, pero como hemos dicho antes podemos aplicar un degradado dentro de una selección. Es muy sencillo:

  • Creamos otra imagen con la plantilla 640x480.Opciones de la selección
  • Hacemos clic en la herramienta de Selección elíptica Herramienta selección elíptica.
  • Marcamos la propiedad Fijo y elegimos la opción Tamaño y definimos el tamaño a 150x150.
  • Ahora hacemos clic en la imagen y arrastramos el ratón para que aparezca la selección de un círculo de diámetro 150.Ejemplos de degradados
  • Es el momento de cambiar a la herramienta de Mezcla Herramienta mezcla.
  • Elegimos como Forma, Espiral (sentido horario) y trazamos el degradado dentro de la selección.
  • Volvemos a repetir toda la operación creando una nueva selección y en este caso eligiendo como Degradado, Abstract 2.
  • Ahora pondremos con la herramienta Texto Herramienta texto el nombre de ambos degradados, justo debajo.
  • La imagen quedará como la de la derecha.

 

 

Ejercicios
Ejercicio
 

Demuestra de lo que eres capaz. El ejercicio consiste en crear un nuevo archivo usando la plantilla 640x480, como el que hemos hecho en el apartado anterior.

En esta imagen deberás crear 8 ejemplos de degradados diferentes y poner debajo de cada uno de ellos de qué tipo es. Las selecciones que debes utilizar para incluir los degradados en este caso serán cuadrados de 100x100.

Cuando acabes guarda el archivo con el nombre degradados.jpg.

Sube el archivo degradados.jpg a la plataforma..

   
Contenidos
Contenidos
 

2.2. Degradados en imágenes

También podemos dibujar un degradado y sobreponerlo a una imagen haciendo uso de la propiedad Opacidad, de tal forma que nos permitirá ver la imagen que queda de fondo.

Vamos a probarlo:Resultado de la imagen

  • Nos descargamos la imagen estatua.jpg y la abrimos en GIMP.
  • Vamos a hacer que de la antorcha que parece que lleva en la mano salga un efecto en espiral.
  • Seleccionamos la herramienta de Mezcla Herramienta mezcla.
  • Fijamos la Opacidad a 20.
  • Elegimos como Degradado el Abstract 2 Abstract 2.
  • Como Forma elegimos Espiral (sentido horario).
  • Ahora dibujamos el degradado comenzando en la punta de la antorcha y trazamos la línea hasta la esquina superior derecha.
  • El resultado lo podemos ver en la imagen de la derecha.
  • Guarda la imagen como espiral.jpg.

Puedes sobreponer un degradado en una imagen bajando la opacidad del mismo.

  
Ejercicios
Ejercicio
 

 

 

Sube a la plataforma el archivo espiral.jpg.

 

   
Creditos Créditos
Licencia de Creative Commons

Este documento es de dominio público bajo licencia de Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 España.
TuInstitutoOnline.com M.Donoso, G.García, P.Gargallo, A.Martínez. v. 2.0.2.1.0

No se permite un uso comercial de la obra original ni de las posibles obras derivadas, la distribución de las cuales se debe hacer con una licencia igual a la que regula la obra original.

Los reconocimientos se realizan en el apartado Fuentes de información.

Los iconos empleados están protegidos por la licencia LGPL y se han obtenido de:
https://commons.wikimedia.org/wiki/Crystal_Clear
https://www.openclipart.org


Licencia de Creative Commons

Todas las capturas de pantalla tienen copyright y pertenecen a TuInsitutoOnline.com.

TuInstitutoOnline.com permite su uso siempre y cuando se muestren desde el dominio www.tuinstituoonline.com y NO PERMITE enlazar a ellas desde otros lugares.

Además, la estructura diseñada para mostrar el contenido de las unidades es propiedad de TuInstitutoOnline.com.

TuInstitutoOnline.com M.Donoso, G.García, P.Gargallo, A.Martínez. Versión 2021.