1. Design & Illustration
  2. Add-Ons
  3. Overlays & Textures

Cómo crear un efecto de texto realista de hojas de otoño en Adobe Photoshop

Scroll to top

Spanish (Español) translation by Johana (you can also view the original English article)

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

El otoño es una temporada tan hermosa, con su clima fresco y colores brillantes. Este tutorial te enseñará cómo utilizar un par de imágenes de hojas, texturas, capas de ajuste y un efecto de iluminación para crear un efecto de texto de hojas de otoño brillantes. ¡Empecemos!

Recursos para el tutorial

Durante la producción de este tutorial se utilizaron los siguientes recursos:

1. Crea el fondo

Paso 1

Crea un nuevo documento de 1600 x 1031 px, coloca la imagen Asphalt 02 encima de la capa de Fondo, cambia el nombre de su capa a Textura de fondo y redimensiónala según sea necesario.

Place the Asphalt TexturePlace the Asphalt TexturePlace the Asphalt Texture

Paso 2

Haz doble clic en la capa Textura de fondo para aplicar un efecto de Superposición de color con estos ajustes:

  • Color: #5f4f31
  • Modo de fusión: Multiplicar
  • Opacidad: 50%
Color OverlayColor OverlayColor Overlay

Esto oscurecerá la textura y mejorará su color.

Styled Asphalt TextureStyled Asphalt TextureStyled Asphalt Texture

Paso 3

Coloca la imagen SoilMud0041 encima de la capa de Textura de fondo, redimensiónala según sea necesario y cambia el nombre de su capa a Superposición de textura del fondo. Cambia su Modo de fusión a Multiplicar y su Opacidad al 30%.

Background Texture Overlay SettingsBackground Texture Overlay SettingsBackground Texture Overlay Settings

2. Crea el texto

Crea el texto en Todo en mayúsculas con la fuente Archivo Narrow Bold. Esto se utilizará solo como referencia, así que cambia el resto de los ajustes según el texto que tengas.

En este caso, el tamaño es 550 pt y el tracking es 50.

Create the TextCreate the TextCreate the Text

3. Añade las hojas

Paso 1

Después de seleccionar las hojas que usarás para crear el efecto, deberás añadirlas al documento.

Asegúrate de colocar las hojas (Archivo > Colocar) en lugar de duplicarlas y luego, redimensiona cada hoja que coloques como gustes.

Place a Leaf LayerPlace a Leaf LayerPlace a Leaf Layer

Paso 2

Haz doble clic en la capa hoja para aplicar un efecto de Sombra paralela con estos ajustes:

  • Color: #3d2d0b
  • Opacidad: 35%
  • Distancia: 6
  • Tamaño: 3
Drop ShadowDrop ShadowDrop Shadow

Paso 3

Esto aplicará una sombra simple a la hoja. Haz clic derecho en la capa hoja y elige Copiar estilo de capa.

Copy Layer StyleCopy Layer StyleCopy Layer Style

Paso 4

Coloca las otras hojas y luego haz clic derecho en tus capas y elige Pegar estilo de capa para aplicar el efecto de Sombra paralela a todas las capas de hoja.

Paste Layer StylePaste Layer StylePaste Layer Style

4. Duplica las hojas

Paso 1

Selecciona la Herramienta mover y marca la casilla de Selección automática en la barra Opciones.

Lo que tendrás que hacer después es mantener presionada la tecla Opción, hacer clic y arrastrar la hoja que deseas duplicar y liberar todo.

Después de duplicar cada hoja, presiona Comando+T para entrar al Modo de transformación libre y luego, redimensiónala, rota y coloca la hoja duplicada.

También puedes utilizar las opciones Edición > Transformar > Voltear para crear más variaciones.

Repite el proceso hasta que cubras todo el texto con hojas diferentes y también puedes dispersar un par alrededor de él.

Duplicate and Transform the LeavesDuplicate and Transform the LeavesDuplicate and Transform the Leaves

Paso 2

Este proceso consume un poco de tiempo, pero a medida que creas más hojas se vuelve más rápido.

Cuando estés conforme con el resultado que obtengas, agrupa todas las capas de hojas en un grupo Hojas y haz que la capa de texto sea invisible haciendo clic en el icono del ojo junto a él.

Group the Leaf LayersGroup the Leaf LayersGroup the Leaf Layers

Paso 3

También puedes cambiar el orden de las capas de hoja para obtener un resultado más dinámico.

Change the Leaf Layers OrderChange the Leaf Layers OrderChange the Leaf Layers Order

5. Añade la textura de las hojas

Paso 1

