|
★ SITIO60
|
|
Profile
 Affiliates
Friend
Friend
Friend
Layout credits
Codes by 16thday! |
Tutorial # 9
viernes, 28 de enero de 2011
15:42
Hola! En esta ocasion dejo un tutorial de como hacer esas pequeñas barritas tan famosas en los foros. User Bar, Fan Bar... Como quieran llamarles.Nuestro Resultado Final es el siguiente:  Lo importante es que prueben varias cosas/colores y... lo mas importante, que les guste el resultado! Espero que este tutorial/guia se entienda bien de lo contrario no duden en preguntar... Vale mas preguntar que quedarse con la duda. Comenzemos! 1.- Primero abrimos un documento de 350 pixeles de anchura x 20 pixeles de altura. 2.- Seleccionamos la herramienta de degradado  con los colores que queramos usar. Yo para este tuto usare Negro y Azul (aunque parece mas morado con negro xD) con un degradado lineal. Haciendo una linea de arriba hacia abajo.Para lo cual nos quedara de la siguiente manera:  3.- Sin cerrar nuestro documento, abrimos uno nuevo con las medidas 6 x 6 pixeles con fondo transparente. Esta muy pequeño para ser visto ¿verdad?, bueno con la herramienta zoom maximizen todo lo posible. Ahora con la herramienta  hacemos una linea diagonal en color negro (en mi caso la hice de derecha a la izquierda)asi:  Nos vamos al menu Seleccion > Todo (Ctrl + A) Despues cuando ya este todo seleccionado vamos a Edicion > Definir Motivo. Le ponemos nombre al motivo y damos Ok. 4.- Regresamos al primer documento que le pusimos el degradado, creamos una nueva capa (Ctrl + J). Con la herramienta bote de pintura cambiamos de Color Frontal a Motivo. (Opcion que se encuentra en la parte superior)  Rellenamos la capa que creamos y nos debe quedar asi:  (Yo baje un poco la opacidad de la capa pero eso depende de ustedes) 5.- Pegamos nuestra imagen, borramos el fondo si queremos. 6.- Y como ultimos pasos volvemos a crear una capa nueva. A la cual con la herramienta Marco Eliptico Hacemos una seleccion de esta manera:  Pintando de color blanco (o el color que le combine a nuestro user bar) esa seleccion y bajandole la opacidad a la capa a un 30 % de opacidad 7.- Agregamos texto, acoplamos Imagen. Le agregamos un marco de 1 pixel (Seleccion > Todo - Edicion > Contornear) Dentro / 1 pixel / Color Negro. ¡Listo! Aqui nuestro resultado: Otros Ejemplos:    Etiquetas: Tutoriales <- -> |