Blog de Pepe

Diseño, Ubuntu, Juegos, y un poquito mas

Estilo glossy con gimp febrero 6, 2009

Filed under: Diseño — huakalero @ 7:58 pm
Tags: , , ,

Este estilo aplica para cualquier diseño que ustedes puedan crear, realmente el estilo gloss es aplicable a cualquier cosa, desde botones, hasta superficies de objetos. Yo lo he usado para el logo de ubuntu que puedes ver en este link, y le ha dado un aspecto diferente. Cabe mencionar que no se puede abusar mucho de este efecto, pues perderia su sutileza, a mi punto de vista es un detalle que resalta pero usado en exceso puede dañar la vista.

Comenzare entonces mostrando lo que vamos a crear:

glossy

Primero abriremos un archivo de gimp, no te puedo decir con que medidas ya que dependera de que tan grande lo quieras hacer, para este ejemplo me servira algo de 640×480. Teniendo abierto gimp presionamos ctrl + n e ingresamos las medidas de nuestra imagen para despues hacer clic en aceptar. La medida que yo elegi ya viene predefinida asi que puedes elegirla desde la lista.

Debes saber que el interior del objeto al que le vallas a aplicar el efecto debera tener un degradado de acuerdo a la figura, si es un cuadrado sera un degradado lineal, si es un circulo sera un degradado radial. Para este ejemplo dibujare un circulo, una forma muy facil de hacerlo es usando la herramienta de seleccion que selecciona usando circulos. Puedes seleccionarla desde la barra de herramientas o presionar la tecla E. Si vez que tu puntero no cambia de forma y por ello piensas que no seleccionaste nada, intenta moverlo un poco, a veces pasa.

Entonces con la herramienta antes dicha traza un circulo, yo tengo un fondo blanco para que puedas ver lo que hago. Presiona la tecla shift para hacer un circulo perfecto.

pantallazo-glossyxcf-30-rgb-1-capa-640x480

Ahora debemos decidirnos por los colores que llevara nuestra figura, el rojo queda muy bien con este efecto asi que usare ese. El degradado sera de arriba hacia abajo, usando el primero el color mas claro y luego el mas oscuro. Asi que preparamos nuestros colores, hacemos clic en los cuadros para seleccionar el rojo claro y un rojo oscuro.

pantallazo-gimpCrea una nueva capa, para no revolver todo. Ahora selecciona la herramienta de degradado (puedes usar la tecla L) y selecciona el degradado de frente a fondo con la forma radial, recuerda que este es un circulo, si tu lo aplicas a otra figura deberas usar la forma adecuada. Traza la linea de degradado partiendo un poco afuera de la figura y llegando desde abajo hacia el centro. Puedes usar la tecla ctrl para que sea derecha.

gimp1Se habra llenado el circulo con el degradado. Sin perder la seleccion, vuelve a escoger la herramienta de seleccion en forma de circulo, y selecciona el modo intersección gimp2. Esta nueva seleccion “cortara” a la anterior dejando solo la zona donde se hallan intersectado ambas selecciones. Esta nueva zona sera donde aplicaremos el efecto. Una vez hecha la seleccion crea una nueva capa, esta contendra solo el efecto, de tal modo que si queremos cambiar los colores de la figura “el brillo” seguira aplicando.

gimp3Selecciona como color de frente el blanco, selecciona la herramienta degradado, con modo lineal y degradado de frente a transparente.

gimp4Ahora el degradado sera de arriba hacia abajo, en una linea recta que vendra desde afuera de la figura, cubriendo toda la seleccion y un poco mas.

gimp5Y ahi tienes el efecto glossy con un circulo, puedes ver otro ejemplo donde aplique esto aqui.

 

2 Responses to “Estilo glossy con gimp”

  1. Eliécer Says:

    Pura vida, muchas gracias. Para uno que empieza es de gran ayuda.


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s