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.

Tutorial de DOF (Depth of field)

Tema en 'Tutoriales Desarrollo Web' iniciado por Röyksopp, 29 Mar 2006.

  1. Röyksopp

    Röyksopp Nuevo usuario

    Bueno, aquí va mi primer intento de tutorial. Se trata básicamente de usar un z-depth (mapa de profundidad) para generar un Depth of Field en Photoshop CS2. Comenzemos.

    Primero, cree una escena básica que me permita apreciar el campo de profundidad:

    <img src="http://i45.photobucket.com/albums/f87/x-3/base.jpg" border="0" alt="Imagen IPB" />

    (más adelante quizás suba la escena, estoy esperando el permiso para usar las texturas)

    Ahora cree un material 100% negro sin specular:

    <img src="http://i45.photobucket.com/albums/f87/x-3/material.jpg" border="0" alt="Imagen IPB" />

    Agregue el elemento environment (Se encuentra en Objects>Scene>Environment) y lo ajusté segun la disposición de la escena y la renderize:

    <img src="http://i45.photobucket.com/albums/f87/x-3/z1.jpg" border="0" alt="Imagen IPB" />

    Aquí termina la primera parte. Ahora depende de ustedes texturizar e iluminar la escena.
     
  2.  
  3. Röyksopp

    Röyksopp Nuevo usuario

    Suponiendo que ya tenemos nuestra escena finalizada, pasamos a la post-produccion.

    Con el photoshop abierto, cargué la imagen y la invertí (Ctrl+I):

    <img src="http://i45.photobucket.com/albums/f87/x-3/z2.jpg" border="0" alt="Imagen IPB" />

    Ajusté un poco los niveles:

    <img src="http://i45.photobucket.com/albums/f87/x-3/lvlsz.jpg" border="0" alt="Imagen IPB" />

    Y salió esto:

    <img src="http://i45.photobucket.com/albums/f87/x-3/z2b.jpg" border="0" alt="Imagen IPB" />

    Bué, abrí la imagen ya texturizada e iluminada:

    <img src="http://i45.photobucket.com/albums/f87/x-3/foco2.jpg" border="0" alt="Imagen IPB" />

    En la pestaña de canales

    <img src="http://i45.photobucket.com/albums/f87/x-3/channels.jpg" border="0" alt="Imagen IPB" />

    Cree un nuevo canal alfa y pegué la imagen que hice:

    <img src="http://i45.photobucket.com/albums/f87/x-3/alphabutton.jpg" border="0" alt="Imagen IPB" />

    <img src="http://i45.photobucket.com/albums/f87/x-3/alphapaste.jpg" border="0" alt="Imagen IPB" />

    Ahora solo me falta la parte final, me voy a Filter>Blur>Lens blur:

    <img src="http://i45.photobucket.com/albums/f87/x-3/lensblur.jpg" border="0" alt="Imagen IPB" />

    Y como verán automaticamente toma el canal alfa como referencia, solo me falta ajustar algunos detalles:

    <img src="http://i45.photobucket.com/albums/f87/x-3/seteodof2.jpg" border="0" alt="Imagen IPB" />

    Y al final me quedó esto, seteé el dof como mas me gustaba, ustedes pueden hacerlo a su gusto; aquí la imagen final:

    <img src="http://i45.photobucket.com/albums/f87/x-3/final2.jpg" border="0" alt="Imagen IPB" />



    Espero que les haya gustado. Cualquier comentario será bienvenido.
     
  4. Javi_SuperStar

    Javi_SuperStar Nuevo usuario

    No conozco muchas de esas opciones del CS2 Royksopp, pero el manual se ve muy útil y el efecto conseguido está muy bien logrado. Muy buen manual y muy interesante, muchas gracias.
     
  5. MoyLobito

    MoyLobito The Next CG Man

    Orale, edemas de todo esta sencillo, muy bueno Röyksopp.
    Gracias compa.
     
  6. Darkman

    Darkman Nuevo usuario

    Muy buen aporte Röyksopp! Muchas gracias.
     
  7. Röyksopp

    Röyksopp Nuevo usuario

    Hahaha que bueno que les gusto :]

    Me olvidé de comentar, esta es la manera "rápida" de conseguir el mapa z-depth de una escena con cinema4D. Para conseguir un zdepth map "verdadero", hay que hacer lo siguiente:

    Creas la escena.
    Creas una cámara y activás el rear blur.
    Activás el DOF en las opciones de render.
    Activás el render Multi-pass, ponés que guarde los archivos como .psd y activas el canal "depth".

    Voilá, cuando termine de renderizar tendras tu z-depth map en un psd.
     
  8. Röyksopp

    Röyksopp Nuevo usuario

    Bue, soy yo de nuevo. Jejeje. Acá esta una muestra del z-depthmap que genera Cinema4D en su multi-pass render:

    <img src="http://i45.photobucket.com/albums/f87/x-3/z-depth.jpg" border="0" alt="Imagen IPB" />

    Y acá les dejo la escena si quieren practicar y tienen pereza de crear una :p

    <a href="http://rapidshare.de/files/16732467/dof_scene.rar.html" target="_blank">Click here</a>
     
  9. 23sato

    23sato www.oscarblanco.net

    Muchas gracias Röyksopp! buen aporte!
     
  10. salvadoresc

    salvadoresc Nuevo usuario

    excelente muy bueno

    yo anduve buscando antes ese efecto y no sabia como hacerlo... yo no uso 3d pero me va a ayudar muxo ese filtro en el ps... ya lo habia visto en freehand, y siempre lo quise hacer desde ps


    grx :clapping: :clapping:
     
  11. rafael3dplus

    rafael3dplus Nuevo usuario

    Gracais por el dato.. la verdad yo estoy aprendiendo maya.. pero tenia ne mente practicar Cinema 4D pronto tendre ese software y de seguro voy a practicarlo con esta tecnica..

    Gracias por los datos..

    Ya les cuento que tal me fue...
     
  12. Röyksopp

    Röyksopp Nuevo usuario

    De hecho el efecto puede ser aplicado con cualquier programa que pueda exportar Z-Depth Maps.
     
  13. MELKORR

    MELKORR Nuevo usuario

    eSTA mUY bUENO fELICIDADES
     
  14. Muy bueno, ya que yo estoy empezando con cinema 4D :arriba: :D
     
  15. dlgmax

    dlgmax Nuevo usuario

    Buenas a todos no se si alguien leera este post por que es bastante antiguo, pero quisiera hacer una pregunta a ver si me la pueden resolver. He realizado paso a paso el tutorial con el CS3 y el CS5 y con ambos el resultado es el mismo, cuando tengo que dar el filtro de desenfoque de lente no me coje el canal alfa como mapa de profundidad si no como una imagen normal la cual desenfoca. ¿Alguien podria decirme si se ha obiado algun paso o si no de que manera hay que pegar el z-depth en el canal alfa para que haga lo que dice el tutorial?

    Gracias y un sludo.
     
  16. ralphcorrales

    ralphcorrales Nuevo usuario

    Creo que deberías copiar la imagen de profundidad Z y pegarla en el canal "Alpha" de nuestro render normal.
     
  17. medic43

    medic43 Usuario activo

    Excelente tutorial, muy bueno, ya que estoy empezando con cinema.
    ________________________________________________
     


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


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·