Tutorial de Photoshop: Cómo Escribir en la Arena
() translation by (you can also view the original English article)



¿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"!



Archivos para el Tutorial de Photoshop
Los siguientes archivos se utilizaron durante la producción de este tutorial de Photoshop.
- GelPen - fuente.
- SoilSand0204 Imagen 3 - Resolución Mediana (1600 x 1067).
- WaterFoam0018 imagen 2 - Resolución Mediana (1600 x 1165).
- Estrella de mar aislada
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.



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.



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



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



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



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#6c6760
y 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.






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



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



Esto agregará un efecto simple de sombra interior.



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%



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






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



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.






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



Paso 3
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.






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.






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



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



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



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.



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



Paso 2
Utiliza los valores por defecto de Contorno.



Paso 3
- Motivo: Zarzal



Paso 4
Esto le añadirá un estilo al contorno.



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.






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



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



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.



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.



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



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



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



Paso 2
Dinámica de la forma



Paso 3
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.



Paso 5
Aplica un contorno al trazo como lo hiciste anteriormente y no olvides eliminar el 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.



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.



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.



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.



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.









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.






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.






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.






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



Paso 4
- Modo de fusión: multiplicar
- Opacidad: 55%
-
Color:
#d8d2ca
- Tamaño:16



Paso 5
- Modo de fusión: Luz lineal
-
Color:
#404040
- Desactiva la casilla Usar luz Global
- Ángulo:138
- Ruido:20



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



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.






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.






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.



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.






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



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






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.



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



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



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.









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
.






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






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






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.






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.



¡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.



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)



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)



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)



¡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)



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)



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:
- Cómo Crear un Realista Efecto de Texto Cromado en Adobe PhotoshopRose16 Dec 2020
- ¿Cómo Crear un Efecto de Texto Inspirado de Bola de Disco en Adobe Photoshop?Rose20 Jul 2020
- Cómo Crear un Efecto de Tipografía Floral a base de Capas en Adobe PhotoshopRose15 Apr 2021
- Consejo rápido: crea un efecto de texto de vidrio en Photoshop utilizando estilos de capaJan Stverak03 Apr 2020
- Cómo crear un rápido efecto de texto de rutilantes diamantes en Adobe PhotoshopRose13 Jul 2020
