Cómo crear un efecto de texto de dibujos animados crujientes en Adobe Illustrator

Lo que vas a crear

En los siguientes pasos, aprenderá cómo 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, utilizando un simple fragmento de texto y el panel Apariencia, aprenderá cómo crear el efecto de texto. Mientras agrega las pequeñas migajas alrededor de su texto, aprenderá cómo guardar y usar fácilmente estilos gráficos. 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 su efecto de texto final, puede encontrar muchos recursos en GraphicRiver.

Que necesitarás

Necesitará el siguiente recurso para completar este proyecto:

  • Fuente de Knicknack

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

Golpear Control-N para crear un nuevo documento. Seleccionar Pixeles desde el Unidades menú desplegable, entrar 850 en la caja de ancho y 500 en el cuadro de altura, y luego haga clic en ese Más ajustes botón. Seleccionar RGB Para el Modo de color, selecciona el Efectos raster a Pantalla (72 ppi), y luego haga clic Crear documento.

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

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

Paso 1

Abre el menú desplegable desde la Muestras panelVentana> Muestras) E ir a Abra Swatch Library> Patrones> Gráficos básicos> Gráficos básicos_Texturas. Selecciona el USGS 22 Grave Beach Patrón y simplemente arrástrelo en su mesa de trabajo.

Paso 2

Seleccione uno de los círculos negros que conforman 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 conforman su patrón y simplemente arrástrelas dentro de la Muestras Panel para guardarlos como un nuevo patrón..

3. Cómo crear el efecto de texto

Paso 1

Elige el Tipo de herramienta (T) y abre el Personaje panelVentana> Tipo> Carácter). Seleccione la fuente Knicknack y establezca el tamaño en 170 px y el seguimiento a 50.

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

Paso 2

Selecciona tu texto, enfócate en el Muestras panelVentana> Muestras), y haga clic en eso [Ninguna] muestra para eliminar el color del texto negro.

Mover a la Apariencia panelVentana> Apariencia) y agregue un nuevo relleno usando Añadir nuevo relleno botón. Seleccione ese nuevo relleno y establezca el color en R = 253 G = 243 B = 188.

Paso 3

Asegúrese de que su texto permanece seleccionado, enfóquese en la Apariencia panel, y agregar un segundo relleno usando ese mismo Añadir nuevo relleno botón.

Seleccione este nuevo relleno, establezca el color en R = 255 G = 188 B = 53, E ir a Efecto> Ruta> Ruta compensada. Entrar a -Desplazamiento 2 px, hacer clic DE ACUERDO, E ir a Efecto> Distorsionar y transformar> Transformar. Ingrese los atributos que se muestran a continuación, haga clic en DE ACUERDO, E ir a Efecto> Distorsionar y transformar> Roughen. Ingrese la configuración que se muestra en la siguiente imagen y haga clic en DE ACUERDO.

Etapa 4

Asegúrese de que su texto todavía esté seleccionado y siga enfocándose en la Apariencia panel. Añade un tercer relleno y selecciónalo..

Establece el color en R = 210 G = 96 B = 12 E ir a Efecto> Ruta> Ruta compensada. Entrar a -Desplazamiento 2 px, hacer clic DE ACUERDO, E ir a Efecto> Distorsionar y transformar> Transformar. Ingrese los atributos que se muestran a continuación, haga clic en DE ACUERDO, E ir a Efecto> Distorsionar y transformar> Roughen. Ingrese la configuración que se muestra en la siguiente imagen y haga clic en DE ACUERDO.

Paso 5

Asegúrese de que su texto todavía esté seleccionado y siga enfocándose en la Apariencia panel. Agrega un cuarto relleno y selecciónalo..

Establece el color en R = 255 G = 188 B = 53 E ir a Efecto> Ruta> Ruta compensada. Entrar a -Desplazamiento 2 px, hacer clic DE ACUERDO, E ir a Efecto> Distorsionar y transformar> Transformar. Ingrese los atributos que se muestran a continuación, haga clic en DE ACUERDO, E ir a Efecto> Distorsionar y transformar> Roughen. Ingrese la configuración que se muestra en la siguiente imagen y haga clic en DE ACUERDO.

Paso 6

Asegúrese de que su texto todavía esté seleccionado y siga enfocándose en la Apariencia panel. Añade un quinto relleno y selecciónalo..

Aplica tu patrón desde la Muestras panel y luego ir a Efecto> Distorsionar y transformar> Transformar. Introduzca los atributos que se muestran a continuación y haga clic en DE ACUERDO.

Paso 7

Asegúrese de que su texto todavía esté seleccionado y siga enfocándose en la Apariencia panel. Agrega un sexto relleno y selecciónalo..

Aplica el USGS 21 Superficie intrincada patrón de la Gráficos básicos_Texturas panel, cambiar el Modo de fusión a Luz tenue, E ir a Efecto> Distorsionar y transformar> Transformar. Introduzca los atributos que se muestran a continuación y haga clic en DE ACUERDO.

Paso 8

Asegúrese de que su texto todavía esté seleccionado y siga enfocándose en la Apariencia panel. Añade un séptimo relleno y selecciónalo..

Establece el color en R = 140 G = 67 B = 23, cambiar su Modo de fusión a Luz tenue, E ir a Efecto> Ruta> Ruta compensada. Entrar a -Desplazamiento 3 px, hacer clic DE ACUERDO, E ir a Efecto> Distorsionar y transformar> Roughen. Ingrese la configuración que se muestra en la siguiente imagen, haga clic en DE ACUERDO, E ir a Efecto> Artístico> Grano de película. Introduzca los atributos que se muestran a continuación y haga clic en DE ACUERDO.

Paso 9

Asegúrese de que su texto aún esté seleccionado, siga enfocándose en la Apariencia panel, y seleccione el trazo.

Establece el color en R = 210 G = 96 B = 12, aumenta el Peso a 3 px, E ir a Efecto> Distorsionar y transformar> Roughen. Ingrese la configuración que se muestra en la siguiente imagen y haga clic en DE ACUERDO.

Paso 10

Asegúrese de que su texto todavía esté seleccionado y siga enfocándose en la Apariencia panel. Añadir un segundo trazo usando el Añadir nuevo trazo botón y selecciónelo.

Establece el color en R = 103 G = 22 B = 1, bajar el Peso a 1 px, E ir a Efecto> Distorsionar y transformar> Roughen. Ingrese la configuración que se muestra en la siguiente imagen y haga clic en DE ACUERDO.

Paso 11

Asegúrese de que su texto todavía esté seleccionado y siga enfocándose en la Apariencia panel. Seleccione todo el texto (haga clic en el 'Tipo' sección desde la parte superior del panel) y vaya a Efecto> Stylize> Drop Shadow. Ingrese los atributos que se muestran en la ventana superior izquierda (en la siguiente imagen), haga clic en DE ACUERDO, y luego aplicar los otros cuatro Sombra paralela efectos que se muestran a continuación.

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

Paso 1

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

Paso 2

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

Paso 3

Usa el mismo Herramienta de tipo táctil (Shift-T) para rotar los otros seis caracteres aproximadamente como se muestra en las siguientes imágenes.

Etapa 4

Utilizando la Herramienta Pluma (P) o la Herramienta de pincel (B), dibuja algunas formas pequeñas alrededor de tu texto, aproximadamente como se muestra en la primera imagen. Estas nuevas formas serán las migajas. Seleccione todas estas formas y simplemente aplique su estilo desde el Estilos gráficos panel.

5. Cómo crear un fondo

Paso 1

Elige el Herramienta Rectangular (M) y crear un 860 x 510 px forma. Rellena este rectángulo con R = 253 G = 243 B = 188, enviarlo 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, enfóquese en el Apariencia Panel, y añadir un segundo relleno. Selecciónelo y aplique el degradado radial que se muestra a continuación. Utilizar el Herramienta de gradiente (G) para estirar su gradiente como se muestra en la siguiente imagen.

¡Felicidades! Estas hecho!

Aquí es cómo debe verse. Espero que hayas disfrutado de este tutorial y que puedas aplicar estas técnicas en tus proyectos futuros. No dudes en compartir tu resultado final en la sección de comentarios..

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