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.

Crear Reflejo en Agua

Tema en 'Tutoriales Desarrollo Web' iniciado por poviedo, 22 Oct 2007.

  1. poviedo

    poviedo Guest

    <img src="http://s142.photobucket.com/albums/r113/poviedo2007/antes-despues.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />


    Vamos a dividir este tutorial en dos partes:
    1ro Crearemos el mapa de desplazamiento
    2do Crearemos la superficie de agua

    No soy bueno creando tutoriales pero voy a esforzarme para que todos entiendan y pueden seguir las instrucciones

    CREANDO MAPA DE DESPLAZAMIENTO
    - Creamos una nueva imagen de 1000 de ancho por 2000 de alto (pixeles) en modo RGB y fondo blanco
    - Vamos a Filtro/Ruido/Agregar ruido usando los siguientes valores:
    cantidad: 400% Distribucion: Gaussiano Y activamos Monocromatico
    - Aplicamos Filtro/Desenfocar/Desenfoque gaussiano con un radio de 2 pixeles
    - Nos vamos a la paleta de Canales y seleccionamos el Rojo
    <img src="http://s142.photobucket.com/albums/r113/poviedo2007/1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    - Aplicamos Filtro/Estilizar/Relieve con los siguientes valores:
    Angulo:180 Altura:1 Cantidad:500%
    - Ahora seleccionamos el canal Verde
    - Aplicamos Filtro/Estilizar/Relieve con los siguientes valores:
    Angulo:90 Altura:1 Cantidad:500%
    - Activamos el canal RGB en la paleta de canales nuevamente para restablecer todos los canales (damos click sobre el)
    - Vamos a la paleta de capas
    - Desbloqueamos la capa de fondo (doble click en la capa de fondo)
    <img src="http://s142.photobucket.com/albums/r113/poviedo2007/2.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    - Reducimos la imagen alrededor de un 10% (usando la herramienta zoom). Esto es solo para poder ver bien lo que vamos a hacer a continuacion y el porcentaje de vision no produce absolutamente ningun cambio en el resultado.
    - Nos vamos a Edicion/transformar/perspectiva
    - Aumentamos la perspectiva de la parte inferior de la imagen en un 600% y presionamos enter
    <img src="http://s142.photobucket.com/albums/r113/poviedo2007/3.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    - Seleccionamos todo el lienzo (Ctrl+A) o vamos a Seleccion/Todo
    - Presionamos ctrl+Shift+T para aplicar la misma transformacion una vez mas
    - Nos vamos a Imagen/Cortar y damos OK. Con esto eliminamos toda la imagen sobrante que sobrepasa el area de trabajo.
    - Ahora reducimos la altura de la imagen hasta 1000 (Recuerden que era inicialmente de 2000)
    Imagen/Tamaño de Imagen (La opcion Restringir proporciones no puede estar seleccionada)
    <img src="http://s142.photobucket.com/albums/r113/poviedo2007/4.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    - Nos vamos a la paleta de Canales y seleccionamos el Canal Rojo
    - Imagen/Ajuste/Brillo-Contraste y aplicamos Brillo:+30
    - Ahora seleccionamos el Canal Verde
    - nos vamos a Imagen/Ajuste/Brillo-Contraste y aplicamos Brillo:+50
    - Seleccionamos el Canal RGB y seguidamente deseleccionamos el canal Azul
    - Salvamos nuestro mapa de desplazamiento en formato PSD y con maxima compatibilidad (Archivo/Guardar). Utilicen el nombre que deseen pero recuerden donde lo guardaron pues lo necesitaremos en la segunda parte de este tutorial. Les debe haber quedado algo parecido a esto.
    <img src="http://s142.photobucket.com/albums/r113/poviedo2007/5.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    CREANDO LA SUPERFICIE DEL AGUA
    He utilizado esta imagen, ustedes pueden usar la misma para comparar el resultado final pero pueden aplicar los mismos efectos a cualquier imagen pero los resultados pueden variar de acuerdo a la imagen que utilicen.
    <img src="http://s142.photobucket.com/albums/r113/poviedo2007/paisaje-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    - Abrimos la imagen a la cual queremos aplicarle el efecto
    - Esten seguro de tener blanco de color de fondo (me gusta trabajar con blanco o transparente como fondo pero pueden utilizar el color que deseen)
    - Ampliamos el tamaño del lienzo para tener espacio para el reflejo en el agua (Imagen/Tamaño de lienzo)
    - En Altura selecccionamos porcentaje y aplicamos 200%
    <img src="http://s142.photobucket.com/albums/r113/poviedo2007/6.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    - Movemos nuestra imagen a la parte superior
    - Dulpicamos la capa (Ctrl+J)
    - Edicion/Transformar/Voltear Verticalmente y movemos nuestro reflejo hacia la parte inferior de la imagen
    - Seleccionamos nuestro reflejo (Ctrl+click sobre la miniatura de capa)
    - Creamos una nueva capa debajo de la capa que contiene nuestro reflejo
    - La rellenamos con el color que deseemos dependiendo de la imagen (#669999), dependiendo del color del cielo, esta opcion es a su gusto. De cualquier manera pueden modificar el color mas tarde utilizando Imagen/Ajustes/Tono-Saturacion.
    - Nos posicionamos en la capa con nuestro reflejo y activamos el modo de mascara vectorial
    - trazamos un degradado de blanco a negro desde la parte superior de nuestro reflejo hasta la parte inferior.
    <img src="http://s142.photobucket.com/albums/r113/poviedo2007/7.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    - Seleccionamos nuestra capa del reflejo, bloqueamos los pixeles transparentes y aplicamos Filtro/Desenfocar/Desenfoque de movimiento con los siguientes valores: angulo:90 distancia:20. En cuanto a la distancia es a su gusto y dependiendo de la imagen y del efecto que quieran lograr.
    <img src="http://s142.photobucket.com/albums/r113/poviedo2007/8.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    - Desbloqueamos los pixeles transparentes dando click en el iconito que les señale y les marque con el #1
    - Seleccionamos nuestra capa de reflejo (dando click en nuestra miniatura como les indique en la imagen anterior)
    - Aplicamos Filtro/Distorsionar/Desplazar con los siguientes valores: Escala horizontal:5 Escala Vertical: 10 Estirar y Repetir pixeles de borde. El valor de la escala horizontal debe ser siempre el 50% del valor de la escala vertical. Damos ok y abrimos el fichero que anteriormente habiamos guardado, me refiero a nuestro mapa de desplazamiento y damos open.
    - Ya casi hemos terminado pero antes algunos ajustes finales:
    - Creamos una nueva capa de ajuste (Capa/Nueva Capa de ajuste/Tono-Saturacion) y ajustamos los valores a nuestro gusto. Yo solamente aumente la saturacion en +10
    - Y listo, este es el resultado
    <img src="http://s142.photobucket.com/albums/r113/poviedo2007/final.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    Espero que les sirva de algo este tutorial pues a mi me ha costado casi toda una tarde el confeccionarlo.
    Me gustaria ver sus resultados y cualquier duda no duden en preguntar.

    Este tutorial es traducción del original en inglés, pertenece a "aliased" y el link al tutorial en ingles es el siguiente: <a href="http://photoshopcontest.com/tutorials/26/d...ment-water.html" target="_blank">http://photoshopcontest.com/tutorials/26/d...ment-water.html</a>
     
  2.  
  3. Farvon

    Farvon Usuario activo Colaboradores

    Muy bueno Poviedo! Gracias por el aporte... :D
     
  4. poviedo

    poviedo Guest

    Por nada Farvon. Aqui estamos para ayudarnos los unos a los otros y estoy seguro que a muchos les gustara este tutorial.
     
  5. kon

    kon Nuevo usuario

    A mi si me gusta gracias poviedo
     
  6. Aixa

    Aixa Nuevo usuario

    Muchisimas gracias Povideo, por tomarte el tiempo en hacerlo. En cuanto tenga un poquito de tiempo libre lo intentaré poner en practica, así que preparate para las preguntas jejejjej.
     
  7. Darkman

    Darkman Nuevo usuario

    Gracias por el aporte poviedo!
     
  8. adi

    adi Zen Moderator

    Muy bueno!! Gracias Poviedo! ;)
     
  9. poviedo

    poviedo Guest

    gracias a todos por pasarse a darle un vistazo al tuto. Comenzare a publicar algunos tutoriales en ingles que tengo en mi PC, son realmente muy buenos y estoy seguro que serian de mucha utilidad a muchos por aca, pero requiero algo de tiempo pues tengo que traducirlos y luego armar todo el rompecabezas jejeje pero vale la pena.
     
  10. fonnixed

    fonnixed Nuevo usuario

    muchisimas gracias poviedo, esta bueno el tuto, despues me doy un tiempito y lo intento...
     
  11. slegnama

    slegnama slegnama

    Estupendo tutorial, será cuestión de probarlo.
    Gracias por compartirlo.
     
  12. Darkman

    Darkman Nuevo usuario

    No te olvides de poner los créditos para los autores originales poviedo.
     
  13. poviedo

    poviedo Guest

    no los habia puesto pues no sabia que se podia hacer en el foro pero aqui estan. El tutorial pertenece a "aliased" y el link al tutorial en ingles es el siguiente: <a href="http://photoshopcontest.com/tutorials/26/displacement-water.html" target="_blank">http://photoshopcontest.com/tutorials/26/d...ment-water.html</a>
     
  14. elQuique

    elQuique Usuario activo

    Genial, gracias por el aporte :)
     
  15. elQuique

    elQuique Usuario activo

    La idea es que siempre pongan los links no como hacen otros sitios ladrones como todo photoshop y webtaller que no crean, pero copian y ni nos nombran :) y todavía claro amenazan con hackearme cuando les reclamo jaja.

    pd: sorry pero hoy descubrí 3 mas :mad: y gaste otra llamada a España.
     
  16. poviedo

    poviedo Guest

    por mi parte estoy de acuerdo contigo elquique, es de muy mal gusto estar copiando el trabajo ajeno sin darle creditos a quien realmente lo hizo, pero hay algunos foros que hay que pedir autorizacion antes de publicar cualquier tipo de link. Es por ello que aclare que la elaboracion de este tuto en español es 100% de mi autoria y que el verdadero tutorial se encontraba en ingles, pero despues del mensaje de Darkman, automaticamente postee el correspondiente link.
     
  17. Wooper

    Wooper Un Angel Serigrafo

    muy bueno poviedo me gusta eso de las olitas del agua.
    :)

    gracias.
     
  18. Black Fairy (vixxpixx)

    Black Fairy (vixxpixx) ...todo lo bueno en esta vida mata, engorda o emba

    muy bueno el tuto!! gracias por traducirlo!
     
  19. pablo75

    pablo75 Nuevo usuario

    se te agardece!!! ya lo probe con la imagen del tuto y me quedo igual
    y ya lo estoy poniendo en pratica sobre otras imagenes
    muy buenoo
     
  20. viejito7

    viejito7 Nuevo usuario

    Primeramente saludos para todos, este es mi primer comentario en esta pagina, y realmente es impresionante, bueno agradecer por este tutorial que es muy bueno, ya lo realice y puedo decir que no esta del todo mal, tomando en cuenta que soy nobato en PhotoShop. Gracias compañero por tu aporte.
     
  21. elQuique

    elQuique Usuario activo

    viejito7, bienvenido al foro.
     


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


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·