Cómo crear un efecto de texto de lápices en Adobe Illustrator

Lo que vas a crear

En los siguientes pasos, aprenderá cómo crear un efecto de texto de lápices en Adobe Illustrator usando un pincel de patrón muy detallado. 

Para empezar, aprenderá cómo configurar una cuadrícula simple y cómo crear el cuerpo de su lápiz utilizando un montón de rectángulos. Utilizando los efectos Zig Zag, Warp y Roughen junto con las técnicas básicas de fusión y construcción de formas vectoriales, aprenderá cómo crear la punta del lápiz.. 

Luego, utilizando los efectos de esquinas redondeadas y la función Esquinas vivas junto con un montón de rectángulos y caminos compuestos, aprenderá cómo crear los componentes restantes de su lápiz..

Continuando, aprenderá cómo facilitar su trabajo utilizando la herramienta Shape Builder Tool, cómo guardar y nombrar patrones y cómo crear su propio pincel de patrones. Usando el efecto Transformación, aprenderá cómo multiplicar fácilmente una ruta y cómo alinearla perfectamente con la cuadrícula de píxeles. Finalmente, aprenderá cómo crear el efecto de texto utilizando su pincel de patrón y una simple pieza de texto como referencia..

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

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 585 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.

Habilitar la cuadrícula (Ver> Mostrar cuadrícula) y el complemento a la cuadrícula (Ver> Ajustar a la cuadrícula). Necesitará una cuadrícula cada 1 px, así que simplemente ve a Edición> Preferencias> Guías> Cuadrícula, y entrar 1 en el Gridline cada caja y 1 en el Subdivisiones caja. Trate de no desanimarse por toda esa cuadrícula: facilitará su trabajo y tenga en cuenta que puede habilitarlo o deshabilitarlo fácilmente usando el Controlar-" atajo de teclado.

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

También debe abrir el Información panelVentana> Información) para una vista previa en vivo con el tamaño y la posición de sus formas. No te olvides de configurar la unidad de medida en píxeles desde Editar> Preferencias> Unidades. Todas estas opciones aumentarán significativamente tu velocidad de trabajo..

2. Cómo crear el cuerpo del lápiz

Paso 1

Elige el Herramienta Rectangular (M) y enfócate en tu barra de herramientas. Elimine el color del trazo y luego seleccione el relleno y establezca su color en R = 227 G = 174 B = 124. Muévete a tu mesa de trabajo y simplemente crea un 10 x 8 px rectángulo: la cuadrícula y el complemento a la cuadrícula deberían facilitar esto.

Regrese a su barra de herramientas y reemplace el color de relleno existente con R = 207 G = 154 B = 104. Usando la misma herramienta, crea dos 10 x 6 px Formas y colócalas exactamente como se muestra en la segunda imagen..

Paso 2

Utilizando la Herramienta Rectangular (M), crear dos 10 x 1 px Formas y colócalas exactamente como se muestra en la primera imagen. Llene el superior con R = 246 G = 202 B = 155 y el de abajo con R = 242 G = 197 B = 158.

Usando la misma herramienta, crea dos 10 x 2 px Formas y colócalas exactamente como se muestra en la segunda imagen. Rellena ambas formas con negro (R = 0 G = 0 B = 0), baja su Opacidad a 40%, y cambiar el Modo de fusión a Luz tenue.

Crear un 10 x 3 px forma, rellenarlo con blanco (R = 255 G = 255 B = 255), baja su Opacidad a 50%, y cambiar el Modo de fusión a Luz tenue.

3. Cómo crear la punta del lápiz

Paso 1

Elige el Herramienta Pluma (P) y crea un 20 px camino vertical. Agrega un 0.25 px trazo para este nuevo camino, establece el color en R = 237 G = 28 B = 36, y luego ir a Efecto> Distorsionar y Transformar> Zig Zag. Ingrese los atributos que se muestran en la siguiente imagen, haga clic en DE ACUERDO, y luego ir a Objeto> Expandir Apariencia

Asegúrese de que su ruta resultante esté seleccionada, vaya a Objeto> Ruta> Unirse (Control-J) para cerrar tu camino, y luego pulsa Shift-X para invertir rápidamente los atributos de relleno y trazo.

