1. Design & Illustration
  2. Text Effects

Tutorial de Photoshop: Cómo Escribir en la Arena

Scroll to top
Read Time: 16 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

¿Sabías que puedes crear un efecto arena Photoshop? De hecho, los estilos de capa lo hacen más fácil. En este tutorial de Photoshop aprenderás cómo lograrlo. No utilizaremos una fuente especial para escribir en arena, sino que jugaremos con el estilo de capa para que el efecto sea fácil de replicar y modificar. 

Si quieres ahorrar tiempo, puedes usar Envato Elements. Una suscripción a Envato Elements te otorga acceso a millones de recursos creativos, incluyendo este efecto arena Photoshop. Esta acción convertirá cualquier texto en tipografía de arena en segundos. ¡Solo tienes que hacer clic en "reproducir"!

Tutorial de PhotoshopTutorial de PhotoshopTutorial de Photoshop
Tutorial de Photoshop

Archivos para el Tutorial de Photoshop

Los siguientes archivos se utilizaron durante la producción de este tutorial de Photoshop.

Lo que Aprenderás en Este Tutorial de Photoshop para Crear Efecto de Arena

  • Cómo crear una tipografía de arena sin una fuente
  • Cómo crear un efecto arena Photoshop
  • Cómo crear una textura de arena Photoshop

Síguenos en nuestro canal de YouTube de Envato Tuts+:

1.  Carga el Conjunto de patrones de naturaleza

Abre el panel de Motivos, abre el menú y selecciona Motivos Heredaros y más. Esto cargará los patrones más antiguos en la librería de motivos. 

Tutorial de Photoshop - panel de motivosTutorial de Photoshop - panel de motivosTutorial de Photoshop - panel de motivos
Tutorial de Photoshop - panel de motivos

2. Crea el Fondo de tu Efecto Arena Photoshop

Paso 1

Abra la imagen SoilSand0204 y luego dirígete a Imagen > Ajustes > Equilibrio de Color. Con la opción de Medios tonos marcada en Equilibrio de tono, cambia los valores de los Niveles de color a 8,-1, y -26.

Efectos de texto en Photoshop: ajuste del balance de color. Efectos de texto en Photoshop: ajuste del balance de color. Efectos de texto en Photoshop: ajuste del balance de color.
Efectos de texto en Photoshop: ajuste del balance de color.

Paso 2

Haz clic en la casilla Iluminación y cambia los valores de Niveles de Color5, -1,y -5.Esto ajustará el color de la textura de la arena.

Cómo escribir texto en Photoshop: ajuste del balance de color.Cómo escribir texto en Photoshop: ajuste del balance de color.Cómo escribir texto en Photoshop: ajuste del balance de color.
Cómo escribir texto en Photoshop: ajuste del balance de color.

Paso 3

Haz clic derecho en el fondo de la capa y selecciona Duplicar Capa.

Escribir texto en Photoshop: duplicar capa de fondoEscribir texto en Photoshop: duplicar capa de fondoEscribir texto en Photoshop: duplicar capa de fondo
Escribir texto en Photoshop: duplicar capa de fondo

Paso 4

Dirígete a Imagen > Ajustes > Niveles y cambia el valor de Gamma a 0,80para oscurecer un poco la textura.

Arena Photoshop: ajuste de niveles.Arena Photoshop: ajuste de niveles.Arena Photoshop: ajuste de niveles.
Arena Photoshop: ajuste de niveles.

3. Crea el Texto Sin una Fuente de Arena

Paso 1

Crea el texto en mayúsculas utilizando la fuente GelPen Medium. El tamaño de la fuente es350 pt, el valor Tracking es 100, el color es#6c6760y si estás escribiendo más de un renglón, asegúrate de ajustar el valor del Interlineado según sea necesario. Aquí se establece en 300 pt.

Efectos de texto en Photoshop: creando el textoEfectos de texto en Photoshop: creando el textoEfectos de texto en Photoshop: creando el texto
Efectos de texto en Photoshop: creando el texto
Escribir texto en Photoshop: propiedades del textoEscribir texto en Photoshop: propiedades del textoEscribir texto en Photoshop: propiedades del texto
Escribir texto en Photoshop: propiedades del texto

Paso 2

Cambia el modo de fusión de la capa de texto a Luz suave y luego duplica la capa.

Cómo escribir texto en Photoshop: cambiando el modo de fusiónCómo escribir texto en Photoshop: cambiando el modo de fusiónCómo escribir texto en Photoshop: cambiando el modo de fusión
Cómo escribir texto en Photoshop: cambiando el modo de fusión

4. Aplica Estilo a las Capas de Texto

Paso 1

Haz doble clic en la capa de texto original para aplicar un efecto de Sombra interior con los siguientes valores:

  • Desmarca la casilla Usar Luz Global
  • Ángulo: -180
  • Distancia: 20
  • Tamaño: 20
Efecto de arena Photoshop: sombra interiorEfecto de arena Photoshop: sombra interiorEfecto de arena Photoshop: sombra interior
Efecto de arena Photoshop: sombra interior

Esto agregará un efecto simple de sombra interior.

El resultado de los efectos de texto en PhotoshopEl resultado de los efectos de texto en PhotoshopEl resultado de los efectos de texto en Photoshop
El resultado de los efectos de texto en Photoshop

Paso 2

Haz doble clic en la capa de copia de texto para aplicar el siguiente estilo de capa:

  • Técnica:Cincel duro
  • Dirección: hacia abajo
  • Tamaño: 70
  • Activa la casilla de Suavizado
  • Modo de sombra - opacidad:100%
Efecto arena Photoshop: biselar y grabarEfecto arena Photoshop: biselar y grabarEfecto arena Photoshop: biselar y grabar
Efecto arena Photoshop: biselar y grabar

Paso 3

En los ajustes de Contorno, crea el tuyo de de esta manera:

Tutorial Photoshop: contornoTutorial Photoshop: contornoTutorial Photoshop: contorno
Tutorial Photoshop: contorno
Escribir texto en Photoshop: cómo crear un contorno largoEscribir texto en Photoshop: cómo crear un contorno largoEscribir texto en Photoshop: cómo crear un contorno largo
Escribir texto en Photoshop: cómo crear un contorno largo

Esto te ayudará a definir la forma interna del texto.

Tutorial Photoshop: el resultadoTutorial Photoshop: el resultadoTutorial Photoshop: el resultado
Tutorial Photoshop: el resultado

5. Agrega Arena Alrededor de las Letras

Paso 1

Haz click derecho en cualquiera de las capas de texto y selecciona Crear trazado de trabajo. Crea una nueva capa encima de todas las capas, nómbrala 1 y activa la herramienta Pincel.

Escribir texto en Photoshop: gestión de trazadosEscribir texto en Photoshop: gestión de trazadosEscribir texto en Photoshop: gestión de trazados
Escribir texto en Photoshop: gestión de trazados
Efecto arena Photoshop: gestión de trazadosEfecto arena Photoshop: gestión de trazadosEfecto arena Photoshop: gestión de trazados
Efecto arena Photoshop: gestión de trazados

Paso 2

Abra el panel Pincel(Ventana > Pincel), selecciona una punta de pincel dura y redonda y modifique la configuración del como se muestra a continuación:

Forma de punta de pincel

Tutorial de Photoshop: configuración de pincelTutorial de Photoshop: configuración de pincelTutorial de Photoshop: configuración de pincel
Tutorial de Photoshop: configuración de pincel

Paso 3

Dinámica de la forma

Cómo escribir texto en Photoshop: dinámica de la formaCómo escribir texto en Photoshop: dinámica de la formaCómo escribir texto en Photoshop: dinámica de la forma
Cómo escribir texto en Photoshop: dinámica de la forma

Paso 4

Selecciona la herramienta Selección directa (A), haz clic derecho en el trazado y elige Contorno de trazados.

Selecciona Pincel desde el menú desplegable de Herramienta y haz clic en OK. Luego presiona Enter para borrar el trazado.

Efecto arena Photoshop: contorno de trazadosEfecto arena Photoshop: contorno de trazadosEfecto arena Photoshop: contorno de trazados
Efecto arena Photoshop: contorno de trazados
Cómo escribir texto en Photoshop: contorno de trazadosCómo escribir texto en Photoshop: contorno de trazadosCómo escribir texto en Photoshop: contorno de trazados
Cómo escribir texto en Photoshop: contorno de trazados

6. Modifica el Trazo de los bordes

Paso 1

Presiona Command y haz clic sobre la capa del trazo (capa1) para crear una selección.

Arena Photoshop: crea una selecciónArena Photoshop: crea una selecciónArena Photoshop: crea una selección
Arena Photoshop: crea una selección
Cómo escribir texto en Photoshop: resultado de la selecciónCómo escribir texto en Photoshop: resultado de la selecciónCómo escribir texto en Photoshop: resultado de la selección
Cómo escribir texto en Photoshop: resultado de la selección

Paso 2

Dirígete a Selección >  Modificar > Contraer y escribe 3.

Tutorial de Photoshop: modifica la selecciónTutorial de Photoshop: modifica la selecciónTutorial de Photoshop: modifica la selección
Tutorial de Photoshop: modifica la selección

Paso 3

Ve a Selección > Modificar > Calar y escribe 2.

Escribir texto en PhotoshopEscribir texto en PhotoshopEscribir texto en Photoshop
Escribir texto en Photoshop

Paso 4

Desactiva la visibilidad de la capa de trazo haciendo clic en el icono de ojo, luego selecciona la capa Background copy.

Escribir texto en Photoshop: modifica la selecciónEscribir texto en Photoshop: modifica la selecciónEscribir texto en Photoshop: modifica la selección
Escribir texto en Photoshop: modifica la selección

Paso 5

Presiona Command - J para duplicar la selección en una nueva capa. Por defecto esta capa se llamará Layer 1. Arrastra la capa Layer 1encima de todas las capas.

Efectos de texto en PhotoshopEfectos de texto en PhotoshopEfectos de texto en Photoshop
Efectos de texto en Photoshop

7. Aplica un Estilo al Contorno Modificado

Haz doble clic en el capa Layer 1para aplicar el siguiente estilo de capa:

Paso 1

  • Activa la casilla Suavizado
  • Modo resaltado:Luz suave
  • Color: #ffe1ba
  • Modo de sombra:Subexposición lineal
  • Color:#d0c1ab
Efecto arena Photoshop: Bisel y relieveEfecto arena Photoshop: Bisel y relieveEfecto arena Photoshop: Bisel y relieve
Efecto arena Photoshop: Bisel y relieve

Paso 2

Utiliza los valores por defecto de Contorno.

Arena Photoshop: ContornoArena Photoshop: ContornoArena Photoshop: Contorno
Arena Photoshop: Contorno

Paso 3

  • Motivo: Zarzal
Escribir texto en Photoshop: MotivoEscribir texto en Photoshop: MotivoEscribir texto en Photoshop: Motivo
Escribir texto en Photoshop: Motivo

Paso 4

Esto le añadirá un estilo al contorno.

Tutorial de Photoshop: el resultadoTutorial de Photoshop: el resultadoTutorial de Photoshop: el resultado
Tutorial de Photoshop: el resultado

8. Crea la Zona de transición

Paso 1

Para ayudar a mezclar el contorno con la textura de la arena, vamos a añadir una zona de transición que se fusione hacia afuera para hacer que el efecto se vea más real, así que crea una selección basada en la capa1 nuevamente.

Efectos de texto en Photoshop: crea una selecciónEfectos de texto en Photoshop: crea una selecciónEfectos de texto en Photoshop: crea una selección
Efectos de texto en Photoshop: crea una selección
Resultado de la selección para arena PhotoshopResultado de la selección para arena PhotoshopResultado de la selección para arena Photoshop
Resultado de la selección para arena Photoshop

Paso 2

Dirígete a Seleccionar > Modificar > Expandir y escribe 7.

Efecto arena Photoshop: modifica la selecciónEfecto arena Photoshop: modifica la selecciónEfecto arena Photoshop: modifica la selección
Efecto arena Photoshop: modifica la selección

Paso 3

Ve a Selección > Modificar > Suavizar y escribe 5.

Modifica la selección para cómo escribir texto en PhotoshopModifica la selección para cómo escribir texto en PhotoshopModifica la selección para cómo escribir texto en Photoshop
Modifica la selección para cómo escribir texto en Photoshop

Paso 4

Presiona Command - Shift - Clic en la miniatura de una capa de texto para añadirla a la selección activa, de tal manera que la selección no tenga áreas vacías dentro.

Tutorial de Photoshop: Modifica la selecciónTutorial de Photoshop: Modifica la selecciónTutorial de Photoshop: Modifica la selección
Tutorial de Photoshop: Modifica la selección

Paso 5

Selecciona la capa Background y presiona Command - J para duplicar la selección en una nueva capa. Nombra esta capa Layer 2. Arrástrala arriba de las capas de fondo y debajo de la capa de texto original.

Modifica el área de transición en los efectos de texto en PhotoshopModifica el área de transición en los efectos de texto en PhotoshopModifica el área de transición en los efectos de texto en Photoshop
Modifica el área de transición en los efectos de texto en Photoshop

Paso 6

Haz doble clic sobre la capa Layer 2 para aplicar un efecto de sombra paralela con los valores de abajo:

  • Modo de fusión:Subexposición lineal
  • Color:#e8e3dc
  • Desactiva la casilla Usar Luz Global
  • Ángulo:139
  • Distancia: 19
  • Tamaño: 18
Efecto arena Photoshop: sombra paralelaEfecto arena Photoshop: sombra paralelaEfecto arena Photoshop: sombra paralela
Efecto arena Photoshop: sombra paralela

Puedes ver cómo esto comienza a mezclarse más naturalmente.

Resultado de arena PhotoshopResultado de arena PhotoshopResultado de arena Photoshop
Resultado de arena Photoshop

9. Crea el Contorno de la Arena Levantada

Paso 1

Selecciona la herramienta Pincel y abre nuevamente el panel Pincel. Con una punta de pincel dura y redonda, modifica la configuración como se muestra a continuación:

Forma de la punta del pincel

Tutorial de Photoshop: forma del pincelTutorial de Photoshop: forma del pincelTutorial de Photoshop: forma del pincel
Tutorial de Photoshop: forma del pincel

Paso 2

Dinámica de la forma

Cómo escribir texto en Photoshop: dinámica de la formaCómo escribir texto en Photoshop: dinámica de la formaCómo escribir texto en Photoshop: dinámica de la forma
Cómo escribir texto en Photoshop: dinámica de la forma

Paso 3

Dispersión

Tutorial Photoshop: dispersiónTutorial Photoshop: dispersiónTutorial Photoshop: dispersión
Tutorial Photoshop: dispersión

Paso 4

Haz clic derecho en la capa de texto y selecciona Crear trazado en uso, crea una nueva capa debajo de la capa de texto original y nómbrala Stroke Shadow, elige la herramienta Selección directa y establece el color frontal a #404040.

Crea el trazado en uso para el efecto arena PhotoshopCrea el trazado en uso para el efecto arena PhotoshopCrea el trazado en uso para el efecto arena Photoshop
Crea el trazado en uso para el efecto arena Photoshop

Paso 5

Aplica un contorno al trazo como lo hiciste anteriormente y no olvides eliminar el trazo de trabajo.

Efectos de texto en Photoshop: trazo de trabajoEfectos de texto en Photoshop: trazo de trabajoEfectos de texto en Photoshop: trazo de trabajo
Efectos de texto en Photoshop: trazo de trabajo

10. Modifica y Aplica un Estilo a la Arena Levantada

Paso 1

Presiona Command y haz clic en la miniatura de la capa Stroke Shadow para crear una selección.

Crea una selección para los efectos de texto en PhotoshopCrea una selección para los efectos de texto en PhotoshopCrea una selección para los efectos de texto en Photoshop
Crea una selección para los efectos de texto en Photoshop

Paso 2

Selecciona la capa Background copy, haz clic en Command - J, renombra la capa duplicada Stroke y luego arrástrala encima de la capa Stroke Shadow.

Duplica el área seleccionada para escribir texto en PhotoshopDuplica el área seleccionada para escribir texto en PhotoshopDuplica el área seleccionada para escribir texto en Photoshop
Duplica el área seleccionada para escribir texto en Photoshop

Paso 3

Haz clic derecho en la capa Layer 1, selecciona Copiar estilo de capa y luego haz clic derecho en la capa Stroke. Selecciona Pegar estilo de capa para aplicar el estilo al trazo de arena levantada.

Aplica estilo de capa al efecto arena PhotoshopAplica estilo de capa al efecto arena PhotoshopAplica estilo de capa al efecto arena Photoshop
Aplica estilo de capa al efecto arena Photoshop

11. Modifica la Sombra de la Arena Levantada

Paso 1

Selecciona la capa Stroke Shadow y luego dirígete a Filtro > Desenfocar  > Desenfoque de movimiento. Cambia el ángulo a -30 y la distancia a 20.

Cómo escribir texto en Photoshop: desenfoque de movimiento Cómo escribir texto en Photoshop: desenfoque de movimiento Cómo escribir texto en Photoshop: desenfoque de movimiento
Cómo escribir texto en Photoshop: desenfoque de movimiento

Paso 2

Cambia el modo de fusión de la capa Stroke Shadow a Luz lineal, luego presiona Control-T y agrega 10 a los valores X y Y para mover la sombra diagonalmente. 

Modifica la sombra de los efectos de texto en PhotoshopModifica la sombra de los efectos de texto en PhotoshopModifica la sombra de los efectos de texto en Photoshop
Modifica la sombra de los efectos de texto en Photoshop
move shadow diagonallymove shadow diagonallymove shadow diagonally
Resultado de la sombra en la arena PhotoshopResultado de la sombra en la arena PhotoshopResultado de la sombra en la arena Photoshop
Resultado de la sombra en la arena Photoshop

Paso 3

Presiona Command - clic en la miniatura de la capa de texto para crear una selección, asegúrate de que la capa Stroke Shadow sigue activa y luego oprime Borrar para eliminar las partes internas de la sombra. Cuando termines dirígete a Seleccionar > Deseleccionar.

Efectos de texto en Photoshop: modifica el trazo de la sombra Efectos de texto en Photoshop: modifica el trazo de la sombra Efectos de texto en Photoshop: modifica el trazo de la sombra
Efectos de texto en Photoshop: modifica el trazo de la sombra
Sombra interior eliminada de tu efecto arena PhotoshopSombra interior eliminada de tu efecto arena PhotoshopSombra interior eliminada de tu efecto arena Photoshop
Sombra interior eliminada de tu efecto arena Photoshop

12. Agregar la estrella de mar

Paso 1

Abre la imagen con la estrella de mar, presiona W y haz clic en Seleccionar Objeto. Copia el área seleccionada.

Select the StarfishSelect the StarfishSelect the Starfish
Selecciona la estrella de mar para tu efecto arena PhotoshopSelecciona la estrella de mar para tu efecto arena PhotoshopSelecciona la estrella de mar para tu efecto arena Photoshop
Selecciona la estrella de mar para tu efecto arena Photoshop

Paso 2

Regresa al documento original, dirígete a Edición > Pegar y coloca la capa con la estrella de mar encima de todas las demás. Ve a Imagen > Ajustes > Tono/Saturación y cambia la saturación a -18 para atenuar un poco la intensidad del color. 

Cómo escribir texto en Photoshop: posiciona la estrella de marCómo escribir texto en Photoshop: posiciona la estrella de marCómo escribir texto en Photoshop: posiciona la estrella de mar
Cómo escribir texto en Photoshop: posiciona la estrella de mar
Ajusta el tono y saturación de los efectos de texto en PhotoshopAjusta el tono y saturación de los efectos de texto en PhotoshopAjusta el tono y saturación de los efectos de texto en Photoshop
Ajusta el tono y saturación de los efectos de texto en Photoshop

Paso 3

Haz doble clic en el capa de la estrella de mar para aplicar el siguiente estilo de capa:

  • Opacidad:35%
  • Desactiva la casilla Usar luz Global.
  • Ángulo:-30
Sombra interior para escribir texto eh PhotoshopSombra interior para escribir texto eh PhotoshopSombra interior para escribir texto eh Photoshop
Sombra interior para escribir texto eh Photoshop

Paso 4

  • Modo de fusión: multiplicar
  • Opacidad: 55%
  • Color: #d8d2ca
  • Tamaño:16
