Tecnología

El Perro de Papel Idea guardada 20 veces
La valoración media de 2 personas es: Excelente

Crea efectos con degradados de color en Gimp





El color degradado es uno de los recursos que artistas y diseñadores disponen para sus creaciones. En este tutorial veremos como aplicarlos de manera fácil para crear fondos y efectos creativos en nuestros diseños como portadas, banners o carteles.

Estos últimos años se oye hablar mucho del diseño minimalista, y en concreto del flat design. En diseño web esto se suele relacionar con el uso de colores planos y formas geométricas puras, opuesto a los diseños repletos de sombreados y efectos tridimensionales.

Parecía que el color degradado estaba condenado al olvido, pero no ha sido así ni mucho menos. Lo podemos encontrar renovado, con sutiles gradaciones de tonalidad, ocupando grandes zonas o coloreando imágenes. Buena culpa de esto puede que lo tenga la facilidad con la que puede aplicarse mediante código en el actual diseño web.
fondos y efectos colores degradados


Aquí pero nos centraremos en el diseño de nuestras imágenes para el blog o las redes sociales. Muchos programas informáticos suelen tener herramientas concretas para generar colores degradados, no solomente los dedicados a la edición y creación de imágenes digitales. De hecho hasta Powerpoint lo implementa. Sorprendentemente en programas online como Canvas y Picmonkey parecen no existir, a lo mejor estoy equivocada, no los utilizo mucho, si no es así ya puedes correjirme en los comentarios.

Para este tutorial he elegido Gimp, el programa gratuito más parecido a Photoshop. Creo que es el que nos da las mayores posibilidades para combinar de manera creativa imagen y color degradado.

Comencemos pues por entender como funciona la herramienta de degradado de Gimp diseñado una portada de post muy sencilla donde pondremos todo el énfasis en el texto.

1. Crea un nuevo documento con las medidas en píxeles de tu diseño, para ello ve a menú Archivo/ Nuevo...
2. Clica en la herramienta de degradado del panel de herramientas de Gimp. En el panel de opciones de la herramienta, clica en el recuadro donde aparece el degradado, se despliega una lista con degradados predeterminados. Para poder trabajar con más comodidad abre el diálogo de selección de degradados, puedes hacerlo desde Menú ventana/diálogos empotrables.

Vamos a generar nuestro propio degradado a partir de dos colores. La muestra Frente a fondo (RGB) realizará el degradado a partir de los colores seleccionados como colores de frente y fondo en el panel de herramientas. Clica en ellos para abrir el diálogo Colores, allí puedes seleccionar el color deseado o introducir directamente un código hexadecimal. En uigradients.com puedes encontrar una serie de muestras con el valor de los colores listos para copiar.

color degradado gimp herramienta


3. Si vamos a reutilizar este degradado en otros diseños necesitaremos guardarlo. Para ello clica sobre el icono inferior en forma de doble fotografía para crear una copia de la muestra seleccionada. Se abre el editor de degradados donde podremos nombrar la muestra, y guardar mediante el icono inferior en forma de disquete. Ahora la muestra aparecerá en el anterior diálogo de selección de degradados.

4 Vale la pena detenerse un momento en el editor de degradados. Gimp nos da herramientas para generar degradados multicolor. El básico sería el creado por dos colores. En este panel los colores escogidos se simbolizan por los triángulos negros de los extremos. El triángulo blanco representa el valor intermedio. Si clicamos y arrastramos este podremos modificar el degradado, generando una graduación del color menos suave hacia uno de los colores. Esto es útil sobre todo para generar efectos de claroscuro. Para éste diseño lo dejaremos en la mitad.

 gimp crear nuevo color degradado


5 La herramienta de degradado se aplica ocupando todo el lienzo, pintando todo aquello que pudiéramos tener en la capa seleccionada. Para aplicarlo clicaremos en un extremo del lienzo y sin soltar el botón del ratón arrastraremos hasta el lado apuesto donde volveremos a clicar. Cada clic representa los colores extremos escogidos, y a lo largo de la línea dibujada se expanden los colores en degradado. Si no nos satisface el resultado podemos volver a repetirlo las veces que necesitemos.

 gimp aplicar color degradado


En el panel de Opciones de herramienta puedes probar algunas de las formas que puede tomar el degradado, la más común el degradado radial (en el desplegable de forma)

6. El diseño se completa con los elementos que necesitemos. Una tipografía extra bold con un color que contraste puede ser suficiente para crear un diseño limpio.
fondo degradado


Ahora vamos a hacer un poco de magia.

Abre una ilustración en blanco y negro, los grabados antiguos son una buena opción. En el diálogo de capas crea una capa nueva transparente. Aplica un degradado de color sobre ella. Con esta capa seleccionada escoge como modo de fusión clarear solo. Los blancos se respetan y las líneas negras parecen tomar el color de la capa superior. Lo mismo ocurrirá si colocas texto negro bajo esta capa.
mascara color degradad


Los modos de fusión de capas nos permiten experimentar con la imagen, prueba diferentes opciones y recuerda que puedes variar la intensidad del efecto reduciendo la opacidad de la capa.
color degradado gimp fusion de capas


Este método aplicado a una fotografía en blanco y negro puede generar una atmósfera romántica y sutil. Pero, ¿y si deseamos conservar toda la potencia del color? El filtro que aplicaremos a continuación da un paso más, aplica todos los colores del degradado a la escala de grises de la imagen. El blanco ahora desaparecerá.

Abre la imagen en Gimp, selecciona el degradado a aplicar y ve a Menú / Colores / Mapa de degradado. El filtro modificará la imagen, deshaz el paso si el resultado no te agrada y cambia los valores del degradado. En imágenes muy contrastadas el efecto será muy similar a un duotono, y dependiendo de los colores se pueden llegar a imágenes muy vanguardistas.
filtro mapa de degradado gimp


Y por último recordar que podemos aplicar los degradados también a nuestros textos de manera independiente. Aplica el mismo tutorial que nos sirvió para dorarlos. Lo único que deberás cambiar es enmascarar la capa de degradado en vez de la capa de textura dorada.

¿Qué te parece, aún sigues viendo el degradado como algo aburrido y/o desfasado? ¿Qué otros efectos te gustaría aprender a realizar? Ya sabes que puedes comentar aquí abajo o en mi blog Odisea gráfica.


Blog | Facebook | Pinterest | Google Plus
MINERVA

Licenciada en Bellas Artes y profesora de dibujo. Mi interés por la comunicación visual me llevó a estudiar Gráfica Interactiva, formando parte de la primera promoción de estudios oficiales en este campo en España.

Mi blog es resultado de estas inquietudes.





Fuente: este post proviene de El Perro de Papel, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Envía una notificación de una presunta infracción de derechos. También puedes hacerlo a través de nuestro formulario de contacto.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Cómo revivir tus viejos posts

El mes pasado te hablé de qué era contenido evergreen (los posts que no pierden relevancia y que siguen generando tráfico a tu blog forever and ever), así que hoy me toca explicarte algunos trucos par ...

Recomendamos

¡No te pierdas nuestra selección diaria!

Suscríbete y recibirás en tu correo nuestras mejores ideas

Suscríbete ahora

Relacionado

internet blog gimp ...

Crea un pincel de efecto confeti con Gimp

Uno de los valores añadidos a Gimp es la posibilidad de crear tus propios recursos gráficos. En este tutorial crearemos un pincel con el que invadir nuestros diseños de confeti multicolor. No siempre podemos encontrar la fotografía perfecta o el gráfico que deseamos para completar una imagen de portada o personalizar nuestra cabecera. Hay motivos muy sencillos que bien aplicados pueden funci ...

fotografías

Editor de fotografía profesional

La fotografía es clave si quieres mostrar tus productos, tus recetas, tus viajes o los momentos en familia. A mi la fotografía me pirrra, cada vez más, si no puedo llevarme mi canon voy con el móvil haciendo fotos a mansalva cada vez que veo algo que me gusta. Tanta es mi ansia viva, que hasta me han confundido con un guiri ( así es como llamamos en Sevilla a los visitantes de otros paises ), te ...

técnica fotográfica color dominante color subordinado ...

Color dominante, color subordinado y color acento en Fotografía

A la coloración general de una fotografía se le llama dominante de color, por lo tanto, el color dominante será aquél que más presencia tenga en tu composición Llamamos color subordinado al segundo en jerarquía dentro de la dominante de color de tu fotografía. Por último, el color acento es aquél que empleas para llamar la atención sobre una parte en particular de tu composición, con un gran contr ...

técnica de proceso cruzado técnica fotográfica

Cómo retocar cualquier fotografía con proceso cruzado

El proceso cruzado (cross processing en inglés) es heredado de la fotografía analógica consistente en revelar/procesar deliberadamente película fotográfica en una solución química destinada a un tipo diferente de película.Las fotografías de procesos cruzados se caracterizaban a menudo por sus colores artificiales y su alto contraste. Los resultados del proceso cruzado diferían de un caso a otro, p ...

Camibar color Color Combinaciones de color ...

Aplicación online: Simulador de color

Cuando trabajamos en un proyecto necesitaremos ver diferentes opciones de gamas de color, ya que así será más fácil elegir la que mejor se adapte a nuestra estancia. Ahora es fácil saber cómo quedara un determinado color con la aplicación online y gratuita que recomendamos en este post. Vamos a explicar de forma básica y rápida como utilizar esta aplicación que como veras es muy sencilla de usar, ...

técnica fotográfica ángulo

El ángulo en fotografía

El ángulo en fotografía se define como la posición del fotógrafo con respecto al tema. El ángulo puede ser de las siguientes maneras: Ángulo normal: Este tipo de ángulo se toma cuando la cámara se situa a una altura similar al objeto o persona que vamos a fotografíar. Es el que más coincide con la visión normal de la persona y la que resulta menor original. Se utiliza para realizar fotografías de ...

general programas-edición editor de fotografias gratis ...

5 Editores de Fotos gratuitos para tu PC

Editores de fotos existe una gran variedad de ellos y muchos  son gratuitos. Son programas de edición que en muchas ocasiones para la mayoría de las personas cumple muy bien su cometido a la hora de editar. Además de las ediciones básicas de correción de color, luminosidad, eliminación manchas, permiten también añadir efectos mediante filtros tales como: marcos, texto, hdr, sepia, viñeteado, etc&# ...

blogger

La teoria del color, el color amarillo en tus fotografias

¿Que fotografías uso en mi pagina web? ¿Con que tonalidades para que quede todo equilibrado? ¿Amarillo, rojo, rosa ? La elección de los colores es uno de los aspectos  más decisivos a la hora de crear una página web y subir tus fotografías para que quede  todo en consonancia. El pasado mes de julio te hablaba de la importancia del color en tus fotos, y de lo que puedes llegar a transmitir con ell ...

fotos color en blanco y negro técnica fotográfica

Convierte fácilmente tus fotos color en originales blanco y negro con una pincelada de color

ColorSplash es una de las aplicaciones de fotografía más descargadas de la App Store de Apple y del Market de Android (con el permiso de Instagram, Hispamatic yPhotoshop Express, jeje), capaz de convertir tus fotografías en blanco y negro con la particularidad de permitir mantener el color de aquellos elementos de la foto que desees (lo que comunmente conocemos como color selectivo) .Aunque pueda ...