Cómo Crear un Efecto de Texto de Gusanos en Adobe Illustrator

En los siguientes pasos aprenderás cómo crear un sencillo efecto de texto de gusanos en Adobe Illustrator.

Primero aprenderás cómo configurar una sencilla cuadrícula y cómo crear las principales formas usando herramientas y efectos básicos junto con la prestación Esquinas Vivas. Aprovechando totalmente el panel Apariencia y usando un sencillo pincel caligráfico, aprenderás cómo colorear el gusano principal. A continuación, aprenderás cómo guardar y usar algunos pinceles de arte y cómo añadir un sutil sombrado a tus gusanos. Finalmente, aprenderás cómo añadir un bonito fondo con una sutil textura y un texto sencillo.

Para más inspiración sobre cómo ajustar o mejorar tu efecto de texto final, puedes encontrar muchísimos recursos en Envato Market.

1. Crea un Nuevo Documento & Configura una Cuadricula

Pulsa Control-N para crear un nuevo documento. Selecciona Pixeles del menú desplegable Unidades, ingresa 850 en la casilla anchura y 600 en la casilla altura, y luego haz click en el botón Avanzado. Selecciona RGB, Pantalla (72ppi) y asegúrate de que la casilla Alinear Nuevos Objetos con Cuadrícula de Pixeles esté desmarcada antes de hacer click en OK.

Habilita la Cuadrícula (Ver > Mostrar Cuadrícula) y Ajustar a Cuadrícula (Ver > Ajustar a Cuadrícula). Necesitarás una cuadrícula cada 0.5 px, así que simplemente ve a Edición > Preferencias > Guías y Cuadrícula, e ingresa 0.5 en la casilla Cuadrícula cada y 1 en la casilla Subdivisiones. Trata de no desalentarte por toda esa cuadrícula porque te facilitará el trabajo, y ten en mente que puedes fácilmente habilitarla o deshabilitarla usando el atajo de teclado Control-".

Puedes aprender más sobre el sistema de cuadrícula de Illustrator y cómo puede facilitarte el trabajo en éste breve tutorial de Andrei Stefan: Entendiendo el Sistema de Cuadrícula de Adobe Illustrator.

También deberías abrir el panel Información (Ventana > Información) para una previsualización instantánea con el tamaño y la posición de tus formas. No olvides establecer la unidad de medida en pixeles desde Edición > Preferencias > Unidades > Generales. Todas éstas opciones incrementarán significativamente tu velocidad de trabajo.

2. Crea las Formas Principales

Paso 1

Toma la Herramienta Elipse (L) y enfócate en tu barra de herramientas. Elimina el color del trazo y luego selecciona el relleno y establece su color en R=236 G=28 B=36. Dirígete tu mesa de trabajo y crea una forma de 7 x 6 px- la cuadrícula y la prestación Ajustar a Cuadrícula deberían hacer ésto más fácil.

Sigue enfocándote en éste círculo rojo y cambia a la Herramienta Convertir Punto Ancla (Mayúsculas-C). Simplemente haz click en los puntos ancla superior e inferior. Al final tu forma debería verse como en la segunda imagen.

Paso 2

Remplaza el color de relleno existente con un amarillo aleatorio  toma la Herramienta Rectángulo (M). Crea una forma de 2.5 x 7 px y colócala exactamente como se muestra en la primera imagen.

Usando la misma herramienta, agrega el conjunto de seis rectángulos mostrados en la segunda imagen. Toma una mirada mas precisa en la cuadrícula y asegúrate de que estés colocando éstos nuevos rectángulos exactamente como se muestra en la imagen.

Paso 3

Enfócate en tus rectángulos, toma la Herramienta Selección Directa (A) y selecciona únicamente los puntos ancla que conforman los lados izquierdos (resaltados en la primera imagen). Dirígete al panel de control y simplemente ingresa 0.5 px en esa casilla Vértices.

La prestación Esquinas Vivas está únicamente disponible para usuarios de CC. La mejor solución para remplazar éste efecto sería la secuencia de comandos Round Any Corner que puede encontrarse en éste artículo: 20 Gratuitas y Útiles Secuencias de Comandos para Adobe Illustrator. Guárdalo a tu disco duro, regresa a Illustrator y toma la Herramienta Selección Directa (A). Selecciona los mismos puntos ancla y ve a Archivo > Secuencias de Comandos > Otra Secuencia de Comandos. Abre la secuencia de comandos Round Any Corner, ingresa el radio de 0.5 px y haz click en OK.

