Tuto: Userbars como firmas

[Sponsored links]

[Jh®]

Userbar o userbox son imágenes usadas frecuentemente en las firmas de los foros de discusión con las que los usuarios muestran sus gustos y aficiones. Aunque aquí en LANeros.com los userbar no son muy populares siempre es conveniente saber cómo hacer uno propio según nuestros gustos sean de software, juegos, música, cine o lo que sea.
Ejemplos clásico de userbars:
Bitcomet: http://img527.imageshack.us/img527/4696/bitcomet7vs.jpg
Animado: http://img141.imageshack.us/img141/6118/bootscreenuserbar2sa.gif
Ebay: http://img380.imageshack.us/img380/8323/ebay3uw.jpg
Firefox: http://img269.imageshack.us/img269/2771/ffuser9we.jpg
Fireworks:http://img506.imageshack.us/img506/3829/fireworksuserbar2xf.jpg
Opera: http://img67.imageshack.us/img67/7633/b6iuo4fk3s9qxqn76hq.gif
Ubuntu: http://img383.imageshack.us/img383/1985/ubuntu0zc.gif
Yahoo: http://img485.imageshack.us/img485/5863/yahoo5hi.gif
etc etc etc...

Algunas cosas en común comparten los userbars posteados: todos son de 350*19 px (grave limitación para ponerlo como firma en LAneros.com :\ :( :'( ) aunque de igual forma creandolos se pueden restringir a 300*19 px; otra cosa es el tramado y la fuente pero veremos más adelante en detalle cada una de estas cosas.

En fín para crear nuestros propios userbar podemos usar cualquier programa de diseño gráfico como Photoshop, Fireworks, Gimp etc etc En esta ocasión crearemos un userbar usando Macromedia Fireworks y están bienvenidos los otros tutos aquí mismo en este hilo para realizarlos con otros programas.
NOTA: hay una buena herramienta online y gratuita que te permite generar userbar:
Online Userbar Paint Tool (http://ubdesigner.com/)

Es el más completo que vi hasta el momento. Posibilita el manejo de capas. Permito añadir más de una imagen y patrones de fondo creados por el usuario. Además efecto reflejo para la barra y función scroller entre otras herramientas. Pero tiene la desventaja de ser algo difícil de manejar al principio.


Bueno, como el "dermatólogo: directo al grano" :P
Usaremos como ya he dicho antes Fireworks 8, de aquí en adelante abreviado a MF8 :chino::
1. Es importante saber QUÉ es lo QUEREMOS, al menos una idea básica, un esbozo mental o sobre papel; aunque muchas veces la creatividad nos puede fallar, si es así miramos algunos ejemplos de userbars y nos guiamos por ellos. En mi caso haré un userbar de la Universidad de Cartagena con la consigna: "LANERO UDECEISTA"
2. Ya definimos lo que quisimos? entonces abrimos MF8 y creamos el lienzo con 350*19 pixeles si es general o 300*19 si lo vamos a usar en LANeros.com fondo transparente
Como voy a hacer mi firma entonces lo hago en el último tamaño.

http://img80.imageshack.us/img80/8118/07292007182527id9.png (http://imageshack.us)*

3. Creamos un degradado usando la opción de rectángulo y luego le asignamos los colores que queramos. Como la UdeC tiene al negro y al amarillo por colores oficiales entonces los asigno y me quedan:

http://img297.imageshack.us/img297/4002/fondofj2.png

4. A este degradado le podemos poner cualquier tramado que nos guste, esto mediante la opción Textura previa selección del recuadro. Lo clásico son las líneas diagonales por lo tanto tendremos este aspecto:

http://img297.imageshack.us/img297/1829/tramadoun5.png

5. Buscamos la imagen que queramos, en este caso usaré mi escudo de la U:

http://img297.imageshack.us/img297/7742/escudounicartagenata5.png

y lo acomado dandole giro, distorsión, transparencia como queramos para que quede así:

http://img168.imageshack.us/img168/3401/escudoug0.png

6. Luego procedemos a darle un pequeño efectico de brillo haciendo un óvalo del mismo tamaño del recuadro (en nuestro caso 300*19):

http://img168.imageshack.us/img168/8432/ovalo0dc1.png
Entonces accedemos a una herramienta poderosa y atractiva: Menú Comandos > Creativo > Fundir Imagen y seleccionamos la que queramos:

http://img263.imageshack.us/img263/420/07292007185530no3.png (http://imageshack.us)

Y el resulstado es:

http://img168.imageshack.us/img168/8697/ovalohw5.png

7. Seguimos con lo que queramos introducirle por texto, en mi caso LANERO UDECEISTA; la fuente standar para los userbar es la Visitor BRK y la puedes descargar en el adjunto que pongo al final del post ;)

http://img300.imageshack.us/img300/1237/udeceistayd5.png

8. Por último le agregamos un simple marco de 1 o 2 punto, creando un recuadro con fondo transparente y borde negro y...
voilá...

http://img509.imageshack.us/img509/4207/udeceistauserbardh0.gif

Cualquier cosa no duden en postear sus dudas, comentarios, opiniones, ampliaciones etc etc Más tarde estaré posteando links, utilidades on-line y galería de userbars para todos.
NOTA: El adjunto es la fuente Visitor BRK para los userbars, lean algunos truquillos dentro del rar ;)

***
Consolidado de tutoriales:
Userbar animado en Photoshop CS3 (criscos)
http://www.laneros.com/showpost.php?p=1885328&postcount=67

Photoshop para principiantes (Lamilanista)
http://www.laneros.com/showpost.php?p=1886111&postcount=72

Gimp (jeff..619)
http://www.laneros.com/showpost.php?p=1886632&postcount=73

Gimp #2 (Jh)
http://www.laneros.com/showpost.php?p=1872455&postcount=39

Efecto de transición para Photoshop (criscos)
http://www.laneros.com/showpost.php?p=1883337&postcount=55

Userbars en Photoshop (criscos)
http://www.laneros.com/showpost.php?p=1856599&postcount=33

Texto animado en Photoshop (criscos)
http://www.laneros.com/showpost.php?p=1855838&postcount=31

Userbars en Macromedia Fireworks (Jh)
http://www.laneros.com/showpost.php?p=1839180&postcount=1

Userbar en Paint Shop Pro
http://www.laneros.com/showpost.php?p=1889188&postcount=85

[-=[THE HACO]=-]

Esta muy bacano el foro...ya era hora de cambiar los tipos de firmas q se ben en la comuniadad...buena por esa jh..

suerte y salu2!!!!!!!!!!

[Jh®]

Esta muy bacano el foro...ya era hora de cambiar los tipos de firmas q se ben en la comuniadad...buena por esa jh..

suerte y salu2!!!!!!!!!!

jaja parce, no tanto como cambiar las firmas pero sí sería una interesante alternativa al alcance de todos.

[torvix]

hey ke vakano kiero hacer una pa mi..

[Jh®]

hey ke vakano kiero hacer una pa mi..
Pues deberías y posteas los resultados, vale?

[-=[THE HACO]=-]

esa parte de degradado....no la encuentro me podias postear una imagen de macromedia para saber donde esta ..

suerte y salu2!!!!

[-=[THE HACO]=-]

me gustaria hacer una animada...estan geniales...

[Jh®]

esa parte de degradado....no la encuentro me podias postear una imagen de macromedia para saber donde esta ..
suerte y salu2!!!!

Pues si te refieres el fundido de imágenes solo dirígite al Menú Comandos > Creativo y por último el submenú Fundir imagen
http://img405.imageshack.us/img405/7347/creativovb9.gif (http://imageshack.us)
Todo esto para que las opciones de fundido aparezcan y elijas la que más te guste:
http://img263.imageshack.us/img263/420/07292007185530no3.png

me gustaria hacer una animada...estan geniales...
Para hacerlas de una forma simple puedes usar esta página web para que hagas una animación ubanimator.com (http://ubanimator.com/)

Y fácilmente podemos tener estos resultados:
http://www.tooler.com.ar/img/userbars/animada2.gif

[-=[THE HACO]=-]

no me referia a ese comando....ese ya lo sabia me referia a esta parte q vos dijistes...

3. Creamos un degradado usando la opción de rectángulo y luego le asignamos los colores que queramos. Como la UdeC tiene al negro y al amarillo por colores oficiales entonces los asigno y me quedan:

suerte y gracias

[Jh®]

jajaja man matas el tigre y te da miedo el cuero :P :P
http://img224.imageshack.us/img224/847/degradadovs1.gif (http://imageshack.us)

[-=[THE HACO]=-]

no para nada se q es una bobada esa pregunta pero para q se de cuenta,,,no encontre esa parte y como ya sabe parcero no manejo mucho macromedia....

gracias y suerte

[NoVa]

veee estan bacanas estas imagensitas pequeñas pero elegantes :P

[Jh®]

Bueno originalmente son más largas pero tú conoces las limitaciones de LANeros.com en cuanto a reglas de firmas jeje

[-=[THE HACO]=-]

parcero jh y hice la mia pero la queria animada asi q fui a la pagina q me dio ubanimator.com y creo la animacion pero no aparece por ningun lado help me jeje

[Jh®]

explícate mejor, postea algunos ejemplos y con gusto te ayudo man ;)

[-=[THE HACO]=-]

no lo q paso es q habia colocado las dimensiones 300x31 y era 300x19 hay esta el error ya corrijo y posteo la firma q hice jeje....

[-=[THE HACO]=-]

:nervios: :nervios: parcero jh como hago para q la imagen q haga no pese mas de 20k la hice pero pesa mucho....:muerto: :muerto: :muerto: :(

[Jh®]

ubanimator.com solo acepta 350*19 así que redimensiona ;)

[Jh®]

:nervios: :nervios: parcero jh como hago para q la imagen q haga no pese mas de 20k la hice pero pesa mucho....:muerto: :muerto: :muerto: :(

Prueba con la opcion de Optimizar que te ayuda a aligerar peso para adaptarlo a webs; además cuantas userbars usaste en el ubanimator??? porque muchas obviamente te van a dar un resultado final mucho mayor al miserable 20K :enojado:

[-=[THE HACO]=-]

coloque dos userbars...ya lo hintento y posteo el resultado

[-=[THE HACO]=-]

ya mañana sera postear la firma q hice me quedo mucho mejor tuve q bajarle la calidad pero bueno....+

suerte y gracias parce

[NoVa]

una preguntica no es mas complicado adaptarle la imagen a una barra de estas?

*------*

disculpen pero es q es para el bien mio :P

[-=[THE HACO]=-]

pues parcero mario yo ya lo intente es muy facil y esa imagen es senciallas....intenta paso a paso y veras q es super sencillo

[NoVa]

bueno tocara probar, por ahora voy a busacar una imagen q sea pequeña para cuando le baje el tamaño no pierda calidad, gracias por el dato

[-=[THE HACO]=-]

esa imagen es pequeña...claro q se puede todo esta en la creatividad parcero....intentelo

[Jh®]

bueno tocara probar, por ahora voy a busacar una imagen q sea pequeña para cuando le baje el tamaño no pierda calidad, gracias por el dato

No es necesario tener imágenes pequeñas puesto que las puedes acomodar en el lienzo y lo redundante no sale. Además puedes hacer algunos efectos especialmente hacer la imagen oblicua para extenderla sin deformarla tanto dentro del userbar.

[|LMM| <criscos>]

hace tiempo estaba buscando un tuto para los userbar....

[|LMM| <criscos>]

bueno aqui les dejo un userbar que acabo de hacer....:P :P

http://mundoarchivo.com/out.php/i47635_userbarmayor.gif (http://www.mundoarchivo.com)

viejo .:://DELPIERO227//::.. donde esta su intento de userbar?

:nervios: :nervios: perdon por el doble post........

[-=[THE HACO]=-]

viejo no he tenido tiempo de hacerlo....ve y como hicistes para hacer ese efecto en las letras....y q programa utilisas

[NoVa]

oiga si esta bn bacano ese efecto en las letras tire tire el dato, haber si lo aplico en mis firmas normales jeje

[|LMM| <criscos>]

bueno pues yo utilizo el photoshop.... y lo del efecto.. aqui les dejo el tuto...( no lo hice yo.)

http://www.photoshop-designs.com/Imagenes/17453/textoanimadobymemn1.jpg


aqui mi primer resultado:

http://mundoarchivo.com/out.php/i50227_algonuevecito.gif (http://www.mundoarchivo.com)

SALU2!!!!!!!:P:cool:

[Jh®]

bueno pues yo utilizo el photoshop.... y lo del efecto.. aqui les dejo el tuto...
TUTORIAL EFECTO (http://www.photoshop-designs.com/photoshop/tutorials/tutoriales_de_texto/tutorial_texto_animado_v20_medio/607.htm)

SALU2!!!!!!!:P:cool:

Criscos sería muy interesante que también postearas aquí mismo el tuto de userbars pero en Photoshop ;) pues la idea es que aquí se condensen los tutoriales no importando los programas, alrededor de los userbars

[|LMM| <criscos>]

aqui les dejo el tutorial que consegui para hacer userbar en photoshop... K+

Con este tutorial aprenderemos a crear userbars.Para ello creamos un nuevo documento de 300x20 px (LANeros solo permite como ancho maximo 300 px, tengan en cuenta eso...) como se muestra en la imagen:
http://img103.imageshack.us/img103/1305/dibujo0bv.gif
Ahora deberiamos tener algo asi:
http://img85.imageshack.us/img85/4092/dibujo3rh.gif
Bien, lo siguiente es crear una nueva capa, rellenar la nueva capa de blanco y elegir los colores de nuestro usrebar en las opciones de fusion, en la opcion de superposicion de degradado, así:
http://img85.imageshack.us/img85/9421/dibujo1iv.gif
http://img98.imageshack.us/img98/2213/dibujo4er.gif
http://img136.imageshack.us/img136/3873/dibujo8pt.gif
Yo elegi esos colores, pero ustedes puedes usar los que quieran logicamente.
Ahora vamos a las opciones de bisel y relieve y ponemos los valores de la imagen:
http://img85.imageshack.us/img85/2976/dibujo4oq.gif
Para hacer el siguiente paso vamos a tener que hacer un nuevo motivo,que se hace así:
Abrimos un nuevo documento de 5x5 px,despues aumentamos el zoom a unos 1600(lo maximo) o a lo que les quede mejor,despues cogen el lapiz a un gueso de 1 px y con el color negro hacen un linea inclinada que sea de cinco cuadraditos,les tendra que quedar así:
http://img85.imageshack.us/img85/3403/dibujo8qr.gif
Despues van a Edición-->Definir motivo,le pones el nombre que quieras y ya tienes un nuevo motivo:
http://img138.imageshack.us/img138/6153/dibujo6zw.gif
Ahora le daremos el relleno de motivo y le bajaremos la opacidad a 18 % en opciones de fusión:
http://img146.imageshack.us/img146/1245/dibujo9zo.gif
http://img102.imageshack.us/img102/1158/dibujo2yq.gif
http://img162.imageshack.us/img162/6584/dibujo4ip.gif
Ahora creamos una nueva capa, y utilizamos la herramienta marco eliptico para hacer una seleccion como la de la imagen:
http://img238.imageshack.us/img238/9594/dibujo7uw.gif
Ya hecha la seleccion utilizamos la herramienta de degradado y arrastramos el raton de arriba hacia abajo o viceversa por la minifirma para darle un brillo, poniendo los siguientes valores, eligiendo como colores frontal y trasero el blanco y bajando la opacidad del degradado a 40%:
http://img141.imageshack.us/img141/6374/dibujo8rp.gif
Y ya tendremos el userbar acabado,solo faltaria ponerle la imagen y la frase que queramos:
http://img141.imageshack.us/img141/2339/dibujo1wm.gif
uno de los resultados:
http://img96.imageshack.us/img96/7811/dibujo0kx.gif

salu2

[Jh®]

Excelente compadre, ya estamos reuniendo las herramientas suficientes para tener tutos variados sobre userbars!
Gracias y K+ por supuesto jeje

[NoVa]

huyyy muchas gracias vamos a probarlo y ya luego muestro los resultados

[Jh®]

Pues no estaría nadal mal que expusieran sus resultados tal como lo hizo criscos.
Hasta la fecha además del mío he recibido peticiones de algunos LANeros para realizar sus firmas. Pues hasta el momento encuentro la de la más apropiada por ahora pues la usa en este foro y no en los otros donde si aceptan más de 250 pixeles de ancho.
Esta es de [LMc]Crac.K.triX<dB> basada en el escudo de la Universidad Nacional y con fondo de la bandera de Colombia tal como me lo especificó:

http://img403.imageshack.us/img403/9807/userbarunalbt5lc0.png

[|LMM| <criscos>]

Pues no estaría nadal mal que expusieran sus resultados tal como lo hizo criscos.
Hasta la fecha además del mío he recibido peticiones de algunos LANeros para realizar sus firmas. Pues hasta el momento encuentro la de la más apropiada por ahora pues la usa en este foro y no en los otros donde si aceptan más de 250 pixeles de ancho.
Esta es de [LMc]Crac.K.triX<dB> basada en el escudo de la Universidad Nacional y con fondo de la bandera de Colombia tal como me lo especificó:

http://img403.imageshack.us/img403/9807/userbarunalbt5lc0.png

ojala sigan aportando para echar adelante este foro..

una pregunta como se consigue ese efecto de fusionar la imagen _(darle cierta transparencia a una parte de la imagen) con photoshop?

salu2

[Jh®]

ojala sigan aportando para echar adelante este foro..

una pregunta como se consigue ese efecto de fusionar la imagen _(darle cierta transparencia a una parte de la imagen) con photoshop?

salu2

Pues la verdad mi compadre, Photoshop pocón pocón :'(
Falta ver si algún LANeros nos colabora o dirigirnos al forito del programa http://www.laneros.com/showthread.php?t=49823 ;)

[Jh®]

Bueno linuxeando un poco ahora posteo el tuto pero para GIMP (también hay versión para windows así que no hay problema ;))
En este tutorial vamos a crear estas firmas que tan de moda se han puesto últimamente, utilizaremos las herramientas de relleno, selección, lápiz, patrones y texto. Con una dificultad media.

Se ha utilizado la version 2.3 (dev) de The GIMP, bajo GNU/Linux (ubuntu breezy), aunque el tutorial se puede seguir desde otras versiones recientes de GIMP sin importancia de la plataforma utilizada.

Como siempre os recomiendo guardar utilizando el formato nativo de GIMP (*.xcf), que os permite realizar posteriores modificaciones sin perder parte de la información. Y al final del proceso exportar al formato deseado (*.jpg en esta ocasión).

Para el texto se ha utilizado la tipografia ‘SquareDance‘, disponible para descargar desde aqui.

Iniciamos el GIMP, abrimos una imagen nueva (Ctrl+N) con un tamaño de 350×19 píxels (px), el ‘estándar’ de las ‘userbars’.

nueva imagen

*
Gradiente:

Mayús+B para rellenar la capa de fondo con un gradiente de los colores que mas nos gusten, o según la temática de la firma.
Guardamos el resultado (userbar.xcf).

herramienta gradienteresultado gradiente
*
Patrón:

Ahora pasaremos a crear el patrón de fondo, o relleno, al que llamaremos ’scanlines’.
Vamos a abrir otra nueva imagen Ctrl+N de 6×6 px, lo ideal seria dejar el fondo transparente, aunque en este tutorial utilizé un fondo de color blanco.
Seleccionamos la herramienta de lápiz (N), con esta herramienta será mucho mas sencillo realizar el dibujo del patrón, con una brocha de 1 píxel.
Poned un zoom del 800% para que os sea mas fácil realizar el dibujo, dirige el cursor del ratón al extremo inferior de la izquierda y dibuja un sólo punto, ahora mientras mantienes pulsada la tecla SHIFT mueve el ratón hasta el extremo superior derecho y vuelve a pulsar. Con esto has conseguido una línea totalmente recta, en diagonal de toda la imagen.

scanline paso 1scanline paso 2scanline paso 3

Vamos a guardar la imagen resultante como un patrón, Guardar como scanline.pat y luego le decimos a GIMP donde buscar ese patrón para que podamos utilizarlo en todas nuestras composicines, en la barra de herramientas --> archivo --> preferencias --> carpetas --> patrones y añadir una nueva carpeta donde tengamos guardado el patrón.
Reiniciamos GIMP.

guardar patroncarpeta patrones

Abrimos de nuevo la imagen de la userbar.xcf.
Creamos una Capa nueva, transparente y le aplicamos el relleno con patrón seleccionando nuestro ’scanlines.pat’ anteriormente creado, basta con clicar encima de la capa y se rellena todo.
Seleccionamos la capa con el patrón de fondo y cambiamos la opacidad al 20%, o según el criterio personal.

relleno con patroncapa scanlines
*
Texto:

Ahora introducimos el texto, utilizando la fuente pixelada o según las preferencias personales, utilizaremos el color blanco y un tamaño de 8px.

resultado scanlines

Para añadirle el borde al texto vamos a seguir estos pasos (indicados en el foro por Tanda):
Seleccionar la capa con el texto.
Alfa a selección (click botón derecho ratón).
Seleccionar –> Agrandar [Grow] –> 1px
Crear nueva capa (transparente).
Mover la capa creada debajo de la capa con el texto.
Rellenar de color negro Mayús+B

agrandar seleccion –> rellenar seleccion
*
Imágenes:

Toda buena userbar tiene imágenes sobre la afición que se quiere demostrar… de modo que cada uno deberá buscar la imagen-es que mas le convenga.
*
Elipse:

Un elemento necesario, es este ‘embellezedor’ de userbars, muy simple de realizar:
Nueva capa (transparente).
Dibujar la elipse (redonda), Selección elíptica que alcanze de una punta a la otra de la imagen y en la mitad de la misma que llege hasta abajo.
Rellenar de color blanco.
Variar la opacidad de la capa al 30% aprox.
*
Borde imagen:

El último paso antes de finalizar nuestra userbar, crearemos un borde alrededor de toda la imagen.
Nueva capa (transparente).
Seleccionamos toda la capa (R). Seleccionar –> Encoger [Shrink] –> 1px.
Seleccionar –> Invertir (Ctrl+I). Rellenar con color negro (Mayús+B).

Y con esto hemos finalizado este tutorial!

Para mayor info, enlaces y capturas de pantallas: |linuxventanitas (http://linuxventanitas.wordpress.com/2007/08/11/peticion-%c2%bfcomo-crear-firmas-user-bars-en-gimp/)|

[-=[THE HACO]=-]

el gimp no es complicado de manejar....nunca lo he utilzado q tal es????

[o.O!]

el gimp no es complicado de manejar....nunca lo he utilzado q tal es????
bueno yo lo usa la primera ves batalle pero haora ya me muevo rapido y hago las cosas un poko rapidas
es bueno el gimp es lo mismo que el photoshop bueno casi
es bueno el gimp bueno yo uso el estable pero ya salio el nuevo pero es inestable
ise no te acostumbras bueno puedes bajar el gimpshop que es el gimp no mas que con la aparencia de photoshop
salu2:D

[-=[THE HACO]=-]

gimp es un buen programa...o almenos eso dicen y lo q he escuchado son cosas postivas de ese programa....voy a probarlo a ver q tal.....y viejo jeff...para utilizar gimp hace una firmas muy buenas

[MadClown]

Bueno aqui mi primer intento =) usando la pagina UBDESIGNER (http://ubdesigner.com) no es la gran cosa pero es un avance para mi, ya que yo no tengo ni idea sobre esto :P :muerto: ....q tristeza :( ...ni modo, me figurara aprender en algun momento..

http://img62.imageshack.us/img62/8578/ubda5337zb4.gif (http://ubdesigner.com)

[o.O!]

gimp es un buen programa...o almenos eso dicen y lo q he escuchado son cosas postivas de ese programa....voy a probarlo a ver q tal.....y viejo jeff...para utilizar gimp hace una firmas muy buenas
si si es bueno yo utiizo el gimp y mire jejeje salu2
Bueno aqui mi primer intento usando la pagina UBDESIGNER no es la gran cosa pero es un avance para mi, ya que yo no tengo ni idea sobre esto ....q tristeza ...ni modo, me figurara aprender en algun momento..
http://img62.imageshack.us/img62/8578/ubda5337zb4.gif
guo muy bueno tiene un talento nato

[Jh®]

Bueno aqui mi primer intento =) usando la pagina UBDESIGNER (http://ubdesigner.com) no es la gran cosa pero es un avance para mi, ya que yo no tengo ni idea sobre esto :P :muerto: ....q tristeza :( ...ni modo, me figurara aprender en algun momento..

http://img62.imageshack.us/img62/8578/ubda5337zb4.gif (http://ubdesigner.com)

UBDESIGNER es una buena herramienta on-line para el diseño de userbars; hasta animados se pueden hacer sin ningún problema:

http://ubdesigner.com/images/userbars/ubda3832ma1.gif

Te felicito y continúa así para que llegues a LANERO SICÓLOGO ;)

[-=[THE HACO]=-]

una pregunta uno puede colocar un userbar abajo de la firma osea tener la firma y abajo el userbar....viejo jh quisiera q me hiciera uno de samurai x animado...le agradeceria mucho la ayuda

[|LMM| <criscos>]

una pregunta uno puede colocar un userbar abajo de la firma osea tener la firma y abajo el userbar....viejo jh quisiera q me hiciera uno de samurai x animado...le agradeceria mucho la ayuda

pues creo que si... lo importante es no pasarse de 5 imagenes en la firma...
salu2

[|LMM| <criscos>]

Bueno aqui mi primer intento =) usando la pagina UBDESIGNER (http://ubdesigner.com) no es la gran cosa pero es un avance para mi, ya que yo no tengo ni idea sobre esto :P :muerto: ....q tristeza :( ...ni modo, me figurara aprender en algun momento..

http://img62.imageshack.us/img62/8578/ubda5337zb4.gif (http://ubdesigner.com)

empezaste super bien... si asi es iniciando como sera cuando sea un experto en esto.....:cool: :cool: :cool:

[-=[THE HACO]=-]

gracias por el dato viejo criscos...si me pudieras ayudar con un userbar de caballeros del zodiaco o dragon ball ...q fuese animado se lo agradeceria.....

[|LMM| <criscos>]

ummmh yo hago los userbar con photshop.. pero aun no puedo hacer que queden con la imagen en movimiento....:( :( :(

[-=[THE HACO]=-]

viejo no tanto en movimiento sino como la q tiene ....

[|LMM| <criscos>]

viejo no tanto en movimiento sino como la q tiene ....
ahhh ya, ya entendí pero es que en este momento no tengo el tiempo suficiente para dedicarme a un userbar por si algo post atras esta el tuto...
en estos dias te hago uno del tema que propones;) ... perdoname pero hoy no puedo..:\ :\
salu2

[-=[THE HACO]=-]

tranquilo....hay estoy intentando hacer el mio....saludos y suerte

[Jh®]

ummmh yo hago los userbar con photshop.. pero aun no puedo hacer que queden con la imagen en movimiento....:( :( :(

En fireworks está la herramienta de los fotogramas, seguramente en el Photoshop estará y así se pueden animar los userbars :)

[|LMM| <criscos>]

Bueno aqui les ejo un tutorial de PHOTOSHOP que me encontre (no lo hize yo) para hacer userbar con transicion a otra.
Es decir perfecto para los que no se deciden entre dos userbar; en el tuto enseñan como ponerlas en efecto de transicion...:P :P

http://img258.imageshack.us/img258/2876/tuats256ks7.jpg

y aqui les dejo algunos resultados:

http://img262.imageshack.us/img262/8518/udu45sdkow4.gif

http://img342.imageshack.us/img342/2495/userbarfdj4.gif

salu2 :P :P :cool: :cool: :cool: :cool:

[-=[THE HACO]=-]

huy viejo te lucistes con ese tuto ....k

[Jh®]

Excelente criscos, ya este forito es verdaderamente un tuto bien completico!
mi k++ para usted ;)

[|LMM| <criscos>]

Excelente criscos, ya este forito es verdaderamente un tuto bien completico!
mi k++ para usted ;)

huy viejo te lucistes con ese tuto ....k

gracias por sus opiniones mañana les dejo otro toturial que encontre por hay.......:P

[Jh®]

ya tenemos fireworks, photoshop, gimp... qué más falta?

[-=[THE HACO]=-]

corel......no hay nada sobre ese programa o que

[Jh®]

corel draw es para gráficos vectoriales; no tendría caso usarlo para diseño y edición de mapa de bits

[-=[THE HACO]=-]

ve pensaba q funcionaria.....no sabia ese dato....

[Jh®]

por eso no mencioné ni el freehand o el illustrator porque todos manejan gráficos vectoriales.

[o.O!]

k onda a ki pasando
a mostrarles las usensbans que ise a penas estoy a prendiendo
http://img207.imageshack.us/img207/310/dragonhp7.jpg

http://img411.imageshack.us/img411/3166/dragonballwy0.jpg

http://img20.imageshack.us/img20/2653/goku4cg6.jpg

http://img411.imageshack.us/img411/9152/gokugv3.jpg
y a qui los PSD
http://www.mediafire.com/?5zsmd5niudi

http://www.mediafire.com/?bxwvz1dxdot

http://www.mediafire.com/?bl9ggvtnwnm

http://www.mediafire.com/?9s4vjhbmd1x
salu2

[-=[THE HACO]=-]

veo q repartistes tus userbans por todos lados jejej...te felicito buen inicio

[o.O!]

gracias delpiero no mas lo iba post en el foro de firmas y el de aditos drgon ball pero me dijo jh que tambien lo post a qui
salu2

[|LMM| <criscos>]

aqui les dejo otro tuto para PHOTOSHOP; este es para hacer userbar con imagenes en movimiento (se muestra la imagen por partes de arriba a abajo.)es un poco mas dificil de hacer... pero si se tiene paciencia se puede....

http://img392.imageshack.us/img392/7679/tuami256zh7.jpg

aqui un resultado:

http://img398.imageshack.us/img398/373/userbardemomips9.gif

salu2:P :P

[o.O!]

sorprendente si sabia que se hacian animadas pero si podi eras post un tutorial
para gimp pero animadas

[-UC- NIBOGO]

bacano el tuto lastima que yo use photo se gano el k+ ;)

EDIT: encontrado el de el photo

[Jh®]

Y no solo el del PS, tambien el del Gimp que lo trae el Mint ;)

[-=[THE HACO]=-]

viejo jh disculpa mi ignorancia q es PS y mint todo por aprender .....

[Lamilanista]

aqui les dejo un tutorial muy facil para principiantes, no es animado ero sirve para empezar
http://img511.imageshack.us/img511/2889/tutorialuserbar44980yc6.jpg (http://imageshack.us)

[o.O!]

buen aporte yo tambien dejo un tutorial coon este a prendi
http://img58.imageshack.us/img58/4708/userbartutorialji7.gif
salu2

[-=[THE HACO]=-]

buen tuto lastima q sea para gimp!!!!!!!!

[o.O!]

a qui hay un de photoshop
click a qui (http://bhiqm.deviantart.com/art/Como-hacer-Userbars-45646576) en esa pagina encuentras muchos
salu2

[Jh®]

buen tuto lastima q sea para gimp!!!!!!!!

NOmbre ni mucho menos, la idea es recopilar todo los tutos para userbar. Creo que por el momento tenemos suficientes pues hemos abarcado los programas principales.
Solo falta paint jejeje :P :P
pd. solo bromeaba

Ahora les propongo más bien recopilar userbars interesantes pero creados por nosotros mismos así como jeff..619 puso en los días anteriores.
Quedamos así ;)

[-=[THE HACO]=-]

seria bueno q vos colocaras los link de los tutos en el primer post.....seria mas ordenado

[-UC- NIBOGO]

viejo jh disculpa mi ignorancia q es PS y mint todo por aprender .....

PS= Photoshop

Mint= Distribucion de linux basada en ubntu con mejoras

PD: que bueno ese tipo de tutos para los que tratamos de usar gimp

[Jh®]

seria bueno q vos colocaras los link de los tutos en el primer post.....seria mas ordenado

Ya está actualizado el primer post:
Userbar animado en Photoshop CS3 (criscos)
http://www.laneros.com/showpost.php?p=1885328&postcount=67

Photoshop para principiantes (Lamilanista)
http://www.laneros.com/showpost.php?p=1886111&postcount=72

Gimp (jeff..619)
http://www.laneros.com/showpost.php?p=1886632&postcount=73

Gimp #2 (Jh)
http://www.laneros.com/showpost.php?p=1872455&postcount=39

Efecto de transición para Photoshop (criscos)
http://www.laneros.com/showpost.php?p=1883337&postcount=55

Userbars en Photoshop (criscos)
http://www.laneros.com/showpost.php?p=1856599&postcount=33

Texto animado en Photoshop (criscos)
http://www.laneros.com/showpost.php?p=1855838&postcount=31

Userbars en Macromedia Fireworks (Jh)
http://www.laneros.com/showpost.php?p=1839180&postcount=1

Gracias a criscos, laminalista y jeff por sus aportres ;)

[-UC- NIBOGO]

me parece que del primer post puede remover el de fireworks y ponerlo como los demas con su respectivo link sencillamente copiando los tags a un post nuevo ;)

[o.O!]

jejej denada a qui sirbiendo a la comunidad
salu2
(mas tutos)despues (a esperar)
salu2

[Jh®]

jejej denada a qui sirbiendo a la comunidad
salu2
(mas tutos)despues (a esperar)
salu2

Bueno jeff, eres un alma del foro y tambien por tus aportes hemos aprendido otro tanto.
Lo que me cuesta pensar es si pueden haber más tutos ¿será para paint? jajaja :P :P :P

Por otro lado y como dije anteriormente estaría muy bueno que se postearan de aquí en adelante los resultados de los tutos con nuestros propios userbars.

[o.O!]

Bueno jeff, eres un alma del foro y tambien por tus aportes hemos aprendido otro tanto.
Lo que me cuesta pensar es si pueden haber más tutos ¿será para paint? jajaja :P :P :P

Por otro lado y como dije anteriormente estaría muy bueno que se postearan de aquí en adelante los resultados de los tutos con nuestros propios userbars.
jejej gracias man si alguien nesesita firma userbars y avata biene con el indicador
jejeje mentiras
mm paint es que es muy dificial hacer algo asi no???
salu2

