TUTORIAL GIMP: Efecto Maqueta (Fake Tilt-Shift) · 10 julio 2009, 01:06

Diseño 2D

El tutorial de hoy es muy completo, se verán temas relacionados con capas, máscaras, ajustes de color, curvas, filtros, etc.

Además el tutorial de hoy trata de conseguir un efecto divertido y llamativo: convertir una fotografía normal para que parezca una maqueta, es el conocido (en inglés) truco del FAKE TILT-SHIFT.

TUTORIAL de DISEÑO GRÁFICO con GIMP

Nivel Avanzado

Efecto Maqueta (Fake Tilt-Shift)


Para este tutorial usaremos la imagen titulada “Old Church in Delft” de Ferdi’s world:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

En primer lugar, duplicamos la capa principal:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Y le aplicamos un desenfoque: FILTROS > DESENFOQUE [Blur] > DESENFOQUE GAUSSIANO.
Se lo aplicaremos con un radio de desenfoque alto de unos 15 píxeles o más:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

De modo que la capa superior queda así:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

En el siguiente paso, añadiremos una MÁSCARA DE CAPA nueva (tal y como vimos en el tutorial de Introducción a las máscaras de capa en Gimp ):

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Seleccionamos como color de frente el negro y como color de fondo el blanco:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Elegimos la herramienta de DEGRADADO y en la paleta de opciones de herramienta, seleccionamos el degradado de frente a fondo y tipo de degradado BILINEAL:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Aplicaremos ahora el degradado en la máscara de capa, horizontalmente, situando el centro del degradado justo en la zona principal de la imagen; en nuestro caso, la catedral.

De esa forma, conseguimos que la zona de interés, la catedral, se vea enfocada mientras que el resto de la imagen se ve desenfocada (justo como si aplicáramos un efecto de profundidad de campo con la cámara fotográfica):

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Seguiremos editando la máscara de capa con el pincel o el aerógrafo para conseguir que toda la catedral aparezca enfocada:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Fijáos como queda la máscara en la paleta de capas:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Para conseguir aún más enfoque en la catedral, seleccionaremos la capa inferior original, y aplicaremos el filtro FILTROS > REALZAR [Enhance] > MÁSCARA DE DESENFOQUE:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Los valores variarán, pero * 5, 0.50, 0 * serán razonablemente buenos para la mayoría de imágenes.

Fijáos como queda:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

En el siguiente paso, aplanaremos la imagen: clic derecho en una capa cualuiera y luego en aplanar la imagen.

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Ahora, para darle un toque más sintético, más parecido a una maqueta, ajustaremos los colores: Iremos a COLORES > TONO Y SATURACIÓN y aumentaremos la saturación (Un valor de 45 puede estar bien):

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Finalmente, usaremos las curvas para forzar aún más los colores y aumentar el contraste:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Si os fijáis, lo que haremos será desplazar los puntos más alto y más bajo de la curva hacia el interior, pero sólo en horizontal, de forma que las luces y sombras se vuelven más puras y la imagen, en general, aumenta de contraste.

Una vez aplicado este último ajuste de Curvas, tenemos nuestra fotografía real convertida en una maqueta:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Aquí os dejo el Antes y el Después:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
NO TODAS LAS IMÁGENES se prestan para este truco. Las imágenes que nos van a servir son aquellas que tienen profundidad de campo, son paisajes o lugares amplios y con objetos que puedan ser enfocados. Como siempre, la experiencia y la prueba y error os ayudará a mejorar y saber elegir las fotos mejor.

Aquí os dejo unos cuantos ejemplos:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Y hasta aquí el tutorial de hoy. Espero que os haya gustado este divertido y curioso truco. Nos vemos en el próximo tutorial de Gimp. ;)


Más información:

— jEsuSdA 8)

---

Comentarios

  1. muchas gracias, muy bueno

    — leviatan · 10 julio 2009, 03:40 · #

  2. Está muy bueno, gracias por tu tiempo

    — Gio · 10 julio 2009, 05:23 · #

  3. gracias por enseñarnos todo esto :D
    me gusta basante este efecto, si es bien aplicado se logra una gran composicion en algunas fotos… pero personalmente se ve mejor cuando el cambio enfoque-desenfoque no es tan marcado o tan obvio como en los ejplos que muestras, por eso digo se debe saber aplicar.. ( por ejplo http://6artificial6.deviantart.com/art/xxx-128589368 )

    gracias de nuevo por tu tiempo :D

    — sero · 10 julio 2009, 05:58 · #

  4. Muy bueno, como siempre.

    ¡Muchas gracias por tus tutoriales!

    pablito · 10 julio 2009, 10:40 · #

  5. Guau! que chulooo!
    Me encanta este efecto!

    — Madelman · 10 julio 2009, 11:24 · #

  6. La primera vez que vi este efecto me enamoré de él, es realmente muy chulo. Aunque las veces que lo he intentado aplicar los resultados no han sido tan satisfactorios como esperaba.

    Muchas gracias por el tutorial. :-)

    Defero · 10 julio 2009, 20:51 · #

  7. Una vez más, gracias!

    Groznny · 11 julio 2009, 17:04 · #

  8. Muy interastante! Además, gracias por poner en inglés los nombres de los efectos, pinceles, etc.

    — Roby Sottini · 11 julio 2009, 19:54 · #

  9. Me has sorprendido con este tutorial… supe de este efecto en un blog de fotografia, recuerdo haber leido que se hacia con unos filtros especiales y cámaras muy caras para el bolsillo de los que andamos a pie.

    Muy bueno tu blog

    Alepando · 13 julio 2009, 00:52 · #

  10. Permiteme felicitarte y agradecerte por los articulos gracias a personas como tu, habemos cada día mas adeptos a GNU/Linux (Ubuntu o Debian).
    la consulta es la siguientes acerca de Wavelet denoise es un plugin para GIMP, como consegirlo e instalarlo; es un plugin que sirve para mejorar los ruidos de las fotos.
    de antemano muchas gracias por tu ayuda.

    — joelgómez · 16 julio 2009, 04:14 · #

  11. @joelgómez.

    Instalar Wavelet Denoise es MUCHÍSIMO más fácil de lo que imaginas:

    apt-get install gimp-plugin-registry

    Y listo! ;)

    Se te instalarán un montón de plugins gracias a este paquete.

    Salu2 de jEsuSdA 8)

    jEsuSdA 8) · 16 julio 2009, 06:37 · #

  12. una ves más necesito de tu ayuda, ya lo instale pero al iniciar gimp no logro encontrarlo. dondes estan ubicados.
    muchas gracias por tu ayuda.

    — joelgomez · 17 julio 2009, 12:48 · #

  13. TiltSiftMaker lo hace directamente http://tiltshiftmaker.com/photo-processing.php
    Saludos!

    — eva · 26 julio 2009, 20:23 · #

  14. Gran tutorial!! Todo muy clarito. Fenomenal!

    — jsd · 3 agosto 2009, 12:08 · #

  15. amigo he estado observando tus tutoriales y me han servido mucho gracias pero quiero saber como crear un efecto necesito q veas esta imagen ya q no encuentro como darle se efecto a mis fotos…
    http://users.tkk.fi/~shaavist/strat/images/cover-tolkki1.jpg

    por favor ayudame de antemano muchas gracias

    — aldo tacuri · 15 mayo 2010, 07:43 · #

  16. Hola @aldo

    Para conseguir el resultado que deseas, basta con que pases a blanco y negro , ajustes niveles y/o uses la opción de UMBRAL .

    Salu2 de jEsuSdA 8)

    jEsuSdA 8) · 17 mayo 2010, 18:03 · #

  17. impresionante el ejemplo de la catedral. Parece que esta en 3D

    — Juan Antonio · 15 junio 2010, 22:53 · #

  18. Puuufffff!! es buenísimo!!! La de sydney se te ha quedado impresionante!! me ha encantado. Gracias por tu tiempo jesus!

    Alex Cruz · 30 noviembre 2010, 23:08 · #

  19. hola buenisimo el tuto, como podria hacerlo en un timelapse, es decir, a una secuencia de fotos para posteriormente editarlo como un video, saludo

    — ADOLFO · 8 enero 2011, 01:27 · #

  20. Hola Adolfo,

    Pues no se exáctamente a lo que te refieres, pero podrías guardar un guardado de cada parte del proceso y luego usar un programa de morphing para crear la animación completa.

    O usar un programa tipo http://www.photofilmstrip.org/ para un acabado similar.

    Salu2 de jEsuSdA

    jEsuSdA 8) · 8 enero 2011, 21:04 · #

  21. A lo que se refiere #adolfo (aunque hace muuucho tiempo), es a añadir éste efecto de Tilt & Shift a un conjunto de imágenes, para luego crear un vídeo de timelapse.

    Es decir, como las acciones de Photoshop (en plan macro), pero para The Gimp.
    Yo de Script-Fu y Python-Fu no tengo ni papa, pero sería muy complicado de aplicar éste tutorial a un script de Gimp que automatize el proceso en muchas imágenes?

    Hande · 26 enero 2012, 16:08 · #

  22. Aquí hay un plugin que automatiza todo el proceso.

    Si se instala, seguro que se puede crear un script que se ejecute en un grupo grande de imágenes.

    http://registry.gimp.org/node/25803

    Salu2 de jEsuSdA 8)

    jEsuSdA 8) · 5 febrero 2012, 20:01 · #

Ayuda Textile

|