Paso 4

Usando la misma Herramienta de Selección Directa (A), selecciona los puntos ancla que conforman los lados derechos (resaltados en la primera imagen). Dirígete al panel de control y ésta vez ingresa 1 px en esa casilla Vértices.

Paso 5

Selecciona tus site rectángulos redondeados y ve a Efecto > Deformar > Bulge. Marca la casilla Horizontal, arrastra el regulador Doblez a 50%, y luego haz click en el botón OK.

Paso 6

Selecciona los tres rectángulos redondeados resaltados en la siguiente imagen y ve a Efecto > Deformar > Abombar. Marca la casilla Vertical, arrastra el regulador Curvar a 10%, y luego haz click en el botón OK.

Paso 7

Selecciona los tres rectángulos redondeados resaltados en la siguiente imagen y ve a Efecto > Deformar > Arco Inferior. Marca la casilla Vertical, arrastra el regulador Curvar a 15%, y luego haz click en el botón OK.

Paso 8

Reselecciona los siete rectángulos redondedados y ve a Objeto > Expandir Apariencia.

Paso 9

Selecciona todas las formas hechas hasta ahora y ve a Objeto > Transformar > Reflejo. Marca la casilla Vertical y luego haz click en el botón Copiar. Arrastra las formas resultantes a la izquierda como se muestra en la tercera imagen. Una vez más, la cuadrícula y la prestación Ajustar a Cuadrícula te facilitarán el trabajo.

3. Agrega Color e Iluminaciones

Paso 1

Reselecciona todas las formas hechas hasta ahora y remplaza los colores de relleno existentes con R=230 G=130 B=88.

Paso 2

Asegúrate de que tus formas sigan seleccionadas, enfócate en el panel Apariencia (Ventana > Apariencia), y agrega un segundo relleno usando el botón Añadir Nuevo Relleno.

Selecciona tu nuevo relleno, establece el color en blanco (R=255 G=255 B=255), disminuye su Opacidad a 20%, cambia el Modo de Fusión a Superponer, y luego ve a Efecto > Distorsionar & Transformar > Transformar. Arrastra el regulador Escala-Vertical a 80% y luego haz click en OK.

Paso 3

Asegúrate de que tus formas aún estén seleccionadas, enfócate en el panel Apariencia, y agrega un tercer relleno usando ese mismo botón Añadir Nuevo Relleno.

Selecciona éste nuevo relleno, establece el color en blanco, disminuye su Opacidad a 40%, cambia el Modo de Fusión a Superponer, y luego ve a Efecto > Distorsionar & Transformar > Transformar. Arrastra el regulador Escala-Vertical a 60% y luego haz click en el botón OK.

Paso 4

Asegúrate de que tus formas todavía estén seleccionadas, enfócate en el panel Apariencia, y agrega un cuarto relleno usando ese mismo botón Añadir Nuevo Relleno.

Selecciona éste nuevo relleno, establece el color en blanco, disminuye su Opacidad a 60%, cambia el Modo de Fusión en Superponer, y luego ve a Efecto > Distorsionar & Transformar > Transformar. Arrastra el regulador Escala-Vertical a 30% y luego haz click en el botón OK.

Paso 5

Abre el panel Pinceles (Ventana > Pinceles) y haz click en el botón Nuevo Pincel. Marca la casilla Pincel Caligráfico y haz click en el botón OK. Ingresa todos los atributos mostrados en la siguiente imagen y luego haz click en OK.

Reselecciona todas las formas, agrega tu nuevo pincel caligráfico, y no olvides establecer su color en R=150 G=75 B=41.

Paso 6

Selecciona únicamente la forma que está más a la derecha y enfócate en el panel Apariencia. Primero, selecciona el relleno inferior y remplaza el color actual con R=230 G=86 B=84, y luego selecciona el trazo y remplaza el color existente con R=150 G=42 B=38.

4. Guarda los Pinceles de Arte

Paso 1

Selecciona todas tus formas y regresa al panel Pinceles. Haz click en el botón Nuevo Pincel, marca la casilla Pincel de Arte, y luego haz click en el botón OK. Ingresa todos los atributos mostrados abajo y luego haz click en el botón OK. Ésto será tu primer pincel de arte gusano.

Paso 2

Sigue enfocándote en el panel Pinceles. Selecciona tu pincel de arte gusano y arrástralo arriba de ese botón Nuevo Pincel para duplicarlo. Haz doble-click en tu recientemetne añadido pincel para abrir la ventana Opciones de Pincel de Arte. Arrastra el regulador Anchura a 50%, renómbralo "Art Brush 50%", y luego haz click en ese botón OK.

Usando la misma técnica, crea una segunda copia de tu pincel de arte. Renómbralo "Art Brush 25%" y asegúrate de que estés arrastrando ese regulador Anchura a 25%.

5. Añade el Fondo y Algo de Texto

Paso 1

Usando la Herramienta Rectángullo (M), crea una forma de 860 x 610 px, rellénala con R=247 G=205 B=159, y asegúrate de que cubra toda tu mesa de trabajo.

Añade un segundo relleno para ésta forma y establece su color en negro (R=0 G=0 B=0). Disminuye su Opacidad a 3%, cambia el Modo de Fusión a Multiplicar, y luego ve a Efecto > Artístico > Película Granulada. Ingresa los atributos mostrados abajo y luego haz click en el botón OK.

Paso 2

Toma la Herramienta Texto (T) y abre el panel Carácter (Ventana > Texto > Carácter). Selecciona la fuente Pacifico, establece el tamaño en 180 pt, y luego simplemente haz click en tu mesa de trabajo. Agrega el texto "Maggot" y establece s color en R=150 G=75 B=41.

Paso 3

Asegúrate de que tu fragmento de texto aún esté seleccionado, disminuye su Opacidad en 25%, ve a Efecto > Buscatrazos > Añadir y luego ve a Efecto > Distorsionar & Transformar > Ajustar. Ingresa todos los atributos mostrados abajo y luego haz click en ese botón OK.

6. Agrega los Gusanos

Paso 1

En éste punto puedes deshabilitar la cuadrícula (Control-") y Ajustar a Cuadrícula (Mayúscula-Control-").

Toma la Herramienta Pincel (B) y selecciona tu Art Brush 100% del panel Pinceles. Enfócate en tu texto y esparce algunos gusanos desprolijamente como se muestra en la siguiente imagen.

Paso 2

Ahora, necesitas seleccionar todo los gusanos agregados en el paso previo. Puedes hacerlo manualmente o puedes seleccionar uno de éstos trazados y luego simplemente ve a Selección > Mismo > Apariencia.

Una vez que tengas todos los gusanos seleccionados, ve a Efecto > Estilizar > Sombra Paralela. Ingresa los atributos mostrados en la ventana izquierda (en la siguiente imagen), haz click en el botón OK, y  luego agrega los otros dos efectos Sombra Paralela mostradas abajo.

Paso 3

Usando la Herramienta Pincel (B) y el Art Brush 50%, esparce algunos nuevos gusanos alrededor de los existentes desprolijamente como se muestra abajo.

Paso 4

Selecciona todos los gusanos añadidos en el paso previo y agrega los dos efectos Sombras Paralelas mostrados abajo.

Paso 5

Usando la Herramienta Pincel (B) y el Art Brush 25%, esparce algunos nuevos gusanos alrededor de los existentes desprolijamente como se muestra abajo.

Paso 6

Selecciona todos los gusanos agregados en el paso previo y agrega los dos efectos Sombra Paralela mostrados abajo.

7. Agregar un Sombreado Sutil

Paso 1

Selecciona el rectángulo que conforma tu fondo, haz una copia delante (Control-C > Control-F), y tráelo al frente (Mayúsculas-Control-]). Asegúrate de que ésta copia siga seleccionada y enfócate en el panel Apariencia.

Elimina el relleno negro y selecciona el relleno restante. Cambia su Modo de Fusión a Luz Suave y luego remplaza el color de relleno existente con el degradado radial mostrado abajo. Usa la Herramienta Degradado (G) para estirar el degradado como se muestra abajo, y ten en mente que el cero de amarillo de la imagen del Degradado se refiere al porcentaje de Opacidad.

Paso 2

Asegúrate de que el rectángulo añadido en el paso previo todavía esté seleccionado y haz una copia delante (Control-C > Control-F). Selecciona ésta copia y enfócate en el panel Apariencia. Disminuye la Opacidad a 15%, cambia el Modo de Fusión a Superponer, y remplaza el degradado radial existente con el mostrado abajo.

¡Felicidades! ¡Termnaste!

Aquí está cómo debería verse. Espero que hayas disfrutado éste tutorial y puedas aplicar éstas técnicas en tus proyectos futuros.

Con toda confianza ajusta el diseño final y hazlo tuyo. Podrías encontrar algunos recursos magníficos de inspiración en Envato Market con interesantes soluciones para mejorar tu diseño.