Tutorial creado por [[http://www.argentop2p.net/index.php?action=profile;u=8178|martinocho]]. Actualizado parcialmente por [[http://www.argentop2p.net/index.php?action=profile;u=24532|ThecaTTony]]. ====== Diseño de userbars con Photoshop ====== Con este tutorial van a poder hacer las famosas barritas "userbars" que muchos usan en sus firmas. Bueno, siempre tuve ganas de hacerme una barrita. nunca quise pedir que me la hagan, //así uno se siente mas groso vió?// {{:biggrin.gif?nolink|}} navegando... [[http://www.userbars.org/index.php?template=userbars_tutorial|Fuente]] encontré un tutorial. Esta en ingles. y yo no se un joraca en ingles.. no se leer tal cual, pero entiendo de que habla, así que me armé mi traducción crota. pero entendible en fin. Primero vamos a **crear las lineas diagonales** a través de un motivo. {{http://imagen.argentop2p.com.ar/pics/4176f723338fc7145807bb04fd48f345.gif}} Agrandamos con el zoom, así se nos hace mas fácil. {{http://imagen.argentop2p.com.ar/pics/03597dfa628b31f3cde507c97951dcf6.gif}} Ahora seleccionamos la herramienta **lápiz**, en **tamaño 1pt**. y dibujamos lo siguiente: {{http://imagen.argentop2p.com.ar/pics/2ab0414767b22bdba0544dee05f92c8e.gif}} Y ahora **lo guardamos como motivo...** <Edición - Definir motivo>. {{http://imagen.argentop2p.com.ar/pics/5046c4c6d23a3209334eec257c020b78.gif}} Ahora vamos a empezar a crear **la barrita**. Para la barrita, **las dimensiones son**: {{http://imagen.argentop2p.com.ar/pics/0cd846ca59663f17e127cc3b1bc19356.gif}} Elegimos **2 colores** que queramos que nuestra barra tenga **de fondo**. por ejemplo: {{http://imagen.argentop2p.com.ar/pics/42b8f55a6b1a555bb9876466a3bb50a5.gif}} Luego seleccionamos la herramienta de **degradado** y trazamos una linea vertical en el centro de la barrita. el trazo es cubriendo el total de la altura de la imagen. {{http://imagen.argentop2p.com.ar/pics/3c56096b7c4ccd41d53219820f01503f.gif}} Ahora creamos una **nueva capa**. En la nueva capa **insertamos el motivo**, para ello ir a <Edición - Rellenar> y allí seleccionamos con motivo y elegimos el nuestro. {{http://imagen.argentop2p.com.ar/pics/01013dd31e93488d6100004a90065fc7.gif}} Una vez insertadas las lineas. te quedara una capa con el degradado y otra capa con las lineas {{http://imagen.argentop2p.com.ar/pics/44e513bbe30e3ac91c4dd07250ae210d.gif}} Ahora puedes **aclarar la capa de las lineas** para que estas queden un poco transparentes. **La fuente** a utilizar **es //Visitor//**, se la puede bajar desde [[http://img.dafont.com/dl/?f=visitor|este link]] Para la fuente, debemos usar estos parámetros: **Tamaño: 10pts - Espacio entre caracteres: 25 - Antialiasing: Ninguno** Antialasing es la propiedad que trae 4 opciones: NÍTIDO, FUENTE, REDONDEADO, NINGUNO. Esto provoca que los bordes sean suaves con respecto al fondo, pero nosotros necesitamos justamente lo contrario, por ello utilizamos NINGUNO. {{http://imagen.argentop2p.com.ar/pics/bf632ac561e32720bdccae89a824dae5.gif}} Y por útimo **toda creatividad del usuario**. ---- Cualquier comentario, sugerencia y/o consulta pueden realizarla en el foro: [[http://www.argentop2p.net/index.php/topic,41770.0.html|{{:foro-comentarios.png?nolink|}}]]