Tu firma personalizada en una imagen (Como hacer user bars estáticas)

Como pueden notar, hasta tengo almacenado un preset para no tener que estar tecleando las características cada vez que hago una nueva imagen.

 

Una vez que se acepta el cuadro de diálogo nos creará una imagen transparente sobre la cual trabajaremos. Lo primero que hay que hacer es darle el fondo que deseamos, escogiendo los colores del frente y el fondo que deseamos; posteriormente aplicarlos sobre la capa  Background. Yo procuro renombrar las capas para saber que objeto estoy manipulando.

 

 

Creamos una nueva capa menu Layer > New > Layer… (Ctrl+Shift+N) y yo la nombraré Imagen, pues será la capa que contendrá la imagen que quiero añadir previamente tratada para insertarla en el user bar; aquí usé el logo de la página principal, le quité el fondo blanco y la reduje un 50%, arrastro el logo hacia el user bar y la ubico en el lugar que me guste.

 

Lo siguiente es añadirle las diagonales en el fondo que son casi imperceptibles, son llamadas Scanlines. Para esto hay que crear una nueva imagen de 6 x 6 pixeles con las siguientes características:

 

 

Desplegará una imagen sumamente pequeña, pero para poder editarla hay que acercar hasta 1600% y con la herramienta lápiz dibujar una diagonal. Aquí puede ser diagonal, horizontal, diagonal hacia el lado contrario, o el tipo de scanline que vamos a necesitar para nuestro user bar. La mía quedó así:

Vamos a menu Edit > Define Pattern… y le damos un nombre descriptivo, yo la llamo Scanline 45, porque está a 45°. Cerramos la imagen del scanline, no importa sino se salva pues ya guardamos el Pattern.

Para aplicarla hay que seleccionar la herramienta ‘Pattern Stamp’  , escoger la opacidad en la barra superior,  yo escogí para esta barra en especial 20% y aplicarla. Sino nos gusta como quedaron las scanlines porque están muy marcadas o  muy claras, basta con deshacer , cambiar la opacidad y volver a probar; también influye que tantas pasadas con la herramienta se le dan a la imagen en las marcas de scanlines.

 

Mi imagen hasta el momento se ve así, solo falta poner el efecto de plástico y quedará lista para ser usada. Para dar ese efecto basta usar la herramienta  ‘Eliptical Marquee Tool’ , está un poco escondida, pero se encuentra dando click y sosteniendolo en ‘Rectangular Marquee Tool’ .

Crearemos una nueva capa para poder añadir este brillo plástico, yo la nombro Brillo. La seleccionamos en el área de las capas y sobre ella trazaremos una elipse. Esta elipse solo cubrirá con la mitad la imagen, creo que no es muy entendible, pero con una imagen lo mostraré:

Una vez seleccionado escogemos la herramienta ‘Paint Bucket’  y rellenaremos con blanco la parte seleccionada, aquí es importante la opacidad nuevamente o pintaremos de blanco sólido el área seleccionada.

Lo último es el mensaje que queremos escribir, nuevamente en muchos foros la fuente estandar es Visitor y yo mismo la uso, así que escogemos la herramienta ‘Horizontal type tool’  y en las características escogí tamaño 13, color blanco y en el antialiasing ninguno.

 

Escribimos el texto deseado, lo alineamos al gusto y  damos click derecho en la lista de capas sobre la capa que tiene el texto que escribimos, entramos a ‘Blending Options…’. Vamos a la parte de ‘Color Overlay’ y se escoge color blanco.

 

 

 

Pasamos a ‘Stroke’  escogeremos 1 px de ancho y color negro.

Terminamos aceptando los cambios y ya tenemos la imagen terminada. Solo bastará salvarla como  jpg y publicarla en el lugar deseado.

 

Salir de la versión móvil