Tu web de informática

Crear una userbar (parte 1)

Crear una userbar (UB)

Bueno, en este tutorial vamos a aprender como se crean las USERBAR. Primero voy a decir que es una userbar por si alguien no lo sabe. Una userbar es una barra de 350 px de ancho y 19 px de alto que se coloca en las firmas de los foros para expresar gustos y/u opiniones.

Un ejemplo es éste:

Comenzamos a crearla:

Lo primero que vamos a hacer es abrir el ADOBE PHOTOSHOP CS3 (es el que uso yo).

Creamos una imagen nueva con las siguientes características:

·        Nombre: el que queráis

·        Predefinir: a medida

·        Anchura: 350 píxeles

·        Altura: 19píxeles

·        Resolución: 72

·        Color: RGB

·        8 bits

·        Contenido de fondo: transparente

Le damos a OK y a comenzar a hacerla.

 

Primero vamos a ponerle un color de fondo:

Para eso pinchamos en DEGRADADO. Es la herramienta nº 12 empezando por arriba. Si nos aparece un cubo de pintura le das con el botón derecho y seleccionamos un cuadrado blanco y negro. Luego elegimos los colores. Por ejemplo el primero rojo y el segundo azul. Pinchamos en degradado y hacemos una línea desde el principio de nuestra imagen creada, hasta el final y nos quedará el fondo de esos colores en degradado. Tal y como figura en la userbar de ejemplo que el color azul se va transformando en rojo.

 

Lo siguiente es crear esas líneas diagonales que rellenan toda la userbar.

Abrimos otra imagen nueva (no hace falta cerrar la userbar que teníamos en proceso de creación, los dos documentos estarán siempre ahí) No cambiamos nada (de las características) excepto los píxeles que pondremos 6x6. Nos saldrá un cuadrado muy pequeño. Le damos a la lupa y aumentamos el zoom a tope y con la herramienta “lápiz” en color negro trazamos una diagonal.


Una vez hecho esto le damos a EDICIÓN>DEFINIR MOTIVO>OK  Ya podemos cerrar ese archivo en la x pequeña de la esquina superior izquierda. Ahora cogemos la userbar de nuevo. Creamos una nueva capa. CAPA>NUEVA>CAPA>OK

Pinchamos en EDICIÓN>RELLENAR

Usar: motivo

Motivo personalizado: seleccionamos el que hemos creado

Modo: normal

Opacidad: 30%

Mantener transparencia: No

Ya tenemos nuestra userbar con los colores y las barras de fondo.

 

Ahora la imagen:

Le ponemos la imagen que queramos. Primero creamos una capa, cogemos la imagen y la trasladamos a la userbar, la empequeñecemos y la colocamos en la posición deseada. En el caso del ejemplo es el escudo del FC BARCELONA.

Ver segunda parte


  • Autor: Francis14

Si tienes alguna pregunta que hacernos tienes el foro a tu disposición.

Volver a Diseño Gráfico>>


Creada el 11/03/09 12:02
Copyright © - Todos los derechos reservados - Página creada por Juanma