Tutorial para crear 'userbars' con GIMP.

Este es el resultado final:

En este tutorial vamos a crear estas firmas que tan de moda se han puesto últimamente, utilizaremos las
herramientas de relleno, selección, lápiz, patrones y texto. Con una dificultad
media.

Se ha utilizado la version 2.3 (dev) de The GIMP, bajo GNU/Linux (ubuntu breezy), aunque el tutorial se
puede seguir desde otras versiones recientes de GIMP sin importancia de la plataforma utilizada.

Como siempre os recomiendo guardar utilizando el formato nativo de GIMP (*.xcf), que os permite
realizar posteriores modificaciones sin perder parte de la información. Y al final del proceso exportar al
formato deseado (*.jpg en esta ocasión).

Para el texto se ha utilizado la tipografia 'SquareDance', disponible para descargar desde aqui.

Iniciamos el GIMP, abrimos una imagen nueva (Ctrl+N) con un tamaño de 350x19 píxels (px), el
'estándar' de las 'userbars'.

• Gradiente:

Mayús+B para rellenar la capa de fondo con un gradiente de los colores que mas nos
gusten, o según la temática de la firma.
Guardamos el resultado (userbar.xcf).
 • Patrón:

Ahora pasaremos a crear el patrón de fondo, o relleno, al que llamaremos 'scanlines'.

Vamos a abrir otra nueva imagen Ctrl+N de 6x6 px, lo ideal seria dejar el fondo transparente,
aunque en este tutorial utilizé un fondo de color blanco.
Seleccionamos la herramienta de lápiz (N), con esta herramienta será mucho mas sencillo
realizar el dibujo del patrón, con una brocha de 1 píxel.
Poned un zoom del 800% para que os sea mas fácil realizar el dibujo, dirige el cursor del ratón al
extremo inferior de la izquierda y dibuja un sólo punto, ahora mientras mantienes pulsada la
tecla SHIFT mueve el ratón hasta el extremo superior derecho y vuelve a pulsar. Con esto has
conseguido una línea totalmente recta, en diagonal de toda la imagen.

Vamos a guardar la imagen resultante como un patrón, Guardar como scanline.pat y

luego le decimos a GIMP donde buscar ese patrón para que podamos utilizarlo en todas nuestras
composicines, en la barra de herramientas --> archivo --> preferencias -->
carpetas --> patrones y añadir una nueva carpeta donde tengamos guardado el patrón.
Reiniciamos GIMP.
Abrimos de nuevo la imagen de la userbar.xcf.
Creamos una Capa nueva, transparente y le aplicamos el relleno con patrón
seleccionando nuestro 'scanlines.pat' anteriormente creado, basta con clicar encima de la capa y se
rellena todo.
Seleccionamos la capa con el patrón de fondo y cambiamos la opacidad al 20%, o según el
criterio personal.

• Texto:

Ahora introducimos el texto, utilizando la fuente pixelada o según las preferencias personales,
utilizaremos el color blanco y un tamaño de 8px.

Para añadirle el borde al texto vamos a seguir estos pasos (indicados en el foro por
Tanda):
Seleccionar la capa con el texto.
Alfa a selección (click botón derecho ratón).
 Seleccionar --> Agrandar [Grow] --> 1px
Crear nueva capa (transparente).
Mover la capa creada debajo de la capa con el texto.
Rellenar de color negro Mayús+B

-->

• Imágenes:

Toda buena userbar tiene imágenes sobre la afición que se quiere demostrar... de modo que cada
uno deberá buscar la imagen-es que mas le convenga.

• Elipse:

Un elemento necesario, es este 'embellezedor' de userbars, muy simple de realizar:

Nueva capa (transparente).
Dibujar la elipse (redonda), Selección elíptica que alcanze de una punta a la otra de la
imagen y en la mitad de la misma que llege hasta abajo.
Rellenar de color blanco.
Variar la opacidad de la capa al 30% aprox.

• Borde imagen:

El último paso antes de finalizar nuestra userbar, crearemos un borde alrededor de toda la imagen.
Nueva capa (transparente).
Seleccionamos toda la capa (R). Seleccionar --> Encoger [Shrink] --> 1px.
Seleccionar --> Invertir (Ctrl+I). Rellenar con color negro (Mayús+B).

Y con esto hemos finalizado este tutorial!

Podeis descargar el archivo fuente desde este enlace (55Kb).

Aquí os dejo una imagen con las capas resultantes una vez finalizada la userbar.
Tutorial creado con Bluefish HTML editor, para la comunidad de usuarios hispanos de GIMP-es.

By Carles Reig a.k.a. Hande, www.sielarts.com

Primera edición 21 diciembre 2005.

Última modificación 15 marzo 2008.

Publicado bajo una licencia Reconocimiento-NoComercial-CompartirIgual