1. Design & Illustration
  2. Add-Ons
  3. Text Effects

Crea un texto con un efecto de encaje en Adobe Illustrator

Scroll to top

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

Sigue este tutorial y aprenderás cómo crear un hermoso efecto de texto tipo encaje. Utilizarás muchos efectos y definirás muchos pinceles de arte y patrones personalizados que te ayudarán a crear un pincel de patrón de encaje que funciona con cualquier color. Salta a crear este efecto de texto delicado ahora.


Paso 1

Primero escribe el texto usando TeamSpirit que puedes encontrar aquí. Ve al menú Objeto y selecciona Expandir, Desagrupar, luego Ruta compuesta > Liberar. Elimina la línea negra en la parte inferior y rellena las formas internas de las letras a y e con blanco por el momento.


Paso 2

A continuación, debes alinear las letras, pero primero agrupa la letra a con el óvalo blanco interior, luego agrupa la letra e con su forma interior. Selecciona todas las letras y haz clic en Alineación vertical inferior en el Panel Buscatrazos. Ahora mueve la letra L un poco más cerca de a para solucionar el problema de espacio entre ellos.

Las letras a, c y e parecen demasiado pequeñas junto a la letra L. Para agrandarlas, ve a Efecto > Deformación > Arco superior y elige una curva horizontal del 30%. Cuando hayas terminado, elige Expandir apariencia en el menú Objeto.


Paso 3

Desagrupa las letras a y e, luego selecciona las cuatro letras negras (sin las dos formas internas), y haz clic en Agregar al área de forma > Expandir desde el Panel Busca trazos para unirlas como una ruta. Para eliminar algunos de los puntos de anclaje, ve al menú Objeto > Ruta > Simplificar y elige una precisión de curva del 70%.


Paso 4

Para aplicar el Pincel de patrón de encaje más adelante, necesitas una ruta de texto redondeada. Para esto puedes usar el script Round Any Corner. Después de instalarlo, ve a Archivo > Scripts y ejecuta el script, mientras seleccionas 20 para el valor de Radius. Haz lo mismo con la forma interior de la letra e.


Paso 5

Vamos a empezar a crear el diseño de encaje. Usa la herramienta de segmento de línea (\) o la herramienta Pluma (P) para dibujar un camino recto de 82px de largo. Ve a Efecto > Distorsionar y transformar > Zig Zag y configura los valores como se muestra en la imagen.

Ve a Efecto > Arco de deformación y selecciona una curva horizontal de -65%. Expande la Apariencia en el menú Objeto cuando hayas terminado. Usa la Herramienta de selección directa (A) para seleccionar solo los dos puntos superiores de los lados y haz clic en el botón Convertir los puntos de ancla seleccionados en la esquina.


Paso 6

A continuación, debes crear un pincel pequeño como el de abajo. Primero dibuja con la herramienta Pluma (P) o la Herramienta de segmento de línea (\) una trayectoria recta de 50px y dale un trazo negro de 0.25 puntos. Expande esto, luego ve al menú Objeto > Ruta > Agregar puntos de ancla para agregar los dos puntos centrales.

Toma la Herramienta de selección directa (A) y selecciona solo la superior central, y muévela 1px hacia arriba presionando la tecla de flecha arriba en tu teclado una vez. Asegúrate de que el incremento del teclado esté establecido en 1px en Editar > Preferencias > General.

Arrastra esta forma al panel Pinceles, elige Nuevo pincel artístico y asegúrate de marcar 'Proporcional' en la ventana Opciones de pinceles artísticos. Con el pincel, recorre la ruta obtenida en el paso anterior y luego, con las Reglas activadas, arrastra dos pautas a cada lado, como se muestra en el primer plano.


Paso 7

Usa la Herramienta de selección directa (A) para seleccionar solo los dos puntos de anclaje indicados, luego muévelos hacia adentro presionando las teclas de flecha izquierda y derecha en el teclado una o dos veces. De lo contrario, los lados se recortarán más adelante, ya que son un poco demasiado curvos y cruzan las pautas.

A continuación, dibuja un camino recto entre los dos puntos superiores. Ahora ve a Efecto> Deformación> Arco y aplica una curva horizontal de -45%. Copia y pega en esta ruta y muévela hacia arriba, como en la imagen, luego, desde el menú Objeto, elige Expandir apariencia.


Paso 8

Ahora vas a crear un pincel de patrón. Comienza dibujando con la herramienta Elipse (L) una forma ovalada con las dimensiones que se muestran. Cópialo y pégalo al frente y muévelo hacia arriba, como el rojo en la imagen, luego selecciónalos y haz clic en Restar del área de forma > Expandir desde el Panel buscatrazos.

Dibuja un óvalo más arriba y la ruta recta entre los dos puntos superiores de la forma obtenida, luego selecciónalos y haz clic en Dividir desde el Panel buscatrazos. Desagrupa y borra la parte superior. Selecciona estas dos formas creadas y haz clic en Agregar al área de forma > Expandir, luego arrastra la ruta compuesta resultante al Panel de Pinceles y elige Nuevo Pincel de patrón.


Paso 9

Aquí hay un cepillo más que necesitarás para el siguiente paso. Toma la herramienta Elipse (L) y dibuja un círculo negro muy pequeño, luego ve a Efecto > Distorsionar y transformar > Transformar y establece los valores como se muestra en la imagen.

Ve al menú Objeto y Expandir apariencia, luego dibuja un rectángulo usando la herramienta Rectángulo (M) o la herramienta Pluma (P) entre los puntos superior e inferior del primer y último círculo. No selecciones ningún color de relleno o trazo para él, solo envíalo detrás del grupo de círculos y luego arrástralos hacia el Panel de Pinceles para definir un Pincel de arte nuevo.


Paso 10

Antes de continuar, selecciona con la Herramienta de selección directa (A) solo el punto final indicado y muévelo hacia la línea guía, luego haz lo mismo para el lado izquierdo. Ahora usa los dos pinceles definidos anteriormente para trazar las rutas curvas.

Aquí están los ajustes utilizados para cada pincel:


Paso 11

A continuación, dibuja con la herramienta Elipse (L) un óvalo con las dimensiones que se muestran. Ahora ve a Efecto > Deformación > Cáscara superior y aplica una distorsión vertical del 60%. Expande la apariencia, luego duplica la forma porque la necesitarás de nuevo en el siguiente paso.

Ahora ve a Objeto > Ruta > Ruta de desplazamiento y aplica un valor de desplazamiento de -2px para obtener una forma roja más pequeña en el interior. Mueve un poco hacia arriba, luego selecciónalos y haz clic en Restar del área de forma > Expandir desde el Panel buscatrazos. Coloca esta forma como en la imagen en el siguiente paso.


Paso 12

Selecciona la forma que dije antes para duplicar y arrastra la parte superior para obtener una forma similar a un pétalo. También selecciona y mueve (usando la Herramienta de selección directa (A) y las teclas de flecha en el teclado) solo los puntos centrales izquierdo y derecho para hacerlo más abultado. Coloca dos copias de esta forma en los lados y gíralas, luego selecciona las tres y haz clic en Alineamiento Vertical Superior en el panel Alineamiento. Antes de continuar, duplica esta forma porque la necesitarás de nuevo para el siguiente paso.

Después de colocar las tres formas de pétalos como en la imagen, dibuja el camino recto entre las guías, justo arriba del primer y último círculo. Copia y pega frente a esta ruta, luego selecciona las formas de pétalos y una de las rutas, y haz clic en Dividir desde el Panel buscatrazos. Desagrupa y elimina las partes superiores porque no las necesitas. Para la otra ruta copiada, selecciona un trazo negro de 0.5pt y amplíalo.


Paso 13

Toma la copia de la forma del pétalo, ve a Objeto > Ruta > Ruta de compensación y aplica un valor de compensación de -2.8 para obtener la forma más pequeña en el interior. Mueve un poco hacia arriba, luego selecciónalos y haz clic en Restar del área de forma > Expandir.

Coloca un semicírculo sobre él y asegúrate de que estén centrados. Ahora coloca los que están en los lados como lo hiciste en el paso anterior. Agrupa todas las formas, luego colócalas en el lado derecho y asegúrate de que la línea de guía cruce todos los puntos medios. Haz lo mismo para el lado izquierdo.


Paso 14

En este paso, necesitas la forma hecha en el paso 8. Ve a Objeto > Ruta compuesta > Liberar y mantén solo la forma más grande. Elimina el relleno negro y dale un trazo de 1pt. Ahora ve a Efecto > Deformar > Inflar y aplica una distorsión vertical de -50%. Expande Aspecto en el menú Objeto, luego arrastra esta forma al Panel de Pinceles y elige Nuevo Pincel de patrón.


Paso 15

Copia y pega en frente uno de los caminos con curvas del paso 10 y muévelo entre ellos, en el medio. Traza esta ruta con el Pincel de patrón definido anteriormente, luego escala el 40%. Cópialo y pégalo en la parte frontal, luego abre de nuevo la ventana Opciones de trazo y marca la opción Girar a través.


Paso 16

Has terminado con el diseño de encaje, y ahora debes seleccionar cada ruta que tengas aplicado un trazo de pincel y aplicar 'Expandir apariencia'. Después de expandir, usa el Panel de capas y busca las rutas vacías que deberían estar allí en cada uno de los grupos, y elimínalas para limpiar tu trabajo, pero esto es opcional.


Paso 17

A continuación, debes definir el área de delimitación antes de guardarla. Toma la herramienta Pluma (P) y comienza a dibujar un cuadrado desde el punto superior medio del semicírculo colocado en el paso 13. Ve a la derecha por encima de la línea negra, cruza nuevamente el punto medio superior del semicírculo de la izquierda, luego sigue las pautas y cierra la ruta en la parte inferior. Este cuadrado no debe tener ningún color de trazo o relleno, y después de enviarlo al reverso puedes agrupar todas las formas.


Paso 18

Arrastra el grupo de encajes del paso anterior al Panel de pinceles y selecciona Nuevo pincel de patrón. Si eliges Tintas como el Método de colorización, puedes cambiar fácilmente el color del cordón como lo desees, dependiendo del color de Trazo que selecciones y usarlo en otros proyectos.


Paso 19

Volvamos al texto. Selecciona la ruta de texto redondeada obtenida en el paso 4, elimina el relleno y asigna un trazo negro de 1pt. Antes de continuar, copia y pega en el frente. Traza la ruta (no la copies) con el Pincel de patrón de encaje, luego abre la ventana Opciones de trazo y debes escalarla al 17%.

Ahora selecciona la ruta de texto que copiaste, ve a Objeto > Ruta > Ruta de compensación, y aplica un valor de compensación de -5.5px. El propósito es obtener un camino más pequeño que siga el borde interior del cordón, como se muestra en el primer plano. Si seleccionaste un tamaño de texto diferente al comienzo del tutorial, debes aplicar un valor de compensación que se ajuste a tu caso. Probablemente obtendrás una ruta compuesta, pero ve a Objeto > Ruta compuesta > Liberar y elimina la ruta más grande porque no la necesitas.


Paso 20

Rellena el camino más pequeño obtenido en el paso anterior con negro. Ahora necesitas crear las áreas vacías dentro de las letras a y e. Primero, selecciona las dos formas ovaladas y cópialas y pégalas en la parte posterior porque las volverás a necesitar. Ahora selecciona la ruta del texto negro y los dos óvalos, luego haz clic en Restar del área de forma > Expandir desde el Panel buscatrazos.


Paso 21

Selecciona las copias de los dos óvalos y rellénalos con Diamante que puedes encontrar en el menú Bibliotecas de muestras en Patrones > Gráficos básicos > Gráficos básicos_Texturas. Para escalarlo, ve a Objeto > Transformar > Escala y asegúrate de marcar solo la opción Patrones.


Paso 22

Aquí es cómo crear el último patrón de pincel que necesitas. Comienza con un círculo de 15px por 15px, luego selecciona (con la herramienta Selección directa) solo el punto de anclaje superior y elimínalo. Cierra el camino para obtener un semicírculo.

Dibuja un círculo más pequeño dentro de él, luego ve a Efecto > Deformación > Arco, y aplica una curva horizontal del 35%. Expande la Apariencia en el menú Objeto, luego selecciona ambas formas y haz clic en Restar del área de forma > Expandir. Rellena la ruta compuesta obtenida con negro, luego arrástrala al Panel de Pinceles para definirla como un Pincel de patrón.


Paso 23

Ahora necesitas nuevamente las dos formas ovaladas dentro de las letras a y e. Cópialos y pégalos al frente, elimina el relleno del patrón y dales un trazo negro. Ve a Objeto > Ruta > Ruta de compensación y aplica un valor de compensación de -1.5 pt. Ahora toca las formas ovaladas más pequeñas obtenidas con el Pincel de patrón definido en el paso anterior. Cambia el valor Weight a 0.5 pt.


Paso 24

Selecciona la ruta de texto en negro, ve a Efecto > Estilizar y aplica el efecto Resplandor interno con la configuración que se muestra.


Paso 25

Ya casi has terminado, todo lo que queda por hacer es agregar algunos puntos destacados. En la siguiente imagen puedes ver cómo se hicieron tres de estas formas.

Primero dibuja los caminos con curvas como los rojos dependiendo de dónde y en qué letra quieres colocarlos. Traza las rutas con el Pincel artístico definido en el paso 6 y cambia el valor Weight según sea necesario, según el grosor que quieras que tengan las formas resaltadas. Expande la Apariencia en el menú Objeto cuando hayas terminado.


Paso 26

Ve a Efecto > Estilizar y aplica e efecto Pluma seleccionando un valor de Radio entre 4 px y 6 px, dependiendo de cuán grande o pequeña sea cada forma.


Imagen final

Aquí está la imagen final y hazme saber si encontraste útil este tutorial.