Como Hacer Una Userbar
Páginas: 2 (475 palabras)
Publicado: 21 de noviembre de 2012
Como hacer una Userbar (for V!RUZ)
En este tutorial voy a enseñar como hacer una userbar como esta:
[pic]
1- Abrimos un nuevo documento de 350*19, con fondo blanco
[pic]
2-Creamos un degradado que será el fondo de la userbar
[pic]
3- Ahora vamos a crear los scalines [lines diagonales que atraviesan nuestra userbar]
[pic]
4- Una vezque 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:
[pic]
5- Ahora tenemos que definir el scaline,vamos a Edición->Definir Motivo.
6- Creamos una nueva capa: [pic]
7- Rellenamos la capa con los scalines, Edición->Rellenar.
8- Una vez aplicados los scalines, vamos a cambiarle laopacidad entre 30% y 70%; depende de la claridad/oscuridad que le quieran dar a la userbar.
Con una opacidad del 30% quedaría así:
[pic]
Opcional: Este es un detalle que va por gustopropio.
Con la herramienta degradado en ésta forma: [pic]
Voy a hacer un degradado de la izquierda a la derecha, ahora quedaría así:
[pic]
9- Vamos a agregar una imagen relacionada con eltema de la userbar:
[pic]
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 ycolor 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%
[pic]
11- En una nueva capa vamos ahacer un degradado con el color frontal blanco y nuevamente en esta forma: [pic]
De arriba hacia abajo, si piensan que les quedó muy claro pueden bajarle la opacidad, yo la dejé al 100%, nuestrauserbar luce así:
[pic]
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....
En este tutorial voy a enseñar como hacer una userbar como esta:
[pic]
1- Abrimos un nuevo documento de 350*19, con fondo blanco
[pic]
2-Creamos un degradado que será el fondo de la userbar
[pic]
3- Ahora vamos a crear los scalines [lines diagonales que atraviesan nuestra userbar]
[pic]
4- Una vezque 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:
[pic]
5- Ahora tenemos que definir el scaline,vamos a Edición->Definir Motivo.
6- Creamos una nueva capa: [pic]
7- Rellenamos la capa con los scalines, Edición->Rellenar.
8- Una vez aplicados los scalines, vamos a cambiarle laopacidad entre 30% y 70%; depende de la claridad/oscuridad que le quieran dar a la userbar.
Con una opacidad del 30% quedaría así:
[pic]
Opcional: Este es un detalle que va por gustopropio.
Con la herramienta degradado en ésta forma: [pic]
Voy a hacer un degradado de la izquierda a la derecha, ahora quedaría así:
[pic]
9- Vamos a agregar una imagen relacionada con eltema de la userbar:
[pic]
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 ycolor 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%
[pic]
11- En una nueva capa vamos ahacer un degradado con el color frontal blanco y nuevamente en esta forma: [pic]
De arriba hacia abajo, si piensan que les quedó muy claro pueden bajarle la opacidad, yo la dejé al 100%, nuestrauserbar luce así:
[pic]
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....
Leer documento completo
Regístrate para leer el documento completo.