Hoy (ya no sé si es hoy o mañana) llego con un tutorial sobre cómo hacer las famosas userbars con el GIMP.
Al principio puede parecer medio largo pero al hacer uno o dos, el proceso se hace luego mucho más corto.
Patrón de líneas diagonales
He hecho un patrón de líneas diagonales que a mi parecer queda bastante bien en los Userbars. Pueden descargar el archivo desde acá: stripes. Deben guardar el archivo en ~/.gimp-x.x/patterns. Las dos x corresponden a la versión de GIMP que tengan instalada. Este patrón nos va a hacer falta más adelante.
Hay una maner más sencilla de hacer los "stripes", que es seleccionando Filtros -> Distorsiones -> Video y seleccionando 3x3, pero a mí no me gusta porque pone colores verdes y rojos alrededor de las líneas y quedea medio feo ¬¬.
Creando el Userbar
Una vez que tenemos guardado el patrón, iniciamos el GIMP y creamos un archivo nuevo de 350 px por 19 px.
Una vez hecho esto, elegimos un par de buenos colores, hacemos clic sobre la herramienta degrado y arrastramos el mouse de un lado a otro de la imagen para lograr el degrado que queremos.
A continuación creamos una nueva capa llamada lineas con fondo transparente y del mismo tamaño que la imagen. Seleccionamos la herramienta de clonado, elegimos el máximo valor en Proporción y arrastramos de una sola pasada el mouse de una punta a la otra de la imagen.
Ahora seleccionamos la capa lineas y bajamos la opacidad a un valor de entre 25 y 30 porciento. Luego creamos una nueva capa llamada elipse. Seleccionamos la herramienta Elipse y dibujamos una elipse como la mostrada debajo. Una vez hecha la selección, escogemos la herramienta de relleno (el tacho de pintura) y pintamos la selección con color blanco. A continuación seleccionamos la capa elipse y bajamos el valor Opacidad a entre 15 y 20 porciento.
Ahora creamos un texto con el contenido que queramos usando la fuente Visitor TT1 BRK en tamaño 10.
Una vez hecho esto, hacemos clic derecho en la capa correspondiente al texto que creamos, seleccionamos Alfa a Selección y creamos una nueva capa llamada negro. Vamos a Selección y hacemos clic en Agrandar [Grow], y agrandamos con un valor 1.
Ahora escogemos la herramienta de relleno y pintamos con color negro la capa recién hecha.
Ya podemos incrustar la imagen que más nos guste para acompañar al texto. En este ejemplo usé esta:
Para esto, creamos una capa nueva y luego pegamos la imagen que más nos guste en esta. A continuación creamos una nueva capa llamada borde, presionamos Ctrl+A, vamos a Editar y escojemos Trazar selección [Stroke selection]. Elegimos valor 1 y hacemos clic en aceptar.
El orden ideal de las capas debería ser el siguiente (de superior a inferior):
1) borde
2) elipse
3) imagen
4) [texto creado]
5) negro
6) lineas
7) fondo
Ya podemos guardar la imagen, preferentemente en formato PNG.
El resultado debería ser parecido al siguiente:
Les dejo otros userbars que me hice:
Via | Scribd
