Spanish (Español) translation by Javier Salesi (you can also view the original English article)
¡El agua puede formar hermosos e inspiradores elementos visuales! En este tutorial de tipografía, tomaremos un texto y lo colocaremos "visualmente" debajo del agua, creando un efecto de texto ondulatorio, observándose el agua con el texto debajo.
Por cierto, si solo quieres crear fabulosos efectos de texto Photoshop con el clic de un botón, echa un vistazo a este genial efecto agua Photoshop, ¡o desplázate hacia el final de este tutorial para encontrar más opciones!
¿Prefieres ver cómo hacer el efecto bajo el agua Photoshop? Tenemos para ti este formidable tutorial de letras bajo el agua en el canal de Envato Tuts+ en YouTube:
Lo que aprenderás en este tutorial de Photoshop para crear letras bajo el agua
- Cómo añadir texto y textura a un documento
- Cómo crear un efecto bajo el agua Photoshop
- Cómo añadir los toque finales al efecto de texto Photoshop
Lo que necesitarás para el efecto bajo el agua Photoshop
Los siguientes recursos se utilizaron en este tutorial de texto de agua:
Ahora, ¡vayamos al grano experimentando con algún texto y estupendos efectos bajo el agua Photoshop!
1. Cómo añadir texto y textura a un documento
Paso 1
Comienza con un Nuevo documento para el efecto agua Photoshop, ¡cualquier tamaño estará bien!
Ten en cuenta el alcance de tu proyecto: ¿esperas crear algo listo para impresión o algo para utilizar online? Voy a trabajar para este ejemplo en un tamaño de 850 x 650, pero podrías querer trabajar en una resolución mayor si quisieras imprimir tu trabajo.
Una vez que estés satisfecho con tus ajustes, haz clic en OK.
Paso 2
A continuación, Pega tu imagen de fondo de agua en tu documento. En este caso, usaremos esta foto de stock de agua de Envato Elements, ¡pero podrías usar la imagen que quieras!
Esta será el agua en la que se basará nuestro texto.
Paso 3
Ahora agreguemos las letras para crear un efecto de texto de agua Photoshop. Simplemente escribe cualquier texto que quisieras, usando la herramienta Texto, en tu fuente preferida. En el caso de este ejemplo, usaré la fuente Fibre Vintage.
A estas alturas del proceso, no te preocupes por los efectos, la posición o cualquier otro detalle, ¡solo incorpora primero el texto que quisieras!
Decidí hacer dos Capas de texto diferentes. Puedes hacer tantas como quieras. Haz el texto de color gris oscuro.
Paso 4
Posteriormente, haz tu Capa de texto (o capas) un Objeto inteligente.
Para hacerlo, selecciona las Capas aplicables, haz Clic-derecho (en PC) o Control-clic (en Mac) y selecciona Crear objeto inteligente desde el menú desplegable.
Aplicaremos los efectos en este objeto inteligente. De esta manera podremos preservar y alterar más fácilmente el texto original, si es necesario.
Paso 5
Rota y coloca el texto contra el agua. Opté por rotarlo un poco, para que el ángulo se vea un poco más natural.
Paso 6
Ahora, establece el Modo de fusión de esta capa en Superponer. Notarás que esto cambia la apariencia del texto en el agua.
2. Cómo crear un efecto bajo el agua Photoshop
Paso 1
Uno de los objetivos principales aquí es hacer que el texto parezca afectado por el agua. Podríamos lograr esto de diversas maneras, como usando herramientas de Deformación, Filtros de distorsión... ¡hay muchísimas opciones! Sin embargo, en este caso, probemos el Filtro Desplazar.
Primero selecciona la capa con el fondo de agua en ella. Haz clic en la miniatura de la capa para seleccionar el contenido (o presiona Comando-A (en Mac) o Control-A (en PC).
Ahora crea un Nuevo documento. Pega esta imagen y Guarda este documento. Llamé a mi documento "displace.psd", pero tú lo puedes llamar como gustes.
Paso 2
Enseguida, regresa a nuestro documento original. Selecciona la capa con nuestro Objeto inteligente. Luego, selecciona Filtro > Distorsionar > Desplazar.
Paso 3
Luego, verás este cuadro de diálogo que aparece. Decidí una Escala Horizontal y Vertical de 10, ¡pero te animaría a experimentar con esto! También elegí Estirar, pues quisiera que el área fuera similar a la imagen de fondo original que usamos aquí.
Cuando estés satisfecho con tus parámetros, haz clic en OK. Recuerda, si no te gusta el resultado, siempre puedes Deshacerlo (Control-Z en PC, Comando-Z en Mac) y prueba distintos valores. A menudo me gusta experimentar algunas veces.
Selecciona tu archivo displace.psd creado anteriormente como el archivo que el Filtro Desplazar usará para crear este efecto.
Paso 4
Y así es como luce el texto con este efecto aplicado. Se está acercando a lo que queremos, pero todavía aún se aprecia algo claro ¿verdad? Esperaríamos ver más desenfoque aquí, pues el agua está entre nosotros y el agua del fondo.
Apliquemos un Desenfoque gaussiano a este Objeto inteligente. Aplica Filtro > Desenfocar > Desenfoque gaussiano.
Paso 5
Elegía aplicar un radio de 2.0 aquí, pero tú puedes decidir una cantidad mayor o menor. Te recomendaría algo que le otorgue un poco de desenfoque pero también que siga legible. Mucho desenfoque podría verse bien, pero si no podemos leer bien el texto, ello podría arruinar nuestro objetivo.
Haz clic en OK cuando estés satisfecho con el valor que elegiste. Recuerda, también puedes deshacer e intentar de nuevo, si cambias de parecer.
3. Cómo añadir los toques finales al agua Photoshop
Paso 1
Entonces, tenemos el principio de lo que quisiéramos hacer aquí, pero pongámonos otro reto y hagamos más con este diseño de efecto agua Photoshop.
Personalmente, me gustaría que el texto fuera más oscuro. Aquí tenemos varias opciones.
Dupliqué dos veces la capa del Objeto inteligente, dejando el Modo de fusión de cada capa en Superponer. El resultado fue exactamente lo que pretendía.
Paso 2
No obstante, debido a que ponemos este texto en un Objeto inteligente, podemos regresar y cambiarlo cuando queramos. Haz doble clic en la miniatura para abrir el Objeto inteligente.
Notarás que contiene el texto como lo teníamos originalmente en nuestro documento. Aquí puedes realizar cambios, como el color del texto o el mismo texto. Luego, cuando lo guardes, esto se reflejará en nuestro documento.
Paso 3
Algo que no debes dejar de lado, ¡es que estos cambios podrían tener repercusiones! Por ejemplo, cambiar el color podría haber afectado los modos de fusión, si hago el texto rosa claro, necesito un ajuste para ello (ya que trabajamos con un color que originalmente tenía un valor oscuro).
En ese escenario, solo colocaría mis capas de Superposición adicionales y establezco la capa del Objeto inteligente en Subexponer color, Opacidad 75%. Voila, tenemos un efecto similar.
Paso 4
¿Hiciste algún cambio que no quieres mantener? ¡Solo deshazlo! Dentro del Objeto inteligente, asegúrate de guardar cualquier cambio.
Para concluir, voy a regresar al color y al Modo de fusión originales con los que trabajamos antes.
Paso 5
Finalmente, quería hacer un pequeño ajuste aquí. Copié la Capa del fondo del agua y la llevé al frente de mis capas. Luego, establecí el Modo de fusión en Trama, Opacidad en 20%. Solo quería aclarar un poco las cosas.
Sin embargo, recomiendo experimentar con los Modos de fusión, ¡checa cómo luce con Sobreexponer color o Subexponer color! Experimentar con Modos de fusión es una magnífica manera de familiarizarse más con ellos.
¡Y ahora tenemos nuestras letras bajo el agua Photoshop!
Espero que hayas disfrutado el proceso de este efecto agua Photoshop y que te hayas divertido mucho experimentando con él ¡y hagas tus propias creaciones de textura bajo el agua Photoshop! De nuevo, existen diversas maneras de distorsionar tu texto, ¿quieres saber cómo deformar texto en Photoshop todavía más? Si quisieras hacer más ajustes, ¡te recomendaría echar un vistazo a las opciones que encuentras en Edición > Transformar > Deformar!
¡Ahora sabes cómo hacer un efecto de texto de agua en Photoshop! Gracias por seguir el tutorial conmigo ¡y buena suerte con tus proyectos creativos!
Los 5 mejores efectos de texto Photoshop de Envato Elements
¿Te encantan los efectos de texto y quieres descubrir más con los que puedas experimentar ahora mismo? Checa estos otros efectos de texto Photoshop preelaborados y listos para aplicar.
1. Efectos de texto Photoshop estilo vintage Vol.3 (en formato PSD)
¡Checa esta colección de efectos de texto vintage! Hay tantas coloridas, caprichosas e interesantes opciones para elegir aquí, perfectas para una variedad de potenciales proyectos.
2. Efectos de texto de los años 80 Vol.1 (en formato PSD)
No sé tú, pero yo amo los años 80 ¡y adoro estos fabulosos efectos de texto de esa década! Checa todos los colores saturados, el glamour ¡y el estilo retro y brillante! Ya me imagino todas las estupendas cosas probarás con estos.
3. Estilos de capa metálicos: Efecto de texto dorado Photoshop (en formato PSD)
Estos efectos de texto son asombrosos y no solo vienen en oro. Hay cromo, bronce, acero... muchas opciones para elegir en estos estilos de capa fáciles de usar.
4. Efectos de texto Photoshop 3D Vol.3 (en formato PSD)
¡Hay una enorme cantidad de divertidos efectos para elegir en este tercer volumen de efectos de texto 3D! Remplaza fácilmente el texto con Objetos inteligentes, ¿pan comido verdad? Consulta Volumen 1 y Volumen 2 ¡para probar todavía más efectos!
5. Paquete de 100 estilos de capa Photoshop: Efectos de texto (en formato PSD)
Esta es una gigante colección de efectos de texto Photoshop, ¡mucho para probar y experimentar! Desde efectos texturizados y efectos de texto viscoso hasta efectos de texto de fuego, contiene un poco de todo! ¡Qué fenomenal adición a cualquier colección!
Explora más recursos y tutoriales de Photoshop para efectos de texto
Si disfrutaste este tutorial de efecto de texto Photoshop, ¡checa estos otros! ¡Pásala bien creando!
Consejo Rápido: Cómo Crear un Efecto de Texto Metálico Usando Estilos de Capa en Photoshop
Cómo Crear un Efecto Rápido de Texto de Vidrio Roto en Adobe Photoshop
50 increíbles tutoriales de texto en 3D para Photoshop y Illustrator (principiante a avanzado)
Cómo Crear un Realista Efecto de Texto Bordado en Adobe Photoshop
38 geniales acciones, efectos y estilos Photoshop en el 2022
Mejores recursos para Photoshop 2022: Efectos de texto y estilos de capa
Tutorial de Photoshop: +100 de los mejores Efectos de Texto en Photoshop
Cómo hacer una acción de Photoshop para un efecto de texto holográfico
Los 48 Mejores estilos de texto para Photoshop (¡Descarga Layer Effect PSDs ahora!)
Nota editorial: Este artículo se actualizó con la colaboración de Maria Villanueva. Maria es Editora Asociada del canal Tuts+ Design.
