Diseño de UserBars con Photoshop

[martinocho]

Tutorial migrado al Wiki:

http://wiki.argentop2p.com.ar/doku.php?id=foro:diseno_de_userbars_con_photoshop

El topic seguirá abierto para comentarios, sugerencias y/o dudas.

[ZeRoKooL]

Muy bueno ñato!!! , sobre todo para la gente que se maneja con el Photoshop , de paso dejo un programilla que posteo Cazador que también esta bastante bueno AmitySource UserBar Generator V2.2, por supuesto que el Photoshop nos permite mayor libertad .

[Javi]

yo las hacia con Corel tambien jeje

salu2 

[AEP]

Gracias che! también a las barritas las podes degradar. Después explico como (si no tenes drama).

Saludos.

[martinocho]

Gracias che! también a las barritas las podes degradar. Después explico como (si no tenes drama).

Saludos.

mas vale que no hay dramaaa 
aca estamos todos para compartir :D

explique su manera nomas

[AEP]

Bueno, después de hacer todo lo que explicó en el tuto martinocho, vamosa la opcion de degradado y seleccionamos el color Blanco.



Lo siguiente es poner como indica lo que esta en estas opciones:



Después marcamos la primera herramienta del panel, damos click derecho y ponemos marco elíptico




Ahora que tenemos seleccionada esa herramienta, vamos hacia la barrita y hacemos esto (todo con el marco elíptico)



Ahora seleccionamos la herramienta de degradado , creamos una nueva capa y hacemos una linea vertical sobre la barrita. Nos va a quedar así:



Lo único que falta es bajarle la opacidad de la capa que hicimos al gusto que queramos.

Espero que les sirva.

Saludos.

[rengo_73]

que version de photoshop usan? yo uso el paint shop pro 7 


me quiero actualizar un poquito 


igual estoy bastante desorientado con el tema de las userbars, no tengo idea como "mostrarlas" ni el tamaño que se usa ni mier** 


salu2

[Camello_AR]

Les recomiendo el Amity User Bars, en cuatro pasos hacen la la barra

Paso 1: Texto y colores de fondo

Paso 2: Patron de rayitas, y forma del degradado (y su trasnparencia)

Paso 3: Agregar imagen (conviene achicarla antes de pegarla y dejarle transparencia porque el resize del amity es malo malo)

Paso 4: Grabar la imagen

Prometo, para cuando vuelva de las vaca hacer un tuto con imagenes y todo

[rengo_73]

alguien me puede decir como demonios pongo la barra en mi firma? gracias

la tengo en esta ubicacion

http://img402.imageshack.us/img402/100/imagen3be6.jpg


adeus

[Camello_AR]

Fijate en este post (sacado del indice de la seccion tutriales)

http://www.argentop2p.net/index.php?topic=4460.0

Saludos

EDIT

Te recuerdo que segun las reglas tu firma se excede en el ancho (tiene 800px la imagen)

12)  Firmas: Su altura máxima es de 150 píxeles, y con un ancho menor a 544 píxeles. Se permite 1 sola imagen por firma, pudiendo agrupar varias imágenes pequeñas en una sola. La imagen puede tener un enlace hacia otra Web, solo en el caso de que se tratase de una pagina personal. El peso de la firma no debe exceder los 40 KB.
Adicionalmente a la imagen, se podrá agregar un máximo de 2 líneas de texto.

[rengo_73]

me estoy volviendo loco, esto no funciona 


y mira que lo achique
http://img292.imageshack.us/img292/8840/imagen32dq4.jpg

evidentemente hay algo que esta mal acá 

[Camello_AR]

Che las consultas hacelas en el tema que te pase

EDIT: Yo veo tu firma (acordate que las firmas solo se ven en el primer mensaje de una pagina, si tenes mas de uno en en un hilo (trehad) no se ven

[darkfish]

Yo la hago más facil y utilizo un software llamado:  AmitySource Userbar Generator 2.2
para el que le interese:

Código [Seleccionar] Expandir

http://www.amitysource.com/distfiles/UBarGen2.2_en.exe

[AEP]

Lo que tiene el photoshop es que te da mas libertad y lo manejas como vos querés.
No es lo mismo, utilizar ese soft al photoshop, acá tienen un ejemplo de una "barrita" con photoshop:



Y no son difíciles de hacer, solo es cuestión de practica.

[ZeRoKooL]

Lo que tiene el photoshop es que te da mas libertad y lo manejas como vos querés.
No es lo mismo, utilizar ese soft al photoshop, acá tienen un ejemplo de una "barrita" con photoshop:



Y no son difíciles de hacer, solo es cuestión de practica.

Totalmente de acuerdo con usted ñato, podes modificar el texto y la imágen a gusto y piachere.

[martinocho]

Lo que tiene el photoshop es que te da mas libertad y lo manejas como vos querés.
No es lo mismo, utilizar ese soft al photoshop, acá tienen un ejemplo de una "barrita" con photoshop:



Y no son difíciles de hacer, solo es cuestión de practica.

te quedo excelente man! 
la verdad que el degradado de elipse queda bueno...
lo voy a probar ahoritaa 

[Javi]

facil trip

una vez abierta la barrita tuya, anda a Archiv-abrir, y elegi la foto que quieras. abrila

si es asi como esta simplemente arrastra la imagen hasta la barrita y listo (te recomiendo achicarla antes, ir a Edicion-transformar-escala, y con la techa Shift precionada mantenes proporción).

Si queres recortarla podes con la soga (barra de herramientas - lazo) o con la barita magica, despues selecciona el mouse común y arrastra hasta la barrita, sino simple control c y v y chau

si no pudiste avisame y hago un tuto 

[ZeRoKooL]

"Ojalata" se entienda, con el Photoshop tenes que abrir la imágen en la cual vas a trabajas, cuando ya la tenes "pipi cucu" pikas Ctrl + a (para seleccionar todo), Ctrl + c (para copiar todo) y despúes volves al documento en el que estabas trabajando y le pikas Crtl + v (para pegar), para modificar su medida tener que ir hasta Edición / Transformar / Escala, ahi modificas su tamaño.



Pd: No soy Magik

[Kogote]

Que buen tuto.. ahora bien..

A mi solo me restringe el numero de font en la compu el photoshop??

osea, despues de la S no me figura ninguna, que onda?

ACLARACION: tengo 14.577 fonts 

[Camello_AR]

Te driría que saques fonts, es al pedo tener tantas. QUizas tenga un limite de memoria o algo

Te conviene tenerlas en una carpeta separada y usar algun gestor de fuentes e instalarlas a medida q las necesitas.

Te ralentiza mucho windows además tener tantas fuentes cargadas

[Javi]

si, es verdad, no te tarda Word cuando carga? jaja, es por eso, Word, como puede ser otro, Corel PS, etc.

saca, no es necesario eso

tenes paginas con miles de fuentes, buscas ahi la que queres y la agregas, listo.

una web muy grosa: http://betterfonts.com/

[Kogote]

buen consejo camello.. si la verdad porque tengo mas de 13000 y son todas iguales o feas 

gracias!

[Camello_AR]

Lo digo por experiencia en maquinas viejas por tener muchas fuentes se pegaba altas achanchadas y al final usas menos de 20 fuentes

[sextiano_87]

gente..


algo me salio...


:S


pero como hago pa ponerle contorno a la letra???


y la letra la tube q poner en 4pt pa q me entre...


saludos...