Petición: ¿Cómo crear firmas (user bars) en GIMP?

Acá dejo la respuesta a la petición de mi amigo Hugomazaa.

Aclaro que  este Tutorial fue creado con Bluefish HTML editor, para la comunidad de usuarios hispanos de GIMP-es, además está bajo licencia CCommons

 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 350×19 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 6×6 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.

Si aún han quedado dudas acerca de este tutorial, pueden descargar este otro que me encontré en Mundo Tutoriales, versión del documento : pdf

DESCARGAR