Un efecto de patrón de bordado le da a tu tipografía un aspecto hecho a mano y textil, ideal para diseños creativos que irradian calidez e individualidad. Con Photoshop puedes lograr este efecto fácilmente combinando texturas, estilos de capa y pinceles especiales. En este tutorial, te mostraré paso a paso cómo transformar la tipografía en un patrón de bordado realista, perfecto para invitaciones, pósters o gráficos de redes sociales. ¡Empecemos y convierte tu letra en un diseño de bordado artístico!
Paso 1: Textura de fondo
Mi documento tiene unas dimensiones de 800 x 600 píxeles.
En mi ejemplo, elijo una textura de fondo textil que tomé de nuestro paquete de texturas de TutKit.com.
La textura está incluida en este tutorial como material de trabajo.
Para que la textura de tela adquiera un tono amarillo, creo una capa de ajuste de Tono/Saturación con los siguientes valores:
• Tono: -180
• Saturación: -42
• Brillo: +14
Paso 2: Colocar texto
Utilizando una fuente Army Expanded de 200 puntos, escribo las letras PSD en color negro en mi documento.
Paso 3: Seleccionar texto y crear selección como trayectoria de trabajo
Con Ctrl y clic en la miniatura de la capa de mi capa de texto, selecciono las letras. Luego elijo el panel de trazados y hago clic en el icono Crear trazado de trabajo desde selección.
Paso 4: La selección ahora es una trayectoria de trabajo
Ahora puedo rellenar mi contorno de trayectoria de trabajo con un pincel. Es necesario que mi herramienta de pincel esté activada y tenga un pincel de patrón de bordado adecuado como predeterminado de pincel en mi colección.
Paso 5: Establecer el patrón de bordado como pincel predeterminado
Creo un nuevo documento con el atajo Ctrl+N. El nuevo documento tiene unas dimensiones de 50x50 píxeles.
Con Ctrl+Mayús+Alt+N creo una nueva capa. Puedo ocultar la capa de fondo para que el fondo sea transparente.
Para dibujar adecuadamente el patrón de pincel en el documento, hago zoom a aproximadamente un 500 por ciento. Elijo un pincel redondo y duro y dibujo un simple "V" en mi nuevo documento. Importante: al dibujar, asegúrate de que la "V" no toque el borde para evitar bordes duros y feos al pintar más tarde.
Luego, con Ctrl y clic en la miniatura de la capa de mi capa V, selecciono la V y la guardo como nueva punta de pincel a través de Editar>Definir punta de pincel.
Paso 6: Ajustes de pincel en el panel de pinceles
Regreso al documento original. Con la combinación de teclas F5 abro el panel de pinceles. Se activa la herramienta de pincel B. En los ajustes, encuentro la punta de pincel que definí anteriormente.
Elijo un tamaño de 12 píxeles con un espaciado del 84 por ciento.
En las propiedades de forma, configuro en Salto de ángulo bajo Control: Dirección. Esta configuración asegura que la continuación de la aplicación del pincel se represente correctamente incluso en curvas y esquinas.
Paso 7: Rellenar el contorno de la trayectoria con el pincel
Creo una nueva capa con el atajo Ctrl+Mayús+Alt+N. El tono del color frontal es un gris claro (90 por ciento de brillo).
La nueva capa creada está activa. Llamo a mi panel de trazados y selecciono el ícono Rellenar trazado de pincel.
¡Y así mi texto tiene un contorno bordado!
Paso 8: Ajuste fino del patrón de bordado
Para que el patrón de bordado se vea correctamente, ajusto un poco el aspecto en las opciones de superposición de la capa.
Sombra interior:
• Opacidad: 30 por ciento
• Distancia: 1 píxel
• Tamaño: 0
Borde plano y relieve:
• Estilo: Borde plano interno
• Técnica: Redondear
• Profundidad: 100 por ciento
• Tamaño: 0
• Difuminar: 0
• Sombreado: Ajustes estándar, ambos al 75 por ciento
Ahora, el contorno bordado también tiene una ligera sombra, lo que le da un aspecto más tridimensional.
Paso 9: Crear textura de denim para el interior de las letras
Antes de empezar: Photoshop ya tiene una textura de denim como patrón preestablecido. Accedo a las opciones de relleno de mi capa de texto y selecciono Sobrepasar patrón. En el submenú elijo Patrón 2.
Allí encuentro una textura de denim lista para usar.
Para tener un poco más de libertad en el ajuste fino de la apariencia de la textura, puedo crear fácilmente la textura de denim yo mismo. Ya que el patrón preestablecido de Photoshop es extremadamente pequeño (64x64px) – aunque sea repetible – y solo puede modificarse aceptablemente en apariencia con algunos trucos.
Creo un nuevo documento con el atajo Ctrl+N. El tamaño de mi documento es de 800x800px. Lleno la capa de fondo con un azul medio (3c5695).
Luego creo una nueva capa con el atajo Ctrl+Shift+N . En la ventana de diálogo que se abre, selecciono Luz suave en el modo y activo la casilla para un gris al 50 por ciento. En el selector de color restablezco los colores estándar con el atajo D.
Aplico el filtro de trama Mezclador de trama.
• Tamaño: 1
• Contraste: 0
• Tipo de trama: Línea
Luego convierto esta capa en un Objeto inteligente para poder variar fácilmente los próximos filtros como Filtros inteligentes.
El primer Filtro inteligente que aplico es el filtro de entramado Mezzotinta seleccionando Pequeños puntos.
El siguiente Filtro inteligente es el Desenfoque Gaussiano. Lo ajusto a un radio de 0.8 a 1 píxel.
Duplico la capa con el atajo Ctrl+J y cambio el modo de fusión de la duplicada a Multiplicar. Con el atajo Ctrl+T transformo la capa. En la barra de menú ingreso un valor de -45 grados de rotación y luego agrando la capa a través de los puntos de anclaje para que llene todo el documento nuevamente.
Hecho está mi textura de denim, que también se asemeja un poco al aspecto de la alfombra. Ahora puedo definir mi textura de tela como un patrón a través del menú Editar.
En las opciones de relleno en la pestaña de Sobrepasar patrón de mi capa de texto, selecciono ahora mi patrón previamente definido. Escalo el patrón a un valor de aproximadamente 60-65 por ciento con una opacidad de alrededor del 60 por ciento.
Hecho está mi efecto tipográfico bordado.
Variaciones
Usando este proceso con el pincel predefinido creado, puedo crear varios estilos de bordado. Así también puedo simplemente crear un patrón de puntada simple como efecto de bordado, simplemente definiendo una línea diagonal como pincel predefinido.
Luego puedo usarlo para texto, incluso sin relleno interno.
Hago algunos ajustes finos en el panel de pinceles (Tamaño de 8 píxeles con espaciado del 81 por ciento) y escribo con otra fuente la palabra "Tutorials". Luego sigo el proceso descrito anteriormente para rellenar mi texto como contorno de ruta con el pincel predefinido diagonal.
También puedo simplemente aplicar dos veces un contorno de ruta para simular un punto de cruz. En este ejemplo, tracé una ruta con la herramienta Pluma. Primero aplico el contorno de ruta como en el paso anterior. Y en segundo lugar, vuelvo a llenar la ruta con un pincel de contorno al reflejar esa punta de pincel en el eje x. Y así obtengo un aspecto de punto de cruz. Como alternativa, también puedo simplemente crear una equis como pincel predefinido y de la misma manera simular el punto de cruz.
También puedo crear un pincel recto que utilizaré como patrón de puntada. Para ello no necesito crear una nueva definición, sino simplemente ajustar una definición de pincel redondo y duro existente en el panel de pinceles.
En el panel de control del pincel establezco un
• tamaño de 11 píxeles
• una redondez del 37 por ciento
• con un espaciado del 333 por ciento,
permitiendo que entre las aplicaciones del pincel se creen pequeños espacios.
La dispersión del jitter de ángulo se mantiene en dirección. Para evitar que las líneas de bordado parezcan demasiado uniformes, establezco un jitter de ángulo del 3 por ciento y un jitter de redondez del 25 por ciento. Ahora tengo un trazado de bordado no muy exacto, bastante realista.
En este ejemplo, esta vez dibujé un corazón con la herramienta de forma personalizada, lo seleccioné y creé como una ruta de trabajo. Luego, rellené el contorno de la ruta con la punta de pincel preparada.
