Cómo crear un efecto de texto de tejido en Adobe Illustrator

En los siguientes pasos aprenderás a crear un efecto de texto de hebra en Adobe Illustrator. Para comenzar, aprenderás a configurar una cuadrícula sencilla. Aprovechando al máximo la característica de ajustar a cuadrícula y el efecto Transformar, aprenderás cómo crear de manera fácil un conjunto de trazados horizontales y verticales Con el efecto Deformar y la herramienta Creador de formas, crearás un contorno sencillo de una bola de lana. Al final, aprenderás cómo guardar y usar motivos y pinceles de motivo.

Para más inspiración sobre cómo ajustar o mejorar tu efecto de texto final, puedes encontrar muchos recursos en GraphicRiver.

1. Cómo crear un documento nuevo y configurar una cuadrícula

Presiona Control+N para crear un documento nuevo. Selecciona Píxeles desde el menú desplegable de Unidades, ingresa 850 en la casilla de anchura y 600 en la de altura, después haz clic en el botón Avanzado. Selecciona RGB como Modo de color, configura los efectos de Rasterización a la Pantalla (72 ppp), y luego haz clic en el botón Crear documento.

Activa la Cuadrícula (Ver > Mostrar cuadrícula) y Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Necesitarás una cuadrícula cada 1 px, así que solo ve a Editar > Preferencias > Guías > Cuadrícula, e ingresa 1 en la casilla de Línea de cuadrícula cada, y 1 en la casilla de Subdivisiones. No te desanimes al ver toda esa cuadrícula, hará tu trabajo más fácil, y recuerda que puedes activarla o desactivarla fácilmente con el atajo de teclado Control+".

Puedes aprender más sobre el sistema de cuadrícula de Illustrator en este tutorial corto de Andrei Stefan: Entendiendo el sistema de cuadrículas de Adobe Illustrator.

También debes abrir el panel de Información (Ventana > Información) para una previsualización en vivo del tamaño y la posición de tus formas. No olvides configurar la unidad de medida a píxeles desde Editar > Preferencias > Unidades > General. Todas esas opciones aumentarán de forma significativa tu velocidad de trabajo.

2. Cómo crear los trazados verticales

Paso 1

Selecciona la herramienta Elipse (L) y concéntrate en la barra de herramientas. Retira el color del trazo y luego selecciona el relleno y cambia su color a R=137 G=147 B=150. Ve a tu mesa de trabajo y crea un círculo de 40 px, la cuadrícula y la característica de Ajustar a cuadrícula deben hacer esto más fácil.

Asegúrate de que la forma se quede seleccionada, concéntrate en el panel de Apariencia (Ventana > Apariencia) o el panel de Transparencia (Ventana > Transparencia), y disminuye la Opacidad al 50%.

Paso 2

Con la herramienta de Pluma (P) o la herramienta de Segmento de línea (\), crea un trazado vertical y de 40 px y colócalo exactamente como se muestra en la primera imagen, de nuevo, la cuadrícula y la característica de Ajustar a cuadrícula serán de ayuda. Agrega un trazo negro de 2 px para este trazado y luego ve a Efectos > Distorsionar y transformar > Transformar. Arrastra el deslizador de Movimiento horizontal a 4 px, ingresa 8 en la casilla de Copias, y luego haz clic en el botón OK.

Con el trazado vertical todavía seleccionado, solo ve a Objeto > Expandir apariencia.

Paso 3

Asegúrate de que el conjunto de trazados verticales siga seleccionado y ve a Efectos > Deformar > Arquear. Marca la casilla de Vertical, arrastra el deslizador de Curvatura al -30%, haz clic en el botón OK y luego ve a Objeto > Expandir apariencia. Desagrupa (Shift+Control+G) el grupo resultante de formas, en este caso tendrás que presionar ese comando dos veces.

Paso 4

Selecciona todos tus trazados negros junto con ese círculo amarillo y selecciona la herramienta de Creador de formas (Shift+M). Mantén presionado el botón Alt de tu teclado y solo dibuja un trazado junto con el lado superior de los trazados negros, como se muestra en la primera imagen. Esto debe eliminar de forma fácil todos esos trazados como se muestra en la segunda imagen.

Ve a la parte inferior y usa la misma técnica para quitar esos trazados, como se muestra en la tercera imagen.

Paso 5

Sigue trabajando con los trazados negros y reemplaza el negro con los dos colores que se muestran en la siguiente imagen.

3. Cómo crear trazados horizontales

Paso 1

Con la herramienta de Pluma (P) o la herramienta de Segmento de línea (\) crea un trazado horizontal de 40 px y colócalo exactamente como se muestra en la primera imagen. Agrega un trazo púrpura de 2 pt para este trazado, y luego ve a Efectos > Distorsionar y trasformar > Transformar. Arrastra el deslizador de Movimiento vertical a 4 px, ingresa 4 en la casilla de Copias y haz clic en el botón OK.

Con el trazado horizontal todavía seleccionado, solo ve a Objeto > Expandir apariencia.

Paso 2

Asegúrate de que el conjunto de trazados horizontales púrpura siga seleccionado, y ve a Efectos > Deformar > Arquear. Marca la casilla Horizontal, arrastra el deslizador de Curvatura al 30%, haz clic en el botón OK y ve a Objeto > Expandir apariencia. Desagrupa (Shift+Control+G) el grupo resultante de formas.

Paso 3

Selecciona los trazados púrpuras junto con el círculo amarillo y selecciona la herramienta de Creador de formas (Shift+M). No olvides presionar el botón Alt de tu teclado y solo arrastrar un trazado a lo largo del lado derecho de tus trazados púrpuras, como se muestra en la primera imagen.

Ve al lado izquierdo y usa la misma técnica para quitar esos trazados como se muestra en la tercera imagen.

4. Cómo cortar los trazados

Paso 1

Selecciona los trazados púrpuras junto con los verdes y selecciona la herramienta de Creador de formas (Shift+M). No olvides presionar el botón Alt y dibuja un trazado simple entre los dos trazados púrpuras superiores. Con la misma técnica, dibuja nuevos trazados entre el resto de los trazados púrpuras. Al final, el diseño se debería ver como en la cuarta imagen.

Paso 2

Vuelve a seleccionar los trazados púrpuras junto con los azules y selecciona la herramienta Creador de formas (Shift+M). No olvides presionar el botón Alt, y dibuja un trazado sencillo entre los dos trazados azules que están más a la izquierda. Con la misma técnica, dibuja trazados nuevos entre el resto de los trazados azules. Al final, el diseño debería verse como en la cuarta imagen.

5. Agrega trazos negros y la aguja

Paso 1

Selecciona los trazados restantes y reemplaza los colores del trazado existente con negro (R=0 G=0 B=0).

Selecciona el círculo y concéntrate en el panel de Apariencia. Aumenta la Opacidad al 100%, retira el color de relleno y luego selecciona el trazo. Cambia su color a negro y aumenta el Grosor a 2 pt.

Paso 2

Con la herramienta de Pluma (P) o la de Línea (\), crea un trazado vertical de 12 px y colócalo como se muestra en la primera imagen.

Selecciona este trazado y concéntrate en el panel de Apariencia. Asegúrate de que no hay color de relleno, cambia el color de trazo a negro y luego solo haz clic en el texto Trazo para abrir el panel emergente de Trazo. Cambia el Grosor a 2 pt y haz clic en el botón Extremo redondeado.

Sigue trabajando en la forma que hiciste en este paso y selecciona la herramienta de Selección directa (A). Selecciona el punto de anclaje inferior y arrástralo 12 px a la izquierda.

Paso 3

Selecciona la herramienta de Elipse (L) y crea un círculo de 5 px. Rellena esta forma nueva de negro y colócala como se muestra en la siguiente imagen.

6. Cómo crear las partes del pincel de motivo

Paso 1

Ahora necesitarás una cuadrícula cada 0.5 px, así que ve a Editar > Preferencias > Guías y cuadrícula e ingresa 0.5 en la casilla de Línea de cuadrícula cada.

Selecciona la herramienta de Rectángulo (M) y crea una forma de 2 x 3 px. Rellena esta forma nueva de negro y colócala exactamente como se muestra en la siguiente imagen.

Paso 2

Con la herramienta de Rectángulo (M), crea una forma de 5 x 3 px, rellénala de negro y colócala como se muestra en la primera imagen.

Sigue trabajando en este rectángulo nuevo, cambia a la herramienta de Borrar punto de anclaje (-) y solo haz clic en el punto de anclaje inferior derecho para eliminarlo. Esto debe transformar tu rectángulo en un triángulo, como se muestra en la segunda imagen. Duplica esta forma (Control+C > Control+F), selecciona la copia, arrástrala 3 px a la derecha y luego rótala 180 grados.

Paso 3

Con la herramienta de Rectángulo (M), crea un cuadrado de 3 px, rellénala de negro y colócala como se muestra en la primera imagen

Concéntrate en el lado derecho de este rectángulo nuevo, selecciona la herramienta de Agregar punto de anclaje (-), y con el botón de clic agrega un nuevo punto de anclaje como se muestra en la segunda imagen. Cambia a la herramienta de Selección directa (A), selecciona el punto de anclaje recién añadido y arrástralo 1 px a la izquierda. Luego selecciona el punto de anclaje superior derecho y arrástralo 3 px a la derecha.

7. Cómo guardar motivos y pinceles de motivo

Paso 1

Selecciona todas las formas resaltadas en la siguiente imagen y solo arrástralas dentro del panel de Muestras (Ventana > Muestras) para guardarlas como motivo.

Quita la selección a las formas de tu mesa de trabajo y selecciona ese motivo del panel de Muestras (Ventana > Muestras). Abre el menú emergente del panel de Muestras y ve a Opciones de muestra.... Cambia el nombre a tu motivo a "Azulejo inicial" y luego haz clic en el botón OK.

Paso 2

Selecciona la forma resaltada en la siguiente imagen y guárdala como segundo motivo. Selecciona este motivo nuevo y cambia su nombre a "Azulejo final". Cuando ya tengas ambos motivos, puedes eliminar de la mesa de trabajo las formas que usamos para crearlas.

Paso 3

Selecciona los dos triángulos, abre el panel de Pinceles (Ventana > Pinceles) y haz clic en el botón de Nuevo pincel. Marca la casilla de Pincel de motivo y haz clic en el botón de OK. Selecciona un nombre para tu motivo, arrastra el deslizador de Escala al 150%, selecciona Matices del menú desplegable de Método de coloración, asegúrate de que el resto de los atributos estén como se muestran a continuación, y concéntrate en las casillas de Azulejo.

Solo abre el Azulejo inicial y agrega tu motivo de "Azulejo inicial" y abre el Azulejo final y agrega tu motivo de "Azulejo final". Cuando hayas terminado, haz clic en el botón OK y tu nuevo pincel de motivo aparecerá en el panel de Pinceles.

8. Cómo crear el efecto de texto

Paso 1

Selecciona la herramienta de Texto (T) y abre el panel de Carácter (Ventana > Texto > Carácter). Selecciona la fuente Slow Motion y cambia el tamaño a 500 pt y el tracking a 100.

Solo haz clic en tu mesa de trabajo y agrega el texto "Knit". Cambia su color a negro y disminuye su Opacidad a cerca del 20%.

Paso 2

Con la herramienta de Pluma (P) o la de Pincel (B), dibuja algunos trazados suaves sobre el texto, más o menos como se muestra a continuación.

Cuando hayas terminado, elimina el texto y selecciona todos los trazados nuevos. Asegúrate de que no haya color de relleno configurado, y selecciona el trazo. Solo agrega tu pincel de motivo desde el panel de Pinceles y selecciona el color que prefieras.

¡Felicidades! ¡Terminaste!

Así es como debería verse. Espero que hayas disfrutado de este tutorial y que puedas aplicar estas técnicas en tus fututos proyectos.

Siéntete libre de ajustar el diseño final y darle tu estilo. Puedes encontrar buenas fuentes de inspiración en GraphicRiver, que tiene soluciones interesantes para mejorar tus diseños.