Advertisement
  1. Design & Illustration
  2. Photoshop Actions

Tutorial de Photoshop: Cómo Crear un Efecto de Texto de Jeans Bordados

Scroll to top
Read Time: 13 min
This post is part of a series called Learn Photoshop Actions.
How to Create an Instagram Filter Photoshop Action

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

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

En este tutorial de Photoshop, te mostraré cómo crear tu propia textura de mezclilla usando filtros y luego cómo crear una acción en Photoshop para el efecto de texto de mezclilla con bordado.

Ahora, si quieres acelerar el proceso y obtener el efecto de bordado en tan solo unos clics, puedes probar las geniales acciones Photoshop de efecto de bordado de Envato Elements y también de GraphicRiver, que revisaremos después de este tutorial para crear una textura de jean bordado

Estas acciones Photoshop de efecto de bordado están disponibles en Envato Elements.Estas acciones Photoshop de efecto de bordado están disponibles en Envato Elements.Estas acciones Photoshop de efecto de bordado están disponibles en Envato Elements.
Estas acciones Photoshop de efecto de bordado están disponibles en Envato Elements.

Si prefieres aprender viendo videos, entonces disfrutarás este video nuevo del canal de YouTube de Envato Tuts+. Aprende cómo crear un efecto de textura de jeans para Photoshop con este video:

Lo que Aprenderás en este Tutorial de Photoshop para Efecto de Bordado

  • Cómo crear una textura jean
  • Cómo configurar el fondo y agregar efectos de texto
  • Cómo comenzar a grabar acciones Photoshop
  • Cómo crear y estilizar el borde de los jeans
  • Cómo crear y estilizar la capa principal de los jeans
  • Cómo agregar y estilizar el borde de los jeans

Recursos del Tutorial de Photoshop

Los siguientes recursos se utilizaron durante este tutorial de Photoshop de efecto de bordado:

1. Cómo Crear una Textura Mezclilla

Antes que nada, te mostraré cómo crear tu textura de mezclilla para Photoshop usando filtros. Si prefieres, puedes saltarte estos pasos y descargar la textura jean de los recursos del tutorial de Photoshop.

Paso 1

Inicia Photoshop y abre un nuevo documento (Control-N) con medidas de 1024 x 1024 px y una resolución de72 PPP. Luego ve a Filtro > Galería de filtros...y selecciona Modelo de semitono de la carpeta Bosquejar y usa estos ajustes:

  • Tamaño:2
  • Contraste:20
  • Tipo de motivo:Punto

Pulsa OK.

Tutorial de Photoshop - Modelo de semitonoTutorial de Photoshop - Modelo de semitonoTutorial de Photoshop - Modelo de semitono
Tutorial de Photoshop - Modelo de semitono

Paso 2

Dirígete a Filtro > Pixelizar > Pinceladas... establece el Tipo en Puntos pequeños y pulsa OK. Luego ve aFiltro > Desenfocar > Desenfoque de movimiento..., y establece el Ángulo en -45°y la Distancia en 20 px. Pulsa OK.

Acciones PhotoshopAcciones PhotoshopAcciones Photoshop
Acciones Photoshop

Paso 3

Ve a Filtro > Ruido > Añadir ruido, y establece la Cantidad en 10%y la Distribución en Gaussiano. Marca la casilla Monocromático y pulsa OK. Luego ve a Filtro > Desenfocar > Desenfoque gaussiano, establece el Radioen 0.5 px y pulsa OK.

Agrega ruido y desenfoque a tu textura mezclilla Agrega ruido y desenfoque a tu textura mezclilla Agrega ruido y desenfoque a tu textura mezclilla
Agrega ruido y desenfoque a tu textura mezclilla

Paso 4

Ve a Capa > Nueva capa de ajuste > Niveles y establece los niveles de Entrada en 21- 0.52- 199 y los niveles de Salida en 53-163. Luego selecciona la capa de Fondoy ve a Edición > Definir motivo, cambia el nombre a denim-texture y pulsaOK.

Listo. Acabas de crear tu propia textura jean que utilizaremos en nuestras acciones Photoshop. Podríamos finalizarla con un overlay en color azul, pero me gusta dejarlo en tonos grises, lo cual te permite cambiar la textura a cualquier color posteriormente.

Textura de jeans para PhotoshopTextura de jeans para PhotoshopTextura de jeans para Photoshop
Textura de jeans para Photoshop

2. Cómo Establecer el Fondo y Añadir Texto

Para estas acciones Photoshop, elegí el fondo de los tablones de madera, que puedes obtener de los recursos del tutorial de Photoshop, aunque no es un requisito para que funcione la acción.

Paso 1

Abre la imagen de los tablones de madera (Control-O). Luego utiliza la combinación de teclas Control- Alt- I, cambia la Resolución a 72 Pixeles/pulgada y la Anchura a 850 px y pulsa OK.

Cómo crear una acción en Photoshop Cómo crear una acción en Photoshop Cómo crear una acción en Photoshop
Cómo crear una acción en Photoshop 

Paso 2

Toma la herramienta Texto(T), cambia la fuente a Varsity Team Bold, y establece el Tamaño en 450 pt. Luego escribe "JB" en tu mesa de trabajo.

Escribe el texto para la textura jean Escribe el texto para la textura jean Escribe el texto para la textura jean
Escribe el texto para la textura jean

3.Cómo Grabar las Acciones Photoshop

Ahora vamos a comenzar a grabar una acción de Photoshop. Es importante seguir los pasos en orden y evitar clics de mouse y tecleos innecesarios.

Paso 1

Pulsa Alt-F9 para abrir tu panel de Acciones. En la parte inferior de este panel, pulsa el ícono Crear grupo nuevo, nómbralo Jeans Action y pulsa OK. Luego pulsa el ícono Crear acción nueva junto a él y nómbralo Start. Ahora pulsa el botón Grabar y comienza a grabar la acción de Photoshop para la textura mezclilla. 

Cómo crear una acción en PhotoshopCómo crear una acción en PhotoshopCómo crear una acción en Photoshop
Cómo crear una acción en Photoshop

Paso 2

Para empezar nuestra acción de Photoshop, haz clic derecho en la capa JB en tu panel Capasy selecciona Duplicar capa, nómbrala jeans-base, y pulsa OK. Luego haz clic derecho en la capa jeans-base y selecciona de nuevo Duplicar capa, nómbrala jeans-rim, y pulsa OK.

Duplicado de capas para efecto texto PhotoshopDuplicado de capas para efecto texto PhotoshopDuplicado de capas para efecto texto Photoshop
Duplicado de capas para efecto texto Photoshop

4.Cómo Crear y Aplicar Estilo al Borde de Tela de Jeans

Paso 1

Haz clic derecho en la capa jeans-rim y selecciona Opciones de fusión. Luego establece la Opacidad del relleno en 0%.

Opciones de fusión para efectos de textoOpciones de fusión para efectos de textoOpciones de fusión para efectos de texto
Opciones de fusión para efectos de texto

Paso 2

Añade un Trazo con Tamaño de 16 px, establece la Posición en Exterior y pulsa OK. Luego haz clic derecho en la capa jeans-rimy selecciona Convertir en objeto inteligente.

Crear acción Photoshop - agrega trazos Crear acción Photoshop - agrega trazos Crear acción Photoshop - agrega trazos
Crear acción Photoshop - agrega trazos

Paso 3

