Título: [Tutorial]UserBars Simples en Photoshop by Freeze Publicado por: 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 (http://freeze-web.iespana.es/manuales/1.jpg) 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 (http://freeze-web.iespana.es/manuales/2.jpg) 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: (http://freeze-web.iespana.es/manuales/3.jpg) 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 (http://freeze-web.iespana.es/manuales/4.jpg) 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... (http://freeze-web.iespana.es/manuales/5.jpg) 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 (http://freeze-web.iespana.es/manuales/UserBar2.jpg) (http://freeze-web.iespana.es) Título: Re: [Tutorial]UserBars Simples en Photoshop by Freeze Publicado por: Nakp en 28 Julio 2007, 03:34 am solo para aclarar... el estandar es 350*19 px :P
salu2 Título: Re: [Tutorial]UserBars Simples en Photoshop by Freeze Publicado por: Freeze. en 28 Julio 2007, 18:46 pm Umm... No sabia Gracias...
Título: Re: [Tutorial]UserBars Simples en Photoshop by Freeze Publicado por: isragfx en 28 Julio 2007, 23:14 pm se veria mejor si la font no tuviera style
y si tuviera arriba del degradado :) |