Cómo Crear un Efecto de Texto con Cordones en Adobe Photoshop

Este tutorial le mostrará cómo usar los estilos de capa, los filtros y los ajustes de Photoshop para crear un efecto de texto elegante con cordones. ¡Empecemos!

Este efecto de texto fue inspirado por los muchos Estilos de Capa en GraphicRiver.

Tutoriales Activos

Los siguientes activos fueron utilizados durante la producción de este tutorial:

• The Next Font Fuente
• Piel Humana por hhh316
• Cintas por draginchic-acción
• Fondos Atención Abstracta por M-e-f
• Fondos de Textiles Realista 5 por M-e-f
• Patrón Proyecto de Papel por Rafael Almeida
• Patrón de Tela Aspera por Bartosz Kaszubowski

1. Cómo Definir Patrones

Paso 1

Abra la imagen de 71.jpg de lo Realistas Textil Fondos 5 pack. Ir a Imagen > Tamaño de Imagen, cambie el valor de la Anchura a 1170, y haga clic en Aceptar.

Paso 2

Vaya a Editar > Definir Patrón y haga clic en Aceptar.

Hacer por el resto de las imágenes patrón para añadirlos a la programación de Patrones.

2. Cómo Crear el Fondo y Forma las Capas de Texto

Paso 1

Crear un nuevo documento de 1000 x 1000 px. El crear nuevo relleno o ajuste icono de capa en la parte inferior del panel Capas, haga clic en elegir Color sólido y utilizar el Color #d6dbdb.

Paso 2

Crear el texto con la fuente The Next Font.  Establecer el Tamaño del 550 pt y el Seguimiento a 50.

Paso 3

Duplicar la capa de texto y ocultar y haga click-derecho a la copia para Convertir a Forma.

Cambiar el nombre de la capa de forma en Forma de Texto.

Paso 4

Duplicar la capa de Texto Forma  por 3 veces y ocultarlo.

Cambiar el nombre de las capas de la copia de arriba a abajo para Relleno, Contorno Exterior y Trazo.

Tenga en cuenta que puede activar visibilidad de estas capas y desactivar durante el tutorial para ver mejor lo que estás haciendo con cada uno de ellos.

Paso 5

Para el Trazo y el Contorno Exterior de capas, seleccione cada uno de ellos y escoger la Herramienta de Selección Directa (A) para ajustar los atributos de la forma en la barra de Opciones.

Cambiar el Relleno a Ninguno, el Color del trazo a cualquier color brillante y el Tamaño a 35. Haga clic en el icono de tipo de trazo de forma conjunto para cambiar la Alineación al Centro y las Esquinas a Redondas.

3. Cómo Hacer Estilo de la Capa de Trazo

Haga Doble-clic en el capa de Trazo para aplicar el siguiente estilo de capa:

Paso 1

Añadir un Bisel y Relieve con estos valores:

• Tamaño: 0
• Desactive la casilla Usar Luz Global
• Ángulo: 40
• Altitud: 48
• Active la casilla Suavizado
• Destacar el modo: Superposición
  • Opacidad: 60%
• Modo de sombra: Subexposición lineal
  • Opacidad: 35%

Paso 2

Añadir una Textura con estos valores:

• Patrón: Paño Aspero
• Escala: 100%
• Profundidad: 1000%
• Marque la casilla de Invertir

Paso 3

Añadir una Superposición de Motivo con estas opciones:

• Patrón: 71 jpg

Paso 4

Cambie el valor de Relleno de la capa de Trazo a 0.

4. Cómo Hacer el Estilo de la Capa de Contorno Exterior

Haga Doble-clic en el capa de Contorno Exterior para aplicar el siguiente estilo de capa:

Paso 1

Añadir un Bisel y Relieve con estos valores:

• Estilo: Realce de Trazo
• Tamaño: 29
• Active la casilla Suavizado
• Modo Resaltado: Luz Suave
  • Opacidad: 35%
• Modo de Sombra: Subexposición lineal
  • Opacidad: 35%

Paso 2

Agregar un Contorno con estos valores:

• Contorno: Ensenada - Profundo
• Marque la casilla de Anti-aliasing.

Paso 3

Añadir una Textura con estos valores:

• Patrón: Proyecto Papper
• Marque la casilla de Invertir

Paso 4

Añadir un Trazo con estos valores:

• Tamaño: 3
• Posición: Exterior
• Tipo de Relleno: Patrón
• Patrón: 71 jpg

Paso 5

Cambie el valor de Relleno de la capa de Contorno Exterior a 0.

5. Cómo el Estilo de la Capa de Forma de Texto

Hacer visible la capa de Forma de texto y haga Doble-clic para aplicar el siguiente estilo de capa:

Paso 1

Añadir una Superposición de Motivo con estas opciones:

• Patrón: Piel Humana
• Escala: 50%

Paso 2

Añadir una Superposición de Color con estos valores:

• Color: #edece9
• Modo de Mezcla: Multiplicar

Puede utilizar cualquier otro color que te gusta dependiendo del resultado que usted desee.

Este estilo de la capa de Forma de Texto.

6. Cómo Crear y Dar Estilo a los Ojales

Paso 1

Seleccionar la Herramienta Elipse y crear un círculo de 30 x 30 px donde desea colocar el primer ojal.

A continuación, mantenga-presionado la tecla de Opción y crear un círculo más pequeño de 17 x 17 px dentro del ya que lo resta y haz la forma del orificio principal.

Puede utilizar la Herramienta Selección de Trazado para seleccionar por separado y mover el círculo más pequeño dentro de uno más grande si es necesario.

Haga Clic-derecho en el capa de forma y elija Convertir en Objeto Inteligente.

Haga Doble-clic en el capa de forma de ojal para aplicar el siguiente estilo de capa:

Paso 2

Añadir un Bisel y Relieve con estos valores:

• Tamaño: 7
• Desactive la casilla Usar Luz Global
• Ángulo: 40
• Altitud: 48
• Active la casilla Suavizado
• Modo Resaltado: Luz lineal
  • Opacidad: 60%
• Modo de Sombra: Subexposición lineal
  • Opacidad: 35%

Paso 3

Agregar un Contorno con estos valores:

• Contorno: cono
• Marque la casilla de Anti-aliasing.

Paso 4

Añadir una Superposición de Color con estos valores:

• Color: #969c9d

Paso 5

Añadir una Sombra con estos valores:

• Opacidad: 100%
• Distancia: 2
• Tamaño: 3

Paso 6

Añadir otro ejemplo del efecto de Sombra con estos valores:

• Opacidad: 60%
• Distancia: 3
• Tamaño: 7

Paso 7

Mantenga-pulsada la tecla Opción y haga clic y arrastre la forma de argolla estilo duplicarlo. Puede mantener-pulsada la tecla Shift al hacerlo para restringir el movimiento.

7. Cómo Modificar una Imagen de Cinta

Paso 1

Abra la imagen de Cintas y utilice la Herramienta de Selección Rápida para seleccionar el negro de la cinta.

Paso 2

Pulsa el Comando-J para duplicar la cinta seleccionada en una nueva capa y usar la Herramienta Marco Rectangular para seleccionar una parte que te gusta de la cinta duplicada.

Pulsa el Comando-J para duplicar la porción en una nueva capa y ocultar las otras capas que tienes.

Paso 3

Utilice la Herramienta Marco Rectangular para seleccionar la mitad derecha de la cinta de opciones, elija la Herramienta Mover y presione la tecla de Flecha Izquierda un par de veces para mover la parte seleccionada hacia adentro, haciendo que la cinta más delgada sin perder textura ni detalles.

Puede que necesite repetir el proceso un par de veces para obtener el resultado que te gusta.

Una vez hecho, duplique la capa en el documento de texto original.

8. Cómo Agregar una Cinta a un Ojete

Paso 1

La cinta debe ser suficientemente delgada para caber dentro de la forma de ojete que tiene. Si no es así, mantenga la selección de una mitad de él y moviéndose hacia el interior hasta conseguir el tamaño correcto.

Paso 2

Haga Doble-clic en el capa de cinta para aplicar un efecto de Sombra Interior con estos valores:

• Color: #020302
• Opacidad: 100%
• Distancia: 0
• Tamaño: 5

Paso 3

Convertir la capa de la cinta a un Objeto Inteligente.

Paso 4

Presione Comando+T para entrar en Modo de Transformación Libre, gire la cinta a un ángulo te gusta basado en la distancia que desea crear entre las filas de ojal y colocar uno de sus extremos dentro de la primera anilla.

