1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

Efecto HDR en Simples Pasos

Tema en 'Tutoriales Desarrollo Web' iniciado por pablix, 24 Ene 2009.

  1. pablix

    pablix Nuevo usuario

    Muchos son los que me han preguntado por un tutorial en donde se pueda ver como hacer imágenes de Alto Rango Dinámico, una técnica conocida comúnmente como HDR (High Dynamic Range).

    Para el que no conoce la técnica, en Flickr hay muchas imágenes de este estilo. También en Artists of Photoshop hay dos claros exponentes.

    Generalmente los tutoriales que encontramos en la red se basan en Photomatrix o en la función que trae las últimas versiones de Photoshop. Si bien no se puede negar que teniendo los conocimientos necesarios estas dos opciones son las mejores, también es cierto que un tutorial utilizando estos caminos puede ser largo, tedioso y no siempre con los resultados deseados.

    Pero… siempre hay otra opción. Por lo menos para simular el efecto, hay una forma muy simple que en pocos pasos obtendremos fabulosos resultados.

    <img src="http://www.diegomattei.com.ar/wp-content/2008/10/hdr01.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    1º Paso

    Abrimos nuestra fotografía y duplicamos la capa (Ctrl+J). A la capa duplicada le cambiamos el modo de fusión a Superponer y bajamos su opacidad a 50%. Para finalizar este paso, combinamos la capa hacia abajo (Ctrl+E).

    <img src="http://www.diegomattei.com.ar/wp-content/2008/10/hdr02.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    Veremos que de esta forma ya estamos comenzando a resaltar un poco la iluminación y texturas.

    2º Paso

    Duplicamos nuevamente la capa (Ctrl+J). Lo que haremos es desaturar la capa duplicada. Para esto, vamos a Imagen > Ajustes > Desaturar (Shift+Ctrl+U).

    Luego invertimos la imagen desde Imagen > Ajustes > Invertir (Ctrl+I). En verdad aquí deberíamos ver la imagen como si fuera un negativo.

    Para finalizar este paso, vamos a Filtros > Desenfocar > Desenfoque Gaussiano y le daremos un valor alto, alrededor de 40%. Veamos una imagen del resultado de estos pasos para tener de referencia, ya que el valor del desenfoque también depende del tamaño de la imagen que estemos trabajando.

    <img src="http://www.diegomattei.com.ar/wp-content/2008/10/hdr03.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    El toque mágico lo daremos nuevamente con las fusiones. Cambiamos esta capa a modo "Superponer" y ya va tomando color…

    <img src="http://www.diegomattei.com.ar/wp-content/2008/10/hdr04.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    Dependiendo de nuestra imagen, podremos duplicar nuevamente esta última capa para acrecentar el efecto y luego jugar con la opacidad de la capa para disminuir si se pasa de "revoluciones".

    <img src="http://www.diegomattei.com.ar/wp-content/2008/10/hdr05.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    3º Paso

    En verdad el tutorial ya ha terminado. No obstante, se pueden tener en cuenta los siguientes puntos para obtener un mejor resultado (aquí va el pequeño aporte propio):

    *
    CURVAS: Un pequeño ajuste de curvas nunca viene mal. Si te queda muy clara toda la imagen, quizás aplicando un ajuste de curvas y arqueando hacia abajo la línea corrijas fácilmente ese defecto.
    *
    VIÑETAS: Muchos artistas que realizan este tipo de imágenes agregan viñetas a la imagen. Dependiendo cual sea la imagen, le da un toque muy bueno. Si no recuerdas como agregar viñetas, te recomiendo que leas nuevamente Enderezar una imagen en Photoshop, tutorial en el cual se ve desde que filtro se aplican.
    *
    MASCARA DE ENFOQUE: Este filtro lo encontramos en Filtros > Enfocar > Máscara de enfoque. El mismo muchas veces nos ayudará a remarcar líneas y texturas. Otra buena opción para experimentar.

    <img src="http://www.diegomattei.com.ar/wp-content/2008/10/hdr06.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />




    Bueno, este es un excelente tutorial que me sirvió para generar HDRs (ya que se me complico con el photomatix y con la herramienta de photoshop para hacerlo :p) y da muy buenos resultados.

    Por cierto... no encontre un tutorial de HDRs en el foro, pero creo que es porque el buscador no toma las palabras de tres caracteres... xD

    Fuente: <a href="http://www.diegomattei.com.ar/" target="_blank">http://www.diegomattei.com.ar/</a> Si tienen una hora de sus vidas, revisen ese blog que es GENIAL!

    Saludos, y quiero ver esos HDRs!!! Ya no hay excusas!!!
     
  2.  
  3. Towanda

    Towanda Guest

    Muy buen tuto y muy sencillo...
     
  4. <div align="center">Buen tutorial, miren como me quedo:

    <img src="http://i494.photobucket.com/albums/rr304/lukdel/ImagenHDR-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    Suerte</div>
     
  5. compactdreams

    compactdreams Nuevo usuario

    sé que este tutorial tiene tiempo, pero siempre guardo las cosas para última hora... está bueno...
     
  6. *SueKiN*

    *SueKiN* Nuevo usuario

    Gracias
     
  7. Crstn

    Crstn Nuevo usuario

    <b><!--coloro:#FCFCFC--><span style="color:#FCFCFC"><!--/coloro--><!--fonto:Trebuchet Ms--><span style="font-family:Trebuchet Ms"><!--/fonto-->Muy bueno el tuto.. aca dejo mi <i>resultado</i>..

    original..
    [attachmentid=4962]

    editado...
    [attachmentid=4963]<!--fontc--></span><!--/fontc--><!--colorc--></span><!--/colorc--></b>
     

    Adjuntos:

  8. eDurios

    eDurios Nuevo usuario

    muy bueno.
     
  9. Bemine_09

    Bemine_09 Nuevo usuario

    El tuto esta genial !

    Before :

    <a href="http://img7.imageshack.us/my.php?image=fondospaisajes10242.jpg" target="_blank"><img src="http://img7.imageshack.us/img7/2787/fondospaisajes10242.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>

    After :

    <a href="http://img12.imageshack.us/my.php?image=mihdr.jpg" target="_blank"><img src="http://img12.imageshack.us/img12/4662/mihdr.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>
     


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·