====== Diferencias ====== Muestra las diferencias entre dos versiones de la página.
| Próxima revisión | Revisión previa | ||
|
foro:diseno_de_userbars_con_photoshop [2013/01/22 21:04] 127.0.0.1 editor externo |
foro:diseno_de_userbars_con_photoshop [2025/12/09 21:00] (actual) |
||
|---|---|---|---|
| Línea 11: | Línea 11: | ||
| Primero vamos a **crear las lineas diagonales** a través de un motivo. | Primero vamos a **crear las lineas diagonales** a través de un motivo. | ||
| - | {{http://imagen.argentinap2p.com.ar/pics/4176f723338fc7145807bb04fd48f345.gif}} | + | {{http://imagen.argentop2p.com.ar/pics/4176f723338fc7145807bb04fd48f345.gif}} |
| Agrandamos con el zoom, así se nos hace mas fácil. | Agrandamos con el zoom, así se nos hace mas fácil. | ||
| - | {{http://imagen.argentinap2p.com.ar/pics/03597dfa628b31f3cde507c97951dcf6.gif}} | + | {{http://imagen.argentop2p.com.ar/pics/03597dfa628b31f3cde507c97951dcf6.gif}} |
| Ahora seleccionamos la herramienta **lápiz**, en **tamaño 1pt**. y dibujamos lo siguiente: | Ahora seleccionamos la herramienta **lápiz**, en **tamaño 1pt**. y dibujamos lo siguiente: | ||
| - | {{http://imagen.argentinap2p.com.ar/pics/2ab0414767b22bdba0544dee05f92c8e.gif}} | + | {{http://imagen.argentop2p.com.ar/pics/2ab0414767b22bdba0544dee05f92c8e.gif}} |
| Y ahora **lo guardamos como motivo...** <Edición - Definir motivo>. | Y ahora **lo guardamos como motivo...** <Edición - Definir motivo>. | ||
| - | {{http://imagen.argentinap2p.com.ar/pics/5046c4c6d23a3209334eec257c020b78.gif}} | + | {{http://imagen.argentop2p.com.ar/pics/5046c4c6d23a3209334eec257c020b78.gif}} |
| Ahora vamos a empezar a crear **la barrita**. Para la barrita, **las dimensiones son**: | Ahora vamos a empezar a crear **la barrita**. Para la barrita, **las dimensiones son**: | ||
| - | {{http://imagen.argentinap2p.com.ar/pics/0cd846ca59663f17e127cc3b1bc19356.gif}} | + | {{http://imagen.argentop2p.com.ar/pics/0cd846ca59663f17e127cc3b1bc19356.gif}} |
| Elegimos **2 colores** que queramos que nuestra barra tenga **de fondo**. por ejemplo: | Elegimos **2 colores** que queramos que nuestra barra tenga **de fondo**. por ejemplo: | ||
| - | {{http://imagen.argentinap2p.com.ar/pics/42b8f55a6b1a555bb9876466a3bb50a5.gif}} | + | {{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. | 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.argentinap2p.com.ar/pics/3c56096b7c4ccd41d53219820f01503f.gif}} | + | {{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. | 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.argentinap2p.com.ar/pics/01013dd31e93488d6100004a90065fc7.gif}} | + | {{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 | Una vez insertadas las lineas. te quedara una capa con el degradado y otra capa con las lineas | ||
| - | {{http://imagen.argentinap2p.com.ar/pics/44e513bbe30e3ac91c4dd07250ae210d.gif}} | + | {{http://imagen.argentop2p.com.ar/pics/44e513bbe30e3ac91c4dd07250ae210d.gif}} |
| Ahora puedes **aclarar la capa de las lineas** para que estas queden un poco transparentes. | Ahora puedes **aclarar la capa de las lineas** para que estas queden un poco transparentes. | ||
| Línea 57: | Línea 57: | ||
| 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. | 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.argentinap2p.com.ar/pics/bf632ac561e32720bdccae89a824dae5.gif}} | + | {{http://imagen.argentop2p.com.ar/pics/bf632ac561e32720bdccae89a824dae5.gif}} |
| Y por útimo **toda creatividad del usuario**. | Y por útimo **toda creatividad del usuario**. | ||