User Bars

En este tutorial vamos a ver como crear esas pequeñas imágenes que acompañaban a las firmas en los foros, donde cada usuario ponía algo que poseía o hacia. Aunque ya hay muchos tutoriales sobre esto, yo voy a enseñarles mi método, que dentro de todo es bastante sencillo.

01. Vamos a empezar. Creemos un documento nuevo con las medidas que ustedes quieran, yo recomiendo XXXx19 px (XXX seria el ancho que ustedes usen normalmente), en mi caso voy a usar 340×19 px.

02. Ahora vamos a crear una capa nueva y la rellenamos de cualquier color para luego, ingresar en las opciones de fusión. Una vez ya en las opciones de fusión vamos a poner un degradado. Yo les voy mostrando con colores que voy usando yo, ustedes usen los que gusten.

03. Ahora vamos a crear un Motivo o Pattern para nuestra userbar. Creen un documento nuevo de 7×7 px con fondo transparente. Usen el zoom máximo y hagan lo siguiente:

04. Ahora lo vamos a guardar como motivo. Vallan a Edit, Define Pattern (Edición, Definir Motivo). Pongan el nombre que quieran al motivo, presionen Ok y pueden cerrar el documento.
Volvamos a nuestra userbar.

05. Creen una capa nueva y vallan a Edit, Fill. Seleccionen Use Pattern y en Custom Pattern busquen el que acaban de hacer. Pongan la capa en 20% o 30% de opacidad.

06. Ahora solo agreguen en una capa nueva un efecto de iluminación, les doy algunos ejemplos:

07. Luego agreguen un texto y si quieren un borde y terminaron. Aca les dejo el resultado junto con otro ejemplo.

Espero que les haya gustado el tutorial! Saludos!

Descargar User Bars PDF.

Suscribite a nuestros feeds vía email para recibir los nuevos tutoriales a tu email!

Leave a Reply