Saltar al contenido

Crear efecto de texto en ventana con lluvia en Photoshop

21 mayo, 2019
texto en ventana con lluvia Photoshop
Índice

¡Bienvenidos creativos! Hoy os traigo un sencillo tutorial donde aprenderéis a crear un sencillo y realista efecto de texto en ventana con lluvia en Photoshop.

Para realizar este efecto de texto vamos a necesitar únicamente una imagen para el fondo y una textura de la ventana con lluvia que podéis descargar del siguiente enlace.

Efecto texto en ventana con lluvia en Photoshop (Youtube)

Para facilitaros la comprensión de este tutorial os dejo un enlace del vídeo de mi canal de Youtube, y a continuación justo debajo os explicaré paso a paso como crear este efecto de texto en ventana con lluvia.

Efecto de Texto con lluvia | Paso a Paso

  • Abrimos la imagen llamada city.jpg en Photoshop
  • A continuación pulsamos la combinación de tecla (Control+O ó Cmd + O en Mac) y abrimos la imagen con la textura de lluvia llamada foggy.jpg.
  • Seleccionamos la herramienta de mover (Tecla V) y desplazamos la imagen de la ciudad (city.jpg) hacia la de la ventana con lluvia.
  • Centramos la imagen de la ciudad sobre la de la ventana con lluvia.
  • Pulsamos el botón derecho del ratón sobre la capa de la ciudad y seleccionamos la opción «Convertir en objeto inteligente».
  • Para que el efecto de texto en ventana con Photoshop sea realista vamos a desenfocar la imagen de la ciudad. Para ello entramos en el menú superior en «Filtros», «Desenfoque», «Desenfoque Gaussiano» y elegimos un valor de 10 pixeles.
  • Por último cambiamos el modo de fusión de la capa de «Normal» a «Superponer».
Efecto Texto en Ventana con lluvia en Photoshop
Primeros pasos para crear efecto de texto en ventana con Photoshop

Con este primero paso nuestro efecto para simular un texto sobre una ventana con lluvia en Photoshop nos da una sensación muy realista.

A continuación vamos a seguir con nuestro efecto de texto.

  • Nos colocamos sobre la capa de la ventana mojada de lluvia.
  • Seleccionamos la herramienta texto (Tecla T), y pinchamos sobre la imagen de la ventana para escribir una palabra, en mi caso «Miss You».
  • El tamaño y el tipo de fuente de texto que utilicéis lo dejo a vuestra elección. El color debe ser negro, y muy importante cambiar el modo de la fuente de «Enfocado» a «Nítido».
  • Una vez escribas la palabra, te recomiendo girarla un poco para que sea más realista. Para ello pulsa las combinaciones de tecla Control + T o Cmd + T si utilizas Mac.
  • Ahora vamos a simular un efecto de gota de agua en Photoshop sobre el texto. Nos vamos a «Filtros», «Licuar».
  • Se abrirá una advertencia a la cual deberemos de responder pulsando en el botón «Rasterizar».
  • En el tamaño del pincel podremos 35 px y la presión en 100.
  • Creamos nuestro efecto de texto goteando tal y como podréis ver en la imagen inferior.
Texto en ventana con lluvia en Photoshop - Texto goteando

Gracias a este pequeño efecto vamos a conseguir mayor realismo en nuestra composición. Simulando la presión del texto sobre el cristal de lluvia.

  • Para finalizar sobre la capa del texto cambiamos el modo de fusión de «Normal» a «Superponer».

Resultado Final

Una vez hecho esto ya hemos conseguido simular un texto sobre una ventana con lluvia en Photoshop realista que podéis personalizar a vuestro gusto.

¿Os ha resultado complicado? ¿Tenéis alguna duda? No dudes en dejármelos en los comentarios de este artículo, y recuerda que puedes ver otros tutoriales como «Suavizar la piel de una modelo en Photoshop en menos de 1 minuto«. ¡Gracias!

Contenido Relacionado

Configurar