Tutorial <[Userbars]>

[Soul Fighter]

Bueno este es mi primero tutorial, espero les guste :)

Tengo k mencionar k mi photoshop esta en ingles, por lo mismo pongo las fotos para k los k lo tienen en español comprendan mejor sin confuciones ;)

PD: Lo postieen varias partes porque no podia subir mas de 2 imagenes a la ves

1.- Primero creamos un nuevo documento de 350 * 19 pixeles

2.-Seleccionamos los colores k keremos en nuestra barra

http://img71.imageshack.us/img71/3073/colores0ed.jpg

3.-Seleccionamos la herramienta degradado, y la opcion k se muestra en la imagen

http://img71.imageshack.us/img71/9909/degradado6ge.jpg



Continua Abajo... \/ No posteen hasta q termine plz \/

[Soul Fighter]

4.-Seguimos los pasos de esta imagen, para crear el efecto deseado

http://img411.imageshack.us/img411/5654/linea7zw.jpg

5.-Aki el resultado, claro k cada kien lo puede poner a su gusto

http://img59.imageshack.us/img59/6751/degradadot1tn.jpg

Continua abajo \/ No posteen hasta q termine plz \/

[Soul Fighter]

6.-Ahora vamos a crear el paterno, k son las lineas k se ven por toda la barra,

-para eso creamos un nuevo documento, de 6 * 6 pixeles
-aplicamos todo el zoom posible (1600)
-ahora con el color negro, seguimos los pasos de la imagen

http://img59.imageshack.us/img59/3449/paterno7kh.jpg

7.-Una ves terminado, guardamos el paterno, para esto damos en el menu Edit y posteriormente en Definir paterno, lo guardamos con el nombre deseado y listo

8.-Ahora de regreso a la barra, creamos una nueva capa, y seleccionamos la herramienta "bucket" y el paterno como se ve en las imagenes

http://img59.imageshack.us/img59/7632/escojerpat1pm.jpg

Continua abajo \/ No posteen hasta q termine \/

[Soul Fighter]

http://img59.imageshack.us/img59/449/paternocreado7jj.jpg

9.-Ahora solo damos Click cobre la barra y se llenara con el paterno, kedando como se ve aki (pueden mover la opacidad si gustan, dependiendo de los colores de su barra, les dara diferentes resultados)

http://img406.imageshack.us/img406/5507/fondo2yo.jpg


Continua abajo No posteen aun

[Soul Fighter]

10.-Ahora ponemos la imagen k keremos utilizar, esto claro esta, es al gusto de cada kien y usando la posicion y tamaño k cada kien guste biggrin.gif

http://img406.imageshack.us/img406/3687/conimagen0mg.jpg

11.-Lo siguiente sera crear un medio elipse blanco, para eso seleccionamos la herramienta Eliptical Marquee tool

http://img434.imageshack.us/img434/5108/elipse5dd.jpg


No posteen aun ;D

[Soul Fighter]

12.-Ahora con la herramienta seleccionada, creamos una figura como se ve en la imagen

http://img434.imageshack.us/img434/476/elipsecreado8hn.jpg

13.- Y lo pintamos de color blanco utilizando la herramienta "bucket"

http://img338.imageshack.us/img338/4615/blanco4vw.jpg

aun no.. contenganse

[Soul Fighter]

14.- Modificamos la opacidad de la capa en la ventana de capas, a 31, por lo regular es la k k funciona bien, dependiendo de los colores k usen en su barra puden subir o bajar la opacidad segun sus gustos

http://img338.imageshack.us/img338/6834/opacidadblanco8rs.jpg

15.- Ya tenemos algo como esto

http://img73.imageshack.us/img73/4691/casi0vn.jpg

[Soul Fighter]

16.- Ahora pondremos el texto deseado, usando la Font Visitor TT1 BRK
con las opciones como se ven el la imagen

http://img73.imageshack.us/img73/731/texto3vi.jpg

-pueden descargar la font desde este enlace: http://iwar.gratishost.com/forums/showthread.php?p=56#post56


17.- Una ves creado el texto, le pondremos un "stroke" de un pixel, para eso vamos al menu Layers, layer style, stroke, poniendo las especificaciones de la imagen

http://img85.imageshack.us/img85/1033/stroke1wm.jpg

[Soul Fighter]

18.- Ahora selccionamos toda la imagen para crear un stroke general

http://img76.imageshack.us/img76/6383/toda2cb.jpg

19.- Despues vamos al menu Edit, stroke y lo ponemos como la imagen

http://img421.imageshack.us/img421/3554/strokeg0li.jpg

[Soul Fighter]

20.- Por ultimo, guardamos, damos en Menu, Save as y la guardamos como .gif (para k no pese tanto) pero la pueden guardar como .png o jpeg, eso ya es du decision y listo.....terminado

http://img351.imageshack.us/img351/6222/fieveltuto9do.gif


Espero les sirva de algo este tutorial, nada profesional ni espectacular, pero hecho con la intencion de ayudar ;)


Saludos de Soul Fighter :rolleyes:

[Jose Mª]

Muy buena guia.
Que edicion de photoshop usas?

[Soul Fighter]

photoshop CS2 ... mi preferido por lo demas :P

[Adriabs]

K Version Es Tu Paint Shop Pro, Esk El Mio Es 7, Pero No Encuentro El Degradadado!

[Adriabs]

A Ok Es Photoshoot, Pero Ese Te Lo Bajaste Gratis?

[Gok]

K Version Es Tu Paint Shop Pro, Esk El Mio Es 7, Pero No Encuentro El Degradadado!
Esta en la segunda opción del Bote de Pintura, almenos en el CS (8).

Gok.

[Soul Fighter]

esto es solo una idea.. pero podrian dejarlo como "Ahderido" ya que e visto a mucha genteya preguntando como hacer sus propias userbars.. y personalmente creo q en estetutorial explique todos los detalles.. pero eso es desicion de los mod y admin...


Salu2 y ojala les sea util :)

[Jose Mª]

Ese photoshop es gratis?

PD: Por cierto, "aderido" va con h intercalada "adherido" xD

[Deboniaco]

bonito tutorial, pero este tema no es de aquí, debe estar en photobucket del tibia, que sea movido!

[Soul Fighter]

Ese photoshop es gratis?

PD: Por cierto, "aderido" va con h intercalada "adherido" xD



mira.. photoshop normalmente no es gratis.. pero Siempre puedes encontrarlo gratis en algun lugar.. es cosa de buscar bien en google ;).


pd: ty por la correcion jeje ahora mismo lo edito :o

[Soul Fighter]

;0 pense q con tantas personas preguntando sobre el mismo tema.. crear este tutorial tendria bastante exito =o

vamos vamos! solo van 97 visitas.. que acaso no tenian tanto interes? :rolleyes:


gogo y ojala ademas me den sus opiniones.. y me cuenten las dudas que les quedaron.. no creo q haya sido perfecto y que nadie tenga dudas ;) jeje



ya.. Salu2

[esteban]

muy buena guia

[Suhugo]

Que buena guia.Enorabuena por la guia

[RogzI]

Si no me líara a la mas minima de ver tantas cosas que hacer ahora mismo haria, pero ten por seguro que es una pasada. Muy bueno. :)

[Jose Mª]

Como se crea una nueva capa, eske soy nuevo en esto :S

[Soul Fighter]

dime en que punto te quedaste para poder explicarte mejor

Salu2

[Lanwze]

esta wenisima!pero poner una de firmas porfaa!xD taluego!

[Luthor]

esta wenisima!pero poner una de firmas porfaa!xD taluego!

He hecho varias para hacer firmas, asi que si me dan permiso puedo colgaros alguna

@ Jose Mª

Tan solo dale en la ventana de capas al icono que sale una hoja blanca o ve [a capa (en inglés layer) » Nueva capa (New layer)

Buen tutorial ;)

Saludos

[Adriabs]

pues yo quiero usar la goma para borrar las linias que quedan entre la imagen que quiero poner sobre la barra, pero uso eraser tool pero no me borra nada :(

[Adriabs]

Ah otra cosa, cuando quiero hacer lo del medio elipse, llego hasta colocarlo bien, que se ven las rallitas esas moviendose como cuando seleccionas algo, pero al darle a paint bucket tool para intentar pintarlo no se me pinta :(

[Adriabs]

Vi que para pintarlo d blanco hay que pintar trozito a trozito pero al bajar la opacidad se me queda borrada la parte de la imagen que pinté de blanco, pero digo borrada de que no esta, como si la hubiesen cortado :S

[Soul Fighter]

Vi que para pintarlo d blanco hay que pintar trozito a trozito pero al bajar la opacidad se me queda borrada la parte de la imagen que pinté de blanco, pero digo borrada de que no esta, como si la hubiesen cortado :S


hum.. pues algo deviste haber echo diferente porq al pintar el circulo de blank se pinta entero de uno y al bajarle el opaco se bala el puro circulo..


revisa mejor paso por paso lo que isiste antes ;)

[Adriabs]

k alguien responda porfa esk tengo ganas de hacer userbars ya

[Adriabs]

a ok ya respondieron xd gracias

[Adriabs]

ok entoncs una cosa, cuando haces el semicirculo cuando todavia salen las hormigas esas "las rayas discontinuas k se mueven xd) cojes el bote de pintura blanca, con las rayas aun moviendose, y le das a la parte del semicirculo??? esk es asi como lo hago xd

[Adriabs]

a la hora de poner el paterno tambien tengo k llenarlo por trozitos, sera algo de la configuración???

[Soul Fighter]

a la hora de poner el paterno tambien tengo k llenarlo por trozitos, sera algo de la configuración???

cuando pones el paterno siempre va a ser en trositos.. pero llenar el circulo es todo de 1

[Roksman]

Gracias man, sin ti creo que no puediese hacer una Userbar.. yo hice la mia pero de 350x40 para q me un espacio bueno para la imagen.. aun soy un novato, nisiquiera se donde poner la font cuando la descargo ni poner la imagen mas pequeña en una firma o userbar o algo x el estilo xd..

Aunq no pude hacer que lo de arriba se viese un poco mas claro, no se xq.. pero aca ta mi userbar un poco mas grandes q las demas, no tiene la letra de visitor, xq no se dodne ponerla cuando la descargo..

Primera userbar.. By Roksman

http://img82.imageshack.us/img82/6359/untitled1qe9.jpg

[Saxtux]

ya tengo el photoshop y empezare a hacer mis firmas :)

[hoscker]

muy buen tutorial me gusto mucho voy a ver si hago uno para avanzado me costara por q soy nuevo en esto xD pero ya me las arreglare :D

[El de los Nueve Cuernos]

no aces userbar a pedido?

[Lin Banin]

En cuanto tenga tiempo me hago un userbar. :D buen tutorial

[lokata]

muy buena guia! :) ya habia visto muchas pero esta esta explicada mucho mejor que todas las que vi.. muchas gracias, salvo que tengo el photoshop en español :P pero igual se entiende...
Saludos

[Zalaxus]

Por fin encontre como se hacian las dichosas barritas!xD, Bueno Gracias

[Kevin II]

buen post, pero tengo una pregunta. Es asi con todos?

[Valdenilson The Nightmare]

LOL... Llegue hasta el paso 10 sin problemas pero cuando pego la imagen no puedo colocarla a la izquierda solo la puedo colocar al medio y no puedo movela ayuda por favor:(

[Bere]

LOL... Llegue hasta el paso 10 sin problemas pero cuando pego la imagen no puedo colocarla a la izquierda solo la puedo colocar al medio y no puedo movela ayuda por favor:(

Andá a "Archivo", "Colocar" y desde ahí vas a poder colocar :D la imágen a tu gusto :).

[Valdenilson The Nightmare]

Hey pero cuando coloco "colocar" solo puedo colocar imagenes de solo algunos formatos (.AI/.EPS/.PDF/.PDP)

[Valdenilson The Nightmare]

Hey pero cuando coloco "colocar" solo puedo colocar imagenes de solo algunos formatos (.AI/.EPS/.PDF/.PDP)

Por que siempre ke hablo algun tema ese tema nunca sigue???:(:(

[kenxu]

Amigo "Soul Fighter" podrías subir el .psd a rapishare o megaupload para poder descargar y editarlo mucho mas facil.

Gracias de antemano
:D