[-=[THE HACO]=-]

pues es dificil pero no imposible...pero hay parceros q hacen cosas de lujo con paint.....todo depende del talento

[-UC- NIBOGO]

lo siento Jh® pero para hacerla en paint no encontre nada xD

TUTORIAL PARA Paint Shop Pro

LO PRIMERO QUE HARAN ES ABRIR UN ARCHIVO DE 25 X 400

http://img525.imageshack.us/img525/1179/59426896sh1.png

TAMBIEN ABRIREMOS UNA TEXTURA PARA BANNER
(AQUI: LINK DONDE ESTAN MUCHAS TEXTURAS) (http://foro.univision.com/univision/board/message?board.id=paintshoppro&message.id=111)

AHORA VAMOS A IR A LA TEXTURA Y DAMOS COPY

VAMOS AL ARCHIVO Y PONEMOS PASTE AS NEW LAYER

http://img525.imageshack.us/img525/2663/88741509oi2.png

DESPUES VAMOS HA LAYERS - MERGE - MERGE ALL

http://img525.imageshack.us/img525/1723/11279644jk2.png

AHORA VAMOS A EFFECTS - 3D EFFECTS - BUTTONIZE

http://img382.imageshack.us/img382/5272/81574958qe2.png

NOS APARECERA UNA VENTANA AHY PONDRAN ESTOS NUMEROS

http://img115.imageshack.us/img115/53/21722059wc3.png

DAMOS OK Y YA TENEMOS NUESTRA USERBAR

AHORA YA ESTA LISTA PARA PONERLE NUESTROS TEXTOS Y BORDESITOS

(SI NO SABEN PONER BORDES BAYAN AL TEMA DE TUTOS Y ALLI ENCONTRARAN MUCHOS TUTOS PARA PONER BORDES DE PUNTITOS LINEAS O FORMITAS )

AQUI UN EJEMPLO
http://img115.imageshack.us/img115/5993/61280796xd8.png

[JaNCo]

¡Que buenos tutoriales!

Gracias por el aporte.

Me interesan los de GIMP ya que con ese precio del Photoshop ni modos.

[o.O!]

¡Que buenos tutoriales!

Gracias por el aporte.

Me interesan los de GIMP ya que con ese precio del Photoshop ni modos.
jejeje amigo todo lo que nesesites de gimp
que sea
tutorial a qui pidelo creo
salu2

[-UC- NIBOGO]

hay un foro oficial exclusivo para el gimp

por cierto jeff puede subir la fuente de los userbar ya que en el otro foro no la subio por favor??

y debe haber alguno para corel pero no encuentro

por cierto pueden bajar el Ultimate userbar es un programa hecho para de forma sencilla hacer los userbar ;)

