Creación de banners con GIMP

En seis sencillos pasos se puede hacer un bonito banner de 80×15 pixeles.

  • Lo primero es ejecutar GIMP e ir a:

    Archivo —> Nuevo

    para crear un nuevo documento con las propiedades de Ancho en 78 y Altura en 13 pixeles. (Más adelante se explica por qué estas medidas.) Yo elijo trabajar con un zoom del 400% porque tengo mayor control del diseño.

  • Color de fondo: con la Herramienta de relleno pintar la imagen nueva.

  • Borde: desde el menú en la ventana de la imagen ir a:

    Filtros —> Decorador —> Añadir bordes

    y modificar las propiedades a Tamaño X del borde en 1px, Tamaño Y del borde en 1px y, por último, Valor delta en el color definirlo en 1. (Cuando añadimos el borde, se suman dos pixeles más al lienzo: uno que copia el color de fondo y otro que hace el borde, por eso al crear la imagen nueva se la definió en 78×13 para ahora quedar en 80×15 que es el tamaño por defecto de los banners en general.)

  • Caja que va a contener el texto: Arrastrando el puntero desde las reglas a la izquiera y arriba del dibujo, para posicionar las guías; en posición vertical: en los pixeles 26 y 78 y, en posición horizontal: en los pixeles 2 y 13.

Crear una capa nueva con el nombre “caja” y en Tipo de relleno de la capa elegir Transparencia. Usar la Herramienta de selección de rectángulos para hacer una caja dentro de las guías.

Por último, elegir un color de relleno e ir al menú superior:

Editar —> Rellenar con el color de frente

y eliminamos la selección con

Seleccionar —> Nada

(Para borrar las guías basta con arrastrarlas fuera del lienzo.)

  • Texto: ubicar en el lienzo las nuevas guías, en forma vertical una en el pixel 30 y en la posición horizontal una en el 5 y otra en el 10.

Con Herramienta de texto creamos el texto dentro del banner. Para ello debemos utilizar la fuente Silkscreen (http://www.dafont.com/silkscreen.font) y, una vez seleccionada la herramienta, definir dicha fuente en Tipografía, con un Tamaño de 9 px, marcar las opciones Higting, Forzar el “auto-hinting” y desmarcar Alisado. Centramos el texto en dentro de las guías.

  • Por último, agregamos una imagen para hacer más atractivo el banner.
Podemos apreciar el resultado final:

Anuncios

2 Responses to Creación de banners con GIMP

  1. Aitor says:

    Buen tutorial!
    No sabía de la existencia de este programa… La verdad es que es muy sencillo, y gracias a ti, más!
    Gracias!

  2. vando says:

    ¡Gracias!
    Ah, el programa es software libre así que no tenés ninguna licencia de m*erda que te limite/prohíba el uso

    ¡Saludos! :)

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: