Gimp: Mapa con dobleces 3D

Vamos con un bonito efecto para los mapas que metemos en nuestras webs. El mapa de Google Maps está bien pero empieza a ser demasiado habitual y a veces necesitamos ser más creativos, sobre todo cuando no se busca interactividad con el plano. He visto por internet alguna aplicación que hace un efecto 3D con plegado en la imagen y que es ideal para planos pero todas son de pago. Aquí va una receta para hacer algo muy similar con Gimp.
Lo primero es el plano


Ya en Gimp sacamos tres guías virtualmente ocultas bajo la regla de la izquierda y dividir la imagen en cuatro partes iguales más o menos

Antes de comenzar con el efecto hace falta una edición extra par dejarlo todo bien preparado: Imagen/Tamaño del lienzo.

y esto obliga a hacer dos cosas

  1. Capa/Transparencia/Añadir canal alfa en el caso de que no dispusiera de este canal.
  2. Capa/Capa a tamaño de la imagen para que los efectos tengan el espacio adecuado.

Ahora sí que comenzamos el efecto.
Seleccionamos la primera porción; gracias a las guía esto resulta muy fácil. Después le aplicamos una inclinación de -50 en Y

Eso mismo lo hacemos con la tercera porción. A la segunda y a la cuarta le aplicamos el valor 50 en positivo.

Colocamos las capas 2 y 4 contiguas para poder hacer clic derecho en la de arriba y Combinar hacia abajo y que estén en la misma capa.

Ahora en esa capa vamos a crear el efecto de estar menos iluminada. Habría muchos métodos pero optamos por Colores/Tono y saturación y allí descendemos el valor Luminosidad

Ya podemos Combinar hacia abajo hasta que todas las porciones conformen una sola capa y entonces aplicarle un efecto con la herramienta perspectiva

Duplicamos esta capa y en la que quede debajo hacemos Alfa a selección para poder rellenar de negro.

Le aplicamos un escalado en el eje Y con la herramienta correspondiente

Ahora esa capa debe tener los contornos coincidiendo con los del lienzo (Capa/Capa a tamaño de imagen) para que el efecto difuminado pueda expandirse sin problemas. Una vez aplicado un desenfoque gaussiano y con un gradiente de fondo este es el efecto

    • adolfomiguelpc
    • 7/12/11

    Genial.

  1. Esos programas parecen de la filosofía Manzanita, pagar por ser vago. En menos de 5 minutos, lo majo que queda el mapa, y sin gastarse el dinero.

    Pues maestro, me va a permitir que le recicle la idea para un icono dentro de una web, que lo mismo hasta cobramos todos.

    Un saludo!

  2. Garcias @adolfomiguelpc
    @Mardigann: pues la verdad que a esto se le pueden encontrar muchas otras utilidades. Yo me animé a probar porque lo vi en un plano pero dándole a la cabeza se pueden hacer otras cosas.

    Manzanita jejejejejeje… que bueno🙂

  3. Fantástico tutorial, el resultado final me encanta.
    Enhorabuena Joaclint.

  4. Como siempre una solución genial y sencilla, cuando te la han soplado, claro.
    Muchas gracias.

    • HUESBAR
    • 9/12/11

    Genial como siempre.
    Gracias a ti seguimos aprendiendo.
    Un saludo.

  5. Buen tutorial. La aportación de mi resultado como ejemplo en una campaña de publicidad:

  6. @shakaran: wow. Es fantástico ver que la gente encuentra útil todo esto para “el mundo real”. Mi más sincera enhorabuena🙂

    • aaaaaaaaaaa
    • 15/02/12

    nuestro profesor te plagia en todo

    • aaaaaaaaaaa
    • 15/02/12

    @aaaaaaaaaaa
    si es que es un cabron

  1. 7/12/11
  2. 8/12/11

Deja un comentario

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: