Bienvenido(a), Visitante. Favor de ingresar o registrarse.
¿Perdiste tu email de activación?
Ingresar con nombre de usuario, contraseña y duración de la sesión

 
Búsqueda Avanzada

99461 Mensajes en 12657 Temas- por 4011 Usuarios - Último usuario: JOHAN
 
Páginas: [1]   Ir Abajo
Imprimir
0 Usuarios y 1 Visitante están viendo este tema.
Autor Tema: [Tutorial] Como crear una Userbar    (Leído 696 veces)
Lukas-fm
ZP User
*

ZP Points: 0
Desconectado Desconectado

Mensajes: 20
$0.00 Zollars

Inventorio
Enviame Zollars

l - Diseño Grafico - l


Ver Perfil
« en: Noviembre 30, 2006, 05:33:10 »

En este tutorial voy a explicar como hacer una userbar como esta:



1- Abrimos un nuevo documento de 350x19, con fondo blanco (Archivo->Nuevo)...



2- Creamos y colocamos varias imagenes en nuestra userbar... Una como fondo, otra puede ser un render o un logo si es que la queremos hacer referida a un tema...




3- Ahora vamos a crear el motivo (lineas diagonales que atraviesan nuestra userbar)



4- Una vez que estamos en el nuevo documento, clickeamos en la lupa y luego en donde dice "encajar en pantalla", y con el lapiz, (con un grosor de 1 pixel), trazamos una linea diagonal como ésta:



5- Ahora tenemos que definir el motivo, vamos a Edición->Definir Motivo.

6- Creamos una nueva capa:

7- Rellenamos la capa con el motivo seleccionandola toda (CTRL + A), Edición->Rellenar.

8- Una vez aplicado el motivo, vamos a cambiarle la opacidad a 25%

Y nos quedaria asi:



10- Para darle el efecto de vidrio y quedase asi... :



yo hice una demostracion en flash que la podemos ver desde aqui: http://ar.geocities.com/lukas_fm/tuto/tuto.html o la podemos descargar desde aqui: http://rapidshare.de/files/27491356/tuto.zip.html

10- Para el texto, preferiblemente usamos fuentes bitmap (podemos descargarlas de http://www.dafont.com/) Yo usé "VISITOR TT1 BRK" con un tamaño de 10 y color blanco.
Luego hacemos click derecho en la capa del texto, y vamos a:
Opciones de Fusion-> Trazo-> Tamaño: 1; Posición: Fuera; Opacidad: 100%

Y nos quedaria asi:



11- Por ultimo, para hacerle el borde necesitamos crear una nueva capa, seleccionarla toda (CTRL + A) y vamos a Edición->Contornear y colocamos lo siguiente:




Espero que les sirva  Wink...

Salu2  Cool

En línea

..:: Sprite Sig ::..



_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _



_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Fan's Club:

·t-d
Feliz navidad!! jojojo
Moderador Global.
ZP xTreme
*****

ZP Points: -7
Desconectado Desconectado

Sexo: Masculino
Mensajes: 3211
$0.00 Zollars

Inventorio
Enviame Zollars

Mr. Bean.


Ver Perfil WWW
« Respuesta #1 en: Noviembre 30, 2006, 06:29:20 »

Wen tuto man  Smiley pero se vería mejor con menos opacidad al motivo  Grin

cya!
En línea

DANIEL VASQUEZ


Regalos
|||Txuben|||Chipbios|||Enrique|||Gaston|||Enrique|||Lordsiyei|||(((MKL)))|||~kael|||CystalDream|||SNT||| Darkenest|||Javox|||Kashell|||Brandonkofk|||Varg Vikernes|||?
¡Gracias!
teeo
ZP User
*

ZP Points: 0
Desconectado Desconectado

Mensajes: 5
$0.00 Zollars

Inventorio
Enviame Zollars

Ver Perfil
« Respuesta #2 en: Diciembre 06, 2006, 04:39:26 »

quedo bueno , tendrias que explicar tambien si no estas usando un render
pero igual te kedo muy weno Cheesy!
En línea

Páginas: [1]   Ir Arriba
Imprimir
Ir a: