-------------------------------------------------------------------------------------------------------------------------------
En este tutorial voy a explicar, a todos los usuarios que me preguntaron y a quienes estén interesados, como hacer nuestra propia UserBar (barra de usuario)
-------------------------------------------------------------------------------------------------------------------------------
¿Qué es una UserBar?
Las userbars son imágenes usadas frecuentemente en las firmas de los foros, con las que los usuarios muestran sus gustos y aficiones.
Paso 1
Lo primero que debemos hacer es crear un archivo de 380 x 20
Paso 2
Seleccionamos la herramienta «Degradar» y hacemos un degradamiento como muestra la imagen, en este caso es naranja para combinar con el color del foro.
Paso 3
Ahora vamos a crear un motivo/pattern o scaline. Para eso tenemos que hacer lo siguiente:
→ Crear un archivo de 3 x 3 con fondo transparente
→ Una vez que creamos el archivo, utilizamos el zoom a 1600%. Con ayuda del «lápiz» creamos una barra diagonal. El «lápiz» debe tener 1px de grosor.
→ Lo siguiente será definir el motivo. Para ello vamos a Edición→Definir motivo (Edit→Define Patern) y colocamos la definición de la imagen.
Paso 4
Ahora vamos a implementar nuestro motivo a la userbar. Para hacer esto hacemos lo siguiente:
→ Vamos a Edición→Motivo y colocamos la configuración que está en la imágen.
→ Quedará algo así.
Paso 5
Si queremos le agregamos un dibujo para que hacerlo más detallista.
Paso 6
Ahora pondremos texto a nuestra userbar, es preferible la utilización de fuentes bitmap. Yo use «Visitor TT1 BRK» en tamaño 10 y color blanco.
Pueden descargarlas de aquí:
Paso 7
Ahora vamos a hacer una degradación de este tipo , pero esta vez de arriba a abajo. Si tu userbar queda muy blanca, reduce la opacidad, en mi caso usé 45% y quedó así:
Paso 8
Esta parte es difícil de explicar, pero fácil de poner en práctica .
→ Utilizamos la «Pluma» . Y con el color frontal en blanco, trazamos 2 puntos a los lados de la userbar y uno en el centro. Así:
→ Ahora movemos el punto del medio hacia abajo, esto se hace presionando Ctrl:
→ Ahora trazamos 2 puntos fuera de la userbar:
→ Vamos a Capa→Rasterizar capa. Y ponemos la opacidad en 20% (puede ser más o menos, personalmente lo prefiero en 20%):
→ Para dar un contorno a las letras nos dirigimos a Capa→Estilo de capa→Trazo..., y colocamos los siguientes datos :
→ Nuestra userbar estará casi lista y de la siguiente manera:
Paso 9
Para finalizar, nos dirigimos a Capa→Nueva→Capa. Presionamos Ctrl+A y nos dirigimos nuevamente a Capa→Estilo de capa→Trazo..., y colocamos los mismos datos:
Finalmente el resultado es el siguiente:
Saludos
__________________ «La búsqueda de la verdad es más preciosa que su posesión.»
Albert Einstein
[Tutorial] Cómo hacer una UserBar
, pero esta vez de arriba a abajo. Si tu userbar queda muy blanca, reduce la opacidad, en mi caso usé 45% y quedó así:
.
. Y con el color frontal en blanco, trazamos 2 puntos a los lados de la userbar y uno en el centro. Así:
Mode Lineal
