3.4. Diálogo de degradados

Figura 15.41. La captura ilustra el diálogo de degradados

La captura ilustra el diálogo de degradados

The Gradients dialog offers a gradient palette which is used to select a gradient — a set of colors arranged in a linear scale — for use with the Gradient tool and numerous other operations. It also gives you access to several functions for manipulating gradients. You can select a gradient by clicking on it in the list: it will then be shown in the Brush/Pattern/Gradient area of the Toolbox. A few dozen nice gradients come pre-installed with GIMP. You can create more using the Gradient Editor. General information about gradients and how they are used in GIMP can be found in the Gradients section.

Los primeros cinco degradados son particulares: reproducen el degradado entre los colores de frente y fondo de la caja de herramientas de diferentes maneras.

3.4.1. Activar el diálogo

El diálogo de degradados es un diálogo empotrable; consulte la Sección 2.3, “Diálogos y empotrables” para obtener ayuda sobre su manipulación.

Puede acceder:

  • desde un menú de la imagen: VentanasDiálogos empotrablesDegradados;

  • Desde el menú de pestaña en cualquier diálogo empotrado pulsando sobre y seleccionando Añadir pestañaDegradados,

  • desde la caja de herramientas, pulsando sobre el degradado actual en el área pincel/patrón/degradado (si ha marcado la opción Mostrar pincel, patrón y degradado activos en las prefernecias de la caja de herramientas).

  • desde la imagen usando el atajo de teclado Ctrl+G.

En el menú Ventanas, hay una lista de ventanas separadas que sólo existe si al menos un diálogo permanece abierto. En este caso, puede abrir el diálogo de Degradados desde el menú de la imagen: VentanasDegradados.

3.4.2. Usar el diálogo de Degradados

La operación más básica y más comúnmente usada de este diálogo es simplemente la de pulsar sobre uno de los degradados de la lista, y así convertirlo en el degradado activo de GIMP, se usará en cualquier operación que involucre un degradado.

Si pulsa dos veces sobre un degradado, abre el editor de degradados donde podrá editar su nombre. Sin embargo, tenga en cuenta que sólo se le permite cambiar el nombre de los degradados que haya creado, no el de los que vienen preinstalados con GIMP. Si intenta renombrar un degradado preinstalado, puede editarlo pero cuando termine de hacerlo se revierte al nombre original. Como regla general, no puede modificar los recursos que GIMP preinstala: pinceles, patrones, degradados, etc; sólo los que crea.

Modos rejilla/lista

En el menú «Pestaña», puede elegir entre Ver como rejilla y Ver como lista. En el modo de rejilla, los degradados se colocan en una disposición rectangular. Se ven muy bien de esta manera, pero no es fácil elegir el que quiere, porque se interfieren visualmente. En el modo de lista, el más fácil de usar, los degradados se alinean verticalmente, y en cada fila se muestra el nombre.

En el menú «Pestaña», la opción Tamaño de la vista previa le permite adaptar el tamaño de las vistas previas de los degradados del diálogo a su gusto.

Los botones de la parte inferior del diálogo le permiten operar sobre los degradados de varias maneras:

Editar el degradado

Este botón activa el editor de degradados.

Degradado nuevo

Esto crea un degradado nuevo, que comienza siendo una simple escala de grises, y activa el editor de degradados para que lo pueda modificar. Los degradados que crea se guardan automáticamente en la carpeta gradients de su carpeta personal de GIMP, desde la que se cargan automáticamente cuando se inicia GIMP. (Puede cambiar esta carpeta o añadir carpetas usando el diálogo de preferencias.)

Duplicar el degradado

Esto crea una copia del degradado seleccionado. Puede editar la copia si no puede editar el original.

Eliminar el degradado

Esto elimina todo rastro del degradado, si tiene permiso para hacerlo. Pide confirmación antes de actuar.

Actualizar degradados

Si añade degradados a su carpeta personal gradients por otros medios que no sean este diálogo, este botón hace que se recargue la lista, para que las nuevas entradas estén disponibles.

A las funciones realizadas por estos botones también se pueden acceder desde el menú del diálogo emergente, que aparece al pulsar con el botón derecho en cualquier parte de la lista de degradados, o mediante el Menú de degradado en el menú de pestaña:

Figura 15.42. El menú de degradados

El menú de degradados

El menú de degradados también le da algunas funciones adicionales:

Guardar como POV-Ray...

Esto le permite guardar al degradado en el formato usado por el programa de trazado de rayos 3D POV-Ray.

Copiar la ubicación del degradado

Este comando le permite copiar la ubicación del archivo del degradado al portapapeles. Después puede usarlo en un editor de texto.

Degradado personalizado

Este comando crea una muestra de la imagen rellenada con el degradado seleccionado. Puede seleccionar la anchura y la altura de la imagen así como la dirección del degradado en la ventana del diálogo.

Guardar como CSS

El lenguaje CSS (Hojas de estilo en cascada) se usa para dar formato a los archivos HTML y XML, por ejemplo color de fondo, tamaño de tipografía... y el degradado del fondo. El complemento «Guardar CSS» es un generador de degradado lineal de CSS3 que le permite guardar un fragmento de código CSS3, que contiene los datos de degradado para un degradado dado de GIMP. Este fragmento de código es un archivo de texto: puede copiarlo y pegarlo a la hoja de estilos relacionada con el archivo HTML, para conseguir un fondo degradado al abrir el archivo HTML en los navegadores web Firefox, Chrome o Safari. Este fragmento de código CSS3 también se puede usar como un degradado en archivos SVG.

Aquí hay un ejemplo de fragmento de código, se usa el degradado azul verde:

Un fragmento CSS creado con Guardar como CSS. 


background-image: linear-gradient(top, rgb(0,123,255) 0%, rgb(72,226,255) 56%,
     rgb(0,255,161) 100%);
background-image: -moz-linear-gradient(center top, rgb(0,123,255) 0%,rgb(72,
    226,255) 56%,rgb(0,255,
    161) 100%);
background-image: -webkit-gradient(linear, left top, left bottom,
     color-stop(0.000, rgb(0,123,255)),color-stop(0.566, rgb(72,226,255)),
    color-stop(1.000, rgb(0,255,161)));
              

3.4.2.1. Etiquetado

Puede utilizar etiquetas para reorganizar la muestra de gradientes. Consulte la Sección 3.6, “Etiquetado”.

3.4.3. El editor de degradados

Figura 15.43. El editor de degradados

El editor de degradados

El editor de degradados le permite editar los colores de un degradado. Sólo se puede usar en los degradados personales (o en una copia de un degradado del sistema), no en los degradados del sistema que vienen preinstalados en GIMP. Es una herramienta sofisticada que requiere un poco de esfuerzo entenderla. El concepto detrás de la misma es que un degradado se puede descomponer en una serie de segmentos, donde cada uno consiste de una transición suave que va de el color del extremo izquierdo a un color del extremo derecho. El editor de degradados le permite empaquetar juntos un número de segmentos, con el color que quiera para los extremos izquierdo y derecho de cada segmento, y con varias opciones para la forma de la transición desde la izquierda a la derecha.

3.4.3.1. Activación del editor de degradados

Puede activar el editor de degradados de varias maneras:

  • realizando una doble pulsación sobre la tira del degradado en el diálogo de degradados,

  • desde el menú contextual que se obtiene pulsando con el derecho sobre el nombre del degradado seleccionado,

  • pulsando sobre el botón Editar degradado en el diálogo de degradados,

  • desde el menú de degradado lo obtiene pulsando sobre en el diálogo de degradados.

3.4.3.2. Muestra
Nombre

En el área del nombre, está el botón del menú de pestañas (el triángulo pequeño).

La ventana de la vista previa del degradado

Debajo del nombre, se muestra el estado actual del degradado de su trabajo si la opción Actualización instantánea está marcada, si no, los cambios sólo aparecerán cuando se suelte el botón del ratón.

Si mueve el puntero del ratón sobre esta muestra, funciona como un recoge color. Los valores de los píxeles apuntados se muestran de una manera bastante peculiar. La Posición es un número dado con tres decimales, desde 0.000, en el extremo izquierdo hasta 1.000 en el extremo derecho del degradado entero. RGB, HSV, Intensidad y Opacidad también son una proporción...

Si pulsa y arrastra sobre la muestra, se muestran una única posición y datos RGB. Se pasan al color de frente de la caja de herramientas y a los cuatro primeros degradados de la lista (pulsando la tecla Ctrl, el color se envía al color de fondo de la caja de herramientas).

Selección del rango/deslizadores de control

Debajo de la muestra del degradado, hay un conjunto de triángulos blancos y negros alineados en fila que le permiten ajustar los puntos finales medios en la vista previa del degradado. Un segmento es el espacio entre dos triángulos negros consecutivos. En cada segmento hay un triángulo blanco, que se usa para interpolar los colores en el segmento, de la misma forma en que en la herramienta niveles se interpolan los colores. Puede seleccionar un segmento pulsando entre los dos triángulos negros que lo definen. Se cambia de blanco a azul. Puede seleccionar un rango de segmentos pulsando «Mayús» sobre ellos. El rango de selección siempre contiene un rango de segmentos consecutivos, así que si pasa sobre alguno cuando pulsa «Mayús» se incluirán automáticamente. Si la opción Actualización instantánea está marcada, la muestra se actualiza automáticamente con cualquier movimiento del deslizador; si no está marcada, los cambios sólo se muestran al soltar el botón del ratón.

Puede mover los deslizadores, los segmentos y las selecciones. Si pulsa y arrastra un deslizador, sólo mueve la transición correspondiente. Si pulsa y arrastra sobre un segmento, lo puede mover hasta el triángulo siguiente. Si pulsa mayúscula y pulsa y arrastra sobre un segmento/selección, puede mover este segmento/selección y comprimir/dilatar los segmentos siguientes.

Barra de desplazamiento

Debajo de los deslizadores hay una barra de desplazamiento. Ésta entra en juego si se amplia el degradado usando los botones de la parte inferior.

Área de información

Debajo, una caja de color muestra el color señalado por el cursor del ratón. La información sobre este color y los consejos de ayuda o mensajes de información aparecen aquí.

Botones

En la parte inferior del diálogo hay cinco botones:

Guardar

Al hacer pulsar sobre este botón se guarda el degradado, en su estado actual, en su carpeta personal gradients, así que la próxima vez que inicie GIMP, se cargará automáticamente.

Revertir

Al pulsar sobre este botón se deshace toda su edición. (Sin embargo, en el momento de escribir esto, esta función no se ha implementada todavía.)

Reducir

Al pulsar sobre este botón se reduce la representación del degradado horizontalmente.

Ampliar

Al pulsar sobre este botón se expande el área de representación del degradado horizontalmente. Luego puede utilizar la barra de desplazamiento para recorrer la muestra a izquierda o derecha.

Ampliar todo

Al pulsar sobre este botón se escala la muestra horizontalmente para que rellene la ventana con precisión.

3.4.3.3. El menú emergente del editor de degradados

Figura 15.44. El menú emergente del editor de degradados

El menú emergente del editor de degradados

Puede acceder al menú del editor de degradados pulsando con el derecho sobre la muestra del degradado, o eligiendo el elemento superior del diálogo del menú de pestañas. El menú le permite editar los colores de los extremos (establecer los colores de los extremos izquierdo y derecho de cada segmento), combinar colores, seleccionar un modelo de color y editar segmentos. este editor sólo funciona con degradados personalizados o con una copia de un degradado del sistema.

En el menú se hallan los siguientes comandos:

Editar el color del extremo

Tipo de color Izquierdo/Derecho

Este comando abre un un submenú:

Figura 15.45. Submenú del tipo de color Izquierdo/Derecho

Submenú del tipo de color Izquierdo/Derecho

Este submenú le permite seleccionar el color del extremo de los colores de frente y fondo de la caja de herramientas. Cuando cambie el color de frente o de fondo, este color del extremo también se puede cambiar. La alternativa es seleccionar un color de extremo Fijo.

Color del punto del extremo izquierdo (derecho)

Estas opciones le permiten elegir un color de los extremos respectivos usando el editor de color.

[Nota] Nota

Este comando está relacionado con el anterior y se vuelve inactivo si ha seleccionado un valor distinto de Fijo para el tipo de color correspondiente izquierdo [derecho].

Cargar el color izquierdo (derecho) desde

Figura 15.46. El submenú Cargar color desde

El submenú Cargar color desde

Estas opciones le ofrecen varias maneras alternativas de asignar colores a los extremos del segmento. Desde el submenú puede elegir (asumiendo que se desea cambiar el extremo izquierdo):

Extremo derecho del vecino izquierdo

Esta opción provocará que el color del extremo derecho del segmento vecino de la izquierda se asigne al extremo izquierdo del rango seleccionado.

Extremo derecho

Esta opción provocará que el color del extremo derecho del rango seleccionado se asigne al extremo izquierdo.

Color PP/SP

Esta opción provoca que el color de frente o fondo actual de GIMP, como se muestra en la caja de herramientas, se asigne al extremo. Tenga en cuenta que cambiar el color de frente o fondo después no cambiará el color del extremo.

Entradas RGBA

En la parte inferior del menú hay diez entradas de memoria. Puede asignarles colores usando la opción de menú Guardar que se describe más adelante. Si elige una de estas entradas, su color se asigna al extremo.

Guardar el color izquierdo [derecho] en

Estas opciones hacen que el color del extremo en cuestión sea asignado a la entrada de memoria seleccionada del submenú.

Pulsar y arrastrar colores

También puede arrastrar y soltar un color desde la caja de colores de primer plano y de fondo o desde una paleta

  • a un punto final (triángulo negro) para establecer los colores izquierdo [derecho],

  • al área del degradado, para añadir un nuevo punto final con este color en ambos lados.

Funciones de mezcla y coloreado para el segmento

Función de mezcla para el segmento

Figura 15.47. El submenú de función de mezcla

El submenú de función de mezcla

Esta opción determina el camino de la transición desde un extremo del rango (segmento o selección) a los otros, ajustando el tipo especificado de función a los extremos y puntos centrales del rango:

Lineal

Es la opción predeterminada. El color varía linealmente desde un extremo del rango al otro.

Curvado

El degradado varía más rápidamente en los extremos del rango que en su medio.

Sinusoidal

Hace lo opuesto que el tipo curvado. El degradado varía más rápidamente en el centro del rango que en los extremos.

Esférica (incremental)

El degradado varía más rápidamente en la parte izquierda del rango que en la derecha.

Esférica (decreciente)

El degradado varía más rápidamente en la derecha que en la izquierda.

Tipo de coloreado para el segmento

Figura 15.48. El submenú «Tipo de coloreado»

El submenú «Tipo de coloreado»

Esta opción le proporciona un control adicional sobre el tipo de transición de un extremo al otro: como una línea en el espacio RGB o en el espacio HSV.

Modificar los segmentos

Voltear el segmento

Esta opción voltea de izquierda a derecha del rango seleccionado (el segmento o la selección), cambiando todos los colores y las ubicaciones de los extremos.

Replicar el segmento

Esta opción divide el rango seleccionado (el segmento o la selección) en dos partes, cada una de las cuales es una copia comprimida perfecta del rango original.

Dividir segmento(s) por la mitad

Esta opción divide cada segmento del rango seleccionado en dos segmentos dividiendo en la ubicación del triángulo blanco.

Dividir el segmento uniformemente

Esta opción es similar a la anterior, pero divide cada segmento por la mitad de la distancia entre los extremos, en vez de en el triángulo blanco.

Eliminar el segmento

Esta opción elimina todos los segmentos del rango seleccionado (segmento o selección), los reemplaza por un único triángulo negro en su centro y alargando los segmentos de ambos lados para rellenar el vacío .

Recentrar el punto medio del segmento

Esta opción mueve el triángulo blanco de cada segmento del rango seleccionado al punto que se halla a la misma distancia entre los dos triángulos negros.

Redistribuir los tiradores en el segmento

Esta opción hace que los triángulos negros y blancos del rango seleccionado se desplacen para que la distancia de uno al siguiente sea la misma.

Mezclar colores

Estas opciones sólo están disponibles si está seleccionado más de un segmento.

Mezclar los colores de los extremos

Esta opción provoca que se promedien los colores en los extremos interiores en el rango, para que la transición de cada segmento al siguiente sea suave.

Mezclar opacidad de los extremos

Esta opción hace lo mismo que la opción anterior, pero con la opacidad en lugar del color.

[Atención] Atención

No hay deshacer en el editor de degradados, así que tenga cuidado.

3.4.3.4. Ejemplo de uso del editor de degradados

Todas estas opciones pueden parecer un poco pesadas. Aquí se muestra un ejemplo para aclarar las ideas:

  1. Abra el diálogo de degradados. Pulse el Degradado nuevo. Se abre el editor de degradados y muestra un degradado de negro a blanco.

    Figura 15.49. Degradado nuevo

    Degradado nuevo

  2. Pulse con el derecho en este nuevo degradado y pulse Dividir el segmento uniformemente.

    Figura 15.50. Degradado con tres segmentos

    Degradado con tres segmentos

    Cada segmento está limitado con dos deslizadores triangulares negros. Pulse en un segmento para activarlo. Presionando la tecla Mayús, puede seleccionar varios segmentos contiguos.


  3. En el menú contextual que obtiene al pulsar con el derecho en el degradado, ajuste Color del extremo izquierdo y Color del extremo derecho para el segmento seleccionado o el grupo de segmentos.

    Figura 15.51. Primer segmento coloreado

    Primer segmento coloreado

    Se ha elegido el rojo para el extremo izquierdo y el amarillo para el extremo derecho.


  4. Haga lo mismo para los otros segmentos. Entonces use las Funciones de combinación para el segmento para lograr varios efectos.