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

 

 


Tema destacado: Recuerda que debes registrarte en el foro para poder participar (preguntar y responder)


+  Foro de elhacker.net
|-+  Media
| |-+  Diseño Gráfico
| | |-+  [Tutorial]UserBars Simples en Photoshop by Freeze
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: [Tutorial]UserBars Simples en Photoshop by Freeze  (Leído 2,088 veces)
Freeze.


Desconectado Desconectado

Mensajes: 2.732



Ver Perfil WWW
[Tutorial]UserBars Simples en Photoshop by Freeze
« en: 28 Julio 2007, 02:36 am »

Bienvenidos a mi primer tutorial...

Empezamos:

1- Abrimos el Photoshop

2- Creamos un documento nuevo:
325 x 25 Pixeles
Aunque el Standar es: 350 x 19 Pixeles ;)

3- Utilizaremos la herramienta degrado de Derecha a Izquierda:
Degradado Lineal
Colores de 00FF00 a FFFFFF

4- Luego sin creamos un documento nuevo:
6 x 6 pixeles
Transparente

5- Acercamos todo lo posible con la herramienta Lupa

6- Y con la herramienta Lapiz trazamos una Linea Diagonal

7- Vamos a Edicion>Definir Motivo:
Cualquier Nombre

8- Cerramos ESE documento solo ese no el programa y veremos de nuevo el UserBar

9- Creamos una nueva Capa:
Transparencia: Entre 30% y 70% (dependiendo del color) en este caso 30%

10- Luego vamos a Edicion>Rellenar:
Usar: Motivo
Motivo Personalizado: El que acabamos de hacer
Modo: Normal
Opacidad: 100%
Deberemos tener algo como esto:

11- Ahora nos descargaremos una Fuente o Font:
http://www.creamundo.com/index.php?letra=v&lang=es&fuente=Visitor+TT1+BRK+TTF

12- La instalaremos:
Vamos a Panel de control...
Si tiene vista clasica vaya a Fuentes sino busque Apariencia y temas...(luego fuentes)
Cuando este en la carpeta fuentes vaya a Archivo>Instalar fuentes... y Busque los archivos donde la guardo...
Y listo sigamos:

13- Ahora vamos a colocar un texto:
Blanco
10 a 15 pixeles (dependiendo de el tamaño de la UserBar)
Letra: Visitor TT1 BRK
A la Derecha

14- Ahora vamos a Capa>estilo de capa>Trazo:
Tamaño: 1 pixel
Posición: Fuera
Opacidad: 100%
Color: 000000

15- Ahora a la Izquierda agregaremos una imagen que se relacione con el tema...

16- Crearemos una nueva Capa:
Opacidad: 60% (dependiendo de los colores)

17- Con la Herramienta Marco Rectangular Seleccionaremos la mitad de arriba de nuestra UserBar

18- Y la rellenaremos de blanco...

19- Y para hacer el borde duplicamos la capa 1 o Fondo y:

20- Edicion>Contornear:
1 pixel
Color: 000000
Posicion: Dentro

21- Tenemos nuestra UserBar lista!! :D  8)  8)  :D



« Última modificación: 28 Julio 2007, 18:46 pm por -Freeze- » En línea

Nakp
casi es
Ex-Staff
*
Desconectado Desconectado

Mensajes: 6.336

he vuelto :)


Ver Perfil WWW
Re: [Tutorial]UserBars Simples en Photoshop by Freeze
« Respuesta #1 en: 28 Julio 2007, 03:34 am »

solo para aclarar... el estandar es 350*19 px :P

salu2


En línea

Ojo por ojo, y el mundo acabará ciego.
Freeze.


Desconectado Desconectado

Mensajes: 2.732



Ver Perfil WWW
Re: [Tutorial]UserBars Simples en Photoshop by Freeze
« Respuesta #2 en: 28 Julio 2007, 18:46 pm »

Umm... No sabia Gracias...
En línea

isragfx

Desconectado Desconectado

Mensajes: 31


Ver Perfil
Re: [Tutorial]UserBars Simples en Photoshop by Freeze
« Respuesta #3 en: 28 Julio 2007, 23:14 pm »

se veria mejor si la font no tuviera style
y si tuviera arriba del degradado :)
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

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