Deja un comentario

Userbars creadas con GIMP

Algo que está muy de moda en la firma de nosotros los foreros, son las userbars. Existen programas para plataformas Windows que si bién facilitan las cosas, son limitadas en sus opciones gráficas y de diseño.

Es así que podemos crearnos nuestras propias barritas de usuario usando nuestro editor GIMP.

usebar martin

El tutorial ha sido extraido de gimptalk.com y traducido por mi.

Ok, vamos a empezar creando un nuevo proyecto cuyas dimenciones serán 350 x 19 px.

Image

Ahora seleccionamos la herramienta de mezcla, elegimos los colores de frente y fondo que prefiramos.

Image

Ahora vamos a rellenar la zona de trabajo, para realizar un relleno derecho, mantenemos presionada la tecla Ctrl mientras desplazamos el mouse.

Image

Image

Ahora vamos a crear una nueva capa transparente y la vamos a rellenar unas skinlines. Para crearlas simplemente abrimos un nuevo proyecto de 4px x 4px transparente, luego tomamos la Herramienta Pincle, en sus opciones la Escala la llevamos a 0.01, elegimos el color, en este caso negro y en el area de trabajo de 4px x 4px trazamos una linea cruzada. Vamos a seleccionar todo, y copiamos, luego vamos a Menu Editar, Pegar como… Nuevo Patron y elegimos un nombre, en mi caso “barras negras”.

Hecho esto volvemos a nuestra userbar, habíamos creado una capa para aplicar estas barras, asique vamos a la Herramienta de relleno y en sus opciones configuramos para rellenar con Patrón, y seleccionamos nuestras barras negras.

Image

Luego vamos a ajustar su opacidad, dejándo el aspecto que más nos guste.

Image

Ahora vamos a crear el efecto de brillo, para eso vamos a utilizar la Herramienta Elíptica.

Image

Vamos a crear una nueva capa transparente en la cual dibujaremos un circulo desde el borde izquierdo al derecho y lo acomodamos de forma tal que nos quede similar a la imágen inferior.

Image

La rellenamos de color blanco.

Image

Para darle el efecto 3D vamos a ajustar su opacidad y la llevamos a lo que deseemos, yo usé 50.

Image

Ahora vamos a insertar una imágen como capa, por ejemplo esta.

Image
La imágen la abrimos como capa nueva, la ajustamos en tamaño a lo que querramos y la acomodamos de la forma que queramos.

Image

Ahora vamos a insertar la o las palabras que querramos, usaremos las letras que descargamos de  acá. La letra a usar es Visitor TT1 BRK

El tamaño que usaremos será de 10, escribimos y posicionamos donde nos plasca.

Image

Ahora vamos a ir a la lista de capas, tomamos la capa de nuestro texto y hacemos click derecho y seleccionamos Alpha a Selección.

Image

Ahora creamos una nueva capa y la ubicamos debajo de la capa de texto, la llamaremos Negro.

Image

Vamos a Seleccionar > Grow, y le damos un valor de 1px. Luego rellenamos todo de negro.

Image

Para el borde. Vamos a crear una capa nueva, seleccionamos todo (Ctrl + A), vamos a Editar y vamos a Stroke Selection.

Image

Asegurate que el color de fondo sea negro, y copiamos las configuraciones según vemos abajo.

Image

Listo, guardas tu imágen en el formato que querramos, yo elegí el formato PNG, y el resultado de todo es este:

usebar martin

Saludos!

Acerca de Martín Casco

Abogado, Socio del "Estudio Yaccuzzi & Casco"

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 )

Google photo

Estás comentando usando tu cuenta de Google. 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 )

Conectando a %s

A %d blogueros les gusta esto: