www.eximagen.es
Registrate y elimina parte de la publicidad


BUSCADOR EXVAGOS

Manuales y tutoriales Diseño, Tutorial photoshop:Crear un reflejo en el agua realista, Tutorial photoshop:Crear un reflejo en


Retroceder   ExVagos. > Zona Bla Bla > Diseño Gráfico > Manuales y tutoriales Diseño


Tutorial photoshop:Crear un reflejo en el agua realista

Respuesta
 
LinkBack Herramientas Desplegado
 
#1  
Antiguo 10-May-2009, 17:51
Avatar de shastar
Colaborador
 
Fecha de Ingreso: September-2008
Ubicación: Barcelona
Mensajes: 12.513
Gracias: 34.519
Le dieron las gracias 68.649 veces en 9.663 Posts
Trofeo Resistencia Pionero Medalla Louis Daguerre Medalla Hilo Destacado. 
Predeterminado Tutorial photoshop:Crear un reflejo en el agua realista

Tutorial photoshop:Crear un reflejo en el agua realista

En este tutorial aprenderás a añadir a cualquier foto un reflejo en el agus muy realístico. Es un efecto muy fácil de crear. Usaremos un filtro y un mapa de desplazamiento para crear las ondas del agua y un ajuste de Tono/Saturación para darle un poco de color al agua.

Aquí dejo el resultado final del tutorial:

PASO 1

Abre la siguiente imagen en tu Photoshop y duplícala (Ctrl+J); nos habrán quedado dos capas: Fondo y Capa 1.

PASO 2

Para añadir el reflejo del agua que queremos, necesitamos más espacio debajo de la imagen. Vamos a añadirlo: vamos a Imagen>Tamaño de Lienzo.

Para que el espacio sólo nos aparezca en la parte de abajo de nuestra imagen, en la casilla de Anchura pondremos 0 y ,en la de Altura, 100l; también nos aseguraremos de que la casilla Relativo esté activa. Nos aparecerá un cuadro en la parte inferior de la ventana, en él clicaremos en el segundo cuadrito empezando por arriba. Esto le dirá al Photoshop que queremos que el espacio añadido quede en la parte de abajo de la imagen (que es donde están señalando las flechas). Le damos a OK y se habrá añadido el espacio que queríamos en la parte de abajo de nuestra foto.

PASO 3

Para crear nuestro reflejo, necesitamos la misma imagen en la parte inferior. Para ello. con la capa Capa 1 seleccionada, iremos a Edición>Transformar>Voltear vertical; esto girará nuestra fotografía y pulsaremos Ctrl+T para poder transformarla.

Después de haber pulsado Ctrl+T, situaremos el cursor del ratón encima de la foto, y la arrastramos hacia abajo, hasta que quede debajo de la foto original.

PASO 4

Una vez tengamos la imagen en el sitio, empezaremos a crear el efecto de las ondas en el agua.

Primero tendremos que crear una nueva capa, encima de las otras dos; para ello, con la capa Capa 1 seleccionada, clicamos en el icono de Crear Capa y la nueva capa se situará automáticamente encima de las otras dos.

Ahora rellenaremos esta nueva capa de color blanco. Para hacerlo tendremos que fijarnos si tenemos como color frontal el negro y, como color de fondo, el blanco; de no ser así pulsaremos la letra D para resetear los colores. Una vez nos aseguremos de que los colores son negro y blanco, vamos a Edición> Rellenar y elegimos la opción Color de fondo. Ahora tendremos nuestro documento completamente blanco.

PASO 5

Ahora vamos a Filtro>Bosquejar (o Sketch)>Modelo de semitono (o Halftone Pattern). Esto añadirá a la imagen una serie de líneas negras y blancas, que formarán nuestras ondas; cuantas mas líneas tengamos, más ondas tendremos.

Tendremos que cambiar los valores predeterminados tal y como se ve en la imagen inferior. Los valores son 7 y 50.

PASO 6

Antes de que podamos usar las líneas negras y blancas como las ondas del agua, necesitamos suavizarlas. Para hacerlo, iremos a Filtro>Desenfocar>Desenfoque Gaussiano y le pondremos un radio de 4px.

PASO 7

En este paso duplicaremos nuestra capa de líneas, pero lo haremos en otro documento para poder utilizarlo como mapa de desplazamiento. Ahora lo explico.

Con la capa de líneas seleccionada, vamos al menú Capas en la parte superior de la pantalla y seleccionamos Duplicar Capa y nos aparecerá la ventana de Duplicar Capa. En la opción Destino elegiremos Nuevo (esto creará otro documento de Photoshop fuera de nuestra capa). Como nombre podemos ponerle, por ejemplo, “mapa desplazamiento ondas agua”, para no confundirnos con ningún otro archivo que tengamos por nuestro escritorio.

Una vez hecho esto, le damos a OK y se nos abrirá el nuevo archivo que, automáticamente, cerraremos Nos preguntará si estamos seguros de cerrarlos etc etc, decimos que si.

PASO 8

Ahora que ya hemos usado nuestra capa de líneas para crear el mapa de desplazamiento que queríamos, la verdad es que esta capa ya no nos sirve para nada. Así que la eliminamos. Para ello, arrastramos nuestra capa de líneas al icono de la papelera que hay en la paleta de Capas.

PASO 9

Para utilizar nuestro mapa de desplazamiento en todo el documento, tendremos que tener las dos imágenes en la misma capa. Vamos allá: primero, duplicamos la capa Fondo, y la colocamos (arrastrándola hasta donde queramos ponerla) encima de la Capa 1. Después duplicamos la Capa 1, y la colocaremos encima de la capa Fondo Copia. Una vez hecho esto, seleccionaremos la Capa 1 Copia, y pulsaremos Ctrl+E.

Aparentemente, no habrá pasado nada, pero si miramos nuestra paleta de capas, veremos que ahora tenemos las dos imágenes en una sola capa.

PASO 10

Ahora ya podemos crear las ondas del agua utilizando el mapa de desplazamiento que hemos creado.

Con la nueva capa que hemos obtenido al combinar las otras dos seleccionada en la paleta de Capas, vamos a Filtro>Distorsionar>Desplazar. Nos aparecerá una ventana de opciones en la que le daremos a la Escala Horizontal un valor de 4 y, como no necesitamos una distorsión vertical, a la Escala Vertical le daremos un valor de 0. Agurate también de que la opción Estirar y Repetir píxeles de borde están activadas.

Cuando le demos a OK, se nos abrirá una ventana en la que debemos seleccionar nuestro mapa de desplazamiento (recuerda el nombre que le habías puesto) y, una vez seleccionado, clicamos en Abrir. Esto creará el efecto de las ondas de agua en toda la imagen. Nos quedará algo así:

PASO 11

Ahora tenemos un pequeño problema, que el efecto se ha añadido a toda la foto, y no solo a la parte inferior. Lo arreglamos enseguida:

Ctrl+clic en la imagen pequeña que tenemos en la paleta de capas en la Capa 1; con esto seleccionaremos la imagen de la Capa 1. (1)

Una vez hecho esto, seleccionamos la primera capa que tenemos, la capa que contiene las dos imágenes (para seleccionarla, solo tenemos que clicar encima de ella, y saldrá activada con un color azul)(2). Una vez estamos en esta capa, aplicaremos una máscara de capa (3), clicando en el botón que señalo a continuación:

Una vez aplicada la máscara de capa en la capa Fondo Copia, se ocultará la mitad que no está seleccionada (la mitad superior) y así el efecto solo se aplicará donde nosotros queríamos.

PASO 12

Estamos acabando…
Ahora aplicaremos otro Desenfoque Gaussiano, esta vez a la máscara de capa que acabamos de crear.
Como lo queremos aplicar sobre la máscara tendremos que tener seleccionada la imagen de la máscara y no la de la capa. (Ver la imagen)
Una vez nos hayamos dirigido a Filtro>Desenfocar>Desenfoque Gaussiano, clicaremos en OK sin tocar nada porque queremos aplicar el mismo desenfoque que habíamos aplicado antes.

PASO 13

En este último paso añadiremos un tono azul al agua; para ello utilizaremos el ajuste Tono/Saturación.
Para ello clicamos en el icono de Nuevo ajuste de capas (imagen) y seleccionamos Tono/Saturación.

Hecho esto nos aparecerá la ventana de Tono/Saturación en la que, antes que nada, activaremos la casilla de Colorear. Después asignaremos los siguientes valores:

Una vez hecho esto, reduciremos la opacidad del ajuste de capa: en el cuadro de opacidad, pondremos un 25%.

Por último, seleccionaremos la Herramienta de Marco Rectangular (la primera de todas en la paleta de Herramientas) y seleccionaremos lo que sería la imagen original (la parte superior de nuestra foto). Una vez hecha la selección, con la tecla Supr, la eliminamos.

Terminado el tutorial, nos habrá quedado esto, ya tenemos nuestro reflejo en el agua:

Responder Citando
Los siguientes 30 Usuarios le dieron las Gracias a shastar por este Post:
alvarito (28-Jul-2009), andynedine (10-May-2009), angata (20-Jun-2010), Athena (11-May-2009), by-Eugen (30-Jul-2009), CECAM (26-Aug-2010), Cheri (18-Jan-2010), crackcoco (02-Jun-2009), Dayal (18-Aug-2010), djmlbp (13-May-2009), EX-feed (08-Jun-2009), FingerTeam (15-Jun-2009), gusalacam (02-Sep-2011), ion (20-May-2012), itxi (10-Jul-2009), Jobelix (11-May-2009), josemape (10-Jun-2011), karote (10-Jul-2009), lincesevilla (12-May-2012), marine3424 (28-Nov-2010), overtherainbow (06-Jun-2009), pabluski (13-Feb-2010), SIBERIA333 (02-Sep-2011), sprne (12-May-2012), SSENECA101 (14-Jan-2012), sumergiendomiyo (31-Jan-2010), tonybgood (05-Jun-2009), Topsails (02-Apr-2010), Vasia (13-May-2009), Xavi68 (07-Aug-2009)
 
#2  
Antiguo 10-May-2009, 20:21
Avatar de andynedine
Colaborador
 
Fecha de Ingreso: October-2008
Mensajes: 2.529
Gracias: 17.711
Le dieron las gracias 15.874 veces en 2.447 Posts
Pionero Medalla Louis Daguerre 
Predeterminado Respuesta: Tutorial photoshop:Crear un reflejo en el agua realista

De lo más útil, sencillo y efectivo
Responder Citando
Los siguientes 7 Usuarios le dieron las Gracias a andynedine por este Post:
alvarito (28-Jul-2009), ANTOPATO (08-Mar-2010), djmlbp (13-May-2009), EX-feed (08-Jun-2009), shastar (10-May-2009), SIBERIA333 (02-Sep-2011), sprne (12-May-2012)
 
#3  
Antiguo 13-May-2009, 12:38
Avatar de Vasia
Colaborador
 
Fecha de Ingreso: September-2008
Mensajes: 6.177
Gracias: 13.049
Le dieron las gracias 29.221 veces en 5.854 Posts
Pionero Medalla Louis Daguerre Medalla Louis Daguerre 
Predeterminado Respuesta: Tutorial photoshop:Crear un reflejo en el agua realista

Gracias. Muy sencillo.
Responder Citando
Los siguientes 5 Usuarios le dieron las Gracias a Vasia por este Post:
alvarito (28-Jul-2009), EX-feed (08-Jun-2009), shastar (16-May-2009), SIBERIA333 (02-Sep-2011), sprne (12-May-2012)
Sponsored Links

Recuerda, haciendo clic en la publicidad no abandonas el Foro :)

 
#4  
Antiguo 13-May-2009, 13:09
Avatar de sardoreal
Colaborador
 
Fecha de Ingreso: February-2009
Ubicación: Eso quisiera saber yo
Mensajes: 4.560
Gracias: 7.134
Le dieron las gracias 25.512 veces en 4.514 Posts
Medalla Louis Daguerre 
Predeterminado Respuesta: Tutorial photoshop:Crear un reflejo en el agua realista

Genial aporte, gracias
Responder Citando
Los siguientes 5 Usuarios le dieron las Gracias a sardoreal por este Post:
alvarito (28-Jul-2009), EX-feed (08-Jun-2009), shastar (16-May-2009), SIBERIA333 (02-Sep-2011), sprne (12-May-2012)
 
#5  
Antiguo 04-Jun-2009, 18:19
De visita
 
Fecha de Ingreso: June-2009
Mensajes: 3
Gracias: 0
Le dieron las gracias 6 veces en 1 Post
Predeterminado Respuesta: Tutorial photoshop:Crear un reflejo en el agua realista

Gracias... mil gracias :eusa_ clap:
Responder Citando
Los siguientes 6 Usuarios le dieron las Gracias a ElvisRonald por este Post:
alvarito (28-Jul-2009), EX-feed (08-Jun-2009), Lapcare (03-Sep-2011), shastar (12-Jun-2009), SIBERIA333 (02-Sep-2011), sprne (12-May-2012)
 
#6  
Antiguo 08-Jun-2009, 18:22
N/A
 
Fecha de Ingreso: March-2009
Ubicación: RETIRADO
Mensajes: 4.770
Gracias: 40.007
Le dieron las gracias 21.921 veces en 4.457 Posts
Predeterminado Respuesta: Tutorial photoshop:Crear un reflejo en el agua realista

Muy bueno aunq lo he intentado con el 4 y es muy diferente llego hasta los pasos 7 y de ahi ya me pierdo jejeje,salu2
Responder Citando
Los siguientes 4 Usuarios le dieron las Gracias a EX-feed por este Post:
alvarito (28-Jul-2009), shastar (12-Jun-2009), SIBERIA333 (02-Sep-2011), sprne (12-May-2012)
Sponsored Links

Recuerda, haciendo clic en la publicidad no abandonas el Foro :)

 
#7  
Antiguo 28-Jul-2009, 04:01
Avatar de alvarito
Miembro PLATA
 
Fecha de Ingreso: April-2009
Mensajes: 1.907
Gracias: 12.034
Le dieron las gracias 10.682 veces en 1.806 Posts
Predeterminado Respuesta: Tutorial photoshop:Crear un reflejo en el agua realista

El tuto esta creado con CS3 o con CS4??

Gracias y a ver si soy capaz de cacharrear un poco
Responder Citando
Los siguientes 5 Usuarios le dieron las Gracias a alvarito por este Post:
EX-feed (28-Jul-2009), Lapcare (03-Sep-2011), shastar (06-Aug-2009), SIBERIA333 (02-Sep-2011), sprne (12-May-2012)
 
#8  
Antiguo 07-Aug-2009, 16:43
Colaborador
 
Fecha de Ingreso: November-2008
Ubicación: GRAN CANARIA
Mensajes: 9.187
Gracias: 32.932
Le dieron las gracias 17.909 veces en 5.230 Posts
Trofeo Resistencia Medalla Dulcinea 
Predeterminado Respuesta: Tutorial photoshop:Crear un reflejo en el agua realista

¡Lo conseguí! con mi versión CS2...pero lo hice tal cual. Lo que no me veo tan bien como en el ejemplo que puso Shastar...¿será porque puse mi foto? jajajajaja. Me ha resultado extremadamente fácil trabajar con la pantalla dividida, para seguir visualmente las indicaciones. Me ha gustado mucho. Gracias Shastar. Un saludo
Responder Citando
Los siguientes 4 Usuarios le dieron las Gracias a crackcoco por este Post:
alvarito (07-Aug-2009), EX-feed (11-Aug-2009), shastar (08-Aug-2009), SIBERIA333 (02-Sep-2011)
 
#9  
Antiguo 02-Sep-2011, 22:43
Avatar de SIBERIA333
Colaborador
 
Fecha de Ingreso: May-2009
Mensajes: 16.349
Gracias: 74.869
Le dieron las gracias 104.737 veces en 15.638 Posts
Trofeo Resistencia Medalla Ciudadano Ilustre 
Predeterminado Respuesta: Tutorial photoshop:Crear un reflejo en el agua realista

muy bueno ...

¿como no lo he visto antes ?


gracias chasssssss
Responder Citando
Los siguientes 4 Usuarios le dieron las Gracias a SIBERIA333 por este Post:
gusalacam (02-Sep-2011), Lapcare (03-Sep-2011), shastar (02-Sep-2011), sprne (12-May-2012)
Sponsored Links

Recuerda, haciendo clic en la publicidad no abandonas el Foro :)

 
#10  
Antiguo 12-May-2012, 02:15
Avatar de lincesevilla
Colaborador
 
Fecha de Ingreso: July-2009
Ubicación: Sevilla
Mensajes: 2.259
Gracias: 11.701
Le dieron las gracias 8.023 veces en 2.038 Posts
Trofeo Resistencia 
Predeterminado Respuesta: Tutorial photoshop:Crear un reflejo en el agua realista

Shastar muy bueno, como todo lo que aportas, ahora sólo aplicarlo
Saludos y gracias por tu trabajo
Responder Citando
Los siguientes 2 Usuarios le dieron las Gracias a lincesevilla por este Post:
shastar (18-May-2012), sprne (12-May-2012)
Respuesta


Marcadores

Etiquetas
agua, photoshop:crear, realista, reflejo, tutorial

Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

Los Códigos BB están Activado
Las Caritas están Activado
[IMG] está Activado
El Código HTML está Desactivado
Trackbacks are Activado
Pingbacks are Activado
Refbacks are Desactivado


Powered by vBulletin®
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.6.0
Exvagos es marca registrada.