[JaNCo]

jejeje amigo todo lo que nesesites de gimp
que sea
tutorial a qui pidelo creo
salu2

Gracias nuevamente. :P

Este fin de semana me hago una barrita, ya les comentaré como me fue.

[o.O!]

por cierto jeff puede subir la fuente de los userbar ya que en el otro foro no la subio por favor??man mejor ponga hace leer bien por si lo post
click a qui (http://www.laneros.com/showthread.php?p=1884894#post1884894) y tambien el parce delpiero ya le ise su userbans esta en el mismo post creo que delpiero no lo bio:rolleyes:
salu2
Gracias nuevamente
de nada man estamos pacerbir a la comunidad

[Jh®]

hay un foro oficial exclusivo para el gimp

por cierto jeff puede subir la fuente de los userbar ya que en el otro foro no la subio por favor??

y debe haber alguno para corel pero no encuentro

por cierto pueden bajar el Ultimate userbar es un programa hecho para de forma sencilla hacer los userbar ;)

Bueno NIBOGO ya tu post fue incluído dentro del consolidado de tutos en la primera entrada del hilo.

Yo uso mucho Corel pero nunca para diseño de ese tipos. El problema es que no tiene efectos porque está hecho para gráficos vectoriales, pero de igual forma bienvenido sea.