Usted puede también cambiar el tamaño de la cinta ligeramente si es necesario.

Paso 5

Pulse el icono de la Deformación en la barra de Opciones para el Modo de Deformación, y haga Clic y Arrastre la punta de la cinta para crear un arco pequeño y dar la ilusión de que se dobla en el ojete.

Pulse la tecla Retorno para cometer los cambios.

9. Cómo Crear un Efecto de Cordón

Paso 1

Duplicar ambas capas de forma de ojal y arrastre hacia abajo. Ajuste su posición como extremo de la cinta para que se reúnan donde gustaría.

Paso 2

Duplicar la capa de la cinta y vaya a Edición > Transformar > Voltear Horizontal.

Coloque la punta de la cinta volteado en el ojal superior vacíelo.

Paso 3

Con la capa de la cinta seleccionada, haga clic en el icono de Agregar máscara de capa de agregar en la parte inferior del panel capas y seleccione miniatura de la máscara.

Elegir la herramienta Pincel, establecer el Color de Primer Plano a Negro, elija una punta de cepillo redondo duro con el mismo Tamaño que el ojete y haga clic en el ojal inferior para borrar la cinta que la cubre.

A continuación, borrar las partes adicionales de la cinta y repetir para el otro.

Paso 4

Haga Doble-clic en la miniatura del Objeto Inteligente de la cinta de opciones para abrirlo, añadir una capa de ajuste Tono/Saturación y cambiar el Tono y la Saturación a -60.

Guarde y cierre el archivo.

Paso 5

Para continuar el efecto mezclada-para arriba de la construcción, seleccionar las capas de cinta y las capas de ojal inferior, duplicarlas y arrastre hacia abajo.

Paso 6

Seguir haciendo las partes rectas de las letras. Al llegar a una zona de curva, duplicar una de las capas de cinta, gire para que vuelve horizontal y colóquela en la parte superior el último par de ojetes que tiene.

Podría necesita eliminar la máscara de capa para transformar la cinta, así que hacer eso y añadir en una nueva máscara para deshacerse de las piezas extras.

Paso 7

Tómese el tiempo para acumular el efecto y jugar con la colocación de los elementos para adaptarse a la forma de cada letra.

Paso 8

Una vez que esté listo, poner todas las capas de Ojillos y cinta en un grupo y nombralo Encaje.

10. Cómo Cubre las Areas de Texto Vacío

Paso 1

Seleccione la capa de Relleno y cambiar su valor de Relleno a 0.

Paso 2

Elija la Herramienta Rectángulo, mantenga-presionado la tecla de Opción y crear rectángulos que cubren las partes mezclada-para arriba de las letras que tienes que eliminarlos.

Paso 3

Cambiar valor de Relleno de la capa de Relleno a 100% y haga clic en el icono Operaciones de ruta en la barra de Opciones para elegir la forma de combinar Componentes.

Paso 4

Elige la Herramienta Añadir Punto de Ancla y haga clic donde desee extender la forma para cubrir las áreas más.

Paso 5

Escoger la Herramienta Convertir de Punto y haga clic en cualquier punto de ancla añadido para convertirlos en puntos de esquina.

Paso 6

Utilice la Herramienta Selección Directa para seleccionar y arrastrar los puntos de anclaje para crear una forma final que te gusta.

Paso 7

Duplicar la capa de forma de Relleno y cambie el nombre la copia a Puntadas.

Paso 8

En la barra de opciones, cambiar el relleno a ninguno, el tamaño del trazo a 2, haga clic en el icono de Configurar Tipo de Trazo de Forma  y elegir el preset discontinuo.

11. Cómo Puntos de Estilo

Paso 1

Haga Clic-derecho en el capa de Trazo, elija Copiar estilo de capa, haga Clic-derecho en el capa de Relleno y elija Pegar estilo de capa.

Haga Doble-clic en el capa de Puntadas para aplicar el siguiente estilo de capa:

Paso 2

Añadir un Bisel y Relieve con estos valores:

• Tamaño: 1
• Active la casilla Suavizado
• Modo Resaltado: Luz lineal
  • Opacidad: 82%
• Modo de Sombra: Subexposición lineal
  • Opacidad: 35%

Paso 3

Agregar un Contorno con estos valores:

• Contorno: Gaussiano
• Marque la casilla de Anti-aliasing.

Paso 4

Añadir una Superposición de Color con estos valores:

• Color: #b5b4b2

Paso 5

Añadir una Sombra con estos valores:

• Opacidad: 100%
• Distancia: 2
• Extensión: 5
• Tamaño: 5

Este estilo de las puntadas.

12. Cómo Agregar Bordes

Paso 1

Duplicar la capa Trazo Externa y cambiar su valor de Relleno al 100%.

Paso 2

Convertir la capa copia un Objeto Inteligente y Comando-clic en su miniatura para cargar una selección.

Paso 3

Abra el panel Trazados, Opción-clic en el Trazado de trabajo hacer icono de selección en la parte inferior del panel de ajuste el Radio a 0.8 y haga clic en Aceptar.

Paso 4

Ocultar la capa Copia de contorno exterior y crear una nueva capa encima con los Bordes del nombre.

13. Cómo Crear un Pincel de Bordes

Paso 1

Elegir la Herramienta Pincel y abra el panel de Ajustes de Pincel.

Elija la punta de la Hierba de Duna y ajuste su configuración como abajo:

Forma de Punta de Pincel

Dinámica de Forma

Dispersión

Dinámica de Color

Paso 2

Establecer el Color de primer plano a #212121 y el Color de fondo a #3f3f3f, y darle a la tecla Retorno un par de veces hasta que te gusta la trazo. 

Paso 3

Coloque todas las capas que tiene, a excepción de las capas de Fondo y Color Sólido, en un grupo y asígnele el nombre Texto.

14. Cómo Añadir Sombra Paralela y Ruido

Paso 1

Haga Doble-clic en el grupo de Texto para aplicar efectos de Sombra con estos valores:

• Opacidad: 50%
• Distancia: 2
• Extensión: 5
• Tamaño: 5

Paso 2

• Opacidad: 30%
• Distancia: 30
• Tamaño: 50

Esto añadirá las sombras finales.

Paso 3

Colocar la imagen de 1.jpg del paquete de Fondos Abstractos sobre la capa de Color sólido y cambiar el tamaño para que quepa dentro del documento para que no se muestra su parte inferior.

Cambiar el nombre de la capa de Textura BG y cambiar su Modo de Mezcla a Luz Suave.

Paso 4

Crear una nueva capa, nombre BG Ruido y vaya a Edición > Rellenar.

Cambiar el Contenido hasta el 50% Gris y haga clic en Aceptar.

Paso 5

Convertir la capa de BG Ruido a un Objeto Inteligente y cambiar su Modo de Mezcla a Luz Suave.

Paso 6

Ir a Filtro > Ruido > Añadir Ruido, cambiar la cantidad a 10 y la Distribución a Uniforme y marque la casilla de Monocromático.

15. Cómo Realizar los Cambios Finales

Paso 1

Añadir una capa de ajuste de Niveles sobre el grupo Texto, cambiar su Modo de Mezcla a Luminosidad y cambiar el valor de Sombras a 5 y los Realces a 237.

Paso 2

Añadir otra capa de ajuste Niveles encima de todas las capas, seleccione el canal Azul y cambie el valor de Salida las sombras a 7.

Paso 3

Crear una nueva capa encima de todas las capas, el nombre High Pass y presione Comando-Opción-Shift-E para crear un sello.

Convertir la capa en un Objeto Inteligente y cambiar su Modo de Mezcla a Luz Suave.

Paso 4

Ir a Filtro > Otros > High Pass y cambie el valor de Radio a 1.

Paso 5

Duplicar la capa BG Ruido, coloque la copia encima de todas las capas, expanda la lista de Filtros Inteligentes y haga doble-clic en la ficha de Ruido para cambiar la Cantidad a 7.

Felicitaciones, ¡Listo!

En este tutorial, había creado un par de capas de forma y ajustar sus atributos de forma para crear las piezas de texto diferentes.

Luego, las capas, creadas los ojales, de estilo y había añadido la cinta.

Después de eso, trabajó con los diferentes elementos para crear el efecto de atado para arriba y creó una punta de pincel para añadir algunos bordes borrosos.

Por último, hemos realizado algunos ajustes finales para acabar con el efecto.

No dude en dejar sus comentarios, sugerencias y los resultados de abajo.