Paso 2

Utilizando la Herramienta Rectangular (M), crear un 21 x 20 px Da forma y rellénalo con un azul al azar. Concéntrese en el lado derecho de este nuevo rectángulo y cambie al Herramienta de selección directa (A). Seleccione ambos puntos de anclaje y vaya a Objeto> Ruta> Promedio. Comprobar el Ambos cuadro y luego haga clic DE ACUERDO. Básicamente esto debería convertir tu rectángulo en un triángulo..

Asegúrese de que su triángulo esté seleccionado y haga una copia al frente (Control-C> Control-F). Selecciónelo y vaya a Efecto> Deformación> Arco superior. Ingrese los atributos que se muestran en la siguiente imagen, haga clic en ese DE ACUERDO botón, y luego ir a Objeto> Expandir Apariencia.

Seleccione su forma roja junto con las dos azules, abra el Pionero panelVentana> Pathfinder), y haga clic en Unir botón.

Paso 3

Asegúrese de que su forma roja todavía esté seleccionada y haga una copia al frente (Control-C > Control-f).

Utilizando la Herramienta Elipse (L), crear un 10 px Haz un círculo y rellénalo con un amarillo al azar. Coloque esta nueva forma como se muestra en la primera imagen, y luego vaya a Efecto> Distorsionar y transformar> Roughen. Ingrese los atributos que se muestran en la siguiente imagen, haga clic en ese DE ACUERDO botón, y luego ir a Objeto> Expandir Apariencia.

Seleccione su forma amarilla junto con la copia de esa forma roja, vaya a la Pionero panel, y haga clic en el Unión botón. Seleccione la forma resultante y reemplace el color de relleno existente con R = 53 G = 47 B = 49.

Etapa 4

Utilizando la Herramienta Rectangular (M), crear un 25 x 10 px forma. Rellénelo con un azul al azar y colóquelo como se muestra en la primera imagen. Concéntrese en el lado derecho de este nuevo rectángulo y cambie al Herramienta de selección directa (A). Seleccione ambos puntos de anclaje y vaya a Objeto> Ruta> Promedio. Comprobar el Ambos cuadro y luego haga clic DE ACUERDO.

Seleccione su triángulo azul junto con esa forma roja y agregue copias al frente (Control-C> Control-F). Asegúrese de que solo las copias estén seleccionadas y haga clic en Frente menos botón de la Pionero panel. Simplemente pulsa Shift-Control-G a Desagrupar tu grupo resultante.

Paso 5

Seleccione las formas rojas y azules restantes y luego haga clic en Intersecarse botón de la Pionero panel.

Mover a la Capas panelVentana> Capas), seleccione las formas oscuras que forman la punta de su lápiz, y póngalas al frente (Shift-Control-]).

Paso 6

Seleccione su forma azul junto con la oscura y agregue copias al frente (Control-C> Control-F). Seleccione ambas copias y haga clic en el Intersecarse botón de la Pionero panel. Rellena la forma resultante con R = 96 G = 95 B = 93.

Paso 7

Elige el Herramienta Rectangular (M) y crea un 3 x 2 px forma. Rellénelo con un amarillo aleatorio y colóquelo como se muestra en la primera imagen..

Sigue enfocándote en este nuevo rectángulo y cambia al Herramienta de selección directa (A). Seleccione el punto de anclaje superior derecho y arrástrelo a la punta de su lápiz, como se muestra en la segunda imagen.

Duplica tu forma amarilla, selecciona esta copia, gírala 180 grados, y luego colocarlo como se muestra en la tercera imagen.

Paso 8

Elige el Herramienta Rectangular (M) y crea un 24 x 3 px forma. Rellénelo con un amarillo aleatorio y colóquelo como se muestra en la primera imagen..

Sigue enfocándote en este nuevo rectángulo, cambia al Eliminar herramienta de punto de anclaje (-), y simplemente haga clic en el punto de anclaje superior derecho para eliminarlo.

Paso 9

Seleccione su forma roja superior y agregue una copia al frente (Control-C> Control-F). Seleccione esta copia junto con la forma amarilla superior y haga clic en Intersecarse botón de la Pionero panel. Rellena la forma resultante con negro, baja su Opacidad a 40%, y cambiar el Modo de fusión a Luz tenue.

Seleccione su forma roja inferior y agregue una copia al frente (Control-C> Control-F). Seleccione esta copia junto con la forma amarilla inferior, y haga clic en Intersecarse botón de la Pionero panel. Rellena la forma resultante con negro, baja su Opacidad a 40%, y cambiar el Modo de fusión a Luz tenue.

Seleccione su forma azul y añada una copia al frente (Control-C> Control-F). Seleccione esta copia junto con la forma amarilla restante y haga clic en Intersecarse botón de la Pionero panel. Rellena la forma resultante con blanco, baja su Opacidad a 50%, y cambiar el Modo de fusión a Luz tenue.

Paso 10

Seleccione sus formas rojas y reemplace el color existente con R = 217 G = 164 B = 114. Seleccione su forma azul y reemplace el color existente con R = 236 G = 192 B = 145.

4. Cómo crear el lado metálico del lápiz

Paso 1

Elige el Herramienta Rectangular (M), y crea dos 3 x 22 px formas y uno 5 x 22 px forma. Rellena los tres rectángulos con R = 171 G = 175 B = 184, Colóquelos como se muestra en la primera imagen, y luego vaya a Efecto> Estilizar> Esquinas redondeadas. Entrar a Radio 1 px, haga clic en eso DE ACUERDO botón, y luego ir a Objeto> Expandir Apariencia

Asegúrese de que las formas resultantes estén seleccionadas y vaya a Objeto> Ruta compuesta> Hacer (Control-8) para convertirlos en un camino compuesto.

Paso 2

Asegúrese de que su ruta compuesta gris aún esté seleccionada y agregue una copia al frente (Control-C> Control-F). Utilizando la Herramienta Rectangular (M), crear un 13 x 6 px forma, establecer el color de relleno a R = 149 G = 153 B = 162, y colóquelo como se muestra en la primera imagen..

Seleccione este nuevo rectángulo junto con la copia de su ruta compuesta y haga clic en el Intersecarse botón de la Pionero panel. Convierta el grupo resultante de formas en una nueva ruta compuesta (Control-8) y luego duplicarlo (Control-C> Control-F). Girar esta copia 180 grados y luego colocarlo como se muestra en la cuarta imagen.

Paso 3

Elige el Herramienta Rectangular (M), y crea dos 3 x 1 px formas y uno 5 x 1 px forma. Rellena los tres rectángulos con R = 229 G = 229 B = 227 y colóquelos como se muestra en la primera imagen. Convertirlos en un camino compuesto (Control-8) para que sea más fácil seleccionar o editar todas estas formas a la vez.

Duplica este nuevo camino compuesto (Control-C> Control-V) y seleccione la copia. Colóquelo como se muestra en la segunda imagen y reemplace el color existente con R = 208 G = 212 B = 215.

Etapa 4

Elige el Herramienta Rectangular (M), y crea dos 3 x 2 px formas y uno 5 x 2 px forma. Rellene los tres rectángulos con negro y colóquelos como se muestra en la primera imagen. Bajar su Opacidad a 30% y cambiar el Modo de fusión a Luz tenue. Convierta estas nuevas formas en una ruta compuesta y luego duplíquelas (Control-C> Control-V). Seleccione la copia y colóquela como se muestra en la segunda imagen..

Elige el Herramienta Rectangular (M), y crea dos 3 px cuadrados y uno 5 x 3 px forma. Rellene las tres formas con blanco y colóquelas como se muestra en la tercera imagen. Bajar su Opacidad a 40% y cambiar el Modo de fusión a Luz tenue. Convierte estas nuevas formas en un camino compuesto..

Paso 5

Elige el Herramienta Rectangular (M) y crea dos 1 x 20 px formas Rellena ambas formas con R = 83 G = 92 B = 107 y colocarlos como se muestra en la primera imagen..

Usando la misma herramienta, crea cuatro 1 px cuadrados y colocarlos como se muestra en la segunda imagen. Rellena las cuatro formas con blanco, baja su Opacidad a 70%, y cambiar el Modo de fusión a Luz tenue.

A continuación, crea dos 1 x 2 px Formas, rellénalas con negro y colócalas como se muestra en la tercera imagen. Bajar su Opacidad a 20% y cambiar el Modo de fusión a Luz tenue. Convierte estas dos formas en un camino compuesto (Control-8) y duplicarlo (Control-C> Control-V). Coloque la copia como se muestra en la cuarta imagen y levante su Opacidad a 30%.

Crear dos 1 x 3 px Formas, rellénalas con blanco y colócalas como se muestra en la tercera imagen. Bajar su Opacidad a 30% y cambiar el Modo de fusión a Luz tenue.

5. Cómo crear el borrador del lápiz

Paso 1

Elige el Herramienta Rectangular (M), crear un 15 x 20 px forma, rellenar con R = 224 G = 67 B = 86, y colóquelo como se muestra en la primera imagen. Concéntrese en el lado izquierdo de este nuevo rectángulo y cambie al Herramienta de selección directa (A). Seleccione ambos puntos de anclaje, vaya al panel de control y simplemente ingrese 3 px en eso Las esquinas caja.

Paso 2

Asegúrese de que su forma rosada todavía esté seleccionada y agregue una copia al frente (Control-C> Control-F). Elige el Herramienta Rectangular (M), crear un 15 x 6 px forma, colóquela como se muestra en la primera imagen y configure el color de relleno R = 229 G = 82 B = 101. Seleccione este nuevo rectángulo junto con la copia de su forma rosa y haga clic en el Intersecarse botón de la Pionero panel. Asegúrese de seleccionar la forma resultante y agregue una copia al frente (Control-C> Control-F).

Usando la misma herramienta, crea un 15 x 2 px Forme, llénelo con negro y colóquelo como se muestra en la tercera imagen. Seleccione este nuevo rectángulo junto con la copia realizada hace unos momentos y haga clic en Intersecarse botón de la Pionero panel. Asegúrese de que la forma resultante permanezca seleccionada, baje su Opacidad a 30%, y cambiar el Modo de fusión a Luz tenue.

Paso 3

Seleccione las dos formas hechas en el paso anterior y duplíquelas (Control-C> Control-V). Rotar estas copias 180 grados y colóquelos como se muestra en la segunda imagen. Seleccione la forma resaltada en la segunda imagen y simplemente reemplace el color de relleno existente con R = 214 G = 57 B = 76.

Elige el Herramienta Rectangular (M), crear dos 15 x 1 px Formas, y colócalas exactamente como se muestra en la primera imagen. Llene el superior con R = 255 G = 122 B = 141 y el de abajo con R = 235 G = 102 B = 121.

Usando la misma herramienta, crea un 15 x 3 px Forma y colócalo exactamente como se muestra en la cuarta imagen. Establece el color de relleno a blanco, baja su Opacidad a 30%, y cambiar el Modo de fusión a Luz tenue.

6. Cómo crear el pincel de patrón

Paso 1

Elige el Herramienta Rectangular (M) y crea un 4 x 26 px forma. Rellénalo con un rojo al azar, baja su Opacidad a alrededor 50%, y colóquelo exactamente como se muestra en la primera imagen. Seleccione este rectángulo junto con el resto de las formas hechas hasta ahora y Grupo ellos (Control-G).

Haga una copia de su grupo (Control-C> Control-V) y colóquelo como se muestra en la tercera imagen.

Paso 2

Seleccione su grupo superior y elija el Herramienta de creación de forma (Shift-M). Sostener el Alt en el teclado y simplemente arrastre un camino un tanto vertical desde los bordes superior a inferior de ese rectángulo rojo. Este movimiento eliminará rápidamente ese rectángulo rojo junto con todas las formas que están detrás de él, y al final las cosas deberían verse como en la segunda imagen..

Paso 3

Selecciona el grupo restante de formas y elige la misma Herramienta de creación de forma (Shift-M). Esta vez mantenga pulsado el Cambio y el Alt en el teclado y arrastre dos selecciones simples hacia el lado izquierdo y el lado derecho de ese rectángulo rojo, como se muestra en las siguientes imágenes. Al final, las cosas deberían verse como en la tercera imagen..

Cambiar a la Herramienta de selección directa (A), seleccione ese rectángulo rojo, y simplemente elimínelo usando el Borrar botón en tu teclado.

Etapa 4

Utilizando la Herramienta de selección directa (A), seleccione todas las formas resaltadas en la primera imagen y simplemente arrástrelas dentro de la Muestras panelVentana> Muestras) para guardarlos como un patrón. Deseleccione las formas de su mesa de trabajo y seleccione ese patrón de la Muestras panelVentana> Muestras). Abre el menú desplegable desde la Muestras panel e ir a Opciones de Swatch ... . Renombra tu patrón "comienzo"y luego haga clic en DE ACUERDO botón.

Seleccione las formas resaltadas en la segunda imagen y guárdelas como un segundo patrón. Seleccione este nuevo patrón y renómbrelo "Fin".

Paso 5

Seleccione las formas resaltadas en la siguiente imagen, abra el Cepillos panelVentana> Cepillos), y haga clic en eso Cepillo nuevo botón. Comprobar el Pincel de patrón cuadro y haga clic DE ACUERDO. Elija un nombre para su patrón, asegúrese de que los atributos estén establecidos como se muestra a continuación, y luego concéntrese en el Azulejo cajas.

Simplemente abre el Iniciar azulejo y añade tu "comienzo"patrón, y luego abra el Azulejo final y añade tu "Fin"patrón. Una vez que haya terminado, haga clic en el DE ACUERDO botón y su nuevo pincel de patrón aparecerá en el Cepillos panel.

7. Cómo crear el fondo

Paso 1

Elige el Herramienta Rectangular (M) y crear un 860 x 595 px forma. Llenarlo con R = 250 G = 255 B = 255 y asegúrate de que cubre toda tu mesa de trabajo.

Paso 2

Elige el Herramienta Pluma (P), crear un 860 px Ruta horizontal, y colóquelo como se muestra en la siguiente imagen. Agrega un 1 px trazo para este camino y establecer su color a R = 41 G = 171 B = 226.

Paso 3

Asegúrese de que su camino horizontal todavía está seleccionado, baje su Opacidad a 20%, y luego ir a Efecto> Distorsionar y transformar> Transformar. Arrastrar el Movimiento vertical deslizador a 0.5 px, haga clic en eso DE ACUERDO botón, y luego ir de nuevo a Efecto> Distorsionar y transformar> Transformar. Esta vez, arrastra eso Movimiento vertical deslizador a 15 px, entrar 39 en el Copias cuadro, y luego haga clic en DE ACUERDO.

Que primero Transformar El efecto se utiliza para alinear perfectamente su trazo con la cuadrícula de píxeles. Habilitar el Vista previa de píxeles característica (Ver> Vista previa de píxeles), eche un vistazo más de cerca a su camino horizontal, y luego deshabilite ese Transformar Efecto para entender exactamente lo que hace..

8. 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 Milkshake y establezca el tamaño en 200 px y el seguimiento a 100.

Simplemente haga clic en su mesa de trabajo y agregue el "Dibujar"texto. Hazlo negro y baja su Opacidad a alrededor 30% desde el Transparencia panelVentana> Transparencia).

Utilizando la Herramienta Pluma (P) y la pieza de texto como referencia, dibuje algunas rutas simples como se muestra en la segunda imagen.

Paso 2

Deshazte de tu texto y asegúrate de que tus rutas estén seleccionadas. Simplemente aplique su pincel de patrón de la Cepillos panelVentana> Cepillos), y luego ir a Efecto> Stylize> Drop Shadow. Ingrese los atributos que se muestran en la ventana izquierda (en la siguiente imagen), haga clic en DE ACUERDO botón, y luego aplicar los otros dos Sombra paralela efectos.

Paso 3

Finalmente, agregue un simple efecto de garabato para el resto de las palabras.

¡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..

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..