7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Crea un efecto de texto 3D en Photoshop de madera astillada

Scroll to top
Read Time: 13 mins

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

Este tutorial para efecto 3D Photoshop te mostrará cómo usar algunas texturas y un par de diferentes materiales 3D, así como capas de ajuste para crear un realista efecto de texto de madera astillada y pintada. 

Si tienes prisa y no dispones del tiempo para hacer este efecto de texto 3D en Photoshop desde cero, deberías visitar Envato Elements. El mercado basado en suscripción te ofrece recursos para efectos de texto 3D Photoshop, texturas de madera, complementos de Photoshop, ¡y más! 

 Este recurso de efecto de texto Photoshop 3D de Envato Elements te ahorrará mucho tiempo Este recurso de efecto de texto Photoshop 3D de Envato Elements te ahorrará mucho tiempo Este recurso de efecto de texto Photoshop 3D de Envato Elements te ahorrará mucho tiempo
Este recurso de efecto de texto Photoshop 3D de Envato Elements te ahorrará mucho tiempo.

Desplázate hacia el final de este tutorial de textura de madera 3D para encontrar una minuciosa selección de recursos. Y si prefieres videotutoriales para aprender nuevas habilidades, también te podemos ayudar. Visita el canal de Envato Tuts+ en YouTube para consultar este video sobre cómo añadir un efecto 3D Photoshop en un texto:

Lo que aprenderás en este tutorial de Photoshop para hacer texto en madera con efecto 3D

Abordemos rápidamente lo que aprenderás en este tutorial sobre cómo agregar un efecto 3D en texto usando Photoshop:

  • Cómo crear un texto de madera para Photoshop
  • Cómo crear una malla 3D en Photoshop
  • Cómo ajustar los parámetros para documentos importantes
  • Cómo crear y combinar capas y texturas
  • Cómo ajustar los elementos de iluminación
  • Cómo añadir y aplicar texturas, filtros y capas finales

Lo que necesitarás para el efecto con textura de madera Photoshop

Los siguientes recursos fueron utilizados durante la producción de este tutorial de Photoshop para efecto de texto de madera 3D.

1. Cómo crear el texto con textura de madera vieja

Paso 1

Para comenzar este diseño de textura de madera pintada 3D, crea un nuevo documento de 1000 x 750 px, y rellena el Fondo de color gris claro.

Crea el texto de madera en Negro usando la fuente Insaniburger with Cheese. El tamaño de la letra no es importante ya que puede editarse en la Escena 3D.

Crea el texto con textura de madera viejaCrea el texto con textura de madera viejaCrea el texto con textura de madera vieja

Paso 2

Aplica Texto > Convertir en forma.

Convierte a forma el texto para el efecto 3D PhotoshopConvierte a forma el texto para el efecto 3D PhotoshopConvierte a forma el texto para el efecto 3D Photoshop

2. Cómo crear la malla 3D para el efecto de texto

Paso 1

Para comenzar con las imágenes de madera 3D, aplica 3D > Nueva extrusión 3D a partir de trazado seleccionado.

Extruir el trazado para el texto 3D PhotoshopExtruir el trazado para el texto 3D PhotoshopExtruir el trazado para el texto 3D Photoshop

Paso 2

Para acceder a los ajustes y las propiedades de la malla 3D, necesitarás abrir dos paneles: el panel 3D y el panel Propiedades (ambos encontrados en el menú Ventana).

El panel 3D tiene todos los componentes de la escena 3D, y cuando haces clic en el nombre de cualquiera de ellos, podrás acceder a sus ajustes en el panel Propiedades. Así que asegúrate de seleccionar siempre la pestaña del elemento que quieres modificar en el panel 3D antes de cambiar sus parámetros en el panel Propiedades.

Panel 3D y Propiedades para la textura madera 3DPanel 3D y Propiedades para la textura madera 3DPanel 3D y Propiedades para la textura madera 3D

Paso 3

Si seleccionas la herramienta Mover, encontrarás un conjunto de Modos 3D para ella a la derecha de la barra de Opciones. Cuando elijas una de ellas, puedes hacer clic y arrastrar para realizar cambios en el elemento seleccionado en el panel 3D.

Modos 3D de la herramienta Mover para el efecto de textoModos 3D de la herramienta Mover para el efecto de textoModos 3D de la herramienta Mover para el efecto de texto

3. Cómo configurar los ajustes de la Malla 3D para el efecto de texto Photoshop

Paso 1

Selecciona la pestaña de la malla del texto en el panel 3D y luego, en el panel Propiedades, cambia la Asignación de textura a Azulejo y la Profundidad de extrusión a 35.

Ajustes de la malla para el texto 3D PhotoshopAjustes de la malla para el texto 3D PhotoshopAjustes de la malla para el texto 3D Photoshop

Paso 2

Haz clic en el ícono de Tapa en la parte superior del panel Propiedades y luego cambia la Anchura de bisel a 1 y Contorno a Semicircular.

Ajustes de Tapa en el tutorial de PhotoshopAjustes de Tapa en el tutorial de PhotoshopAjustes de Tapa en el tutorial de Photoshop

4. Cómo establecer los ajustes de Material frontal para añadir un efecto de madera astillada y pintada

Paso 1

Aquí es donde nuestra textura de madera 3D consigue un efecto para lucir astillada y pintada.

Marca la casilla Material de inflación frontal en el panel 3D y luego, en el panel Propiedades, haz clic en el ícono de textura Difusión y elige Remplazar textura.

Carga PlywoodPainted0057 - Imagen 2. Así es como se crea un efecto de pintado y astillado en las letras.

Remplaza la textura de Difusión frontal para el efecto de texto en maderaRemplaza la textura de Difusión frontal para el efecto de texto en maderaRemplaza la textura de Difusión frontal para el efecto de texto en madera

Paso 2

Haz de nuevo clic en el ícono de textura Difusión y elige Editar propiedades UV.

Edita Propiedades UV para la textura madera PhotoshopEdita Propiedades UV para la textura madera PhotoshopEdita Propiedades UV para la textura madera Photoshop

Paso 3

Lo que necesitas hacer a continuación es ajustar los valores de Azulejo y Desplazamiento hasta que obtengas un resultado que te agrade en la textura de madera pintada.

Los valores de Azulejo te ayudarán a ajustar el estiramiento de la textura, mientras que los valores de Desplazamiento te ayudan a colocarla para que la madera no pintada aparezca solo en la parte inferior del texto pintado y astillado.

Valores de las  Propiedades UV de la madera para PhotoshopValores de las  Propiedades UV de la madera para PhotoshopValores de las  Propiedades UV de la madera para Photoshop

Paso 4

Cambia el valor de Relieve a 15 y luego haz clic en su ícono de carpeta y elige el nombre de la textura de material frontal de la lista.

Esto aplicará la misma textura Difusión al Relieve. Asegúrate de editar sus Propiedades UV para que coincidan con las de Difusión.

Textura de relieve para el texto 3D PhotoshopTextura de relieve para el texto 3D PhotoshopTextura de relieve para el texto 3D Photoshop

5. Cómo configurar los ajustes de Material de Extrusión y Bisel para la textura de madera 3D

Sigue los mismos pasos para aplicar la PlywoodPainted00a57 - Imagen 1 de pintado y astillado en la textura de madera a los Materiales de Extrusión y Bisel frontal.

No hay necesidad de preocuparse sobre las Propiedades UV aquí, porque dividiremos la extrusión y modificaremos estos valores posteriormente.

Materiales de Extrusión y Bisel frontal para el texto en maderaMateriales de Extrusión y Bisel frontal para el texto en maderaMateriales de Extrusión y Bisel frontal para el texto en madera

6. Cómo dividir y reubicar el texto 3D Photoshop

Paso 1

Selecciona la pestaña Malla de texto y luego haz clic en el ícono Coordenadas en la parte superior del panel Propiedades y cambia el Ángulo de rotación X a 90.

Ángulo rotación X para el efecto de textoÁngulo rotación X para el efecto de textoÁngulo rotación X para el efecto de texto

Paso 2

Aplica 3D > Mover objeto a plano de tierra.

Mueve objeto a plano de tierra para el efecto 3D PhotoshopMueve objeto a plano de tierra para el efecto 3D PhotoshopMueve objeto a plano de tierra para el efecto 3D Photoshop

Paso 3

Con la malla de texto aún seleccionada, aplica 3D > Dividir extrusión. Esto separará las letras que tienes para que puedas trabajar con ellas de manera independiente.

Divide extrusión para la textura en madera PhotoshopDivide extrusión para la textura en madera PhotoshopDivide extrusión para la textura en madera Photoshop

Paso 4

Toma la herramienta Mover y usa el Eje 3D para mover las letras como gustes.

Las flechas en los extremos del eje mueven la malla, la parte ubicada debajo de ellas se usa para rotación y los cubos son utilizados para escalar. El cubo del centro es usado para escalar el objeto uniformemente. Todo lo que necesitas es hacer clic y arrastrar la parte que quieres.

Mueve las letras de madera astilladaMueve las letras de madera astilladaMueve las letras de madera astillada

Paso 5

Utiliza los Modos 3D de la herramienta Mover para cambiar la Vista de cámara y luego ajusta las Propiedades UV de los Materiales de Extrusión y Bisel frontal para cada letra con textura de madera pintada.

Ajusta las propiedades UV en la madera para PhotoshopAjusta las propiedades UV en la madera para PhotoshopAjusta las propiedades UV en la madera para Photoshop

7. Cómo crear el plano de tierra para el efecto 3D Photoshop

Paso 1

Toma la herramienta Rectángulo y crea una forma que se extienda afuera de los bordes del documento. Renombra la capa del rectángulo Ground Plane (plano de tierra).

Crea el rectángulo Plano de tierra para el efecto de texto PhotoshopCrea el rectángulo Plano de tierra para el efecto de texto PhotoshopCrea el rectángulo Plano de tierra para el efecto de texto Photoshop

Paso 2

Aplica 3D > Nueva extrusión a partir de trazado seleccionado y cambia la Profundidad de extrusión1.

Profundidad de extrusión para la textura madera 3DProfundidad de extrusión para la textura madera 3DProfundidad de extrusión para la textura madera 3D

Paso 3

Haz clic en el ícono Coordenadas y cambia el Ángulo de rotación X a 90.

Ángulo de rotación X para el texto en maderaÁngulo de rotación X para el texto en maderaÁngulo de rotación X para el texto en madera

Paso 4

Haz clic en la pestaña Vista actual y elige el nombre de la capa 3D del texto del menú Vista.

Cambia la vista actual para el texto 3D PhotoshopCambia la vista actual para el texto 3D PhotoshopCambia la vista actual para el texto 3D Photoshop

8. Cómo combinar las capas 3D y aplicar textura al plano de tierra para el efecto de texto Photoshop

Paso 1

Selecciona ambas capas 3D que tienes y aplica 3D > Combinar capas 3D.

Combinar capas 3D para el efecto de textoCombinar capas 3D para el efecto de textoCombinar capas 3D para el efecto de texto

Paso 2

Coloca la malla del Plano de tierra arriba de Ground Plane (plano de tierra) de la escena y muévela para que el texto esté en su centro.

Mueve el plano de tierra  para el texto 3D PhotoshopMueve el plano de tierra  para el texto 3D PhotoshopMueve el plano de tierra  para el texto 3D Photoshop

Paso 3

Cambia la Vista de cámara a una vista que solo muestre el plano de tierra, sin ninguna área vacía alrededor.

Una vez que hayas hecho eso, aplica la textura WoodPlankBare0050 - Imagen 2 al Material de inflación frontal de Ground Plane (plano de tierra) usando los mismos pasos para texturizar que usaste antes en la sección 4.

Nota que esta textura no la puedes usar como azulejo, así que si te parece complicado no mostrar sus bordes, puedes remplazarla con cualquier textura que te guste y que sí puedas colocarla como azulejo.

Texturiza el plano de tierra para el efecto 3D PhotoshopTexturiza el plano de tierra para el efecto 3D PhotoshopTexturiza el plano de tierra para el efecto 3D Photoshop

9. Cómo ajustar la luz infinita para la textura madera 3D

Paso 1

Haz clic en la pestaña Luz infinita 1 y cambia su Intensidad a 100 y su Suavizado de Sombra a 30.

Ajustes de Luz infinita 1 Ajustes de Luz infinita 1 Ajustes de Luz infinita 1

Paso 2

Usa la herramienta Mover para mover la luz infinita como se muestra en la imagen de abajo, o puedes ver el valor de Coordenadas.

Mueve luz infinita 1 para el efecto de texto PhotoshopMueve luz infinita 1 para el efecto de texto PhotoshopMueve luz infinita 1 para el efecto de texto Photoshop

10. Cómo añadir y ajustar una luz focal para la textura de madera vieja

Paso 1

Haz clic en el ícono Añadir nueva luz a la escena en la parte inferior del panel 3D y elige Nueva luz focal.

Agregar nueva luz focal en texto 3D PhotoshopAgregar nueva luz focal en texto 3D PhotoshopAgregar nueva luz focal en texto 3D Photoshop

Paso 2

Cambia la Intensidad a 35, desmarca la casilla Sombras y cambia el valor de Cono a 93.9 y Haz de luz a 47. Marca la casilla Difuminación de luz y cambia el valor de Exterior a 3800 y el Interior a 666.

Ajustes de luz focal para efecto 3D PhotoshopAjustes de luz focal para efecto 3D PhotoshopAjustes de luz focal para efecto 3D Photoshop

Paso 3

A continuación, mueve la luz focal como se muestra a continuación.

Mueve la luz focal para el texto 3D PhotoshopMueve la luz focal para el texto 3D PhotoshopMueve la luz focal para el texto 3D Photoshop

Paso 4

Siempre puedes usar los valores de Coordenadas para colocar las luces.

Coordenadas de luz focalCoordenadas de luz focalCoordenadas de luz focal

11. Cómo ajustar la luz del Entorno para el efecto 3D Photoshop

Paso 1

Haz clic en la pestaña Entorno del panel 3D y luego haz clic en el ícono de la textura IBL y elige Remplazar textura. Luego carga la imagen Living room and dining room.

Textura luz de EntornoTextura luz de EntornoTextura luz de Entorno

Paso 2

Cambia la Intensidad a 20% y la Opacidad de la sombra a 30%.

Ajustes de luz de entorno para la textura de madera viejaAjustes de luz de entorno para la textura de madera viejaAjustes de luz de entorno para la textura de madera vieja

Paso 3

Puedes utilizar la herramienta Mover a la textura de luz hasta que obtengas un resultado que te agrade.

Mueve la luz del entorno para la textura madera PhotoshopMueve la luz del entorno para la textura madera PhotoshopMueve la luz del entorno para la textura madera Photoshop

12. Cómo interpretar la escena 3D para la textura de madera Photoshop

Haz cualquier otro cambio que quieras y luego aplica 3D > Interpretar.

La interpretación podría tomar un tiempo, pero puedes detenerla en cualquier momento presionando la tecla Esc.

Interpretar la escena para el efecto de textoInterpretar la escena para el efecto de textoInterpretar la escena para el efecto de texto

13. Cómo añadir las capas de ajuste para el texto en madera 

Paso 1

