Tecnología

El Perro de Papel Idea guardada 21 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? Pincha aquí.
¿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

Relacionado

general color diseño ...

Adobe Kuler combinaciones de color

Hace unos días investigando en internet sobre el color y las diferentes combinaciones de colores encontramos la web de Adobe Kuler de Adobe Systems, que ofrece una aplicación bastante interesante para elegir y combinar colores. Esta aplicación es bastante útil para probar o crear numerosas combinaciones de colores que posteriormente podemos utilizar en nuestros diseños o proyectos. Con esta apli ...

Noticias Honor Honor Magic 2

Nuevos renders muestran el Honor Magic 2 en 3 colores degradados

A pesar de que el Honor Play dedicado a los gamers llegó apenas en agosto, un nuevo dispositivo de la marca ya se encuentra en camino. Con la reciente aparición del Honor Magic 2 en TENAA, nuevos datos de interés comienzan a revelarse acerca de este dispositivo de Honor, especialmente en cuanto a su diseño terminal. Ahora con los renders revelados a una semana de su presentación oficial, ya no que ...

FOTOGRAFÍA TUTORIALES editor de fotos profesional

Cómo mejorar el color de una foto en Photoshop

El color en las fotografías es un elemento que marca la diferencia entre una buena y una mala instantánea. Por eso, vamos a ver algunas formas en las que podemos corregir el color en Photoshop. Con unos sencillos pasos podemos conseguir resultados realmente brillantes. Pero antes de retocar el color de una imagen en Photoshop deberíamos conocer los diferentes formatos de color existentes. No es lo ...

características y tipologías de la luz en fotografía general

Las diferentes características y tipologías de la luz en fotografía

La iluminación en fotografía es muy importante ya que sin luz no podría existir. Una iluminación básica consiste en el uso de tres luces: principal, relleno y contra. - Luz Principal: es la fuente más potente, la de más intensidad, y fija la colocación de las demás.- Luz de Relleno: se suele situar al lado contrario de la luz principal, aunque no tiene por qué ser así y sirve para disimular las so ...

BLOG descargas fondos pantalla ...

Fondos de Escritorio con Calendario para Julio 2016

Los degradados están de moda y soy una enamorada de esta técnica ¡así que me he llevado una alegría de las buenas! Así que los nuevos fondos para tu ordenador con calendario incluido para Julio de 2016 ¡van de degradados! He escogido unos colores muy veraniegos, no olvides que ahora sí que sí estamos en verano, por ello, te invito a vestir de fiesta tu ordenador y tu estudio o workroom. ¡Así traba ...

piel sedosa general

Cómo conseguir una piel sedosa y radiante en cualquiera de tus fotos con Photoshop

En ocasiones nos encontramos con haber conseguido realizar con nuestra cámara un buen retrato, pero que desafortunadamente la piel de nuestro protagonista no está del todo perfecta. Este pequeño detalle puede llevar al traste nuestro trabajo, pero existe una sencilla técnica con la que podrás "resucitar" tu imagen, por difícil que te pueda parecer. Para ello te traemos el videotutorial q ...

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, ...

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 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 ...