Cómo crear un efecto de texto de caricatura crujiente en Adobe Illustrator

En los siguientes pasos, aprenderá a crear un efecto de texto crujiente editable en Adobe Illustrator.

Para empezar, aprenderá cómo crear su propio patrón a partir de un patrón incorporado. A continuación, con un simple texto y el panel Apariencia, aprenderá cómo crear el efecto de texto. Mientras agrega las pequeñas migajas alrededor de su texto, aprenderá a guardar y usar estilos gráficos fácilmente. Finalmente, aprenderá cómo ajustar sutilmente su texto y cómo agregar un fondo simple para el diseño final.

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

Que necesitarás

Necesitará el siguiente recurso para completar este proyecto:

• Fuente Knick Knack

1. Cómo crear un nuevo documento y configurar una grilla

Presione Control-N para crear un documento nuevo. Seleccione Píxeles en el menú desplegable de Unidades, ingrese 850 en el cuadro de ancho y 500 en el cuadro de alto, y luego haga clic en el botón Más configuraciones. Seleccione RGB para el Modo de color, configure los Efectos de ráster en Pantalla (72 ppi) y luego haga clic en Crear documento.

No olvide configurar la unidad de medida en píxeles desde Editar> Preferencias> Unidades.

2. Cómo crear y guardar un patrón

Paso 1

Abra el menú desplegable en el panel Muestras (Ventana> Muestras) y vaya a Abrir biblioteca de muestras> Patrones> Gráficos básicos> Texturas básicas de gráficos. Seleccione el patrón USGS 22 Grave Beach y simplemente arrástrelo en su mesa de trabajo.

Paso 2

Seleccione uno de los círculos negros que componen su patrón importado y vaya a Seleccionar> Mismo> Color de relleno para seleccionar todas las formas con un relleno negro. Simplemente reemplace el negro con R = 140 G = 67 B = 23.

Paso 3

Seleccione todas las formas que componen su patrón y simplemente arrástrelas dentro del panel Muestras para guardarlas como un nuevo patrón.

3. Cómo crear el efecto de texto

Paso 1

Seleccione la herramienta de texto (T) y abra el panel Carácter (Ventana> Texto> Carácter). Seleccione la fuente Knicknack y establezca el tamaño en 170 px y el seguimiento en 50.

Haga clic en la mesa de trabajo y agregue su pieza de texto como se muestra a continuación. Hazlo negro, por ahora.

Paso 2

Seleccione su texto, enfoque en el panel Muestras (Ventana> Muestras) y haga clic en esa muestra [Ninguno] para eliminar el color de texto negro.

Vaya al panel Apariencia (Ventana> Apariencia) y agregue un nuevo relleno usando el botón Agregar nuevo relleno. Seleccione ese nuevo relleno y establezca el color en R = 253 G = 243 B = 188.

Paso 3

Asegúrese de que su texto permanezca seleccionado, céntrese en el panel Apariencia y agregue un segundo relleno usando el mismo botón Agregar nuevo relleno.

Seleccione este nuevo relleno, establezca el color en R = 255 G = 188 B = 53, y vaya a Efecto> Ruta> Ruta de desplazamiento. Introduzca un desplazamiento de -2 px, haga clic en Aceptar y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese los atributos que se muestran a continuación, haga clic en Aceptar y vaya a Efecto> Distorsionar y transformar> Enrarecer. Ingrese la configuración que se muestra en la siguiente imagen y haga clic en Aceptar.

Paso 4

Asegúrese de que su texto todavía esté seleccionado y siga enfocando en el panel Apariencia. Agregue un tercer relleno y selecciónelo.

Establezca el color en R = 210 G = 96 B = 12 y vaya a Efecto> Ruta> Ruta de desplazamiento. Introduzca un desplazamiento de -2 px, haga clic en Aceptar y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese los atributos que se muestran a continuación, haga clic en Aceptar y vaya a Efecto> Distorsionar y transformar> Enrarecer. Ingrese la configuración que se muestra en la siguiente imagen y haga clic en Aceptar.

Paso 5

Asegúrese de que su texto todavía esté seleccionado y siga enfocando en el panel Apariencia. Agregue un cuarto relleno y selecciónelo.

Establezca el color en R = 255 G = 188 B = 53 y vaya a Efecto> Ruta> Ruta de desplazamiento. Introduzca un desplazamiento de -2 px, haga clic en Aceptar y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese los atributos que se muestran a continuación, haga clic en Aceptar y vaya a Efecto> Distorsionar y transformar> Enrarecer. Ingrese la configuración que se muestra en la siguiente imagen y haga clic en Aceptar.

Paso 6

Asegúrese de que su texto todavía esté seleccionado y siga enfocando en el panel Apariencia. Agregue un quinto relleno y selecciónelo.

Aplica tu patrón desde el panel Muestras y luego ve a Efecto> Distorsionar y transformar> Transformar. Ingrese los atributos que se muestran a continuación y haga clic en Aceptar.

Paso 7

Asegúrese de que su texto todavía esté seleccionado y siga enfocando en el panel Apariencia. Agregue un sexto relleno y selecciónelo.

Aplicar el patrón de superficie intrincada USGS 21 desde el panel básico Graphics_Textures, cambiar el modo de fusión a luz suave, y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese los atributos que se muestran a continuación y haga clic en Aceptar.

Paso 8

Asegúrese de que su texto todavía esté seleccionado y siga enfocando en el panel Apariencia. Agregue un séptimo relleno y selecciónelo.

Establezca el color en R = 140 G = 67 B = 23, cambie su Modo de fusión a Luz suave, y vaya a Efecto> Ruta> Ruta de desplazamiento. Introduzca un desplazamiento de -3 px, haga clic en Aceptar, y vaya a Efecto> Distorsionar y transformar> Enrarecer. Ingrese la configuración que se muestra en la siguiente imagen, haga clic en Aceptar y vaya a Efecto> Artística> Grano de película. Ingrese los atributos que se muestran a continuación y haga clic en Aceptar.

Paso 9

Asegúrese de que su texto todavía esté seleccionado, siga enfocando en el panel Apariencia y seleccione el trazo.

Establezca el color en R = 210 G = 96 B = 12, aumente el Ancho en 3 px, y vaya a Efecto> Distorsionar y Transformar> Enrarecer. Ingrese la configuración que se muestra en la siguiente imagen y haga clic en Aceptar.

Paso 10

Asegúrese de que su texto todavía esté seleccionado y siga enfocando en el panel Apariencia. Agregue un segundo trazo con el botón Agregar nuevo trazo y selecciónelo.

Establezca el color en R = 103 G = 22 B = 1, baje el Ancho a 1 px, y vaya a Efecto> Distorsionar y Transformar> Enrarecer. Ingrese la configuración que se muestra en la siguiente imagen y haga clic en Aceptar.

Paso 11

Asegúrese de que su texto todavía esté seleccionado y siga enfocando en el panel Apariencia. Seleccione el texto completo (haga clic en la sección "Tipo" en la parte superior del panel) y vaya a Efecto> Estilizar> Sombra paralela. Ingrese los atributos que se muestran en la ventana superior izquierda (en la imagen siguiente), haga clic en Aceptar y luego aplique los otros cuatro efectos de sombreado que se muestran a continuación.

4. Cómo guardar un estilo y agregar algunas migas

Paso 1

Asegúrese de que su texto todavía esté seleccionado, abra el panel Estilos gráficos y haga clic en el botón Nuevo estilo gráfico.

Paso 2

Asegúrese de que su texto todavía esté seleccionado y elija la herramienta de tipo de toque (Shift-T). Haga clic en el primer carácter de su texto y use el asa redonda que se encuentra sobre el carácter seleccionado para rotarlo como se muestra en la siguiente imagen.

Paso 3

Utilice la misma herramienta de tipo de toque (Shift-T) para girar los otros seis caracteres más o menos como se muestra en las siguientes imágenes.

Paso 4

Con la herramienta Pluma (P) o la herramienta Pincel (B), dibuje algunas formas pequeñas alrededor de su texto, más o menos como se muestra en la primera imagen. Estas nuevas formas serán las migas. Seleccione todas estas formas y simplemente aplique su estilo desde el panel Estilos gráficos.

5. Cómo crear un fondo

Paso 1

Elija la herramienta Rectángulo (M) y cree una forma de 860 x 510 px. Llene este rectángulo con R = 253 G = 243 B = 188, envíelo a la parte posterior (Shift-Control- [), y asegúrese de que cubra toda su mesa de trabajo.

Paso 2

Asegúrese de que su rectángulo aún esté seleccionado, céntrese en el panel Apariencia y agregue un segundo relleno. Selecciónelo y aplique el degradado radial que se muestra a continuación. Use la herramienta de degradado (G) para estirar su gradiente como se muestra en la siguiente imagen.

¡Felicidades! ¡Ya terminaste!

Así es como debería verse. Espero que hayas disfrutado este tutorial y puedas aplicar estas técnicas en tus proyectos futuros. No dude en compartir su resultado final en la sección de comentarios.

Siéntase libre de ajustar el diseño final y hacerlo suyo. Puede encontrar excelentes fuentes de inspiración en GraphicRiver, con soluciones interesantes para mejorar su diseño.