Este Tuto es Largo, pero vale la pena, aprender a hacerlas jejeje.
Este tuto lo consegui en Internet, Cortesia de NarutoAnime, su USer Hinata.

Tutorial para elaborar Userbars

Seguramente habrás visto en éste y otros foros, que los usuarios llevan en su firma una pequeña tira compuesta por color, texto e imagen; a esas imagenes se les llama userbars.

Muchas veces necesitas una userbar y no la encuentras, ¡ahora es tu oportunidad de hacerlas en caso de que la userbar que desees no exista!.

Con este sencillo tutorial, ilustraré paso a paso su realización en Photoshop

1. Abrimos Photoshop (no importa la versión que tengas) y nos dirigimos a Archivo | Nuevo y en el cuadro que nos aparece, elegimos altura y anchura 6 pixeles, resolución de 72 pixeles por pulgada, modo de color RGB y elegimos el fondo o Background como transparente.Damos aceptar



2.Ahora aumentamos el Zoom de la imagen para verla bien detallada, y para eso, damos click sobre una lupa que aparece en la caja de herramientas(ese es el Zoom), colocamos la mini lupa sobre la imagen y la ampliamos hasta que nos aparezca 1600% en el titulo de la imagen. Al final se verá así



3. Vamos a la caja de herramientas y elegimos la herramienta lápiz (esta se encuentra detrás de la brocha). Opriman la tecla "D" para que el color de frente sea el negro y el de fondo sea el blanco.



En la herramienta lápiz, seleccionamos Diámetro de 1 pixel (1 px) y trazamos una diagonal de extremo a extremo. (Si les es muy difícil trazar la línea diagonal, trazen cuadro por cuadro hasta completar la diagonal)

4. Vayan al menú Edición y seleccionen "Motivo" o "Definir Motivo" (en ingles se llama Pattern) y le dan un nombre fácil de recordar y dan click en Ok o en Aceptar.



5.Nos dirigimos otra vez a Archivo | Nuevo y en el cuadro que nos aparece, elegimos altura 20 pixeles y anchura 350 pixeles, resolución de 72 pixeles por pulgada, modo de color RGB y elegimos el fondo o Background como transparente. Damos aceptar




6. Ahora lo que debemos hacer es cambiar el color frontal que es el Negro. Para eso den doble click sobre el cuadro de color negro y elijan un color de su preferencia (sugiero que elijan un color claro, es decir, en vez de azul, seleccionen azul claro. Si es amarillo, amarillo claro y así. El color de fondo siempre debe ser blanco, por que la userbar queda mejor con frente coloreado claro y fondo blanco.





7. Escojan la herramienta degradado y arrástrenla sobre la imágen transparente que acaban de crear. Hasta aquí tienen la base de la userbar



Les quedara asi:


8. Vayan al menú Edición y seleccionen "Rellenar". En la pestaña "Usar" (Use en ingles), eligen Motivo y buscan el que ya crearon (la linea de 6 x 6 pixeles del paso anterior. En la opacidad seleccionen un valor bajo entre 30-45%, de modo que la diagonal quede clara, lo demás lo dejan como está y dan aceptar.



9. Ahora la userbar está con el degradado que le pusieron mas las diagonales.



10. Coloquen un texto a su userbar alusivo a la imagen que le vayan a poner y usen todas las opciones y efectos de texto que quieran. Sugiero seleccionar las opciones como esta en la imagen



11. Abran la imagen que le van a poner a la user



En la imagen, recorten la sección que necesiten con la herramienta selección (un cuadro punteado en la caja de herramientas .

Usen la herramienta varita mágica para eliminar el fondo presente en la imagen que tienen. Tras cada selección con la varita opriman delete en el teclado. La varita seleccionará lo que no necesiten y al oprimir la tecla delete, estaremos borrando lo que no necesitamos.

Al final quedó así


Sigan hasta que ya no vean mas fondo en la imagen. Al terminar esto, redimensionen la imagen, para eso se van al menú Imagen | “Tamaño de imagen” y seleccionen las dimensiones necesarias para que así pueda caber en la userbar. Solo cambien los valores de ancho y alto. Lo demas déjenlo como está y den aceptar.



12. En la imagen con el degradado y las lineas, vayan a Edición | Pegar y listo, ya han creado su userbar.



El paso final es guardarla como archivo de photoshop (psd) en caso de que deseen modificarla después y luego la tarea es guardarla como archivo png para subirla a Imageshack o Photobucket.

Muy buen tutorial!
+1
Pronto traigo out.