1. Design & Illustration
  2. Add-Ons
  3. Overlays & Textures

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

Éste tutorial te mostrará cómo usar algunas formas para crear un pincel de encaje. Luego, modificarás los parámetros de ese pincel para trazar y rellenar algún texto, aplicarle estilo, y usar algunos filtros para crear un efecto de texto inspirado en encaje. ¡Comencemos!
Scroll to top

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

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

Éste tutorial te mostrará cómo usar algunas formas para crear un pincel de encaje. Luego, modificarás los parámetros de ese pincel para trazar y rellenar algún texto, aplicarle estilo, y usar algunos filtros para crear un efecto de texto inspirado en encaje. ¡Comencemos!

Éste efecto de texto fue inspirado por los muchos Estilos de Capa disponibles en Envato Market.

Recursos del Tutorial

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

1. Crea las Líneas Guías

Paso 1

Crea un nuevo documento de 500 x 500 px, presiona Comando-R para mostrar las reglas, y arrastra una línea guía vertical y horizontal para colocar en el centro del documento.

Si necesitas mostrar/ocultar éstas líneas guías, sólo presiona las teclas Comando-; para hacerlo.

Add the GuidelinesAdd the GuidelinesAdd the Guidelines

Paso 2

Toma la Herramienta Línea, establece el Color de Frente en Rojo, y el Grosor en la barra Opciones en 1.

Crea una línea vertical derecha en el centro del documento, y asegúrate de extenderla afuera de los bordes superior e inferior.

Create a LineCreate a LineCreate a Line

Paso 3

Selecciona la capa de la forma Line (Línea) y la capa Background (fondo), y luego toma la Herramienta Mover.

En la barra Opciones, haz click en los íconos Alinear centros verticales y Alinear centros horizontales. Ésto asegurará que la línea esté exactamente en el centro del documento.

Align the LineAlign the LineAlign the Line

Paso 4

Duplica la capa de la forma Line, y presiona Comando-T plara ingresar al Modo Transformación Libre.

Manten presionada la tecla Mayúsculas, y rota la copia de la línea 30° en el sentido de las manecillas del reloj. Pulsa Return para aceptar los cambios.

Rotate the LineRotate the LineRotate the Line

Paso 5

Presiona las teclas Opción-Comando-Mayúsculas-T un par de veces más hasta que tengas el resultado de abajo.

Duplicate the LinesDuplicate the LinesDuplicate the Lines

Paso 6

Selecciona todas las capas de la forma Línea que tienes, y rótalas 15° en el sentido de las manecillas del reloj.

Rotate the LinesRotate the LinesRotate the Lines

Paso 7

Agrupa las capas de la forma de la Línea en un grupo y llámalo Guides, y luego haz click en el ícono Bloquear todo en la parte superior del panel Capas para evitar realizar cualquier cambio en ellas.

Group and LockGroup and LockGroup and Lock

2. Crea la Forma de la Base

Paso 1

Toma la Herramienta Polígono, y haz click una vez en cualquier parte del documento para obtener el cuadro Crear Polígono.

Establece los valores de Anchura y Altura en 450 y el Número de Lados en 12, marca las casillas Esquinas Suavizadas y Estrella, y establece el Sangría Lateral en 10%. Haz cick en OK.

Coloca el polígono en el centro del documento.

Create a PolygonCreate a PolygonCreate a Polygon

Paso 2

Duplica la capa Polígono, y escálala con los valores de Anchura y Altura a 375 px.

Puedes hacer eso presionando Comando-T y luego manteniendo presionadas las teclas Mayúsculas-Opción, y haciendo click y arrastrando la forma hacia adentro. O, puedes simplemente cambiar los valores Anc y Alt en la barra Opciones. Pulsa Return para aceptar los cambios cuándo termines.

Asegúrate de que la Herramienta Polígono aún esté activa, y en la barra Opciones, cambia el Grosor de Trazo a 5 y Alinear a Exterior.

Duplicate and Modify the Base ShapeDuplicate and Modify the Base ShapeDuplicate and Modify the Base Shape

3. Crea las Elipse Exteriores

Paso 1

Toma la Herramienta Elipse, y haz click en el ícono Opciones Geométricas en la barra Opciones.

Elige la opción Tamaño Fijo, establece sus dos valores en 14 px, y marca la casilla Desde el Centro.

Haz click y arrastra ligeramente en la parte superior del centro del documento para crear un círculo entre los bordes de las dos formas de la base.

Create a CircleCreate a CircleCreate a Circle

Paso 2

Crea otro círculo a la derecha del que tienes.

Manten presionada la tecla Mayúsculas, y luego haz click y arrastra una vez más para agregar otro círculo a la derecha de los dos anteriores.

La tecla Mayúsculas colocará los dos nuevos círculos en la misma capa.

Add Two More CirclesAdd Two More CirclesAdd Two More Circles

Paso 3

Duplica la capa de los dos círculos.

Presiona Comando-T, y luego manten presionada la tecla Opción y haz click y arrastra el Punto Central (Referencia) para colocarlo en la parte superior de la línea guía vertical del centro.

Ésto creará que cualquier transformación ocurra alrededor del centro vertical del documento.

Reposition the Center PointReposition the Center PointReposition the Center Point

Paso 4

En la barra Opciones, agrega un - al valor Anc, y pulsa Return para aceptar.

Lo que eso hace es voltear la copia de los círculos verticalmente.

Flip the CirclesFlip the CirclesFlip the Circles

Paso 5

Selecciona las capas de la Elipse que tienes, y presiona Comando-E para combinarlas.

Merge the EllipsesMerge the EllipsesMerge the Ellipses

4. Duplica los Círculos

Paso 1

Duplica la capa de los círculos combinados, presiona Comando-T, y arrastra el Punto Central al centro del documento (dónde se reúnen todas las líneas guías).

Reposition the Center PointReposition the Center PointReposition the Center Point

Paso 2

Rota la capa de la copia 30° en sentido de las manecillas del reloj, pulsa la tecla Return, y luego presiona las teclas Opción-Comando-Mayúsculas-T para repetir eso sobre toda la forma de la base.

Combina todas las capas del círculo en una capa y llámala Outer Ellipses.

Duplicate to Fill the ShapeDuplicate to Fill the ShapeDuplicate to Fill the Shape

5. Crea las Elipses Interiores

Paso 1

Crea un círculo de 30 x 30 px en la parte superior central de la forma más pequeña de la base.

Luego crea una más pequeña (23 x 23 px) a su derecha, pero hazlas que se superpongan como se muestra abajo.

Create the Overlapping EllipsesCreate the Overlapping EllipsesCreate the Overlapping Ellipses

Paso 2

Duplica y voltea el círculo más pequeño como lo hiciste previamente, y combina las tres capas de círculos en una capa.

Después de eso, manten presionadas la tecla Opción para sustraer la forma de frente, y luego crea una elipse más grande que cubra la parte inferior de las tres elipses combinadas como se muestra abajo.

Remove the Lower Part of the EllipsesRemove the Lower Part of the EllipsesRemove the Lower Part of the Ellipses

Paso 3

Duplica la forma resultante sobre el resto de la forma base como lo hiciste con las elipses exteriores, y luego combina todas las capas de las elipses interiores en una capa Inner Elllipses.

Duplicate to FillDuplicate to FillDuplicate to Fill

6. Crea las Gotas

Paso 1

Crea una elipse vertical de 30 x 85 px en el centro del documento, debajo de las inner elllipses.

Create a Long Vertical EllipseCreate a Long Vertical EllipseCreate a Long Vertical Ellipse

Paso 2

Toma la Herramienta Convertir Punto de Ancla, y haz click en el punto ancla en la parte inferior de la elipse.

Convert Bottom PointConvert Bottom PointConvert Bottom Point

Paso 3

Toma la Herramienta Selección Directa, y luego haz click y arrastra para seleccionar los dos puntos ancla en el centro de la elipse, y usa la Tecla Flecha Arriba para empujarlas un poco hacia arriba.

También puedes usar la Herramienta Convertir Punto de Ancla para hacer click y arrastrar el punto ancla superior y ajustarlo.

Move and Adjust the Anchor PointsMove and Adjust the Anchor PointsMove and Adjust the Anchor Points

Paso 4

Repite la forma de la gota que creaste sobre la forma de la base, y combina todas las capas de la forma de la gota en una capa Drops.

Duplicate to FillDuplicate to FillDuplicate to Fill

7. Agrega Más Formas y Define el Pincel

Paso 1

Usa la Herramienta Línea para añadir una línea de 2 px como se muestra abajo.

Add a LineAdd a LineAdd a Line

Paso 2

Repite sobre el resto de la forma base, y combina las resultantes capas de línea en una capa Drop Lines.

Duplicate to FillDuplicate to FillDuplicate to Fill

Paso 3

Duplica la forma de la base más pequeña, arrastra la copia arriba de todas las capas, y escálala a una dimensión menor como gustes.

Duplicate and Resize the Base ShapeDuplicate and Resize the Base ShapeDuplicate and Resize the Base Shape

Paso 4