Haz clic en el ícono Crear nueva capa de relleno o de ajuste en la parte inferior del panel Capas y elige Brillo/Contraste.

Brillo/Contraste para la textura de madera 3DBrillo/Contraste para la textura de madera 3DBrillo/Contraste para la textura de madera 3D

Paso 2

Cambia el Contraste a 35.

Valores de Contraste y Brillo para el texto 3D PhotoshopValores de Contraste y Brillo para el texto 3D PhotoshopValores de Contraste y Brillo para el texto 3D Photoshop

Paso 3

Añade una capa de ajuste de Curvas y luego crea la forma de la curva mostrada para cada Canal:

Rojo:

Curvas - Canal RojoCurvas - Canal RojoCurvas - Canal Rojo

Verde:

Curvas - Canal VerdeCurvas - Canal VerdeCurvas - Canal Verde

Azul:

Curvas - Canal AzulCurvas - Canal AzulCurvas - Canal Azul

Paso 4

Agrega una capa de ajuste de Niveles y cambia el valor de entrada de Sombra a 19 y el valor de Gamma a 0.85.

Ajustes de Niveles para el texto con madera astilladaAjustes de Niveles para el texto con madera astilladaAjustes de Niveles para el texto con madera astillada

14. Cómo aplicar el filtro Paso alto buscando la apariencia de madera para el efecto de texto Photoshop

Paso 1

Con la capa Niveles seleccionada, presiona las teclas Opción-Comando-Mayúsculas-E para crear una capa de sello. Renombra la capa High Pass y aplica Filtro > Convertir para filtros inteligentes.

Crea la capa High Pass para el efecto de texto PhotoshopCrea la capa High Pass para el efecto de texto PhotoshopCrea la capa High Pass para el efecto de texto Photoshop

Paso 2

Aplica Filtro > Otro > Paso alto y utiliza un Radio de 10.

Filtro Paso altoFiltro Paso altoFiltro Paso alto

Paso 3

Cambia el Modo de fusión de la capa High Pass (paso alto) a Luz suave y su Opacidad a 35%.

Propiedades de la capa High PassPropiedades de la capa High PassPropiedades de la capa High Pass

15. Cómo añadir la textura de madera vieja

Paso 1

Coloca la imagen Use This 160 arriba de todas las capas, renombra su capa Texture y aplica Edición > Transformar > Rotar 90° a la izquierda.

Cambia el Modo de fusión de la capa Texture a Luz suave y su Opacidad a 30%.

Agrega la textura grunge al efecto 3D PhotoshopAgrega la textura grunge al efecto 3D PhotoshopAgrega la textura grunge al efecto 3D Photoshop

Paso 2

Agrega una capa de ajuste de Tono/Saturación, recórtala respecto a la capa Texture y cambia el valor de Saturación a -50.

Tono SaturaciónTono SaturaciónTono Saturación

¡Felicidades! Terminaste el tutorial de Photoshop sobre efecto de texto 3D

En este tutorial de Photoshop para efecto de texto 3D, creamos un texto simple para la fuente de pintura astillada, lo convertimos en una malla 3D y ajustamos sus parámetros. Después, creamos los materiales, dividimos la extrusión, reubicamos el texto y agregamos el plano de tierra.

A continuación, trabajamos en la iluminación y la vista de cámara e interpretamos la escena. Por último, agregamos un par de capas de ajuste para realzar la iluminación y una textura de madera vieja para finalizar todo.

Resultado final del texto 3D PhotoshopResultado final del texto 3D PhotoshopResultado final del texto 3D Photoshop

Texturas de pintura descarapelada y texturas de madera para Photoshop en Envato Elements

Ahora sabes cómo crear un efecto de madera astillada en texto 3D. Si te gusta el texto en madera o la estética del efecto de madera pintada y astillada, he recabado algunas magníficas texturas de madera Photoshop y recursos para efectos de texto en Photoshop que puedes agregar a tu biblioteca. ¿Cómo te imaginas utilizando estos recursos? 