pd. todavía espero el tuto de paint jajaja :P


Por último NIBOGO revisa bien el primer post, allí tengo posteado desde hace tiempo la fuente de los userbars ;)

[-UC- NIBOGO]

si tiene razon me habia saltado ese post

SORRY

[o.O!]

descuida man a todos nos pasa deja me ver si emcuentro algo de paint

EDIT. pos
no mas encontre esto click (http://www.youtube.com/watch?v=T1oRhMQ4OKk)

[-UC- NIBOGO]

pues es dificil pero no imposible...pero hay parceros q hacen cosas de lujo con paint.....todo depende del talento

querra decir del desocupe las limitadas funciones de paint no permiten hacer mucho y nnunca van a encontnrar un tuto para diseñar userbars en ese programa

[o.O!]

boy a tratar de hacer un tuto para paint de userbars cuenten con eso pero el lunes

[-UC- NIBOGO]

encontre un tuto de firmas con paint xD

http://img299.imageshack.us/img299/1367/tutofirmaspaintxb4.png

[Jh®]

Bárbaro, pero no muy atractivo.
De igual forma agregado tambien al primer post ;)

pd. muy super respetuosamente les pido (y esto encarecidamente lo hago) traten de usar el forito pa' postear resultados y no terminar este también en la basura que llaman nuestros queridísimos moderadores ;)
Lo digo por el bien de todos ;) no a los canales de chat

pd2. cualquiera aclaración por MP ;)

[o.O!]

jejej buen a porte nibogo me haorraste tiempo ejeje metiras
perdon por este post moderadores borrenlo
salu2

[-=[THE HACO]=-]

Hay q tener mucho talento para hacer una firma y un usebar con paint.....el tuto esta bueno pero poco llamativo...muy sencillo.....

[NoVa]

haber quien me regala un userbar que tenga el conejo de play boy y diga daddy mario:P
me hacen el dos

[-=[THE HACO]=-]

Lo mejor es q vos mismo las hagas ....asi aprendes viejo mario..en mi caso estoy en eso....los tutos q estan aqui son muy buenos y no es muy dificil aprender a hacer estos usebars

[-UC- NIBOGO]

Lo mejor es q vos mismo las hagas ....asi aprendes viejo mario..en mi caso estoy en eso....los tutos q estan aqui son muy buenos y no es muy dificil aprender a hacer estos usebars

pero para eso todos leerian tutoriales de hacer firmas con photoshop o gimp y nadie las pediria la idea es colaborarle a los que no saben y soliciten una ;)

[NoVa]

si yo se
pero aja la idea es q como yo no tengo tiempo para hacer eso por q ahorita compadre ud viera todo lo q ando estudiando y dias como hoy q tengo pa "molestar" no mele mido a eso por eso le pido el favor a algun compañero

[NoVa]

bueno gente
quien me colabora
quien me hace una userbar
q diga nigo + nova for ever
resaltando el for ever
cualquier tema

[[CHI]xThexN@xºx]

Oigan Como se ponen estas usersbars en las firmas?????con algun codigo o algo asi??????

[NoVa]

no nada iwal q como se pone la firma

[-=[THE HACO]=-]

http://img243.imageshack.us/img243/9366/tutorialdeuserbarsporkoao6.png
Visiten esta pagina por si no puede ver el tutorial ;)

LINK (http://jesulink.com/foro/viewtopic.php?t=397)

[PlateroJR]

bueno gente
quien me colabora
quien me hace una userbar
q diga nigo + nova for ever
resaltando el for ever
cualquier tema

Q tal Estas, Aca Te Puse Bastantes Q hice A lA Carrera De pronto Alguna Te Guste No Son Estandares Pero Bno Ahi estan, O Me Decis un Tema En Especifico Yo Te Hago Una.


http://img153.imageshack.us/img153/1713/nigonovaforever2qt5.jpg (http://imageshack.us)

http://img409.imageshack.us/img409/3128/nigonovaforeverod9.jpg (http://imageshack.us)

http://img153.imageshack.us/img153/3352/nigonovaforevernarutosiws1.jpg (http://imageshack.us)

http://img402.imageshack.us/img402/8080/nigonovaforevernarutoffsu1.jpg (http://imageshack.us)

http://img402.imageshack.us/img402/2991/nigonovaforevernarutopi0.jpg (http://imageshack.us)

http://img144.imageshack.us/img144/7615/nigonovaforever2ae5.jpg (http://imageshack.us)

http://img144.imageshack.us/img144/8572/nigonovaforeverzeldagd3.jpg (http://imageshack.us)

[NoVa]

uyy muchas gracias
yo pense que ya nadie me iba hacer el favor :D

[-=[THE HACO]=-]

Buenass!!!
Un userbar animada de street fighter
Gracias de ante mano !!

[-UC- NIBOGO]

quien me reagala la fuente para userbars??? me da pereza buscarlas xD

[Jh®]

)•—›;2094348']quien me reagala la fuente para userbars??? me da pereza buscarlas xD

Puedes descargarla aquí (http://www.laneros.com/attachment.php?attachmentid=109704&d=1185753866).
Se llama Visitor.

[johnnatan]

gracias necesitaba un tuto asi :)