[Tutorial / VideoTutorial] Como crear un Usebar con GIMP [Tutorial #1]

Ver el tema anterior Ver el tema siguiente Ir abajo

[Tutorial / VideoTutorial] Como crear un Usebar con GIMP [Tutorial #1]

Mensaje por amigos el Lun 14 Mar 2011 - 21:26

Buenas a todos los foreros, soy amigos y hoy os voy a enseñar a crear un Usebar, esa firma tan típica en el foro, este tutorial está hecho con la intención de animar a todos los foreros a sacar su arte sobre estos temas, bueno, sin más preámbulos, comencemos:

Antes de nada...

Para hacer esto se ha usado la versión 2.4 de GIMP, bajo GNU/Linux (Ubuntu Breezy), lo podéis descargar desde aunque el tutorial se puede usar con versiones posteriores del programa, se ha usado este por que es muy completo y fácil de instalar, y además en un software gratuito que se puede usar con cualquier sistema.

Os recomiendo guardar el usebar en formato .xcf, un formato propio de GIMP que os permite hacer modificaciones sin perder información mientras el usebar esté en proceso.
Para este usebar se ha utilizado la tipografía "Scuare Dance", que la podréis encontrar buscando por Google, ahora ejecutamos GIMP y vamos a la esquina superior izquierda, hacemos click en "Archivo" --> Nuevo, y creamos una imagen de 350x19, el tamaño "estándar" de los Usebars.

Gradiente

Mayús+B para rellenar el fondo con los colores que más nos gusten, o según la temática de la firma. Guardamos el resultado como "Usebar.xcf". (Para entender mejor esto os recomiendo mirar el videotutorial situado al final del tema.

Patrón

Ahora pasaremos a crear el patrón de fondo, o relleno, al que llamaremos "scanlines".
Vamos a abrir otra nueva imagen en Archivo -> Nuevo, de 6x6 píxeles, con fondo transparente. Seleccionamos la herramienta del lápiz, con esta herramienta nos será mucho más sencillo hacer este paso, poned un zoom del 800% para que nos sea más fácil realizar el trazo, dirige el puntero hacia la esquina inferior izquierda del dibujo y dibuja solo un 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. Vamos a guardar la imágen como un patrón, vamos a "Archivo -> Guardar como..." y le ponemos nombre "scanlines.pat", cerramos GIMP.

Ahora ve al sitio donde esté la carpeta donde hayas instalado GIMP (carpeta que se crea con la información al instalar el programa), yo lo tengo en home/usuario/.gimp2.6, (mi ordenador es un Guadalinex por lo que esto va así), pero la mayoría lo tendréis en C:/ Archivos de programa, vueno, una vez dentro de la carpeta vamos a la carpeta "patterns" y cortamos nuestro scanlines.pat a la carpeta, de esta manera ya lo podremos usar en nuestras obras.

Abrimos de nuevo nuestro usebar en proceso, vamos al menú superior, hacemos click en "Capas -> Capa Nueva" y le damos a Aceptar, ahora le damos a rellenar, le aplicamos el relleno con patrón y ponemos la opacidad al 20% o según el criterio personal.

Texto

Ahora introduciremos el texto, utilizaremos el color blanco y un tamaño de 8px. Para añadirle el borde seguimos estos pasos:

Seleccionar capa con el texto
Alfa a selección (click botón derecho del ratón) .

Seleciconar -> Agrandar [Grow] -> 1px
Crear nueva capa (transparente).
Mover nueva capa debajo de la capa con el texto.
Rellenar de color negro (Mayús+B).
(Este paso no se me da muy bien por lo que no sale en el video, pero si aprendo a hacerlo aviso)

Imágenes

Todo buen Usebar tiene una imagen de la afición que se quiere demostrar, para eso solo tienen que coger la imagen que quieran y arrastrarla hasta su usebar en proceso.

Elipse

Un elemento necesario, este "embellecedor de usebars", muy simple de realizar.
Nueva Capa (Transparente)
Dibujar elipse (redonda), selecciona desde una punta a otra del usebar.
Rellenar de color blanco.
Variar la opacidad al 30% o según criterios personales.
(Para entender este paso mucho mejor vean el videotutorial)

Borde Imagen

El último paso antes de finalizar nuestra creación es poner un borde a la imagen:

Nueva Capa (Transparente)
Seleccionar -> Todo -> Seleccionar -> Encoger [Shrink] -> 1px.
Seleccionar -> Invertir -> Rellenar de color negro (Mayús+B).

Bueno, esto es toda la parte escrita, en próximos dias publicaré el video con todo hecho, por ahora esto es todo, espero que aprendan mucho con esto, saludos,

Amigos

En los próximos tutoriales os enseñaré como mejorar vuestras firmas y usebars con GIMP, como poner el fondo transparente a una imagen, etc...

amigos
NDS-Extrero

Masculino
Cantidad de envíos : 1420
Localización : Andalucia-España
Empleo/Ocio : Estudiante de ESO
Humor : Pues no seee.... creo que genial.... pero no me acuerdo... :P
Opinión sobre NDS-Extra : Es la Mejor de NDS
Inscripción : 11/12/2009
Reputación : 96
Puntos : 1906

http://youtube.com/user/Joserg131

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.