Cómo Crear un Realista Efecto de Texto Bordado en Adobe Photoshop
Spanish (Español) translation by Javier Salesi (you can also view the original English article)



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.



Recursos del Tutorial
Los siguientes recursos fueron utilizados durante la producción de éste tutorial:
- Fuente False Positive
- Textura de Jeans por psddude
- Archivo PAT Pixel-Pattern-Diagonal
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).



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.



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.



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.



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.



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.



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



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.



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



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.



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.



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
).












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.



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












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



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%.



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
).



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.



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.



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
).















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.



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.












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.



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í.



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.



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



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.



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



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).












¡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.



