Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop
Design

Cómo Crear un Realista Efecto de Texto Bordado en Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

En éste tutorial, te mostraré cómo crear un realista efecto de texto bordado en Photoshop usando pinceles de costura y estilos de capa.

El efecto de texto bordado es parte del Kit de Creación de Bordado y Costura en Photoshop de mi portafolio en Envato Market.

Embroidery and Stitching Photoshop Actions
Acciones de Photoshop Bordado y Costura

Recursos del Tutorial

Los siguientes recursos fueron utilizados durante la producción de éste tutorial:

1. Crea el Fondo de Jeans

Paso 1

Crea un nuevo documento de 1100 x 600 px, y crea una nueva capa llamada Jeans Background. Copia y Pega la Textura de Jeans en ésta capa. Asegúrate de usar el tamaño grande de la textura (200 x 1500 px).

Create Jeans Background

Paso 2

Crea una nueva capa llamada Textured y Rellénala de blanco. Asegúrate de tener el Color de Frente establecido en blanco y el Color de Fondo establecido en negro. Ve a Filtro > Interpretar > Nubes.

Add Clouds Filter

Paso 3

Ve a Filtro > Trazos de Pincel > Sombreado. Establece la Longitud de Trazo en 15, Enfoque en 16 e Intensidad en 2. Claro puedes cambiar los parámetros a tu gusto.

Add Crosshatch Filter

Paso 4

Establece el modo de fusión de la capa Textured (Texturizada) en Luz Suave y un nivel de opacidad de 50%. Si quieres, puedes cambiar el color de los jeans; agrega un estilo Superposición de Colores a la capa Textured con modo de fusión Color y simplemente escoge un color que te guste.

Change Jeans Color

2. Crea los Pinceles de Costura

Paso 1

Para finalizar el fondo de los jeans y comenzar a crear el efecto de bordado y costura, necesitamos algunos pinceles de costura que vamos a crear desde cero.

Crea un nuevo archivo PSD, tamaño 27 x 5 px. Rellena el lienzo de color negro. Ve a Edición > Definir Valor de Pincel. Establece el nombre del pincel en "stitch" y haz click en OK.

Define Brush Preset

Ahora puedes cerrar el archivo PSD sin guardar y regresar al archivo PSD inicial (el que tiene el fondo de jeans).

Paso 2

Ahora vamos a modificar el pincel que acabamos de hacer, para crear un pincel personalizado. Elige la Herramienta Pincel y selecciona el pincel "stitch" del Selector de Pinceles Prestablecidos. Abre el Panel Pincel y haz los siguientes ajustes: Ángulo 90, Redondez 50%, Espaciado 87%, y establece la Vibración Ángulo en Dirección.

Create Custom Brush

Paso 3

Haz click en la esquina superior derecha del Panel Pincel y elige Nuevo Valor de Pincel. Nombra el nuevo pincel "stitch1".

Create Stitch Brush

Paso 4

Ahora crearemos el segundo pincel. De nuevo elige la Herramienta Pincel y selecciona pincel "stitch" del Selector de Pinceles Prestablecidos. Abre el Panel Pincel y define los siguientes parámetros: Espaciado 750% y establece  Vibración Ángulo en Dirección.

Create Dashed Brush

Paso 5

Haz click en la esquina superior derecha del Panel Pincel y elige Nuevo Valor de Pincel. Nombre el nuevo pincel "stitch2".

Create Dashed Line Brush

3. Agrega Detalles de Costura

Paso 1

Usa la Herramienta Rectángulo y dibuja una forma como se muestra en la imagen de previsualización. Asegúrate de que exceda el lienzo en los bordes superior e izquierdo/derecho. Nombra ésta capa Jeans Border.

Draw Rectangle

Paso 2

Ve a Filtro > Distorsionar > Onda y establece la Longitud de Onda, Amplitud y Escala para crear un border ondulado. También ve a Filtro > Desenfocar > Desenfoque Gaussiano y establece el Radio en 0.7 pixeles.

Filter Distort Wave

Paso 3

Agrega éste estilo de capa a la capa Jeans Border: Sombra Paralela (color #131e26), Sombra Interior (color #131e26), Resplandor Interior (color #ffffff), Bisel y Relieve (colores:#ffffff y #131e26).

Drop Shadow
Inner Shadow
Inner Glow
Bevel and Emboss

Paso 4

Crea una nueva capa y llámala Stitch. Selecciona la Herramienta Pincel y elige el pincel "stitch2". Establece el tamaño en 13 px y el color en #ffffff. Manten presonada la tecla Mayúsculas para dibujar una línea recta. Agrega otra línea en la parte inferior del fondo de los jeans de la misma manera.

Add Stitch

Paso 5

Agrega éste estilo de capa a la capa Stitch: Sombra Paralela, Resplandor Interior, Bisel y Relieve, Trazo.

Drop Shadow
Inner Glow
Bevel and Emboss
Stroke

Paso 6

Ve a Filtro > Distorsionar> Rizo y establece la Cantidad 30% y Tamaño Pequeño. Tu resultado debería ahora verse así.

Filter Distort Ripple

Paso 7

Crea una nueva capa y llámala Ripple Edge. Toma la Herramienta Pincel y selecciona el Pincel Circular Difuso que es un pincel predeterminado de Photoshop que deberías tener en tu lista. Abre el panel Pincel para personalizar el pincel y hacer éstos parámetros: Tamaño 50 px, Ángulo 90, Redondez 45%, Espaciado 150%.

Create Custom Brush

Paso 8

Dibuja dos líneas usando éste pincel personalizado y el color blanco. Establece el modo de fusión de la capa Ripple Edge en Superponer, Nivel de Opacidad 40%. También agrega un estilo de capa Sombra Paralela (color #0f1114).

Add Line Border

4. Crea el Texto Bordado

Paso 1

Crea una nueva capa de texto y llámala Embroidered Text. Escribe tu texto usando la fuente False Positive. Haz click en el panel de la derecha para abrir los Paneles Carácter y Párrafo y establece el Tamaño de Fuente en 230 px, Verticalmente/Horizontalmente Escala, etc., como se muestra en la previsualización.

False Positive Font

Claro puedes usar cualquier tipo de fuente que quieras o incluso combinar texto y formas vectoriales. En éste último caso tendrás que convertir las capas en un objeto inteligente.

Paso 2

Agrega un estilo de capa Trazo a la capa Embroidered Text. Hago eso para que el texto sea un poco más delgado. Haz click derecho en la capa y Convertir en Objeto Inteligente.

Add Stroke

Paso 3

De nuevo, agrega éste estilo de capa al objeto inteligente Embroidered Text: Sombra Paralela (color #000000), Sombra Interior (color #000000), Bisel y Relieve (colores #ffffff y #000000, Bisel y Relieve - Textura (Motivo "pixel-pattern-diagonal"), Superposición de Color (color #68565).

Drop Shadow
Inner Shadow
Bevel and Emboss
Bevel and Emboss Texture
Color Overlay

Paso 4

Convierte la capa en un objeto inteligente una vez más para poder agregar otro estilo de capa sin rasterizar los efectos. Presiona Control-T para transformar el objeto inteligente y escálalo a 130% tanto horizontalmente como verticalmente.

Convert to Smart Object

Paso 5

Duplica el objeto inteligente Embroidered Text y llámalo Shadow. Mueve ésta capa debajo del objeto inteligente Embroidered Text.

Paso 6

Ahora agregaremos estilos de capa a cada una de éstas dos capas. Comencemos con el objeto inteligente Embroidered Text. Agrega una Sombra Interior (color #000000), Bisel y Relieve (colores #ffffff y #000000), Superposición de Colores (color #ffc000) y Superposición de Degradado (colores #ffffff y #ffffff). Puedes elegir cualquier Superposición de Color que gustes, pero sólo asegúrate tambien ajustar la opacidad de Superposición de Degradado si quieres un tono de color más oscuro o más claro.

Inner Shadow
Bevel and Emboss
Color Overlay
Gradient Overlay

Paso 7

Para hacer el efecto más realista, agreguemos un efecto Filtro > Distorsionar > Rizo y un Filtro > Distorsionar > Ruido. Éstos dos efectos son agregados como Filtros Inteligentes para que puedas editarlos en cualquie momento al hacer doble click en el nombre del Filtro.

Filter Distort Ripple and Noise

Paso 8

Ve a la capa Shadow y establece el Relleno en 0%. Luego, agrega un estilo de capa Bisel y Relieve (colores #ffffff y #000000). El texto bordado ahora debería verse así.

Embroidered Text

Paso 9

Crea una nueva capa justo debajo de la capa Shadow y nómbrala Stitched Border. Manten presionada la tecla Control y haz click en la miniatura de la capa Embroidered Text para crear una selección. Ve a Seleccionar > Modificar > Expandir y expande 5 pixeles.

Expand Selection

Paso 10

Ve a la pestaña Trazados y elige Hacer Trazado de Trabajo.

Make Work Path

Paso 11

Selecciona la Herramienta Pincel, color #ffffff, y elige el pincel "stitch1". De nuevo de la pestaña Trazados, elige Contornear Trazado. Presiona Suprimir para eliminar el trazado de trabajo.

Stroke Path

Paso 12

Agrega un estilo de capa Sombra Paralela (color #000000) a la capa Stitched Border. Convierte ésta capa en un objeto inteligente.

Drop Shadow

Paso 13

Finalmente, agreguemos un estilo de capa al objeto inteligente Stitched Border: Sombra Paralela (color #161616), Sombra Interior (color #161616), Bisel y Relieve (color #ffffff y #161616), Superposición de Colores (color #f5f5f5- puedes elegir cualquier color para la costura).

Drop Shadow
Inner Shadow
Bevel and Emboss
Color Overlay

¡Felicidades! ¡Terminaste!

En éste tutorial aprendiste cómo crear un efecto de texto bordado en Adobe Photoshop. Espero que hayas disfrutado éste tutorial.

El efecto de texto bordado es parte del Kit de Creación de Borado y Costura en Photoshop de mi portafolio en Envato Market.

Embroidered Text in Photoshop
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.