Resplandor exterior del efecto arena PhotoshopResplandor exterior del efecto arena PhotoshopResplandor exterior del efecto arena Photoshop
Resplandor exterior del efecto arena Photoshop

Paso 5

  • Modo de fusión: Luz lineal
  • Color: #404040
  • Desactiva la casilla Usar luz Global
  • Ángulo:138
  • Ruido:20
Sombra paralela para efectos de texto en PhotoshopSombra paralela para efectos de texto en PhotoshopSombra paralela para efectos de texto en Photoshop
Sombra paralela para efectos de texto en Photoshop

Esto agregará una sombra sencilla a la estrella de mar.

Cómo escribir texto en Photoshop: el resultadoCómo escribir texto en Photoshop: el resultadoCómo escribir texto en Photoshop: el resultado
Cómo escribir texto en Photoshop: el resultado

Paso 7

Ahora utiliza el mismo método anterior para agregar arena alrededor de la estrella de mar. Para crear un trazado en uso desde una imagen, haz clic en su miniatura y dirígete a la pestaña de Trazados y haz clic en Crear Tazado desde Selección.

Luego traza la selección sobre una nueva capa bajo la estrella de mar y conviértela en una selección para duplicar una parte de la capa de copia de fondo. Pega el Estilo de Capa y agrega un Desenfoque de Movimiento a la sombra. 

create work path from imagecreate work path from imagecreate work path from image
starfish effectstarfish effectstarfish effect

Paso 8

Si quieres hacer el efecto de arena más sutil, agrupa estas dos capas nuevas y agrégale una máscara de capa. Dibuja la máscara de capa con negro utilizando un pincel suave para quitar un poco de arena. 

Tutorial de Photoshop: agrega una máscara de capaTutorial de Photoshop: agrega una máscara de capaTutorial de Photoshop: agrega una máscara de capa
Tutorial de Photoshop: agrega una máscara de capa
Quita arena a los efectos de texto en PhotoshopQuita arena a los efectos de texto en PhotoshopQuita arena a los efectos de texto en Photoshop
Quita arena a los efectos de texto en Photoshop

13. Ajusta los colores

Paso 1

Haz clic en el icono Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas y selecciona Curvas.

Cómo escribir texto en Photoshop: agrega curvasCómo escribir texto en Photoshop: agrega curvasCómo escribir texto en Photoshop: agrega curvas
Cómo escribir texto en Photoshop: agrega curvas

Paso 2

Ajusta las curvas como se muestra a continuación. También puedes hacer clic en el pequeño icono de la mano con flechas y luego arrastra en la imagen para modificar el brillo a tu gusto.

Escribir texto en Photoshop: curvasEscribir texto en Photoshop: curvasEscribir texto en Photoshop: curvas
Escribir texto en Photoshop: curvas
Resultado de las curvas en arena PhotoshopResultado de las curvas en arena PhotoshopResultado de las curvas en arena Photoshop
Resultado de las curvas en arena Photoshop

Paso 3

Vuelve a hacer clic en el botón Crear nueva capa de relleno o ajuste y elige Color sólido.

Agrega un color sólido a los efectos de texto en PhotoshopAgrega un color sólido a los efectos de texto en PhotoshopAgrega un color sólido a los efectos de texto en Photoshop
Agrega un color sólido a los efectos de texto en Photoshop

Paso 4

Utiliza el color #b1a99c, cambia el modo de fusión de la capa a Subexponer el color y su opacidad a 20%.

Color sólido en el efecto arena PhotoshopColor sólido en el efecto arena PhotoshopColor sólido en el efecto arena Photoshop
Color sólido en el efecto arena Photoshop
Resultado del color sólidoResultado del color sólidoResultado del color sólido
Resultado del color sólido

14. Agrega el Filtro de Iluminación

Paso 1

Presiona  Control-Alt-Shift-E para crear una capa combinada en la parte superior. Cambia su nombre a Final.

Tutorial de Photoshop: efectos de iluminación Tutorial de Photoshop: efectos de iluminación Tutorial de Photoshop: efectos de iluminación
Tutorial de Photoshop: efectos de iluminación

Paso 2

Dirígete a Filtro > Interpretar > Iluminación elige luz de Punto y luego muévelo y escálalo como quieras.  

Cómo escribir texto en Photoshop: efectos de iluminaciónCómo escribir texto en Photoshop: efectos de iluminaciónCómo escribir texto en Photoshop: efectos de iluminación
Cómo escribir texto en Photoshop: efectos de iluminación

Paso 3

Cambia el resto de los ajustes como se muestra a continuación. Los colores utilizados en RGB son:

  • Color: 246, 242, 234
  • Colorear: 247, 240, 223
Efectos de iluminación para la arena Photoshop Efectos de iluminación para la arena Photoshop Efectos de iluminación para la arena Photoshop
Efectos de iluminación para la arena Photoshop

15. Agrega la Espuma 

Paso 1

Coloca la imagen  WaterFoam0018 encima de todas las capas y cambia el Modo de Fusión a Pantalla, luego dirígete a Imagen > Ajustes > Desaturar (si tu capa es un Objeto Inteligente, haz clic derecho y selecciona primero Rasterizar). Mueve la espuma hacia abajo según sea necesario, luego puedes elegir la Herramienta Borrador (E) con una punta suave y redonda para quitar las partes que no te gusten.  

Cómo escribir texto en Photoshop: agregando la espumaCómo escribir texto en Photoshop: agregando la espumaCómo escribir texto en Photoshop: agregando la espuma
Cómo escribir texto en Photoshop: agregando la espuma
Cambia el modo a pantalla en tu efecto arena Photoshop.Cambia el modo a pantalla en tu efecto arena Photoshop.Cambia el modo a pantalla en tu efecto arena Photoshop.
Cambia el modo a pantalla en tu efecto arena Photoshop.
Resultado de la espuma en tu arena Photoshop.Resultado de la espuma en tu arena Photoshop.Resultado de la espuma en tu arena Photoshop.
Resultado de la espuma en tu arena Photoshop.

Paso 2

Crea una nueva capa debajo de la capa de espuma y nómbrala Water. Elige las Herramientas de Selección Lazo para dibujar una selección siguiendo los bordes de la espuma, manteniendo cierta distancia. Rellena esa selección con el color #b2b3ad.

Tutorial Photoshop: dibuja el aguaTutorial Photoshop: dibuja el aguaTutorial Photoshop: dibuja el agua
Tutorial Photoshop: dibuja el agua
Rellena el agua en los efectos de texto en PhotoshopRellena el agua en los efectos de texto en PhotoshopRellena el agua en los efectos de texto en Photoshop
Rellena el agua en los efectos de texto en Photoshop

Paso 3

Dirígete a Seleccionar > Deseleccionar. Cambia las capas de Water de Modo Fusión a Multiplicar y su Opacidad a 20%

Agrega espuma a la arena PhotoshopAgrega espuma a la arena PhotoshopAgrega espuma a la arena Photoshop
Agrega espuma a la arena Photoshop
Cambia el Modo Fusión a Multiplicar del efecto arena PhotoshopCambia el Modo Fusión a Multiplicar del efecto arena PhotoshopCambia el Modo Fusión a Multiplicar del efecto arena Photoshop
Cambia el Modo Fusión a Multiplicar del efecto arena Photoshop

Paso 4

Ve a Filtro > Desenfocar > Desenfoque gaussiano y cambia el radio a 5.

Desenfoque Gaussiano para escribir texto en PhotoshopDesenfoque Gaussiano para escribir texto en PhotoshopDesenfoque Gaussiano para escribir texto en Photoshop
Desenfoque Gaussiano para escribir texto en Photoshop
Tutorial de Photoshop: efecto de desenfoque Tutorial de Photoshop: efecto de desenfoque Tutorial de Photoshop: efecto de desenfoque
Tutorial de Photoshop: efecto de desenfoque

Paso 5

Duplica la capa Water, luego cambia la opacidad de la copia a 15. Arrastra la copia hacia abajo para crear una capa más oscura entre la capa de agua y la espuma.

Cómo escribir texto en Photoshop: reduce la opacidad Cómo escribir texto en Photoshop: reduce la opacidad Cómo escribir texto en Photoshop: reduce la opacidad
Cómo escribir texto en Photoshop: reduce la opacidad
Agrega la espuma para escribir texto en PhotoshopAgrega la espuma para escribir texto en PhotoshopAgrega la espuma para escribir texto en Photoshop
Agrega la espuma para escribir texto en Photoshop

Paso 6

La punta del pincel te dará un resultado distinto cada vez que la utilices. Así que siempre podrás probar un par de veces hasta que obtengas un resultado que te guste de ser necesario. 

Diferentes trazos para los efectos de texto en PhotoshopDiferentes trazos para los efectos de texto en PhotoshopDiferentes trazos para los efectos de texto en Photoshop
Diferentes trazos para los efectos de texto en Photoshop

¡Felicidades! Terminaste.

¡Ya sabes cómo escribir sobre arena en Photoshop!

En este tutorial de Photoshop, modificamos un fondo de textura de arena, agregamos un texto y se aplicaron efectos para añadir la sombra interior y darle cierta profundidad.

Luego, modificamos un par de pinceles para crear dos capas de contorno para lograr el efecto de la arena exterior y arena levantada, así como un contorno sencillo para fusionar el texto con la arena. Todas las capas creadas se modificaron y se les aplicaron estilos para crear la apariencia de arena y añadir las sombras.

Agregamos a la composición una estrella de mar utilizando las mismas técnicas para integrarla a la escena y se añadieron un par de capas de ajuste para mejorar el color y el brillo del resultado final.

Luego se agregó luego la espuma y el resto de las capas se fusionaron para aplicar un filtro de iluminación para obtener el resultado final.

Tutorial de Photoshop: resultado finalTutorial de Photoshop: resultado finalTutorial de Photoshop: resultado final
Tutorial de Photoshop: resultado final

Efectos de Texto en Photoshop

Puedes crear una variedad de efectos de texto en Photoshop, pero esto requiere de tiempo y habilidades. Con Envato Elements, puedes lograr los mismos efectos más rápido y con resultados garantizados. 

Efecto Arena Photoshop (PSD, ATN, ABR, PAT, PDF)

Acción para Efecto Arena PhotoshopAcción para Efecto Arena PhotoshopAcción para Efecto Arena Photoshop
Acción para Efecto Arena Photoshop

Esta acción te ayudará a lograr los mismos resultados de este tutorial de Photoshop, sin perder el tiempo siguiendo todos estos pasos. ¡Solo escribe tu texto y dale clic a reproducir!

11 Estilos de Texto Grabados (ASL, PSD)

11 Estilos de Texto Grabados11 Estilos de Texto Grabados11 Estilos de Texto Grabados
11 Estilos de Texto Grabados

Si te interesan los estilos de texto grabados, este paquete contiene 11 estilos diferentes, incluyendo grabados en metal y madera. Puedes aplicar el efecto como capa en el estilo o editando el objeto inteligente. 

Acción PSD para Texto Retro en 3D  (PSD)

Acción PSD para Texto Retro en 3D Acción PSD para Texto Retro en 3D Acción PSD para Texto Retro en 3D
Acción PSD para Texto Retro en 3D

¡Este estilo vintage está de moda! Este objeto inteligente fácil de editar transformará tu texto en encantadoras letras en 3D con sombras y fondos agradables. 

CyberPunk Efectos de Texto en Photoshop (PSD)

CyberPunk Efectos de Texto en PhotoshopCyberPunk Efectos de Texto en PhotoshopCyberPunk Efectos de Texto en Photoshop
CyberPunk Efectos de Texto en Photoshop

Si te gusta la estética del videojuego cyberpunk, este efecto te ayudará a recrear el estilo del logotipo de este popular juego. Como de costumbre, solo tienes que reemplazar el texto con tu objeto inteligente. 

Efecto para Texto Secreto (PSD)

Efecto para Texto Secreto Efecto para Texto Secreto Efecto para Texto Secreto 
Efecto para Texto Secreto 

Si quieres que tu texto luzca misterioso, manteniéndose limpio y profesional, este efecto de texto te ayudará a lograr tu meta. Luce simple, pero es muy efectivo en su mensaje. 

Más Tutoriales de Photoshop para Efectos

Si disfrutaste este tutorial, también puedes disfrutar estos:

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads