ARGENTOP2P

Soporte, Ayuda y Consultas => Tutoriales y Manuales => Mensaje publicado por: martinocho en Diciembre 31, 2006, 11:29:55

Título: Diseño de UserBars con Photoshop
Publicado por: martinocho en Diciembre 31, 2006, 11:29:55
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.
Título: Re: Diseño de UserBars con Photoshop *tutorial*
Publicado por: ZeRoKooL en Diciembre 31, 2006, 18:37:51
Muy bueno ñato!!! :up:, sobre todo para la gente que se maneja con el Photoshop ;D, de paso dejo un programilla que posteo Cazador que también esta bastante bueno AmitySource UserBar Generator V2.2 (http://www.argentop2p.net/index.php?topic=34992.0), por supuesto que el Photoshop nos permite mayor libertad :up:.
Título: Re: Diseño de UserBars con Photoshop *tutorial*
Publicado por: Javi en Diciembre 31, 2006, 19:01:57
yo las hacia con Corel tambien jeje

salu2  :up:
Título: Re: Diseño de UserBars con Photoshop *tutorial*
Publicado por: AEP en Diciembre 31, 2006, 19:15:40
Gracias che! también a las barritas las podes degradar. Después explico como (si no tenes drama).

Saludos.
Título: Re: Diseño de UserBars con Photoshop *tutorial*
Publicado por: martinocho en Diciembre 31, 2006, 21:06:19
Cita de: AEP en Diciembre 31, 2006, 19:15:40
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  :palmas:
aca estamos todos para compartir :D

explique su manera nomas
Título: Re: Diseño de UserBars con Photoshop *tutorial*
Publicado por: AEP en Enero 01, 2007, 17:41:13
Bueno, después de hacer todo lo que explicó en el tuto martinocho, vamosa la opcion de degradado y seleccionamos el color Blanco.

(http://img403.imageshack.us/img403/448/photoshopqj1.jpg)

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

(http://img403.imageshack.us/img403/4317/photoshop5jl3.jpg)

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


(http://img403.imageshack.us/img403/5377/photoshop3pw9.jpg)

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

(http://img403.imageshack.us/img403/6317/photoshop4ut0.jpg)

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

(http://img403.imageshack.us/img403/7585/photoshop6py4.jpg)

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

Espero que les sirva.

Saludos.


Título: Re: Diseño de UserBars con Photoshop
Publicado por: rengo_73 en Enero 01, 2007, 19:15:27
que version de photoshop usan? yo uso el paint shop pro 7  :P


me quiero actualizar un poquito  :jaja:


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


salu2 :up:
Título: Re: Diseño de UserBars con Photoshop
Publicado por: Camello_AR en Enero 01, 2007, 20:06:10
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
Título: Re: Diseño de UserBars con Photoshop
Publicado por: rengo_73 en Enero 01, 2007, 20:36:11
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
Título: Re: Diseño de UserBars con Photoshop
Publicado por: Camello_AR en Enero 01, 2007, 20:41:59
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 (http://www.argentop2p.net/index.php?topic=29.0) tu firma se excede en el ancho (tiene 800px la imagen)

Citar12)  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.

Título: Re: Diseño de UserBars con Photoshop
Publicado por: rengo_73 en Enero 01, 2007, 20:52:42
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á  :o
Título: Re: Diseño de UserBars con Photoshop
Publicado por: Camello_AR en Enero 01, 2007, 22:18:59
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
Título: Re: Diseño de UserBars con Photoshop
Publicado por: darkfish en Enero 02, 2007, 20:26:04
Yo la hago más facil y utilizo un software llamado:  AmitySource Userbar Generator 2.2
para el que le interese: http://www.amitysource.com/distfiles/UBarGen2.2_en.exe
Título: Re: Diseño de UserBars con Photoshop
Publicado por: AEP en Enero 02, 2007, 20:57:21
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:

(http://img394.imageshack.us/img394/1884/argentouseriq0.gif)

Y no son difíciles de hacer, solo es cuestión de practica.
Título: Re: Diseño de UserBars con Photoshop
Publicado por: ZeRoKooL en Enero 02, 2007, 21:01:06
Cita de: AEP en Enero 02, 2007, 20:57:21
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:

(http://img394.imageshack.us/img394/1884/argentouseriq0.gif)

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.
Título: Re: Diseño de UserBars con Photoshop
Publicado por: martinocho en Enero 02, 2007, 22:56:59
Cita de: AEP en Enero 02, 2007, 20:57:21
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:

(http://img394.imageshack.us/img394/1884/argentouseriq0.gif)

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

te quedo excelente man!  :up:
la verdad que el degradado de elipse queda bueno...
lo voy a probar ahoritaa  :)
Título: Re: Diseño de UserBars con Photoshop
Publicado por: Javi en Enero 02, 2007, 23:27:31
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  :up:
Título: Re: Diseño de UserBars con Photoshop
Publicado por: ZeRoKooL en Enero 02, 2007, 23:29:04
"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 :P
Título: Re: Diseño de UserBars con Photoshop
Publicado por: Kogote en Febrero 03, 2007, 12:08:29
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  :P
Título: Re: Diseño de UserBars con Photoshop
Publicado por: Camello_AR en Febrero 10, 2007, 01:40:09
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
Título: Re: Diseño de UserBars con Photoshop
Publicado por: Javi en Febrero 10, 2007, 01:50:08
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/
Título: Re: Diseño de UserBars con Photoshop
Publicado por: Kogote en Febrero 10, 2007, 01:59:01
buen consejo camello.. si la verdad porque tengo mas de 13000 y son todas iguales o feas  :P

gracias!
Título: Re: Diseño de UserBars con Photoshop
Publicado por: Camello_AR en Febrero 10, 2007, 02:02:07
Lo digo por experiencia en maquinas viejas por tener muchas fuentes se pegaba altas achanchadas y al final usas menos de 20 fuentes
Título: Re: Diseño de UserBars con Photoshop
Publicado por: sextiano_87 en Julio 12, 2007, 23:32:43
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...