El estilo visual que
se asocia con el término Web 2.0 ha experimentado una gran popularidad
en los últimos tiempos; en todas partes que veas como páginas Web de
empresas, páginas comerciales e incluso blogs personales hacen uso del
limpio, minimalista diseño unido a elegantes efectos gráficos. En este
tutorial lo importante son los pasos que vamos a llevar a cabo y no el
resultado final. Si al final consigues crear por ti mismo lo que enseño
me sentiré plenamente recompensado.
Vamos a ver usar
el programa GIMP para crear un sencillo logotipo estilo web 2.0. El
resultado final es el que véis a continuación:
Manos a la obra… ejem… quiero decir manos al ratón.
Creando una gradiente simple en GIMP
Uno de los más
interesantes y fáciles efectos que podemos utilizar en GIMP es la
HERRAMIENTA MEZCLA. Permite como su nombre indica “mezclar” dos colores,
habiendo una zona de transición entre ambos, pasando de uno al otro. El
botón es el que está marcado con una flecha roja. Vamos a crear un
documento nuevo de dimensiones 800x600 px.
GIMP al menos en la versión 2.4 no posee la capacidad para que puedas
elegir tu mismo los colores de la mezcla. Sin embargo, eso no es
problema, puesto que tú mismo eliges el color FRONTAL y de FONDO y ya
puedes seguir trabajando.
Paso 1. Vamos a elegir para el color FRONTAL el color
2d75be. Colocamos
esos valores y ahora nuestro color frontal será de color azulado que es
el que vamos a usar en este tutorial. ¿Qué son estos caracteres? El
2 hace referencia al tono,
d saturación,
7 valor,
5 poder del rojo,
b poder del verde y el
e poder del azul. Hemos creado un color :). Si... es una receta de cocina, pero puedes poner el valor que a ti más te apetezca.
Paso 2.
Vamos a crear ahora un rectángulo. GIMP no crea rectángulos, lo que
crea son selecciones rectangulares que tu posteriormente puedes rellenar
con el color que te apetezca. Hacemos una selección rectangular:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbKHnxBK2ukJGkxnwRRr3MopXNt3MyDHoEE9o1HdSIGy8NMx4DKm8SOvhI5Cw0dqzJlJLsxSSWuE2LukhK5v8dN1bE2HbSWoHb-n2_gzJB1IVK-6Id-88L2nif8pt6QbuKcPdZM4oq3lk/s1600/estilo%25252520web%252525202_003.png)
Vamos a
Edición > Rellenar con el color de frente
.
PASO 3. Elegimos ahora la herramienta de mezcla.
PASO 4.
Ahora usando ese color tan bonito que hemos creado vamos a ir a la
configuración de la herramienta y elegimos el modo de ajuste de capa
como “multiplicar”, tal como se ve en la imagen. Tambien bajamos la
opacidad al 40%. El resultado final se verá en la imagen de abajo.
Creando un suelo en gradiente para nuestro logotipo
Podemos usar con la herramienta rectángulo un suelo para nuestro logotipo. En ese suelo estará el reflejo de nuestro logotipo.
PASO 5.
Usando la herramienta rectángulo dibujamos justo debajo de nuestro
rectángulo superior otro de color claro. Al final quedaría asi:
PASO 6. Vamos a añadir un patrón. El patrón serán unas lineas negras diagonales que creamos en un
tutorial anterior . Para ello se crearía una capa nueva en blanco con el fondo transparente,
Capa > Capa nueva.
PASO 7. Vamos a rellenar esa capa con nuestro patrón. Para ello vamos a Editar > Rellenar con patrón. Tambien podemos hacerlo usando la herramienta de relleno. Acordaros de elegir ese patrón y no otro.
Quedaría algo como esto, luego de bajar la opacidad de la capa a un 33%.
PASO 8.
Usamos la herramienta texto e introducimos el texto que nosotros
queramos. Duplicamos esa capa y la movemos hasta justo situarla debajo
de la que hicimos en primer lugar.
PASO 9. A continuación vamos a voltear esa nueva capa. Para ello ir a Capa > Transformar > Voltear verticalmente.
PASO 10. Por último solo debemos cambiar la opacidad de esa capa y el resultado final sería este: