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

 

 


Tema destacado: Security Series.XSS. [Cross Site Scripting]


+  Foro de elhacker.net
|-+  Media
| |-+  Diseño Gráfico
| | |-+  TUTORIAL. Como hacer una Firma, Userbar. Con PhotoShop
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: TUTORIAL. Como hacer una Firma, Userbar. Con PhotoShop  (Leído 3,330 veces)
Martin-Ph03n1X


Desconectado Desconectado

Mensajes: 1.059


SHOCYRIX


Ver Perfil
TUTORIAL. Como hacer una Firma, Userbar. Con PhotoShop
« en: 23 Noviembre 2006, 08:21 am »

  Como hacer una Userbar 


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.



AUTOR:freedom
[/size]
NOTA:COPIADOYPEGADO
[/size]
.FIN.
[/b]


En línea

  No eres tu trabajo, no eres cuanto tienes en el banco, no eres el auto que conduces, ni el contenido en tu billetera, no eres tus malditos cakis, eres el bailarin cantante del mundo...!!!"
DarK_FirefoX


Desconectado Desconectado

Mensajes: 1.263


Be the change you wanna see in te world


Ver Perfil
Re: TUTORIAL. Como hacer una Firma, Userbar. Con PhotoShop
« Respuesta #1 en: 24 Noviembre 2006, 05:56 am »

Muy buen tutorial por princessa, jeje, estoy creando mis userbars, un salu2 a todos

PD: Es un tuto, creo que se deberia mover al foro Cursos y Documentacion

PD.2 : No cuestiono la labor de ningun moderador, solo lo recuerdo

salu2s a todos


En línea

DSiGN3r


Desconectado Desconectado

Mensajes: 520



Ver Perfil
Re: TUTORIAL. Como hacer una Firma, Userbar. Con PhotoShop
« Respuesta #2 en: 24 Noviembre 2006, 21:50 pm »

Princesita creo que has puesto un tutorial repetidooo! Ya había uno hecho por nobalogic...  Y además creo que este está igual 10 posts mas abajo... jeje
« Última modificación: 24 Noviembre 2006, 21:54 pm por DSiGnEr » En línea

wvb
Moderador Global
***
Desconectado Desconectado

Mensajes: 2.223



Ver Perfil
Re: TUTORIAL. Como hacer una Firma, Userbar. Con PhotoShop
« Respuesta #3 en: 24 Noviembre 2006, 22:20 pm »

Dejaré este post, pero como el tutorial ya existe, no figurará en el Directorio de Tutoriales para no poner contenidos repetidos.

Salu2
En línea

Martin-Ph03n1X


Desconectado Desconectado

Mensajes: 1.059


SHOCYRIX


Ver Perfil
Re: TUTORIAL. Como hacer una Firma, Userbar. Con PhotoShop
« Respuesta #4 en: 29 Noviembre 2006, 17:40 pm »

BUENO LA COPERACION ESTUBO DE BUENA INTENCION ;)
En línea

  No eres tu trabajo, no eres cuanto tienes en el banco, no eres el auto que conduces, ni el contenido en tu billetera, no eres tus malditos cakis, eres el bailarin cantante del mundo...!!!"
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
hacer una firma animada como la mia Ver0.1
Diseño Gráfico
p1r4t0s 1 4,255 Último mensaje 17 Septiembre 2011, 18:30 pm
por elquenosabe
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines