[Tutorial]UserBars Simples en Photoshop by Freeze

Iniciado por Freeze., 28 Julio 2007, 02:36 AM

0 Miembros y 1 Visitante están viendo este tema.

Freeze.

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


Nakp

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

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

Freeze.


isragfx

se veria mejor si la font no tuviera style
y si tuviera arriba del degradado :)