En este tutorial de Photoshop Effects, aprenderemos cómo agregar fácilmente ondas de agua de aspecto realista a una imagen. Photoshop se envía con un filtro diseñado específicamente para crear un efecto de ondulación del agua, pero nunca lo sabrías por el nombre del filtro (no, no es Ripple u Ocean Ripple, eso sería demasiado fácil).
El filtro que usaremos hace un trabajo decente por sí solo, pero como veremos en este tutorial, ejecutando el filtro dos veces, usando diferentes configuraciones cada vez, luego combinando los resultados, podemos crear una onda de agua más realista efecto.
Usaré Photoshop CS5 a lo largo de este tutorial, pero cualquier versión reciente funcionará.
Aquí está la imagen con la que comenzaré:
La imagen original
Así se verá después de agregar algunas ondas al agua, como si cayeran gotas de lluvia sobre la superficie:
El efecto final de las ondas de agua.
Cómo crear un efecto de ondas de agua
Paso 1: seleccione la herramienta Marco elíptico
Lo primero que debemos hacer es dibujar una selección alrededor del área donde aparecerá la ondulación del agua. Como las ondas de agua son elípticas, utilizaremos una herramienta de selección elíptica. Seleccione la herramienta Marco elíptico de Photoshop en el panel Herramientas. De forma predeterminada, está anidada detrás de la herramienta Marco rectangular, así que haga clic en el icono de la herramienta marco rectangular y mantenga presionado el botón del mouse durante un segundo o dos hasta que aparezca un menú desplegable, luego seleccione la herramienta Marco elíptico del menú:
Seleccione la herramienta Marco elíptico.
Paso 2: arrastre una selección elíptica
Con la herramienta Marco elíptico seleccionada, arrastre una selección elíptica donde desee que aparezca la primera onda de agua en la imagen. Intente hacer coincidir la forma de la selección con la perspectiva de la imagen para que las ondas de agua más cercanas a usted parezcan más circulares que las ondas más alejadas en la distancia:
Dibuja tu primera selección elíptica.
Paso 3: haga dos copias del área seleccionada
Con el esquema de selección en su lugar, presione Ctrl + J (Win) / Comando + J (Mac) en su teclado dos veces para hacer dos copias del área seleccionada (también puede ir al menú Capa, elegir Nuevo y luego elegir Capa a través de Copiar dos veces, pero el atajo de teclado es mucho más rápido). Cada copia se agregará a su propia capa en el panel Capas. Se seleccionará la capa superior (resaltada en azul):
Aparecen dos copias del área seleccionada sobre la capa de fondo.
Paso 4: apaga la capa superior temporalmente
Necesitamos ocultar la capa superior por el momento, así que haga clic en el icono de visibilidad de la capa (el globo ocular) en el extremo izquierdo de la capa en el panel Capas, que ocultará temporalmente la capa de la vista en la ventana del documento:
El globo ocular desaparecerá cuando haga clic en el icono, lo que le permitirá saber que la capa ahora está oculta.
Paso 5: Seleccione la capa debajo de ella
Con la capa superior ahora oculta, haga clic en la capa debajo de ella en el panel Capas para seleccionarla:
Haga clic en la parte inferior de las dos capas para seleccionarlo.
Paso 6: Cargue una selección alrededor del contenido de la capa
Mantenga presionada la tecla Ctrl (Win) / Comando (Mac) y haga clic directamente en la miniatura de vista previa de la capa en el panel Capas:
Mantenga presionada la tecla Ctrl (Win) / Comando (Mac) y haga clic en la miniatura de vista previa de la capa.
Esto coloca un esquema de selección alrededor del contenido de la capa en el documento, lo que significa que reaparecerá el esquema de selección que dibujó hace un momento. La razón por la que estamos cargando el esquema de selección antes de elegir el filtro, lo que haremos a continuación, es limitar el efecto del filtro al área dentro de la selección, de lo contrario Photoshop lo aplicaría a toda la imagen:
El esquema de selección vuelve a aparecer en el documento.
Paso 7: aplique el filtro ZigZag
Como mencioné al comienzo del tutorial, Photoshop en realidad se envía con un filtro construido específicamente para agregar ondas de agua a una imagen, pero nunca adivinarías cuál es solo mirando los nombres de los filtros. El que queremos no es Ripple o Ocean Ripple. Se llama ZigZag (sí, es cierto, ZigZag). Vaya al menú Filtro en la barra de menú en la parte superior de la pantalla, elija Distorsionar y luego elija Zigzag en la parte inferior de la lista:
Vaya a Filtro> Distorsionar> Zigzag.
El filtro ZigZag funciona distorsionando la imagen en forma de ondas de agua. En la parte inferior del cuadro de diálogo del filtro hay una opción de Estilo que controla cómo Photoshop distorsiona la imagen. Hay tres opciones: Alrededor del centro, Fuera del centro y Ondulaciones del estanque (la configuración predeterminada). Cada uno nos da un efecto de ondulación del agua ligeramente diferente, y uno generalmente producirá mejores resultados que los otros dos, dependiendo del área de la imagen que haya seleccionado. Pruebe cada uno y juzgue los resultados en la ventana de vista previa en la esquina superior izquierda del cuadro de diálogo. Voy a seguir con las ondas de estanque predeterminadas, pero una opción diferente puede funcionar mejor para usted:
Elija la opción Estilo que funcione mejor para el área de la imagen que ha seleccionado.
El control deslizante Cantidad controla la intensidad del efecto de ondulación del agua, mientras que el control deslizante Ridge cambia el número de crestas. Observe la ventana de vista previa en el cuadro de diálogo para obtener una vista previa de los resultados mientras arrastra los controles deslizantes hacia la izquierda y hacia la derecha (el efecto no se aplica realmente a la imagen hasta que haga clic en Aceptar). Vamos a ejecutar el filtro ZigZag dos veces, una en cada una de las dos capas que creamos. Para este efecto dominó inicial, agregue muchas crestas. Estos aparecerán alrededor del borde exterior de la onda cuando hayamos terminado. Voy a aumentar mi valor de Ridges a alrededor de 12 y aumentaré la intensidad del efecto estableciendo el valor de Amount a alrededor de 70 :
Cambie la apariencia de la ondulación del agua con los controles deslizantes Amount y Ridges.
Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo y aplicar el filtro a la selección:
El efecto inicial de la ondulación del agua.
Paso 8: Seleccione la capa superior y vuelva a encenderla
Haga clic en la capa superior en el panel Capas para seleccionarla, luego haga clic en el icono de visibilidad de capa para volver a activar la capa en el documento:
Seleccione y active la capa superior.
Paso 9: vuelva a aplicar el filtro ZigZag
Necesitamos aplicar el filtro ZigZag nuevamente, esta vez a la capa superior. Como fue el último filtro que utilizamos, podemos acceder rápidamente a su cuadro de diálogo presionando Ctrl + Alt + F (Win) / Comando + Opción + F (Mac). El efecto que aplicamos a esta capa superior se convertirá en el área central de la ondulación del agua, y el centro generalmente tiene menos crestas que el borde exterior, lo que significa que esta vez necesitaremos un efecto más sutil. Voy a cambiar mi opción de Estilo a Fuera del centro y reduciré el valor de Crestas a 4 . El estilo Fuera del centro tiende a dar un resultado menos intenso que los otros dos estilos, así que para compensar, aumentaré mi valor de Cantidad a 100 :
Cambie la apariencia de las ondas de agua con los controles deslizantes Amount y Ridges.
Haga clic en Aceptar cuando haya terminado para salir una vez más del cuadro de diálogo del filtro ZigZag. La segunda onda de agua aparece dentro de la selección en la capa superior:
El segundo efecto de onda de agua más sutil.
Paso 10: Haga que el esquema de selección sea más pequeño con Transformar la selección
Vaya al menú Seleccionar en la parte superior de la pantalla y elija Transformar selección :
Vaya a Seleccionar> Transformar selección.
El comando Transformar selección funciona de manera muy similar al comando Transformación libre de Photoshop, excepto que afecta el esquema de selección en sí, no los píxeles dentro del esquema de selección. Mantenga presionadas las teclas Mayús + Alt (Win) / Mayús + Opción (Mac), haga clic en el controlador (el cuadrado pequeño) en la esquina superior izquierda del cuadro delimitador Transformar selección, luego arrastre el controlador hacia el centro de la selección hasta que El esquema de selección es alrededor del 50-60% de su tamaño original. Mantener presionada la tecla Mayús mientras arrastra restringe la forma del contorno de selección, mientras que la tecla Alt / Opción nos permite cambiar el tamaño del contorno de selección desde su centro. Presione Entrar (Win) / Retorno (Mac) cuando haya terminado de aceptar la transformación:
Reduzca el contorno de selección al 50-60% de su tamaño original.
Paso 11: Invierta y elimine la selección
Vaya al menú Seleccionar en la parte superior de la pantalla y elija Inversa, o presione Shift + Ctrl + I (Win) / Shift + Command + I (Mac) para acceder al mismo comando con el atajo de teclado:
Vaya a Seleccionar> Inverso.
Esto invierte nuestra selección para que el área en el centro de la ondulación del agua ahora se deseleccione mientras se selecciona todo lo que la rodea. Presione Retroceso (Win) / Eliminar (Mac) en su teclado para eliminar todo alrededor del centro de la ondulación del agua, lo que revela las crestas más condensadas cerca del borde exterior en la capa de abajo. Presione Ctrl + D (Win) / Comando + D (Mac) para eliminar el esquema de selección del documento:
El efecto de ondulación del agua ahora es más sutil en el centro, con más crestas cerca del borde exterior.
Paso 12: fusionar las dos capas juntas
Con la capa superior seleccionada en el panel Capas, vaya al menú Capa en la parte superior de la pantalla y elija Combinar hacia abajo, o presione Ctrl + E (Win) / Comando + E (Mac) para acceder al mismo comando con mayor rapidez atajo de teclado:
Vaya a Capa> Fusionar hacia abajo.
Esto fusiona las dos capas de ondulación del agua en una sola capa:
Las dos capas se han fusionado en una sola capa.
Paso 13: aplique el filtro de desenfoque gaussiano
El filtro ZigZag a veces puede producir áreas ásperas e irregulares en la ondulación del agua, así que ablandemos un poco aplicando un efecto de desenfoque sutil. Vaya al menú Filtro, elija Desenfoque, luego elija Desenfoque gaussiano :
Vaya a Filtro> Desenfocar> Desenfoque gaussiano.
Aparece el cuadro de diálogo Desenfoque gaussiano de Photoshop. Solo necesitamos una pequeña cantidad de desenfoque para suavizar los bordes. Por lo general, todo lo que se necesita es un valor de radio de alrededor de 0.4 píxeles :
Una pequeña cantidad de desenfoque es todo lo que necesitamos.
Haga clic en Aceptar para salir del cuadro de diálogo Desenfoque gaussiano, y nuestra primera onda de agua se ha agregado a la imagen:
La ondulación del agua después de suavizar las áreas ásperas con Gaussian Blur.
Paso 14: repita los pasos para agregar más ondas de agua según sea necesario
Para agregar más ondas de agua a la imagen, comience haciendo clic en la capa Fondo en el panel Capas para seleccionar la imagen original, luego simplemente repita los pasos 2-13 para cada onda de agua que necesite agregar. Una vez que haya creado un par de ellos y los pasos le resulten más familiares, no toma más tiempo agregar más. Asegúrese de experimentar con las diferentes opciones de Estilo en el cuadro de diálogo ZigZag para ver cuál le da los mejores resultados cada vez.
Aquí, después de dispersar algunas ondas más alrededor de la superficie del agua, es mi resultado final:
El efecto final de las ondas de agua.