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

133101 Mensajes en 17671 Temas- por 152090 Usuarios - Último usuario: Declan Fraser
 
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 1124 veces)
Lukas-fm
ZP User
*

ZP Points: +0/-0
Desconectado Desconectado

Mensajes: 20
$0.00 Zollars

Inventorio
Enviame Zollars

l - Diseño Grafico - l


Ver Perfil
« en: Noviembre 30, 2006, 06:33:10 »
Favoritos y Compartir

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:

the-dander
Oops I did it again!
Co-Admin
ZP X-Master
*****

ZP Points: +195/-162
Desconectado Desconectado

Sexo: Masculino
Mensajes: 4128
$596.00 Zollars

Inventorio
Enviame Zollars

Rainbow Dash is a biatch!!


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

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

cya!
En línea

teeo
ZP User
*

ZP Points: +0/-0
Desconectado Desconectado

Mensajes: 5
$0.00 Zollars

Inventorio
Enviame Zollars

Ver Perfil
« Respuesta #2 en: Diciembre 06, 2006, 05: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:  

¿Te gusta lo que ves? ¡Registrate! y forma parte de esta increible comunidad.