Haz clic derecho en la capa jeans-rim y selecciona Opciones de fusión de nuevo. Ahora añade Bisel y relieve con estos ajustes:

  • Estilo: Bisel interior
  • Técnica: Redondeado
  • Profundidad: 888%
  • Dirección: Abajo
  • Tamaño: 2 px
  • Suavizar: 0 px
  • Desmarca la casilla Usar luz global
  • Ángulo: 135°
  • Altitud: 30°
  • Modo resaltado: Subexposición lineal con color #000000
  • Modo resaltado - Opacidad:27%
  • Modo resaltado: Sobreexponer color con el color#ffffff
  • Modo de sombra - Opacidad: 44%
Agregado de bisel a textura de mezclilla Agregado de bisel a textura de mezclilla Agregado de bisel a textura de mezclilla
Agregado de bisel a textura de mezclilla

Paso 4

Añade una Textura para el Bisel y relieve con estos ajustes:

  • Motivo: denim-texture (la que creaste antes)
  • Escala: 50%
  • Profundidad: 95%
Agrega textura de jeans para PhotoshopAgrega textura de jeans para PhotoshopAgrega textura de jeans para Photoshop
Agrega textura de jeans para Photoshop

Paso 5

Agrega unaSombra interiorcon estos ajustes:

  • Color:#6b6b6b
  • Desmarca la casillaUsar luz global
  • Ángulo:-45°
  • Distancia:6 px
  • Retraer:45%
  • Tamaño:5 px
  • Marca la casilla: Suavizado
Agrega una sombra interior al efecto texto PhotoshopAgrega una sombra interior al efecto texto PhotoshopAgrega una sombra interior al efecto texto Photoshop
Agrega una sombra interior al efecto texto Photoshop

Paso 6

Añade un Overlay de color con estos ajustes:

  • Modo de fusión: Overlay
  • Color: #224d66
  • Opacidad: 80%
Agrega un overlay de color a los efectos de textoAgrega un overlay de color a los efectos de textoAgrega un overlay de color a los efectos de texto
Agrega un overlay de color a los efectos de texto

Paso 7

Añade un Overlay de motivo con estos ajustes:

  • Modo de fusión: Normal
  • Opacidad: 100%
  • Motivo: denim-texture
  • Escala: 50%
Agrega un overlay de motivo para crear acción PhotoshopAgrega un overlay de motivo para crear acción PhotoshopAgrega un overlay de motivo para crear acción Photoshop
Agrega un overlay de motivo para crear acción Photoshop

Paso 8

Finalmente, añade una Sombra paralela a nuestro efecto de texto para Photoshop con estos ajustes:

  • Modo de fusión: Multiplicar
  • Color: #000000
  • Opacidad: 80%
  • Desmarca la casilla Usar luz global
  • Ángulo:90°
  • Distancia: 2 px
  • Extensión: 0%
  • Tamaño: 3 px
  • Marca la casilla Suavizado

Pulsa OK para aplicar el efecto de texto Photoshop.

Agrega una sombra paralela a la textura mezclilla Agrega una sombra paralela a la textura mezclilla Agrega una sombra paralela a la textura mezclilla
Agrega una sombra paralela a la textura mezclilla

Este es el resultado del efecto texto aplicado a nuestra acción de Photoshop.

Resultado parcial del efecto texto Photoshop Resultado parcial del efecto texto Photoshop Resultado parcial del efecto texto Photoshop
Resultado parcial del efecto texto Photoshop

5. Cómo Crear y Aplicar Estilo a la Capa Principal de la Textura Mezclilla

Paso 1

Selecciona la capa jeans-base en tu panel Capas. Haz clic derecho en ella y selecciona Opciones de fusión. Ahora añade un Trazo con Tamaño de 15 px, cambia Posición a Exterior y pulsa OK. Luego haz clic derecho de nuevo en esta capa y selecciona Convertir en objeto inteligente.

Agrega un trazo a la textura de mezclilla para PhotoshopAgrega un trazo a la textura de mezclilla para PhotoshopAgrega un trazo a la textura de mezclilla para Photoshop
Agrega un trazo a la textura de mezclilla para Photoshop

Paso 2

