Debido a que el tema original publicado por el usuario Psyked está corrupto e incompleto, me di a la tarea de “modernizarlo” para el disfrute de la comunidad. Espero que aprendan y puedan descubrir que el Photoshop no es tan complicado después de todo. Se conservará la redacción del creador con la diferencia de que tendrá algunas modificaciones y más explicaciones.
En esta ocasión les explicaré más o menos cómo se crea una UserBar.
Trabajo con Photoshop CS3 por costumbre pero ustedes pueden usar el que tengan a disposición.
-Con el Photoshop abierto, creamos un nuevo archivo:
Es importante destacar el tamaño del archivo, por lo general las userbar son de
350 x 19 pixeles.
Tras tener el archivo de 350x19 px. Buscamos alguna imagen que queramos ponerle a nuestra UB.
Cada vez que hagamos algo nuevo en el trabajo, se debe crear una capa nueva y preferiblemente guardar en formato Photoshop para prevenir inconvenientes y que podamos volver sin tener que empezar de nuevo.-Archivo > Abrir. O con atajo de teclado Ctrl + O.
-Seleccionamos la imagen y luego usaremos la
herramienta de marco rectangular (usaré rectangular, esta herramienta tiene más opciones, pueden experimentar con ella si gustan).
-Seleccionaremos el trozo de la imagen que queramos y le damos copiar (Ctrl + C)
-Una vez copiada, vamos al archivo antes creado y pegamos el trozo (Ctrl + V). Al pegar la imagen es necesario acomodarla a gusto propio.
Si se desea modificar el tamaño de la imagen, se presiona Crtl + T y se activará la herramienta de transformación libre. Se acomoda la imagen y se da al tick que aparece en la parte superior del menú.
Un consejo, para que la imagen no se deforme al momento de estirar o encoger la imagen, presiona shift al mismo tiempo que estas modificando el tamaño de la imagen, esto hace que la imagen se modifique de forma pareja y no quede aplastada o muy estirada.Sigamos...
Ya con el fondo listo, ahora debemos hacer la típica trama que va en las UB.
- Para esto crearemos otro nuevo archivo de
5x5 pixeles, fondo transparente.- Con la
lupa que está en la barra de herramientas de la izquierda, ampliamos al máximo.
- Ahora con la herramienta
lápiz con un diámetro de 1 px. Y trazamos una línea diagonal.
Una vez listo esto, vamos a:
Edición > Definir motivo.-Le colocamos un nombre y Ok.
Ahora ya tenemos el motivo, lo aplicaremos a la capa nueva creada en el archivo de tu UB.
-Creamos una capa nueva.
- Vamos a:
Edición > Rellenar. Aparecerá la opción con la que queremos rellenar, ahí estará el motivo que creamos anteriormente.
- Ahora en la ventana de las capas, buscamos la capa donde aplicamos el relleno, y bajamos la opacidad a unos 30% (esto va en el gusto de cada quien).
Finalizado el paso anterior, le pondremos un efecto que le da algo de volumen y/o brillo a la UB. Para esto usaré la
herramienta elipse.
En las opciones que nos aparecen arriba, podremos ver que podemos escoger diferentes tipos de formas. Estas formas son modificables a nuestro antojo. Por ahora usaremos elipse y le pondremos color blanco.
Ya con la herramienta lista para su uso, haremos una figura bastante aplanada de tal forma que una mitad del “dibujo” elíptico quede arriba de la userbar y la otra dentro del dibujo. En la ventana de capas, bajamos la opacidad de 100% a 30% (se puede modificar de acuerdo con las necesidades y gustos), también depende del fondo que estemos usando. La opacidad hace que se transparente el objeto. Se vería así:
-Terminado lo anterior, creamos otra capa y le pondremos texto a nuestra UB utilizando la
herramienta de texto. Con las opciones encerradas en el rectángulo de arriba podemos cambiar fuente, tamaño, color, efecto y demás. Es cuestión, como todo en este programa, de ir probando. Escribes lo que desees y luego lo acomodas donde prefieras.
- Nos fijamos en las capas, vamos a la capa del texto y damos click derecho, y luego a
Opciones de fusión.
Nos aparecerá una ventana, vamos al final (que es lo que nos interesa por ahora),
Trazo. Lo dejaré en tamaño 1 y utilizaré el color blanco.
Opciones de fusión tiene muchas opciones, pueden ir experimentando con ello, pero por ahora vamos con lo básico.
- Le das a Ok y ahora el texto tiene contorno blanco lo cual hace que el texto sea más legible. Debe darse un contorno que esté de acuerdo con la imagen de fondo y con el color de la letra.
Por último, podemos agregarle un contorno/ marco a la UB.
- Creamos una
nueva capa y con la herramienta de
Marco Rectangular, creamos un contorno en el archivo de trabajo.
- Click derecho sobre la selección hecha >
Contornear. Lo crearé con un diámetro de 1px, color negro (de nuevo, esto es elección personal). Le damos donde dice Ok.
Para finalizar, damos click derecho sobre alguna de las capas y buscamos la opción llamada Acoplar imagen; con esto todas las capas se fusionarán y formarán una imagen única.
Se recomienda guardar el trabajo cada cierto tiempo en caso de que nos equivoquemos durante la elaboración de la misma.-Ahora vamos a Archivo > Guardar como: buscas el formato en que lo quieres guardar (yo usaré .png pero cada quién escoge el que quiera, cabe mencionar que el formato .png permite trasnparencia y el .jpg no). Ahí mismo, seleccionas el lugar de destino de tu preferencia y das click en Guardar.
- Ya con esto debería quedar listo un userbar sencillo y sin mucho adorno.
**Está en cada persona buscar distintos efectos, pinceles, fuentes, etc, para trabajar con Photoshop y para experimentar con el mismo**
Si tienen dudas, no duden en consultar.
Saludos.
