¡Qué bonito botón! ¿Está hecho con Flash? ¡NO! con GIMP
Thursday, December 6th, 2007Me tope con un tutorial para hacer botones con GIMP, buscando en foros pude ver que hay mucha gente reasia al idioma inglés y todo lo que se encuentra escrito con éste, no es leído por ellos, aunque le sea de gran útilidad. Por eso basandome en dicho tutorial, creé uno nuevo, en la lengua de Cervantes. Para toda esa gente que necesite de dicha información.
Requisito: Tener instalado GIMP :D
Antes de empezar tenemos que tener un lienzo. Por lo que vamos a Archivo->Nuevo. En la opción del color de fondo elegimos: transparente.

Con la herramienta de selección de regiones rectangulares. Dibujamos un rectangulo sobre el lienzo. Ahora si es de su agrado que el botón tenga bordes redondeados, hay que ir a Seleccionar->Rectangulo Redondeado, elegimos un radio adecuado.

Apartir de la región seleccionada anteriormente creamos una capa, pongamosle “fondo”. Con la herramienta rellenar con color o patrón. Elegimos un color para la base del botón.

Con esto tenemos la base del botón, ahora le vamos a dar un efecto de volumen a través de una sombra. Usando la herramienta seleccion de regiones rectangulares, activamos la opción difuminar bordes y le damos un porcentaje de radio adecuado; manteniendo la tecla control presionada, lo que logramos es que al seleccionar, desmarquemos la región anterior. Una vez obtenida la nueva región al borde de la anterior región, creamos una capa, llamada “Sombra”. Usamos otra vez rellenar con color o patrón, y elegimos un color que sea más obscuro que el elegido en la base; con él rellenamos la región. Jugando con los valores del la Opacidad, podemos lograr que la sombra se funda mejor con el color base.

Ahora para lograr el efecto de brillo, hacemos una seleccion de una región rectangular (con o sin bordes difuminados) sobre la base del botón, con ésta creamos una nueva capa llamada “brillo”.

Con la herramienta de rellenar con degradado de color, elegimos como color de frente el blanco, la opción de degradado: “frente a transparente” y la forma: “Lineal”. Rellenamos la capa, tocando los valores de Opacidad logramos un mejor efecto.

Por útlimo :-), elegimos la capa “fondo” y vamos a Script-Fu->Sombra->Sombra base; con esto damos sombra. ¡Listo! tenemos un botón con un excelente diseño, obtenido completamente con herramientas de código libre (nada de software privado :D)

Espero que les haya sido de ayuda. Cualquier duda me avisan;).
Por último, me estaba olvidando, cuando guarden la imagen recuerden NADA de GIF. Por defecto GIMP no viene con esa opción. GIF, es un formato que tiene licencia privada y es mejor optar por otras alternativas como JPG o PNG, está última es de código abierto y es la que recomiendo pero no tiene compatibilidad con muchos navegadores viejos…