Haz clic derecho en la capa jeans-base y selecciona de nuevo Opciones de fusión. Ahora añade un Bisel y relieve con estos ajustes para el efecto texto Photoshop:

  • Estilo: Bisel interior
  • Técnica: Redondeado
  • Profundidad: 100%
  • Dirección: Arriba
  • Tamaño: 49 px
  • Suavizar: 0 px
  • Desmarca la casilla Usar luz global
  • Ángulo: 180°
  • Altitud: 30°
  • Marca la casilla Suavizado
  • Modo resaltado: Sobreexposición de color con el color #ffffff
  • Modo resaltado - Opacidad: 30%
  • Modo resaltado: Subexposición lineal con el color#000000
  • Modo resaltado - Opacidad: 13%
Agrega bisel a los efectos de textoAgrega bisel a los efectos de textoAgrega bisel a los efectos de texto
Agrega bisel a los efectos de texto

Paso 3

Añade una Sombra interior a la textura de jeans para Photoshop con estos ajustes:

  • Modo de fusión: Multiplicar
  • Color:#7a7a7a
  • Desmarca la casilla Usar luz global
  • Ángulo:1 32°
  • Distancia: 0 px
  • Retraer: 18%
  • Tamaño: 35 px
  • Marca la casilla Suavizado
Agrega una sombra interior a los jeans PhotoshopAgrega una sombra interior a los jeans PhotoshopAgrega una sombra interior a los jeans Photoshop
Agrega una sombra interior a los jeans Photoshop

Paso 4

Añade un Resplandor interior a tu textura de mezclilla para Photoshop con estos ajustes:

  • Modos de fusión: Subexposición lineal
  • Opacidad: 24%
  • Color:#6a6a6a
  • Técnica: Más suavizado
  • Origen: Borde
  • Retraer: 60%
  • Tamaño: 38 px
  • Marca la casilla Suavizado
Cómo crear una acción en Photoshop: agrega un resplandor interiorCómo crear una acción en Photoshop: agrega un resplandor interiorCómo crear una acción en Photoshop: agrega un resplandor interior
Cómo crear una acción en Photoshop: agrega un resplandor interior

Paso 5

Añade un estilo de Satinado a tus jeans Photoshop con estos ajustes:

  • Modo de fusión:Subexposición lineal
  • Color: #000000
  • Opacidad: 13%
  • Ángulo:
  • Distancia: 45 px
  • Tamaño: 46 px
  • Marca la casilla Suavizado
  • Marca la casilla Invertir
Crear acción Photoshop: agrega satinadoCrear acción Photoshop: agrega satinadoCrear acción Photoshop: agrega satinado
Crear acción Photoshop: agrega satinado

Paso 6

Añade un overlay de colores con estos ajustes:

  • Modo de fusión: overlay
  • Color: #224d66
  • Opacidad: 80%
Textura de jeans para Photoshop: agrega un overlayTextura de jeans para Photoshop: agrega un overlayTextura de jeans para Photoshop: agrega un overlay
Textura de jeans para Photoshop: agrega un overlay

Paso 7

Añade unaSuperposición de motivo con estos ajustes:

  • Modo de fusión:Normal
  • Opacidad:100%
  • Motivo:denim-texture
  • Escala: 50%
Crear acción Photoshop: agrega un overlayCrear acción Photoshop: agrega un overlayCrear acción Photoshop: agrega un overlay
Crear acción Photoshop: agrega un overlay

Paso 8

Finalmente, añade una Sombra paralela a nuestro efecto texto Photoshop con estos ajustes:

  • Modo de fusión:Multiplicar
  • Color:#000000
  • Opacidad:36%
  • Desmarca la casillaUsar luz global
  • Ángulo:105°
  • Distancia:9 px
  • Extensión:11%
  • Tamaño:8 px
  • Marca la casilla Suavizado

Pulsa OK para aplicar el efecto de texto.

Sombra paralela al efecto de jeans PhotoshopSombra paralela al efecto de jeans PhotoshopSombra paralela al efecto de jeans Photoshop
Sombra paralela al efecto de jeans Photoshop

Y este es el resultado del efecto de texto aplicado a nuestra acción de Photoshop.

Efecto texto PhotoshopEfecto texto PhotoshopEfecto texto Photoshop
Efecto texto Photoshop

6. Cómo Añadir y Aplicar Estilo al Bordado de Jeans Photoshop

Casi terminamos con nuestra acción de Photoshop. Lo último que necesitamos agregar es un genial bordado a nuestros efectos de texto. Así que hagámoslo.

Paso 1

Crea una nueva capa al ir a Capa > Nueva > Capa y nómbrala stitch. Luego pulsa Control-clic en la capa jeans-base para hacer una selección. Ve a Selección > Modificar > Contraer, establece el valor en24 px y pulsa OK. Finalmente ve a tu panel Trazados y haz clic en el ícono Crear trazado de trabajo ubicado en la parte inferior.

Cómo crear una acción en PhotoshopCómo crear una acción en PhotoshopCómo crear una acción en Photoshop
Cómo crear una acción en Photoshop

Paso 2

Selecciona tu herramienta Pincel(B) y selecciona jeans-stitch de los recursos del tutorial de Photoshop como tu pincel. Luego haz clic derecho en la capa del Trazado de trabajo en el panel Trazados y selecciona Contornear trazo..., elige Pincel como tu herramienta y pulsa OK. Por último, pulsa Suprimir para borrar la capa de trazado de trabajo.

Crear acción PhotoshopCrear acción PhotoshopCrear acción Photoshop
Crear acción Photoshop

Paso 3

Haz clic derecho en la capa stitch y selecciona Opciones de fusión. Luego añade un Bisel y relieve con estos ajustes para crear acción Photoshop:

  • Estilo: Relieve acolchado
  • Técnica: Redondeado
  • Profundidad: 200%
  • Dirección: Arriba
  • Tamaño: 9 px
  • Suavizar: 5 px
  • Desmarca la casilla Usar luz global
  • Ángulo: 90°
  • Altitud: 30°
  • Marca la casilla Suavizado
  • Modo resaltado: Sobreexposición lineal (Añadir) con el color #ffffff
  • Modo resaltado - Opacidad:24%
  • Modo resaltado: Subexposición lineal con el color #000000
  • Modo de sombra - Opacidad:18%
Agrega bisel a la textura de mezclilla para PhotoshopAgrega bisel a la textura de mezclilla para PhotoshopAgrega bisel a la textura de mezclilla para Photoshop
Agrega bisel a la textura de mezclilla para Photoshop

Paso 4

Añade una overlay de colores y elige el color #d19f5f. Luego pulsa OK para aplicar el efecto de texto. Ahora regresa a tu panel Acciones y pulsa el botón Detener en la parte inferior para suspender la grabación de esta acción de Photoshop.

Cómo crear una acción en PhotoshopCómo crear una acción en PhotoshopCómo crear una acción en Photoshop
Cómo crear una acción en Photoshop 

¡Felicidades! ¡Terminaste!

En este tutorial, aprendiste cómo crear una acción de Photoshop para un efecto de texto de tela de jeans y también cómo crear tu propia textura jean usando filtros de Photoshop.

Comenzamos creando la principal textura mezclilla y luego grabamos una acción para el efecto de texto usando estilos de capa y un pincel de bordado.

Tutorial de Photoshop - Resultado finalTutorial de Photoshop - Resultado finalTutorial de Photoshop - Resultado final
Tutorial de Photoshop - Resultado final

5 Efectos de Bordados Photoshop para Probar Hoy Mismo

Espero que hayas disfrutado este tutorial de Photoshop para bordado de mezclilla. Ahora, si no tienes tiempo de hacer un efecto de bordado desde cero, siempre puedes visitar Envato ElementsGraphicRiver. ¡Donde encontrarás muchas acciones Photoshop de bordado, add-ons, pinceles y más! Aquí están algunos de nuestros favoritos. 

1. Textura Jean Rasgado: Acciones Photoshop de Bordado (ATN, ABR, PAT, PDF, PSD)

Textura Jean RasgadoTextura Jean RasgadoTextura Jean Rasgado
Textura Jean Rasgado

¿Sueñas con crear un efecto de texto Photoshop con aspecto de mezclilla? Entonces estas acciones Photoshop son para ti. El conjunto de efecto de bordado incluye tres acciones distintas, cinco colores de mezclilla y tres tamaños de borde rasgado.

2. Kit de Costura & Bordado Photoshop (ABR, ASL, PAT)

Kit de costura & bordado Photoshop (ABR, ASL, PAT)Kit de costura & bordado Photoshop (ABR, ASL, PAT)Kit de costura & bordado Photoshop (ABR, ASL, PAT)
Kit de costura & bordado Photoshop (ABR, ASL, PAT)

Entre kit integral de bordado te dará muchas opciones creativas. Si deseas crear jeans bordados con diseños únicos, necesitas estos pinceles con efecto de costura. 

Esta descarga incluye 40 pinceles de bordado de jeans, 10 estilos de capa Photoshop, conjuntos de diseño, PNGs y más.

3. Acciones Photoshop de Tela Cosida (ATN, ABR, PAT)

Acciones Photoshop de Tela CosidaAcciones Photoshop de Tela CosidaAcciones Photoshop de Tela Cosida
Acciones Photoshop de Tela Cosida

¡Obtén estas acciones Photoshop para "coser" en tus diseños cualquier tela que quieras! Este conjunto de efecto de bordado incluye:

  • 18 efectos de bordado
  • 3 tamaños de bordado: grande, mediano y pequeño
  • Diferentes tipos de bordados: cruz, zigzag, sobrehilado y simple
  • Funciona con muchas capas: textos, logotipos, capas de pixel, objetos inteligentes, grupos y más.

4. Acciones Photoshop de Adhesivos Bordados (ATN, ABR, PAT, PSD, PDF)

Acciones Photoshop de Adhesivos BordadosAcciones Photoshop de Adhesivos BordadosAcciones Photoshop de Adhesivos Bordados
Acciones Photoshop de Adhesivos Bordados

¿Buscas divertidos kits de bordado Photoshop? ¡Este conjunto integral te está esperando! Puedes convertir cualquier imagen, logotipo o texto en un genial adhesivo bordado. Este conjunto de efectos de bordado cuentan con:

  • Siete capas de bordado
  • Acciones Photoshop
  • Diseños
  • Pinceles
  • Funciona con todo: capa de texto, figuras vectoriales, capa de pixel, imagen PNG, objetos inteligentes, grupo de carpetas y más. 

5. Acciones Photoshop de Piel y Jeans Bordados (ATN, ABR, PAT)

Acciones Photoshop de piel y jeans bordadosAcciones Photoshop de piel y jeans bordadosAcciones Photoshop de piel y jeans bordados
Acciones Photoshop de piel y jeans bordados

Este es un genial y realista conjunto de mezclilla bordada de GraphicRiver. Si buscas un aspecto realista en tus diseños, revisa este conjunto PSD de textura jean que contiene:

  • Ocho efectos de texto distintos para elegir
  • Acciones de un solo clic muy fáciles de usar
  • Cuatro estilos con dos espacios de bordado distintos
  • Funciona con muchas fuentes en distintos tamaños 
  • Un archivo ATN con ocho acciones
  • Incluye archivos PAT y ABR

¿Aún buscas más recursos? Te recomiendo los siguientes tutoriales:

Nota editorial: este artículo se actualizó con la contribución de María Villanueva. María es Editora Asociada del canal de Diseño de Tuts+.

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.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads