Cyber Monday Sale 40% off unlimited courses & creative assets! 40% off unlimited assets! Save Now
  1. Design & Illustration
  2. Textures

Cómo crear una textura de grano de madera en Photoshop

by
Read Time:8 minsLanguages:

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

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

Photoshop no es solo una herramienta para retoque o manipulación de fotos. También puede utilizarse para crear tus propias texturas. En este breve tutorial, voy a mostrarte cómo crear una textura de grano de madera, ¡solo usando color en Photoshop!

Las texturas de madera son fácilmente personalizables y vienen en diversos estilos. Hay dos categorías de características de madera: madera dura y madera blanda.

  • La madera blanda es más ligera y tiene color crema, con fibras rectas y anillos anuales que son distintos. Algunos tipos comunes de esta madera son pinos, secoya y cedro.
  • La madera dura es de un color más oscuro. Las fibras son cerradas y compactas. Los anillos anuales no son distintos. Los tipos de madera dura incluyen caoba, nogal, roble, cerezo y palo de rosa. 

Para este tutorial, crearemos una textura de grano de madera dura de caoba.

Si quisieras ahorrar tiempo, dirígete a GraphicRiver y elige de cualquiera de los estilos de textura listos para usar disponibles ahí.

Lo que aprenderás en este tutorial de grano de madera en Photoshop

  • Cómo crear una textura de grano de madera en Photoshop
  • Cómo crear una textura desde cero con filtros
  • Cómo utilizar una textura en Photoshop
  • Cómo guardar una textura y aplicarla a un diseño de mockup

Lo que necesitarás

Necesitarás los siguientes recursos:

¡Comencemos!

1. Cómo configurar la mesa de trabajo

Crea un Nuevo documento (Comando-N).

Para este tutorial de grano de madera en Photoshop, trabajaremos en una mesa de trabajo de tamaño A3. Las dimensiones pueden ser las que sean, dependiendo de tu proyecto.

Abre Photoshop, presiona Comando-N para crear un Nuevo documento y establece los siguientes parámetros:

  • Nombra el archivo 'Mahogany_WoodGrain'
  • Anchura: 4961 px
  • Altura: 3508 px
  • Orientación: Horizontal
  • Resolución: 300 ppp
  • Modo de color: color RGB (para impresión usar CMYK)
  • Contenido de fondo: blanco
  • Crear

create new document a3 size landscape orientation for wood grain texture photoshopcreate new document a3 size landscape orientation for wood grain texture photoshopcreate new document a3 size landscape orientation for wood grain texture photoshop

2. Cómo formar la base de la textura de madera

Paso 1

Comencemos creando la base de nuestra madera de caoba. La caoba varía en color de un café medio a un café-rojo profundo, dependiendo de la edad de la madera. Queremos un matiz café rojizo profundo.

Desde la barra de herramientas, establece un color de Frente de #4c1a01 y un color de Fondo de #2f1000.

Toma la herramienta Bote de pintura (G) y rellena el espacio de la mesa de trabajo.

USe Paint bucket tool to Fill artboard with Foreground Mahoganyy photoshop wood grain tutorial ColorUSe Paint bucket tool to Fill artboard with Foreground Mahoganyy photoshop wood grain tutorial ColorUSe Paint bucket tool to Fill artboard with Foreground Mahoganyy photoshop wood grain tutorial Color

Paso 2

Para formar la base del grano de madera, necesitamos aplicar algunos filtros.

En la parte superior de la pantalla, selecciona el menú Filtros y comienza a agregar Ruido: Filtro > Ruido > Añadir ruido.

  • Cantidad: 14.21%
  • Distribución: gaussiano
  • Marca Monocromático (para fortalecer el efecto)
  • OK
add noise filter to color artboard for grain effect monochromaticadd noise filter to color artboard for grain effect monochromaticadd noise filter to color artboard for grain effect monochromatic

Paso 3

A continuación, regresa al menú Filtros y procesa las Nubes: Filtro > Interpretar > Nubes.

how to render filter clouds photoshop wood grain tutorialhow to render filter clouds photoshop wood grain tutorialhow to render filter clouds photoshop wood grain tutorial

3. Cómo crear una textura de grano de madera en Photoshop

Paso 1

Ahora proporcionemos a la base un efecto de grano de madera. La caoba tiene un grano franjeado, cerrado, recto y pequeño.

Regresa al menú superior y selecciona Filtro > Distorsionar > Proyectar. Esto abrirá el cuadro de diálogo emergente Proyectar.

Necesitamos establecer la curva de proyectar. Haz clic en la línea de la curva y arrástrala hacia los bordes para formar una forma 'S' volteada. Solo tienes un pequeño cuadro de previsualización, pero trata de experimentar con la curva de proyectar para ver la previsualización del efecto. Añade más puntos si te gusta y presiona OK.

distort and apply shear curve to wood grain texture s shape curve previewdistort and apply shear curve to wood grain texture s shape curve previewdistort and apply shear curve to wood grain texture s shape curve preview

Paso 2

A continuación, ajustemos los Niveles, añade contraste a la capa del grano.

Desde el menú superior, selecciona Imagen > Ajustes > Niveles... (Comando-L).

  • Ajusta el canal RGB a:
  • R: 14
  • G: 0.91
  • B: 255
  • y OK.

Nota: puedes experimentar con estos parámetros para ajustar la apariencia de la textura y el motivo de madera.

experiment with Image Levels to adjust RGB channelexperiment with Image Levels to adjust RGB channelexperiment with Image Levels to adjust RGB channel

Paso 3

Ya que la caoba tiene un grano franjeado, necesitamos aplicar una onda a la textura para hacerla lucir más natural.

Ve a Filtros > Distorsionar > Onda, y establece los siguientes parámetros:

  • Número de generadores: 606
  • Tipo: sinusoidal
  • Longitud de onda: Min 90 Max 152
  • Amplitud: Min1 Max 52
  • Escala: Horiz. 19% Verti. 1%
  • Áreas no definidas: dar la vuelta
  • Y OK

Experimenta con los valores hasta que obtengas la apariencia que quieres. Asegúrate de que las ondas no están trabajadas en exceso.

Apply Filter wave to control wavelength scale and ribbon shaped Mahogany Wood grainApply Filter wave to control wavelength scale and ribbon shaped Mahogany Wood grainApply Filter wave to control wavelength scale and ribbon shaped Mahogany Wood grain

Paso 4

Posteriormente, agreguemos alguna distorsión manual, aplicando Licuar (Filtro > Licuar).

Usa la herramienta Molinete (C) para añadir algunos nudos a nuestra madera. Los parámetros dependen de la resolución de la imagen de la mesa de trabajo y de qué tan apretados quieres que parezcan los nudos. Continúa y experimenta con el tamaño de la herramienta Pincel para resultados más precisos.

Después, continúa y usa la herramienta Deformar hacia adelante (W) para aplicar manchas buscando una apariencia esculpida natural.

Una vez que obtengas los resultados que necesitas, presiona OK.

add wood knots use twirl tool and smear using forward wrap tool brushadd wood knots use twirl tool and smear using forward wrap tool brushadd wood knots use twirl tool and smear using forward wrap tool brush

Paso 5

Ahora vayamos un poco más lejos y cambiemos el color de la madera a un tono más claro para que podamos ver mejor las fibras.

Desde el menú superior, selecciona Imagen > Ajustes > Niveles... (Comando-L) y mueve los controles deslizantes hasta que obtengas el color deseado.

  • Establece el canal RGB en:
  • R: 0
  • G: 1.061
  • B: 232
  • y OK.
adjust image levels command L RGBadjust image levels command L RGBadjust image levels command L RGB

4. Cómo esculpir el grano de la textura de madera

Paso 1

Avanzando, pongamos un toque adicional al grano para que luzca más definido, enfocando las fibras.

Desde el menú superior aplica Filtro > Enfocar > Enfocar. Notarás que las fibras parecen un poco mejor.

sharpen wood fibers filtersharpen wood fibers filtersharpen wood fibers filter

Paso 2

Necesitamos extraer el grano y esculpir la apariencia.

Abre el panel Capas (Ventana > Capas). Duplica la capa de la textura arrastrando la capa Fondo hacia el ícono Crear nueva capa en el panel Capas.

Luego regresa al menú superior y apliquemos relieve: Filtro > Estilizar > Relieve. Esto abrirá el cuadro de diálogo Relieve. Establece los parámetros:

  • Ángulo: 135°
  • Altura: 24 pixeles
  • y OK.
layer panels filter stylize emboss set angle and heightlayer panels filter stylize emboss set angle and heightlayer panels filter stylize emboss set angle and height

Paso 3

Para el toque final de nuestro tutorial de grano de madera en Photoshop, dirígete al panel Capas. Establece el Modo de fusión en Luz intensa y Opacidad en 36%.

¡Y nuestro tutorial de textura de grano de madera de caoba en Photoshop está terminado! Bien hecho.

photoshop wood grain tutorial set blending mode to vivid light wood texture photoshop tutorialphotoshop wood grain tutorial set blending mode to vivid light wood texture photoshop tutorialphotoshop wood grain tutorial set blending mode to vivid light wood texture photoshop tutorial

5. Cómo guardar y aplicar la textura a un diseño de mockup

Paso 1

Ahora guardemos nuestra textura para que podamos aplicarla a nuestro mockup.

Ve a Archivo > Guardar como. Dale un nombre al archivo o mantenlo como está, y luego selecciona formato JPEG y Guárdalo en tu directorio de la textura. Esto abrirá el cuadro de diálogo Opciones JPEG.

