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 Leaf Woman

Tema en 'Tutoriales Desarrollo Web' iniciado por paxloc, 11 Jul 2007.

  1. paxloc

    paxloc www,ernestoriosfoto.com

    Bueno aquí el procedimiento que seguí para lograr la imagen.....

    Abrimos la imagen original, la desaturamos y la guardamos como mapa de desplazamiento.psd. En este caso la imagen original era blanco y negro, así que la contraste para mejro resultado.

    <a href="http://www.picoodle.com/view.php?srv=img29&img=/9/7/11/f_iniciocontrm_2844cde.jpg" target="_blank"><img src="http://img29.picoodle.com/img/img29/9/7/11/f_iniciocontrm_2844cde.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>

    Una vez hecho el mapa de desplazamiento, abrimos la textura que queremos aplicar... y vamos a menú filtro-distorcionar-desplazar, escogemos el mapa de desplazamiento y damos ok....

    <a href="http://www.picoodle.com/view.php?srv=img39&img=/9/7/11/f_texturam_7f5072d.jpg" target="_blank"><img src="http://img39.picoodle.com/img/img39/9/7/11/f_texturam_7f5072d.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a> <a href="http://www.picoodle.com/view.php?srv=img38&img=/9/7/11/f_texturaaplim_2192a6f.jpg" target="_blank"><img src="http://img38.picoodle.com/img/img38/9/7/11/f_texturaaplim_2192a6f.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>

    Después importamos la imagen original dentro de la textura distorcionada con el mapa de desplazamiento y ponemos el modo de capa en multiplicar.
    <a href="http://www.picoodle.com/view.php?srv=img34&img=/9/7/11/f_capamultiplm_10e01a6.jpg" target="_blank"><img src="http://img34.picoodle.com/img/img34/9/7/11/f_capamultiplm_10e01a6.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>
    Enseguida creamos una máscara de capa y borramos la parte del ojo.
    <a href="http://www.picoodle.com/view.php?srv=img28&img=/9/7/11/f_mascaradecam_aa2108e.jpg" target="_blank"><img src="http://img28.picoodle.com/img/img28/9/7/11/f_mascaradecam_aa2108e.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>

    Aquí viene la parte difícil..... con las herramientas subexponer y sobreexponer damos sombras y partes iluminadas creando la ilusión de volumen.......... en esta parte tomen su tiempo.......
    <a href="http://www.picoodle.com/view.php?srv=img30&img=/9/7/11/f_herramientam_7f04901.jpg" target="_blank"><img src="http://img30.picoodle.com/img/img30/9/7/11/f_herramientam_7f04901.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>

    Ahora faltan los toques finales.... duplicamos la capa y la coloreamos en un tono sepia
    <a href="http://www.picoodle.com/view.php?srv=img34&img=/9/7/11/f_capasepiam_0aff3b2.jpg" target="_blank"><img src="http://img34.picoodle.com/img/img34/9/7/11/f_capasepiam_0aff3b2.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>

    Bajamos la opacidad a 30 y combinamos las capas...... ajustamos el color mediante menú imagen-ajustes-curvas
    y como toque final aplicamos un pequeño enfoque con menú filtro-enfocar-mascara de enfoque....
    Nos queda la imagen final....

    <a href="http://www.picoodle.com/view.php?srv=img29&img=/9/7/11/f_finalm_0e5d6fb.jpg" target="_blank"><img src="http://img29.picoodle.com/img/img29/9/7/11/f_finalm_0e5d6fb.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>

    Suerte a todos....!!!!! :)
     
    A paxloc le gusta esto.
  2.  
  3. Blackarcangel

    Blackarcangel Nuevo usuario

    mm muy buen tuto felicidades mas claro ni el agua XP a ver si te abientas el tuto `para acer blancas alas personas XP
     
  4. paxloc

    paxloc www,ernestoriosfoto.com

    Gracias Blackarcangel..... :)

    Después hago el otro.....
     
  5. Urich

    Urich Nuevo usuario

    Gracias por el aporte Pax, siempre seran bienvenidos!
     
  6. paxloc

    paxloc www,ernestoriosfoto.com

    de nada :)
     
  7. kurama

    kurama colaborador

    Gracias Pax,buen aporte!!!!
     
  8. Javi_SuperStar

    Javi_SuperStar Nuevo usuario

    Buen tuto.
     
  9. cherloks

    cherloks Nuevo usuario

    no entendi la primera parte del mapa de desplazamiento ni lo de distorcionar
     
  10. paxloc

    paxloc www,ernestoriosfoto.com

    Es fácil.... sólo lee bien el texto y verás.... :)
     
  11. cherloks

    cherloks Nuevo usuario

    <!--quoteo(post=235013:date=Jul 13 2007, 07:07 PM:name=paxloc)--><div class='quotetop'>CITA(paxloc @ Jul 13 2007, 07:07 PM) [snapback]235013[/snapback]</div><div class='quotemain'><!--quotec-->
    Es fácil.... sólo lee bien el texto y verás.... :)
    <!--QuoteEnd--></div><!--QuoteEEnd-->


    "y vamos a menú distorcionar-desplazar,"


    eso es lo q no entiendo... donde esta eso de distorcionar?
     
  12. paxloc

    paxloc www,ernestoriosfoto.com

    en la barra de menú-filtro-distorcionar-desplazar ... jeje me faltó decir menu filtro :p
     
  13. cherloks

    cherloks Nuevo usuario

    otra cosa: como se colorea en sepia? :lol:
     
  14. paxloc

    paxloc www,ernestoriosfoto.com

    Ctrl U y señalas colorear, despues mueves el tono y la saturación hasta lograr un color sepia... :)
     
  15. Killerivanad

    Killerivanad Yo soy el diablo

    Esta bien el tutorial, es basico, otra cosa q eh visto, es q t gusta mucho esa imagen,por q? (solo curiosidad) :)
     
  16. cherloks

    cherloks Nuevo usuario

    <!--quoteo(post=235061:date=Jul 13 2007, 10:49 PM:name=paxloc)--><div class='quotetop'>CITA(paxloc @ Jul 13 2007, 10:49 PM) [snapback]235061[/snapback]</div><div class='quotemain'><!--quotec-->
    Ctrl U y señalas colorear, despues mueves el tono y la saturación hasta lograr un color sepia... :)
    <!--QuoteEnd--></div><!--QuoteEEnd-->


    ok.. gracias, voy a intentar este tutorial y lo subo para q veas como me queda
     
  17. paxloc

    paxloc www,ernestoriosfoto.com

    <!--quoteo(post=235080:date=Jul 14 2007, 12:46 AM:name=The Blound)--><div class='quotetop'>CITA(The Blound @ Jul 14 2007, 12:46 AM) [snapback]235080[/snapback]</div><div class='quotemain'><!--quotec-->
    Esta bien el tutorial, es basico, otra cosa q eh visto, es q t gusta mucho esa imagen,por q? (solo curiosidad) :)
    <!--QuoteEnd--></div><!--QuoteEEnd-->

    Gracias the blound... la imagen la utilicé sólo para aplicarle varias texturas.... nada en particular...... sólo para hacer varias versiones de la misma imagen.. :)

    Ok Cherlocks... ya veremos como te queda... suerte :)
     
  18. cherloks

    cherloks Nuevo usuario

    Aqui esta mi resultado:

    La llamo: "Piel de Agua o Reflejo de Agua" *lol*

    <a href="http://imageshack.us" target="_blank"><img src="http://img174.imageshack.us/img174/2376/pielaguaoo8.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>
     
  19. paxloc

    paxloc www,ernestoriosfoto.com

    Quedó bien aunque tiene sus detalles...... quizá si pones la foto de la cara en un tono azul también para que se integre mejor........ :)
     
  20. DjE'fox

    DjE'fox Nuevo usuario

    muy buen tuto.
     
  21. Capitan Zion

    Capitan Zion Usuario activo

    Buen aporte Gracias :D, me quedo claro como se hace eso de las pieles :p
     


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


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·