elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Tutorial básico de Quickjs


+  Foro de elhacker.net
|-+  Media
| |-+  Diseño Gráfico
| | |-+  UserBars.
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] 2 3 4 5 6 7 8 Ir Abajo Respuesta Imprimir
Autor Tema: UserBars.  (Leído 21,389 veces)
cacolo

Desconectado Desconectado

Mensajes: 155


Motocross RiDer! / Registrado : 06 Abril 2006


Ver Perfil
UserBars.
« en: 11 Abril 2006, 13:47 pm »

Las famosas Barritas k se pueden ver en casi todos los foros en la firmas d los users !! ak un tuto como hacerlas.

En este tutorial voy a enseñar como hacer una userbar como esta:


1- Abrimos un nuevo documento de 350*19, con fondo blanco


2- Creamos un degradado que será el fondo de la userbar



3- Ahora vamos a crear los scalines [lines diagonales que atraviesan nuestra userbar]



4- Una vez que estamos en el nuevo documento, le damos zoom al 1600%; y con el lapiz, [con un grosor de 1 pixel], trazamos una linea diagonal como ésta:



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

6- Creamos una nueva capa:


7- Rellenamos la capa con los scalines, Edición->Rellenar.

8- Una vez aplicados los scalines, vamos a cambiarle la opacidad entre 30% y 70%; depende de la claridad/oscuridad que le quieran dar a la userbar.

Con una opacidad del 30% quedaría así:


Opcional: Este es un detalle que va por gusto propio.
Con la herramienta degradado en ésta forma:
Voy a hacer un degradado de la izquierda a la derecha, ahora quedaría así:

9- Vamos a agregar una imagen relacionada con el tema de la userbar


10- Agregamos el texto, preferiblemente usen fuentes bitmap [pueden descargarlas de http://www.dafont.com/bitmap ] 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%

11- En una nueva capa vamos a hacer un degradado con el color frontal blanco y nuevamente en esta forma:
De arriba hacia abajo, si piensan que les quedó muy claro pueden bajarle la opacidad, yo la dejé al 100%, nuestra userbar luce así:

Nota: Sin querer, cuando estaba explicando esta parte del tutorial desactivé la vision de la capa del texto y de la del paso Nº 11, ustedes no las desactiven

12- Ahora viene una parte complicada de explicar, pero no de poner en practica.
Agarramos la pluma
Y con el color frontal en blanco trazamos 1 punto a cada lado del ancho de la userbar, y uno al medio, así:



Ahora movemos el punto del medio hacia abajo, ésto se hace manteniendo presionado el CTRL.


Ahora trazamos 2 puntos fuera de la userbar, así:


Vamos a Capa-> Rasterizar-> Capa. Y ponemos la opacidad de ésta capa en 20% (Si quieren darle mas opacidad pueden, personalmente lo prefiero así)

13- Para finalizar vamos a crear el borde.

Creamos una nueva capa - La seleccionamos presionando CTRL+A - Vamos a Edicion->Contornear.

Tamaño: 1 PX; Color: Negro; Posición: Dentro


Tuto echo Por: Liam


En línea



Jeferi


Desconectado Desconectado

Mensajes: 886



Ver Perfil WWW
Re: UserBars.
« Respuesta #1 en: 11 Abril 2006, 15:14 pm »

Esta weno el tuto si, yo me hice uno :P Hace tiempo que no utilizo Photoshop xD



Saludos Jeferi


« Última modificación: 11 Abril 2006, 15:41 pm por Jeferi » En línea

cacolo

Desconectado Desconectado

Mensajes: 155


Motocross RiDer! / Registrado : 06 Abril 2006


Ver Perfil
Re: UserBars.
« Respuesta #2 en: 11 Abril 2006, 16:25 pm »

me alegra k te alla servido =), y t kedo bien la firma !! si me das persimo me la pongo yo tmb :D
En línea



Jeferi


Desconectado Desconectado

Mensajes: 886



Ver Perfil WWW
Re: UserBars.
« Respuesta #3 en: 11 Abril 2006, 17:38 pm »

Si quieres te la pones xD me da igual, mejor :P

Saludos Jeferi
En línea

cacolo

Desconectado Desconectado

Mensajes: 155


Motocross RiDer! / Registrado : 06 Abril 2006


Ver Perfil
Re: UserBars.
« Respuesta #4 en: 11 Abril 2006, 18:25 pm »

Ahi ta !! jajaja kedo buena :P, Estaria bueno hacer Varios modelos, dps cuando tenga tiempo me voy a poner hacer unas, hasta ocn animaciones... tipo.. como esta d quicksilver


o asi

En línea



Azielito
no es
Colaborador
***
Desconectado Desconectado

Mensajes: 9.188


>.<


Ver Perfil WWW
Re: UserBars.
« Respuesta #5 en: 11 Abril 2006, 19:32 pm »

hice una sin borde y quedo bonita ;D



esta bueno el tuto ;D
« Última modificación: 11 Abril 2006, 19:34 pm por Azielito » En línea

cacolo

Desconectado Desconectado

Mensajes: 155


Motocross RiDer! / Registrado : 06 Abril 2006


Ver Perfil
Re: UserBars.
« Respuesta #6 en: 11 Abril 2006, 19:56 pm »

ja ta muy buena !! me copa k lo pongan en practica y les alla ayudado =)!

un borde negro clarito o Azul como el color del fondo pero mas notable kedaria buena tmb tu bar azielito
En línea



Azielito
no es
Colaborador
***
Desconectado Desconectado

Mensajes: 9.188


>.<


Ver Perfil WWW
Re: UserBars.
« Respuesta #7 en: 11 Abril 2006, 20:01 pm »

ya quedo, definitivamente se ve mejor ;D
« Última modificación: 11 Abril 2006, 20:13 pm por Azielito » En línea

cacolo

Desconectado Desconectado

Mensajes: 155


Motocross RiDer! / Registrado : 06 Abril 2006


Ver Perfil
Re: UserBars.
« Respuesta #8 en: 11 Abril 2006, 20:22 pm »

Perfecta, me encanta !
ahora solo falta ir editandola o hacer otra con efectos :P, pero la verdad que keda buena asi.

Edited:
Jugando con el photoshop edite tu bar xDD no kedo muy buena, pero safa :P

]
« Última modificación: 11 Abril 2006, 21:26 pm por cacolo » En línea



Azielito
no es
Colaborador
***
Desconectado Desconectado

Mensajes: 9.188


>.<


Ver Perfil WWW
Re: UserBars.
« Respuesta #9 en: 11 Abril 2006, 22:26 pm »

waaaaaaaaaaaaaaa!!! que le has hecho a mi bebe?! =S :o
XD

un poco exajerado el efecto ;D

con algo de tiempo que tenga disponible hacemos algo chulo ;)
En línea

Páginas: [1] 2 3 4 5 6 7 8 Ir Arriba Respuesta Imprimir 

Ir a:  
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines