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.
Necesitará el siguiente recurso para completar este proyecto:
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.
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.
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.
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..
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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..