Como Hacer Usebars??

Tema: Como Hacer Usebars?? Mar Jun 21, 2011 12:09 am

asdsadHay muchas personas que ven userbars y quieren aprender a hacerlas, como me paso a mi buscaba tutos y no los entendia bn asi que les traigo un buen tuto:
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
Como Hacer Usebars?? 1

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í
Como Hacer Usebars?? 2

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.
Como Hacer Usebars?? 3

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.
Como Hacer Usebars?? 4

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
Como Hacer Usebars?? 5

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.
Como Hacer Usebars?? 7

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
Como Hacer Usebars?? 10

Les quedara asi:
Como Hacer Usebars?? 11

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.
Como Hacer Usebars?? 12

9. Ahora la userbar está con el degradado que le pusieron mas las diagonales.
Como Hacer Usebars?? 13

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
Como Hacer Usebars?? 14

11. Abran la imagen que le van a poner a la user
Como Hacer Usebars?? 15

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í
Como Hacer Usebars?? 16

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.
Como Hacer Usebars?? 17

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

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.

Tema: Re: Como Hacer Usebars?? Lun Mayo 07, 2012 4:12 am

gracias por ayuda a otro, tambien podeis usar: userbaner generater

Tema: Re: Como Hacer Usebars?? Mar Mayo 08, 2012 6:23 pm

esta bueno gracias n.n