Duplica la capa de Superposición de textura de fondo, coloca la copia encima del grupo Hojas y cambia el Modo de fusión de su capa a Subexposición lineal y su Opacidad al 5%. Esto añadirá una textura sutil a las hojas.

Leaves Texture OverlayLeaves Texture OverlayLeaves Texture Overlay

Paso 2

Haz clic en el icono Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas y elige Tono/Saturación.

Add a HueSaturation Adjustment LayerAdd a HueSaturation Adjustment LayerAdd a HueSaturation Adjustment Layer

Paso 3

Cambia el valor de Saturación a -10.

Change the Saturation ValueChange the Saturation ValueChange the Saturation Value

6. Añade la textura de viñeta y el mapa de degradado

Paso 1

Coloca la textura Grunge 4 encima de todas las capas, cambia el nombre de su capa a Textura de viñeta, redimensiona según sea necesario y cambia su Modo de fusión a Multiplicar.

Add the Grunge Vignette TextureAdd the Grunge Vignette TextureAdd the Grunge Vignette Texture

Paso 2

Añade otra capa de ajuste Tono/Saturación, haz clic en el icono Enlazar capa y cambia el valor de Tono a -37.

Adjust the Hue ValueAdjust the Hue ValueAdjust the Hue Value

Paso 3

Añade una capa de ajuste de Mapa de degradado, usa el degradado que se muestra en la siguiente imagen, haz clic en Dither box y cambia el Modo de fusión de la capa a Luz suave y su Opacidad al 50%.

Add a Gradient Map Adjustment LayerAdd a Gradient Map Adjustment LayerAdd a Gradient Map Adjustment Layer

7. Crea el objeto inteligente

Paso 1

Ve a Selección > Todo y luego Edición > Copiar fusionado y Edición > Pegar.

Copy and Paste Merged LayersCopy and Paste Merged LayersCopy and Paste Merged Layers

Paso 2

Coloca la imagen pegada encima de todas las capas, cambia el nombre de su capa a Efectos de iluminación y ve a Filtro > Convertir para filtros inteligentes.

Convert to a Smart ObjectConvert to a Smart ObjectConvert to a Smart Object

8. Aplica el filtro de efectos de iluminación

Paso 1

Ve a Filtro > Renderizar > Efectos de iluminación y añade una Luz puntual.

Ajusta las elipses que tienes para que coincida con las siguientes. Es necesario hacer que la luz provenga de la esquina superior izquierda a la inferior derecha.

Adjust the Light EllipsesAdjust the Light EllipsesAdjust the Light Ellipses

Paso 2

Usa estos ajustes en el panel Propiedades a la derecha:

  • Color: RGB (255, 251, 235)
  • Intensidad: 23
  • Hotspot: 60
  • Colorear: RGB (255, 249, 231)
  • Exposición: 0
  • Brillo: -17
  • Metálico: -50
  • Ambiente: 19
  • Altura de textura (para cada canal): 1
Lighting Effects Properties ValuesLighting Effects Properties ValuesLighting Effects Properties Values

Esto añadirá un poco de bonita iluminación y un poco de detalle al efecto.

Adjusted LightingAdjusted LightingAdjusted Lighting

9. Añade la textura de superposición de agua

Paso 1

Coloca la imagen de Water 02 encima de todas las capas, cambia el nombre de su capa a Textura de agua y luego, cambia su Modo de fusión a Luz suave y su Opacidad al 50%.

Add the Water TextureAdd the Water TextureAdd the Water Texture

Paso 2

Añade una capa de ajuste Tono/Saturación en la parte superior de todas las capas, haz clic en el icono Enlazar capa y cambia el valor de Saturación a -31.

Add a HueSaturation Adjustment LayerAdd a HueSaturation Adjustment LayerAdd a HueSaturation Adjustment Layer

Esto añadirá una agradable sensación de lluvia/humedad al resultado final. Puedes jugar con las diferentes texturas y ajustes para obtener resultados diferentes.

Final ResultFinal ResultFinal Result

¡Felicitaciones! Terminaste

En este tutorial, usamos un par de texturas y efectos para crear un fondo asfáltico.

Luego creamos el texto de referencia y empezamos a añadir, duplicar, cambiar el tamaño, rotar y dispersar las hojas estilizadas por todas partes.

Después de eso, añadimos un par de capas más de textura y ajuste, y aplicamos un filtro de efectos de iluminación para mejorar el resultado.

Por último, añadimos una textura de agua para hacer que el resultado se vea más realista y otoñal.

No dudes en dejar tus comentarios, sugerencias y resultados en el siguiente recuadro.