TUTORIAL: Crear Userbar

por Lizz Dom Sep 02, 2007 9:38 pm

bueno aca les presento un tuturial para crear userbar, tongue.gif

bueno el show comienza aca:

1.Para crear userbar normal primero tenemos que crear el modelo, que es las rayas que usted ve en el fondo. Para hacer esto solamente abre photoshop, seleccionamos 'el Archivo' y luego ' Nuevo .. '. Cree un 6x6 el archivo con Transparente como el color de fondo.

TUTORIAL: Crear Userbar 27152532hy4

2.Ahora usted debería ver que el nuevo documento, algo como la imagen debajo, ahora zoom ello a alrededor del 1600 %

TUTORIAL: Crear Userbar 81162152lg9

3.Ahora con su instrumento de lápiz, no el cepillo un (para seleccionar el chasquido de derecho de lápiz sobre el instrumento de cepillo), con 1px el diámetro seleccionado, entonces podemos hacer rayas realmente finas, dibuja puntos en diagonal, como esto:

TUTORIAL: Crear Userbar 90244530kn1

4.El modelo era exitosamente ahorrado, ahora es hora de construir nuestro userbar. justo cree un nuevo archivo otra vez, pero esta vez con este tamaño: 350x20.

TUTORIAL: Crear Userbar 76327434ls3

5.Ahora seleccione algunos colores para llenar su fondo, normalmente nosotros solamente dos colores, usted puede escogerlos en aquellos 2 cuadrados a la izquierda, estos:

TUTORIAL: Crear Userbar 15472247na0

6.Con el instrumento de Gradiente seleccionado, pulse sobre la cima de su documento y rastra el ratón hasta el final de ello. Esto creará algo como este (hemos escogido 2 colores canos), y el círculo rojo usted ve que hay instrumento de gradiente:

TUTORIAL: Crear Userbar 58218438cp8

7.Ahora que tenemos el color de fondo, vamos a llenarlo del repiqueteo que nosotros anterior hecho. Vaya a Corregir> Llenan y el escoger el modelo que usted ha creado.

TUTORIAL: Crear Userbar 41079759bu1

8..Su imagen conseguirá aquellas líneas diagonales, no se preocupa si usted los ve un poquito estropeado, solamente reduce con el zoom al 100 % y usted la vera bien:

9.Ahora si usted sabe un poquito sobre se encama y el relleno de usted puede jugar con ellos así la diagonal excluye no se ponen también visable, usted puede crear una nueva capa, y llenarlo de un color más brillante y luego cambiarse esto es la opacidad.

TUTORIAL: Crear Userbar 91351020tf2

10.Ahora sólo tenemos que añadir el texto y una imagen. La imagen como quiera, incorpore el que como usted quiere . el texto debería ser escrito con una fuente bitmap, el descargado una fuente el Visitante llamado de www.dafont.com y luego usarlo. En este ejemplo debajo, hemos usado al Visitante-brk-la fuente, el tamaño: 10, espacio de carácter: 25, antisolapamiento: ninguno (muy importante de otra manera, el texto conseguirá aquel efecto borroso).

TUTORIAL: Crear Userbar 10yw9

11.Opcionalmente, usted puede crear un nuevo bramido de capa el texto un y con el Instrumento de Tienda grande Elíptico, crear un efecto oval, de la cima la esquina izquierda para encabezar la esquina derecha, llenarlo y luego cambiar el oppacity. La cosa final de hacer es de acariciar userbar entero con un 1px la línea negra , hacer esto solamente crear una nueva capa sobre la cima de todo los demás, debería ser transparente y acariciarlo. Aquí está el resultado final de nuestro userbar.

TUTORIAL: Crear Userbar Untitled1copycl0