Selecciona Calidad máxima y OK.

Ahora podrás aplicarlo a nuestro mockup.

Save wood texture file as JPEG format on Photoshop for mockupSave wood texture file as JPEG format on Photoshop for mockupSave wood texture file as JPEG format on Photoshop for mockup

Paso 2

Para este tutorial, decidí aplicar la textura de madera a un menú de restaurante. Descarga el archivo de Menú minimalista y ve a Archivo > Abrir.

Abre los directorios Menu A4 > Back.psd.

Dirígete al panel Capas de Photoshop. Desbloquea la capa 'fondo', presionando el ícono del Candado. Haz clic en la carpeta 'background', para desplegar las capas. Cambia la visibilidad de la capa 'fondo', presionando el ícono del ojo.

toggle off visibilty and unlock layer in Layers panel for back menutoggle off visibilty and unlock layer in Layers panel for back menutoggle off visibilty and unlock layer in Layers panel for back menu

Paso 3

Desde el panel Capas, haz clic en Crear nueva capa.

Y simplemente selecciona el archivo Mahogany_Wood_Texture.JPG de la carpeta de tu computadora y arrástralo a una nueva capa y escálalo para que cubra la mesa de trabajo del menú.

Create new layer and drag texture onto to cover artboardCreate new layer and drag texture onto to cover artboardCreate new layer and drag texture onto to cover artboard

¡Felicidades!

En este tutorial de textura de madera en Photoshop, aprendiste cómo crear una textura de grano de madera de caoba usando color y algunas opciones de filtros. Una vez que hayas explorado la galería de filtros, podrás crear tus propias texturas y mucho más.

Diviértete y experimenta con las variantes y los ajustes de fuerzas de cada filtro para lograr resultados diferentes para otros tipos de madera. ¡Usa las técnicas que aprendiste en este tutorial de motivo de madera para crear tus propias texturas! Puedes crearlas muy rápidamente.

Consulta las otras tres muestras de madera creadas. Por favor siéntete libre de compartir tus muestras de motivo de madera y dejar tus comentarios, sugerencias y resultados a continuación.

wood texture photoshop tutorialwood texture photoshop tutorialwood texture photoshop tutorial

Descubre texturas de motivos de madera en Photoshop

Espero que hayas disfrutado este tutorial. ¡Consulta otros recursos de textura de madera en Elements!

Paquete de texturas de grano de madera (JPEG)

wood grain texture photographs high res detail close upwood grain texture photographs high res detail close upwood grain texture photographs high res detail close up

Este paquete de texturas de grano de madera contiene 20 archivos de alta resolución que son perfectos si necesitas capturar un marcado efecto de contraste para tu siguiente proyecto de diseño.

20 fondos de textura de madera (JPEG)

20 wood background texture for layouts 20 wood background texture for layouts 20 wood background texture for layouts

Para más fondos atractivos y maquetados de diseño, aplica uno de estos fondos de madera áspera. El paquete tiene una variedad de 20 archivos JPEG de alta resolución.

Colección de 101 texturas de madera (PNG/ TIFF)

101 wood texture woody collection101 wood texture woody collection101 wood texture woody collection

Si no estás seguro qué tipo de madera será la adecuada para tu diseño, consulta esta enorme colección de texturas de madera, conteniendo 101 fotos de textura de madera de alta resolución en formato TIFF, listas para imprimir en 300 ppp.

22 texturas de madera de alta resolución (JPG /TIFF)

22 high resolution wood textures background overlay22 high resolution wood textures background overlay22 high resolution wood textures background overlay

Este conjunto de madera realista puede aplicarse a tu próximo proyecto. Con dimensiones de 4000 x 3000, estas imágenes son ideales para el fondo o para el overlay.

Texturas de madera Cabaña junto al lago (JPG/ PSD)

45 high res images wood textures45 high res images wood textures45 high res images wood textures

Si buscas un efecto de madera antigua, esta colección de 45 texturas de madera es ideal ¡y viene con un bonus de mockup de logo!

  • Efectos de texto
    Cómo crear un estilizado efecto de texto de tiza en Adobe Photoshop
    Rose
  • Mockup de productos
    Cómo crear un mockup de logo grabado en madera en Adobe Photoshop
    Tom Piccarreda
  • Efectos de texto
    Cómo crear un rápido efecto de texto de madera quemada en Adobe InDesign
    Grace Fussell
  • Efectos de texto
    30 creativos efectos de texto con estilos vibrantes utilizando Photoshop
    Sean Hodge
  • Efectos de texto
    Cómo crear una acción de Photoshop para efecto de texto de bosquejo
    Anderson Luz
One subscription.
Unlimited Downloads.
Get unlimited downloads