como hacer un userbar
Página 1 de 1.
como hacer un userbar
Como hacer una Userbar
Bueno este tuto no es mio pero boee...ta bueno :PEn este tutorial voy a enseñar como hacer una userbar como esta:
[Tienes que estar registrado y conectado para ver esa imagen]
1- Abrimos un nuevo documento de 350*19, con fondo blanco
[Tienes que estar registrado y conectado para ver esa imagen]
2- Creamos un degradado que será el fondo de la userbar
[Tienes que estar registrado y conectado para ver esa imagen]
3- Ahora vamos a crear los scalines [lines diagonales que atraviesan nuestra userbar]
[Tienes que estar registrado y conectado para ver esa imagen]
4- Una vez que 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:
[Tienes que estar registrado y conectado para ver esa imagen]
5- Ahora tenemos que definir el scaline, vamos a Edición->Definir Motivo.
6- Creamos una nueva capa: [Tienes que estar registrado y conectado para ver esa imagen]
7- Rellenamos la capa con los scalines, Edición->Rellenar.
8- Una vez aplicados los scalines, vamos a cambiarle la opacidad entre 30% y 70%; depende de la claridad/oscuridad que le quieran dar a la userbar.
Con una opacidad del 30% quedaría así:
[Tienes que estar registrado y conectado para ver esa imagen]
Opcional:Este es un detalle que va por gusto propio.
Con la herramienta degradado en ésta forma: [Tienes que estar registrado y conectado para ver esa imagen]
Voy a hacer un degradado de la izquierda a la derecha, ahora quedaría así:
[Tienes que estar registrado y conectado para ver esa imagen]
9- Vamos a agregar una imagen relacionada con el tema de la userbar:
[Tienes que estar registrado y conectado para ver esa imagen]
10- Agregamos el texto, preferiblemente usen fuentes bitmap [pueden descargarlas de [Tienes que estar registrado y conectado para ver este vínculo]] Yo usé "VISITOR TT1 BRK" con un tamaño de 10 y color 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%
[Tienes que estar registrado y conectado para ver esa imagen]
11- En una nueva capa vamos a hacer un degradado con el color frontal blanco y nuevamente en esta forma: [Tienes que estar registrado y conectado para ver esa imagen]
De arriba hacia abajo, si piensan que les quedó muy claro pueden bajarle la opacidad, yo la dejé al 100%, nuestra userbar luce así:
[Tienes que estar registrado y conectado para ver esa imagen]
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.
12- Ahora viene una parte complicada de explicar, pero no de poner en practica.
Agarramos la pluma: [Tienes que estar registrado y conectado para ver esa imagen]
Y con el color frontal en blanco trazamos 1 punto a cada lado del ancho de la userbar, y uno al medio, así:
[Tienes que estar registrado y conectado para ver esa imagen]
Ahora movemos el punto del medio hacia abajo, ésto se hace manteniendo presionado el CTRL.
[Tienes que estar registrado y conectado para ver esa imagen]
Ahora trazamos 2 puntos fuera de la userbar, así:
[Tienes que estar registrado y conectado para ver esa imagen]
Vamos a Capa-> Rasterizar-> Capa. Y ponemos la opacidad de ésta capa en 20% (Si quieren darle mas opacidad pueden, personalmente lo prefiero así).
[Tienes que estar registrado y conectado para ver esa imagen]
13- Para finalizar vamos a crear el borde.
Creamos una nueva capa - La seleccionamos presionando CTRL+A - Vamos a Edicion->Contornear.
Tamaño: 1 PX; Color: Negro; Posición: Dentro.
Bueno este tuto no es mio pero boee...ta bueno :PEn este tutorial voy a enseñar como hacer una userbar como esta:
[Tienes que estar registrado y conectado para ver esa imagen]
1- Abrimos un nuevo documento de 350*19, con fondo blanco
[Tienes que estar registrado y conectado para ver esa imagen]
2- Creamos un degradado que será el fondo de la userbar
[Tienes que estar registrado y conectado para ver esa imagen]
3- Ahora vamos a crear los scalines [lines diagonales que atraviesan nuestra userbar]
[Tienes que estar registrado y conectado para ver esa imagen]
4- Una vez que 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:
[Tienes que estar registrado y conectado para ver esa imagen]
5- Ahora tenemos que definir el scaline, vamos a Edición->Definir Motivo.
6- Creamos una nueva capa: [Tienes que estar registrado y conectado para ver esa imagen]
7- Rellenamos la capa con los scalines, Edición->Rellenar.
8- Una vez aplicados los scalines, vamos a cambiarle la opacidad entre 30% y 70%; depende de la claridad/oscuridad que le quieran dar a la userbar.
Con una opacidad del 30% quedaría así:
[Tienes que estar registrado y conectado para ver esa imagen]
Opcional:Este es un detalle que va por gusto propio.
Con la herramienta degradado en ésta forma: [Tienes que estar registrado y conectado para ver esa imagen]
Voy a hacer un degradado de la izquierda a la derecha, ahora quedaría así:
[Tienes que estar registrado y conectado para ver esa imagen]
9- Vamos a agregar una imagen relacionada con el tema de la userbar:
[Tienes que estar registrado y conectado para ver esa imagen]
10- Agregamos el texto, preferiblemente usen fuentes bitmap [pueden descargarlas de [Tienes que estar registrado y conectado para ver este vínculo]] Yo usé "VISITOR TT1 BRK" con un tamaño de 10 y color 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%
[Tienes que estar registrado y conectado para ver esa imagen]
11- En una nueva capa vamos a hacer un degradado con el color frontal blanco y nuevamente en esta forma: [Tienes que estar registrado y conectado para ver esa imagen]
De arriba hacia abajo, si piensan que les quedó muy claro pueden bajarle la opacidad, yo la dejé al 100%, nuestra userbar luce así:
[Tienes que estar registrado y conectado para ver esa imagen]
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.
12- Ahora viene una parte complicada de explicar, pero no de poner en practica.
Agarramos la pluma: [Tienes que estar registrado y conectado para ver esa imagen]
Y con el color frontal en blanco trazamos 1 punto a cada lado del ancho de la userbar, y uno al medio, así:
[Tienes que estar registrado y conectado para ver esa imagen]
Ahora movemos el punto del medio hacia abajo, ésto se hace manteniendo presionado el CTRL.
[Tienes que estar registrado y conectado para ver esa imagen]
Ahora trazamos 2 puntos fuera de la userbar, así:
[Tienes que estar registrado y conectado para ver esa imagen]
Vamos a Capa-> Rasterizar-> Capa. Y ponemos la opacidad de ésta capa en 20% (Si quieren darle mas opacidad pueden, personalmente lo prefiero así).
[Tienes que estar registrado y conectado para ver esa imagen]
13- Para finalizar vamos a crear el borde.
Creamos una nueva capa - La seleccionamos presionando CTRL+A - Vamos a Edicion->Contornear.
Tamaño: 1 PX; Color: Negro; Posición: Dentro.
[Tienes que estar registrado y conectado para ver esa imagen]
.FIN.
Light- Super Otaku
- Cantidad de envíos : 119
Fecha de inscripción : 27/06/2010
Edad : 29
Localización : Mar del Plata
Temas similares
» Muestra de como hacer un dibujo
» Como hacer tu propia pagina web FACIL! (con dreamweaver 8)
» |Como se hace un anime|
» Como cuidarse en las Fiestas
» Como postear los doramas!
» Como hacer tu propia pagina web FACIL! (con dreamweaver 8)
» |Como se hace un anime|
» Como cuidarse en las Fiestas
» Como postear los doramas!
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|