Duplica la forma escalada hacia abajo, y luego escala la segunda copia un poco más hacia abajo, y deberías finalizar con un resultado similar al de abajo.

Duplicate and Scale the Second Copy of the Top Base ShapeDuplicate and Scale the Second Copy of the Top Base ShapeDuplicate and Scale the Second Copy of the Top Base Shape

Paso 5

Finalmente, crea una línea de 2 px entre las dos formas de la base superiores, y duplícala para rellenar toda el área.

Combina las capas de líneas resultantes en una capa Inner Lines.

Duplicate the Inner LinesDuplicate the Inner LinesDuplicate the Inner Lines

Paso 6

Una vez que termines, ve a Edición > Definir Valor de Pincel, y escribe Lace para el Nombre, y luego haz click en OK.

Ésto agregará la forma como una punta de pincel a tus Pinceles Prestablecidos.

Define the BrushDefine the BrushDefine the Brush

8. Crea el Fondo

Paso 1

Crea un nuevo documento de 850 x 602 px, y luego coloca la textura Purple Carpet arriba de la capa Background, y renombra su capa a BG Texture.

Redimensiona la textura como gustes.

Add the Background TextureAdd the Background TextureAdd the Background Texture

Haz doble-click en la capa BG Texture para aplicar el siguiente estilo de capa:

Paso 2

Agrega una Superposición de Colores con éstos parámetros.

  • Color: #7f89a0
  • Modo de Fusión: Color
Color OverlayColor OverlayColor Overlay

Paso 3

Agrega una Superposición de Degradado con éstos parámetros:

  • Marca la casilla Tramado
  • Modo de Fusión: Subexposición Lineal
  • Opacidad: 18%
  • Estilo: Radial
  • Esala: 150%
  • Haz click en la casilla Degradado para crear el relleno de degradado usando los colores #ffffff a la izquierda y #6c6c6c a la derecha.
Gradient OverlayGradient OverlayGradient Overlay

Ésto cambiará el color de la textura y agregará una viñeta.

Modified TextureModified TextureModified Texture

9. Crea el Texto y el Trazado de Trabajo

Paso 1

Crea el texto en Blanco usando la fuente Sofia Regular, y establece el Tamaño a un valor de 320 pt.

Create the TextCreate the TextCreate the Text

Paso 2

Haz click-derecho en la capa de texto y elie Crear Trazado de Trabajo.

Create Work PathCreate Work PathCreate Work Path

Paso 3

Toma la Herramienta Selección Directa, y en la barra Opciones, haz click en el ícono Operaciones de Trazado, y haz click en el comando Fusionar Componentes de Forma.

Ésto ayudará a librarte de las partes superpuestas, lo que resultará en un trazo mucho más limpio.

Merge Shape ComponentsMerge Shape ComponentsMerge Shape Components

Paso 4

Crea una nueva capa, llámala Stroke, y haz la capa de texto invisible.

Create the Stroke LayerCreate the Stroke LayerCreate the Stroke Layer

10. Modifica los Parámetros del Pincel y Crea el Trazo

Paso 1

Toma la Herramienta Pincel, luego abre el panel Pincel (Ventana > Pincel), y elige la punta del pincel Lace que definiste antes.

En la pestaña Forma de la Punta del Pincel, cambia el Tamaño a 25 y el Espaciado a 60%.

Luego, en la pestaña Dinámica de Forma, establece el Control de Ángulo Vibración en Dirección.

Brush Panel SettingsBrush Panel SettingsBrush Panel Settings

Paso 2

Asegúrate de que la capa Stroke está activa y la Herramienta Pincel esté seleccionada, y que el Color de Frente esté establecido en Blanco.

Pulse la tecla Return para trazar el trazado.

Stroke the PathStroke the PathStroke the Path

Paso 3

Haz comando-click en la miniatura de la capa de texto para crear una selección.

Create a SelectionCreate a SelectionCreate a Selection

Paso 4

Pulsa la tecla Suprimir dos veces para librarte del trazado de trabajo y la parte interna del trazo.

Delete the Inner PartDelete the Inner PartDelete the Inner Part

11. Crea el Relleno

Paso 1

Elige de nuevo la punta de pincel Lace original, y cambia su Tamaño a 70 y su Espacio a 75%.

Modify the Fill Lace BrushModify the Fill Lace BrushModify the Fill Lace Brush

Paso 2

Crea una nueva capa arriba de todas las capas.

Haz click una vez, arriba dónde comienza el texto, y luego manten presionada la tecla Mayúsculas, y haz click dónde finaliza el texto.

Ésto creará una línea recta de encaje.

Create a Lace LineCreate a Lace LineCreate a Lace Line

Paso 3

Duplica la línea que tienes, y mueve la copia debajo de la original. Luego empújala un poco a la derecha, para que rellenes los espacios entre ambas líneas.

A continuación, duplica ambas líneas, arrastra las copias hacia abajo, y luego repite hasta que esté cubierto todo el texto.

Coloca todas las capas de líneas en un grupo y llámalo Fill.

Duplicate the Lines to Fill the TextDuplicate the Lines to Fill the TextDuplicate the Lines to Fill the Text

Paso 4

Haz comando-click en la miniatura de la capa de texto para crear una selección otra vez, y luego haz click en el ícono Añadir máscara de capa en la parte inferior del panel Capas.

Mask the FillMask the FillMask the Fill

12. Aplica Estilo a las Líneas de Encaje

Haz doble-click en cualquier capa de la línea de encaje para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

  • Tamaño: 1
  • Marca la casilla Suavizado.
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega un Contorno con éstos parámetros:

  • Contorno: Aro - Doble
  • Marca la casilla Suavizado.
ContourContourContour

Paso 3

Agrega una Textura con éstos parámetros:

  • Motivo: 45 degree fabric
  • Escala: 71%
TextureTextureTexture

Paso 4

Ésto aplicará estilo a la línea seleccionada.

Haz click-derecho en la capa de la línea estilizada, elige Copiar Estilo de Capa, y luego selecciona el resto de las capas de líneas, haz click derecho en cualquiera de ellas, y elige Pegar Estilo de Capa.

Ésto aplicará los estilos de capa para todas las líneas de encaje.

Copy and Paste the Layer StylesCopy and Paste the Layer StylesCopy and Paste the Layer Styles

13. Agrega la Sombra

Paso 1

Selecciona el grupo Fill y la capa Stroke, cambia su valor de Relleno a 91% y luego ve a Filtro > Convertir para Filtros Inteligentes.

Renombra el Objeto Inteligente a Fill.

Convert to a Smart ObjectConvert to a Smart ObjectConvert to a Smart Object

Paso 2

Haz doble-click en la capa Fill para aplicar una Sombra Paralela con éstos parámetros:

  • Modo de Fusión: Subexposición Lineal
  • Color: #707070
  • Opacidad: 41%
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 129
  • Distancia: 7
  • Tamaño: 10
Drop ShadowDrop ShadowDrop Shadow

Ésto agregará una sutil sombra.

Drop ShadowDrop ShadowDrop Shadow

14. Aplica los Filtros

Paso 1

Asegúrate de que la capa Fill esté seleccionada, y luego presiona las teclas Opción-Comando-Mayúsculas-E para crear una capa combinada de todas las capas visibles, y renómbrala a Filters.

Convertir la capa Filters en Objeto Inteligente.

Create the Filters LayerCreate the Filters LayerCreate the Filters Layer

Paso 2

Ve a Filtro > Interpretar > Efectos de Iluminación y elige luz Focal con éstos parámetros:

  • Color: (250, 250, 248)
  • Intensidad: 20
  • Foco: 43
  • Colorear: (245, 248, 248)
  • Exposición: 2
  • Resplandor: 100
  • Metalico: 100
  • Ambiente: 20
  • Textura: Verde
  • Resaltar: 1

Trata de obtener una forma similar a la de abajo.

Lighting EffectsLighting EffectsLighting Effects

Paso 3

Ve a Filtro > Desenfocar > Cambio de Inclinación.

Establece el Desenfocar en 5 y la Distorsión en 0, y luego trata de lograr una forma que desenfoque los bordes.

Tilt-ShiftTilt-ShiftTilt-Shift

Paso 4

Una vez que termines, cambia la Opacidad de la capa Filters a 50%.

Change the OpacityChange the OpacityChange the Opacity

Puedes experimentar con diferentes formas y parámetros para crear tu propio pincel de encaje y efecto.

Final ResultFinal ResultFinal Result

¡Felicidades! Terminaste

En éste tutorial, usamos un par de formas, con algunos consejos y trucos, para crear y definir un pincel de encaje.

Luego, modificamos la textura de fondo, y creamos el texto y el trazado de trabajo.

Después de eso, ajustamos los parámetros del pincel, y luego usamos los pinceles de encaje modificados para trazar y rellenar el texto, y aplicamo estilo a las capas de encaje que tenemos.

Finalmente, usamos un par de filtros para terminar el efecto y darle mayor dimensión.

Por favor con toda confianza deja tus comentarios, sugerencias y resultados abajo.

Final ResultFinal ResultFinal Result