Como crear un userbar

Hola saludos y gracias a todos los que tomen el tiempo de seguir este tutorial,el cual espero les guste y pueda ser de utlidad como para mi lo fue a la hora de elaborarlo...sin mas preambulo comenzemos ^^

Bueno lo primero que vamos hacer sera crear un nuevo documento de (320px) de ancho por (20px) de largo “el tamaño lo pueden variar a su gusto” y color trasparente

Ahora lo que haremos sera rellanar el lienzo del color que gusten con la herramienta degradado,y tendran que tener algo asi:



Ahora lo que procederemos hacer es ponerle nuestro nombre, y seguido le agregaremos una imagen de nuestro agrado.

Nota: para agregarle una imagen al documento presionamos las teclas CTRL+O,buscamos en nuestros archivos la imagen y damos abrir,luego tan solo debemos tomar la herramienta mover,para asi arrastrarla al lienzo y acomodarla a gusto.

Bueno una ves hecho esto nuestra barrita debe lucir algo asi:



Ahora es el momento de ponerle las lineas y para asi usarlas siempre que hagamos nuestra userbar… para ello hay dos formas las cuales explicare acontinuacion:
Primero abrimos un nuevo documento de (4px) de ancho por (4 px) de largo, una ves con lienzo listo le aplicaremos un (zoom) de 1600% para asi trabajar mejor” para ello tan solo presionamos tecla CTRL Y la tecla +” Una vez que tenemos el archivo mas ampliado procederemos a usar la herramienta lapiz



Ahora,con el lapiz en color negro,diametro 1,modo normal y opacidad 100%,procedemos a realizar una línea en diagonal hacia abajo,asi:



Una vez que tenemos esta linea, con el archivo seleccionado,vamos a EDICION/DEFINIR MOTIVO,luego se nos presenta una ventana,en donde solo tendremos que colocar un nombre para el motivo y listo.

Ahora que tenemos el nuevo motivo,cerramos el archivo de la linea, sin guardarlo,y seguimos trabajando con la Userbar.Ahora para poder colocarle a la Userbar las diagonales,solo debemos de utilizar la herramienta "Tampon de Motivo" situado en nuestra barra de herramientas… Una vez seleccionada, procedemos a elegir el motivo que acabamos de crear asi:



Ahora crearemos una nueva capa,en para ello damos un clic sobre nuestra capa de fondo para que la capa creada se situe en medio de nuestro render y el fondo.Seguido comenzamos a pintar nuestra barrita con el tampon para crearle las lineas y que nos quede algo asi:



Bueno esa seria la primera forma de crear las lineas,ahora la segunda forma seria esta: Deben dar clic a la siguiente imagen para descargar el archivo el cual se encuentra comprimido en Winrar y contiene una serie de motivos, una ves hecho eso lo descomprimen y en photoshop tan solo deben darle nuevamente al tampon de motivo, pero esta ves aran los siguiente pasos para cargar los estilos:



Una ves hecho eso se les abrira una carpeta la cual contiene los motivos ya predefinidos por el Photoshop,lo que tienen que hacer es buscar en su PC los motivos que descomprimieron y cargalos,para despues poder usarlos en lo que tengan gusto,en este caso seria nuestra userbar…

Ya una ves hecho todo esto, nuestra userbar va tomando forma, pero aun queda agregarle unos detalles…ahora procedemos a tomar la herramienta marco eliptico para ello nos situamos en la capa del render y hacemos una seleccion como esta:



Seguido creamos una nueva capa y sobre la seleccion que hicimos damos clic derecho para escoger la obcion rellenar,una ves ahi en la ventana que se nos abre tan solo debemos dar en color,escogemos el blanco y una opacidad de 50%.




Fuente: MundoXat
Creditos: TNT/Noctambulo

Hecho esto ahora tan solo damos nuevamente clic derecho sobre la seleccion para dar en deseleccionar.Bueno se puede decir que ya tenemos casi lista nuestra userbar ya ahora solo nos queda agregarle un pequeño borde, para eso haremos los siguiente…nos situamos nuevamente en nuestra barra de herramientas para tomar la herramienta marco rectangular,seguido procedemos a realizar una seleccion sobre toda nuestra userbar,ahora con la seleccion hecha creamos una nueva capa por encima de todas las demas y nos tendria que quedar algo asi:



Ahora daremos clic derecho sobre la seleccion,escogemos la obcion contornear y en la venta que nos sale colocaremos los siguientes valores:



Nota: Los valores los pueden cambiar a su gusto y el color tambien,tan solo van a Edicion/paso atras y les saldra otra ves la seleccion a la cual tan solo deberan repetir los pasos anteriores.

Bueno ahora si tenemos el resultado final de nuestra userbar!!!



<<< final

Ya solo queda guardarla en nuestra PC y darle el uso que deseen. Espero que halla sido se su agrado este tutorial y a todos aquellos que se an tomado el tiempo de leer este post muchas gracias, espero sus comentarios y poder ve los resultados resultados.Si no tienen tiempo o cuentan con el photoshop y les gustaria algun diseño me lo pueden hacer saber que con gusto se los puedo elaborar.

Notas de autor: Creo que no esta demas decir que ustedes le pueden dar mas acabados a su userbar,es cuestion de usar los filtros o estilos de capa,tambien hago mencion de que hay un programa para crear este tipo de barritas…pero para mi resulta mas interesante poderlas hacer en el PhotoShop,ya que siempre se aprende algo nuevo.

Bueno dejare algunos de sus diseños ^^





<<< elaborada para su novia ^^





<<< estilo mas para firma


Fuente: MundoXat
Creditos: TNT/Noctambulo

Dejare UB aqui para que los usen...









Aqui userbars simpsons.
































Bueno espero y les puedan ser utlides ^^ Aqui uno mas de sus diseños.


Fuente: MundoXat
Creditos: TNT/Noctambulo