1. Textura de madera para Photoshop con estilo rústico (JPG)

Textura de madera para Photoshop con estilo rústicoTextura de madera para Photoshop con estilo rústicoTextura de madera para Photoshop con estilo rústico

El paquete de textura de madera rústica te brinda una estupenda variedad. Hay múltiples colores que puedes modificar en estos archivos JPG de alta calidad. Los fondos con textura de madera vienen sin marcas de agua, lo que significa que una vez que los descargues, puedes usarlos como gustes.

2. 8 efectos de texto 3D Photoshop (en formato PSD)

 8 efectos de texto 3D Photoshop 8 efectos de texto 3D Photoshop 8 efectos de texto 3D Photoshop

Si te gustó el aspecto de la textura de madera 3D en el tutorial presentado, entonces te encantarán estas letras. Este paquete de ocho efectos 3D Photoshop con textura de madera pueden modificarse fácilmente usando capas de objetos inteligentes.

3. Texturas de pintura  x10 (en formato JPG)

Textura de pintura descarapelada para PhotoshopTextura de pintura descarapelada para PhotoshopTextura de pintura descarapelada para Photoshop

Obtén una textura de pintura descarapelada para Photoshop y más con este paquete. Incluye diez archivos JPG de alta resolución de fotorrealistas texturas de pintura. Puedes usarlos para crear fondos para teléfonos, flyers y más. 

4. Paquete de texturas de grano de madera para Photoshop (en formato JPG)

Paquete de texturas de grano de madera para PhotoshopPaquete de texturas de grano de madera para PhotoshopPaquete de texturas de grano de madera para Photoshop

Este es otro fantástico paquete de texturas de madera disponible en Envato Elements. Los detalles del grano son capturados bellamente en cada uno de los 20 archivos incluidos. Úsalos tal como están o realiza algunas ediciones para crear tu perfecta textura de madera 3D. 

5. Texto en madera: Alfabetos y números para efecto 3D Photoshop (en formato PNG)

Texto en madera: Alfabetos y números para efecto 3D PhotoshopTexto en madera: Alfabetos y números para efecto 3D PhotoshopTexto en madera: Alfabetos y números para efecto 3D Photoshop

Las letras de madera en Photoshop se combinan con imágenes de madera 3D con este paquete. Incluye todas las letras del alfabeto latino y también incluye caracteres especiales. Los números del 0 al 9 también están presentes. Arrastra y suelta estas imágenes de madera 3D en tu proyecto.

6. Texturas de madera vieja y agrietada (en formato JPG)

Texturas de madera vieja y agrietadaTexturas de madera vieja y agrietadaTexturas de madera vieja y agrietada

Este paquete de texturas de madera estilo grunge viene con mucha actitud. Cada archivo luce como una realista textura de pintura descarapelada perfecta para Photoshop, aunque abstractas al mismo tiempo. El efecto de madera astillada es una manera perfecta para exhibir claramente tu capacidad creativa.

7. Plantilla de texturas de grano de madera Photoshop (en formato PSD)

Plantilla de texturas de grano de madera PhotoshopPlantilla de texturas de grano de madera PhotoshopPlantilla de texturas de grano de madera Photoshop

El último paquete de textura de madera es imponente. Incluye 30 texturas realistas de granos de madera divididas en diferentes capas. Usa la capa de objeto inteligente para hacer un aspecto de madera pintada y astillada, texto de madera y otras creaciones con temática rústica.

Más fascinantes tutoriales de Photoshop disponibles en Envato Tuts+

Si disfrutaste este tutorial de efecto de texto Photoshop con textura de madera 3D, el equipo de Envato Tuts+ tiene más guías creativas con el software de Adobe para que incrementes tus habilidades.

Nota editorial: Este artículo se actualizó con la colaboración de Maria Villanueva. Maria es Editora Asociada del canal Tuts+ Design.

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.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.