Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Illustrator Brushes
Design

¿Cómo Crear un Efecto de Texto de Lápiz en Adobe Illustrator?

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Communication Week.
22 Unique Photoshop Text Effects That Grab Your Attention!
How to Create a Newspaper Ransom Note Text Effect in Adobe Photoshop

Spanish (Español) translation by Christian Marroquin (you can also view the original English article)

Final product image
What You'll Be Creating

En los siguientes pasos aprenderás a cómo crear un efecto de texto de lápiz en Adobe Illustrator, usando un pincel de motivo detallado.

Para aquellos que recién comienzan, aprenderás a cómo ajustar una cuadrícula simple y cómo crear el cuerpo de tu lápiz, usando muchos rectángulos. Usando los efectos de Zig Zag, Deformar y Emborronar, así como fusiones básicas y técnicas de formación de vector, aprenderás a cómo crear la punta del lápiz. 

Luego, usando los efectos de Esquinas Redondeadas y los Vértices Interactivos, así como muchos rectángulos y trazados compuestos, aprenderás a cómo crear los componentes restantes de tu lápiz.

Luego, aprenderás a cómo crear tu trabajo más fácil, usando la Herramienta Creador de Forma, a cómo guardar y nombrar los motivos, y a cómo crear tu propio pincel de motivo. Usando el efecto de Transformar, aprenderás a cómo multiplicar fácilmente un trazado y cómo alinearlo perfectamente a una cuadrícula de píxel. Finalmente, aprenderás a cómo crear el efecto de texto usando tu pincel de motivo y una pieza simple de texto com referencia.

Para más inspiración en cómo ajustar o mejorar tu efecto de texto, puedes encontrar muchos recursos en GraphicRiver.

1. ¿Cómo Crear un Nuevo Documento y Establecer una Cuadrícula?

Presiona Control-N para crear un nuevo documento. Selecciona Píxeles del menú desplegable de Unidades, pon 850 en la anchura y 585 en la Altura, y luego da clic en Más Configuración. Selecciona RGB para el Modo de Color, pon Efectos de Rasterizado a Pantalla (72 ppp) y luego da clic en Crear Documento.

Habilita la Cuadrícula (Ver > Mostrar Cuadrícula) y Ajusta la Cuadrícula (Vista > Ajustar la Cuadrícula). Necesitarás una cuadrícula cada 1 px, así que simplemente ve a Edición > Preferencias > Guías > Cuadrícula, y pon 1 en la casilla Línea de Cuadrícula Cada y 1 en la casilla de Subdivisiones. Trata de no desanimarte con toda esa cuadrícula—facilitará tu trabajo, y mantén en mente que puedes habilitar o deshabilitar, usando Control-".

Puedes aprender más acerca del sistema de cuadrículas de Illustrator en este tutorial por Andrei Stefan: Entendiendo el Sistema de Cuadrícula de Adobe Illustrator.

Debes abrir el panel de Información (Ventana > Información) para una previsualización del tamaño y la posición de tus formas. No olvides poner las unidades de medida a píxeles desde Edición > Preferencias > Unidades. Todas estas opciones incrementarán la fluidez de tu trabajo.

setup grid

2. ¿Cómo Crear el Cuerpo del Lápiz?

Paso 1

Coge la Herramienta Rectángulo (M) y enfócate en la barra de tareas. Borra el color del trazo y luego selecciona el relleno y pon su color a R=227 G=174 B=124. Mueve tu mesa de trabajo y simplemente crea un rectángulo 10 x 8 px—La cuadrícula y Ajustar a Cuadrícula deben facilitar esto.

Regresa a tu Mesa de Trabajo y reemplaza el color de relleno existente con R=207 G=154 B=104. Usando la misma herramienta, crea dos formas de 10 x 6 px y ponlas exactamente como se muestran en la segunda imagen.

rectangle

Paso 2

Usando la Herramienta Rectángulo (M), crea dos formas 10 x 1 px y ponlas exactamente como se muestra en la primera imagen. Rellena la parte superior con R=246 G=202 B=155 y el inferior con R=242 G=197 B=158.

Usando la misma herramienta, crea dos formas de 10 x 2 px y ponlas exactamente como se muestra en la segunda imagen. Rellena ambas formas con negro (R= 0 G=0 B=0), disminuye la Opacidad a 40%, y cambia el Modo de Fusión a Luz Suave.

Crea una forma de 10 x 3 px, rellena con blanco (R=255 G=255 B=255), disminuye su Opacidad a 50% y cambia el Modo de Fusión a Luz Suave.

thin rectangle

3. ¿Cómo Crear la Punta del Lápiz?

Paso 1

Coge la Herramienta Lápiz (P) y crea un trazado vertical de 20 px. Añade un trazo de 0.25 px para este nuevo trazado; pon el color a R=237 G=28 B=36, y luego ve a Efecto > Distorsionar y Transformar > Zig Zag. Pon los atributos que se muestran en la siguiente imagen; da clic en OK y luego ve a Objeto > Expandir Apariencia.

Asegúrate de que tu trazado resultante esté seleccionado; ve a Objeto > Trazado > Unir (Control-J) para cerrar el trazado, y luego presiona Mayus-X para invertir el relleno y los atributos del trazo.

zig zag

Paso 2

Usando la Herramienta Rectángulo (M), crea una forma de 21 x 20 px y rellena con un azul aleatorio. Enfócate en el lado derecho de este rectángulo nuevo y cambia a la Herramienta Selección Directa (A). Selecciona los dos puntos de ancla y ve a Objeto > Trazado > Promediar. Marca la casilla Ambos y luego da clic en OK. Esto debe transformar tu rectángulo en un triángulo.

Asegúrate de que tu triangulo esté seleccionado y haz una copia en frente (Control-C > Control-F). Selecciónalo y ve a Efecto > Deformar > Arco Superior. Pon los atributos que se muestran en la imagen; da clic en OK y luego ve a Objeto > Expandir Apariencia.

Selecciona tu forma roja con las azules; abre el panel de Buscatrazos (Ventana > Buscatrazos) y da clic en el botón Unir.

warp

Paso 3

Asegúrate de que tu forma roja esté seleccionada y haz una copia en frente (Control-C > Control-F).

Usando la Herramienta Elipse (L), crea un círculo de 10 px y rellena con un amarillo aleatorio. Pon esta forma nueva como se muestra en la primera imagen, y luego ve a Efecto > Distorsionar y Transformar > Emborronar. Pon los atributos que se muestran en la siguiente imagen, da clic en OK, y luego ve a Objeto > Expandir Apariencia.

Selecciona tu forma amarilla así como la copia de esa forma roja; ve al panel Buscatrazos y da clic en el botón de Unión. Selecciona la forma resultante y reemplaza el color de relleno existente con R=53 G=47 B=49.

roughen

Paso 4

Usando la Herramienta Rectángulo (M), crea una forma de 25 x 10 px. Rellena con un azul aleatorio y ponla como se muestra en la primera imagen. Enfócate en el lado derecho de este nuevo rectángulo y cambia a la Herramienta Selección Directa (A). Selecciona ambos puntos de ancla y ve a Objeto > Trazado > Promediar. Marca la casilla Ambos y luego da clic en OK.

Selecciona tu triángulo azul así como la forma roja y añade las copias en frente (Control-C > Control-F). Asegúrate de que solo las copias estén seleccionadas y da clic en el botón Menos Frente del panel Buscatrazos. Simplemente presiona Mayus-Control-F para Desagrupar tu grupo resultante.

average

Paso 5

Selecciona las formas rojas y azules restantes y luego da clic en el botón Intersección del panel Buscatrazos.

Ve al panel de Capas (Ventana > Capas), selecciona las formas oscuras que conforman la punta de tu lápiz, y tráelos al frente (Mayus-Control-]).

intersect

Paso 6

Selecciona la forma azul asó como la negra y añade copias en frente (Control-C > Control-F). Selecciona ambas copias y da clic en el botón Formar Intersección en el panel del Buscatrazos. Rellena la forma resultante con R=96 G=95 B=93.

pathfinder

Paso 7

Coge la Herramienta Rectángulo (M) y crea una forma 3 x 2 px. Rellena con un amarillo aleatorio y ponla como se muestra en la primera imagen.

Mantente enfocado en este nuevo rectángulo y ve a la Herramienta Selección Directa (A). Selecciona el punto de ancla superior derecho y arrastra la punta de tu lápiz, como se muestra en la segunda imagen.

Duplica la forma amarilla; selecciona esta copia, rota 180°, y luego ponla como se muestra en la tercera imagen.

yellow

Paso 8

Coge la Herramienta Rectángulo (M) y crea una forma 24 x 3 px. Rellena con un amarilla aleatorio y ponla como se muestra en la primera imagen.

Mantente enfocado en este nuevo rectángulo, cambia a Borrar Punto de Ancla (-) y simplemente da clic en el punto de ancla superior derecho para borrarlo.

delete anchor point

Paso 9

Selecciona la forma superior roja y añade una copia en frente (Control-C > Control-F). Selecciona esta copia así como la forma amarilla superior y da clic en el botón Formar Intersección del panel Buscatrazos. Rellena la forma resultante con negro, disminuye su Opacidad a 40%, y cambia el Modo de Fusión a Luz Suave.

Selecciona la forma roja inferior y añade una copia en frente (Control-C > Control-F). Selecciona esta copia así como la forma amarilla inferior, y da clic en Formar Intersección del panel Buscatrazos. Rellena la forma resultante con negro, disminuye la Opacidad a 40% y cambia el Modo de Fusión a Luz Suave.

Selecciona la forma azul y añade una copia en frente (Control-C > Control-F). Selecciona esta copia así como la forma amarilla restante y da clic en Crear Intersección del panel Buscatrazos. Rellena la forma resultante con blanco; disminuye su Opacidad a 50% y cambia el Modo de Fusión a Luz Suave.

intersect

Paso 10

Selecciona las formas rojas y reemplaza el color existente con R=217 G=164 B=114. Selecciona tu forma azul y reemplaza el color existente con R=236 G=192 B=145.

recolor

4. ¿Cómo Crear el Lado Metálico del Lápiz?

Paso 1

Coge la Herramienta Rectángulo (M) y crea dos formas 3 x 22 px y una forma de 5 x 22 px. Rellena los tres rectángulos con R=171 G=175 B=184. Ponlos como se muestra en la primera imagen, y luego ve a Efecto > Estilizar > Esquinas Redondeadas. Pon un Radio de 1 px, da clic en OK, y luego ve a Objeto > Expandir Apariencia.

Asegúrate de que las formas resultantes estén seleccionadas y ve a Objeto > Trazado Compuesto > Crear (Control-8) para convertirlo en un trazado compuesto.

rounded corners

Paso 2

Asegúrate de que tu trazado gris compuesto esté seleccionado y añade una copia en frente (Control-C > Control-F). Usando la Herramienta Rectángulo (M), crea una forma 13 x 6 px, pon el color de relleno a R=149 G=153 B=162, y ponlo como se muestra en la primera imagen.

Selecciona este nuevo rectángulo con la copia de tu trazado compuesto, y da clic en Crear Intersección del panel de Buscatrazos. Convierte el grupo resultante de formas en un nuevo trazado compuesto (Control-8) y luego duplicalo (Control-C > Control-F), Rota esta copia 180° y luego ponla como se muestra en la cuarta imagen.

compound path

Paso 3

Coge la Herramienta Rectángulo (M) y luego crea dos formas 3 x 1 px y una forma de 5 x 1 px. Rellena todos los tres rectángulo con R=229 G=229 B=227 y ponlas como se muestra en la primera imagen. Ponlas en un trazado compuesto (Control-8) para facilitar la selección o edición de estas formas al mismo tiempo.

Duplica este trazado compuesto (Control-C > Control-V) y selecciona la copia. Ponla como se muestra en la segunda imagen y reemplaza el color existente con R=208 G=212 B=215.

rectangles

Paso 4

Coge la Herramienta Rectángulo (M) y crea dos formas de 3 x 2 px y una forma de 5 x 2 px. Rellena todos los tres rectángulos con negro y ponlos como se muestra en la primera imagen. Disminuye su Opacidad a 30% y cambia el Modo de Fusión a Luz Suave. Pon estas formas nuevas en un trazado compuesto y luego duplicalos (Control-C > Control-V). Selecciona la copia y ponla como se muestra en la segunda imagen.

Coge la Herramienta Rectángulo (M) y crea dos cuadrados de 3 px y una forma de 5 x 3 px. Rellena todas las tres formas con blanco y ponlas como se muestra en la tercera imagen. Disminuye su Opacidad a 40% y cambia el Modo de Fusión a Luz Suave. Pon estas formas nuevas en un trazado compuesto.

rectangles

Paso 5

Coge la Herramienta Rectángulo (M) y crea dos formas de 1 x 20 px. Rellena las dos formas con R=83 G=92 B=107 y ponlas como se muestra en la primera imagen.

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

Luego, crea dos formas de 1 x 2 px. Rellena con negro, y ponlas como se muestra en la tercera imagen. Disminuye su Opacidad a 20% y cambia el Modo de Fusión a Luz Suave. Convierte estas dos formas en un trazado compuesto (Control-8) y duplica (Control-C > Control-V). Pon la copia como se muestra en la cuarta imagen y eleva su Opacidad a 30%.

Crea dos formas de 1 x 3 px, rellena con blanco y ponlas como se muestra en la tercera imagen. Baja su Opacidad a 30% y cambia el Modo de Fusión a Luz Suave.

rectangles

5. ¿Cómo Crear el Borrador del Lápiz?

Paso 1

Coge la Herramienta Rectángulo (M). Crea una forma de 15 x 20 px. Rellena con R=224 G=67 B=86, y ponlas como se muestra en la primera imagen. Enfócate en el lado izquierdo de este nuevo rectángulo y ve a la Herramienta Selección Directa (A). Selecciona los dos puntos de ancla, ve al panel de control y simplemente pon 3 px en la casilla de Grosor de Trazo.

live corners

Paso 2

Asegúrate de que tu forma rosada esté seleccionada y añade una copia en frente (Control-C > Control-F). Coge la Herramienta Rectángulo (M), crea una forma de 15 x 6 px, ponla como se muestra en la primera imagen y pon el color de relleno a R=229 G=82 B=101. Selecciona este nuevo rectángulo con la copia de tu forma rosada y da clic en Crear Intersección desde el panel Buscatrazos. Asegúrate que la forma resultante esté seleccionada y añade una copia en frente (Control-C > Control-F).

Usando la misma herramienta, crea una forma de 15 x 2 px, rellena con negro y ponla como se muestra en la tercera imagen. Selecciona este nuevo rectángulo con la copia hecha algunos momentos atrás y da clic en el botón Crear Intersección del panel Buscatrazos. Asegúrate de que la forma resultante permanezca seleccionada, baja su Opacidad a 30% y cambia el Modo de Fusión a Luz Suave.

pathfinder

Paso 3

Selecciona las dos formas hechas en el paso anterior y duplícalas (Control-C > Control-V). Rota estas copias 180° y ponlas como se muestra en la segunda imagen. Selecciona la forma resaltada en la segunda imagen y simplemente reemplaza el color de relleno existente con R=214 G=57 B=76.

Coge la Herramienta Rectángulo (M). Crea dos formas de 15 x 1 px, y ponlas exactamente como se muestran en la primera imagen. Rellena la parte superior con R=255 G=122 B=141 en la parte inferior con R=235 G=102 B=121.

Usando la misma herramienta, crea una forma de 15 x 3 px y ponla exactamente como se muestra en la cuarta imagen. Pon el color de relleno a blanco. Disminuye su Opacidad a 30% y cambia el Modo de Fusión a Luz Suave.

rotate

6. ¿Cómo Crear el Pincel de Motivo?

Paso 1

Coge la Herramienta Rectángulo (M) y crea una forma de 4 x 26 px. Rellena con un rojo aleatorio, disminuye su Opacidad cerca de 50% y ponla exactamente como se muestra en la primera imagen. Selecciona este rectángulo con el resto de las formas hechas hasta el momento y Agrúpalas (Control-G).

Crea una copia de tu grupo (Control-C > Control-V) y ponla cerca como se muestra en la tercera imagen.

group

Paso 2

Selecciona tu grupo superior y coge la Herramienta Creador de Formas (Mayus-M). Mantén presionado el botón Alt en tu teclado y simplemente arrastra el trazado vertical desde la parte de arriba de los bordes de esa rectángulo rojo. Esto movimiento borrará rápidamente ese rectángulo rojo con todas las formas que están detrás, y al final, las cosas deben verse como en la segunda imagen.

shape builder tool

Paso 3

Selecciona el grupo restante de formas y coge la Herramienta Creador de Forma (Mayus-M). Esta vez mantén presionada la tecla Mayus y Alt en tu teclado y arrastra dos selecciones simples a la izquierda y al lado derecho de ese rectángulo rojo, como se muestra en las siguientes imágenes. Al final, las cosas deben verse como en la tercera imagen.

Ve a la Herramienta Selección Directa (A). Selecciona ese rectángulo rojo y simplemente borralo usando el botón Suprimir en tu teclado.

delete

Paso 4

Usando la Herramienta Selección Directa (A), selecciona todas las formas resaltadas en la primera imagen y simplemente arrástrala dentro del panel de Muestras (Ventana > Muestras) para guardarlas como motivo. Deselecciona las formas de tu mesa trabajo y selecciona ese motivo del panel de Muestras (Ventana > Muestras). Abre el menú desplegable del panel Muestras y ve a las Opciones de Muestra... Renombra el motivo "Comienzo" y luego da clic en el botón OK.

Selecciona las formas resaltadas en la segunda imagen y guárdalas como un segundo motivo. Selecciona este motivo nuevo y renómbralo "Final".

save pattern

Paso 5

Selecciona las formas resaltadas en la siguiente imagen. Abre el panel Pincel (Ventana > Pinceles) y da clic en Nuevo Pincel. Marca la casilla de Pincel de Motivo y da clic en OK. Escoge un nombre para tu motivo. Asegúrate de que los atributos estén puestos como se muestra debajo, y luego enfócate en la casilla de Azulejos.

Simplemente abre Comenzar Azulejo y añade el motivo "Comienzo", y luego abre el Azulejo Final y añade el motivo "Final". Una vez que termines, da clic en OK y tu nuevo pincel de motivo se mostrará en el panel de Pinceles.

save pattern brush

7. ¿Cómo Crear el Fondo?

Paso 1

Coge la Herramienta Rectángulo (M) y crea una forma de 860 x 595 px. Rellena con R=250 G=255 B=255 y asegúrate de que cubra toda la mesa de trabajo.

background

Paso 2

Coge la Herramienta Pluma (P). Crea un trazado horizontal de 860 px, y ponlo como se muestra en la siguiente imagen. Añade un trazo de 1 px para este trazado y pon su color a R=41 G=171 B=226.

horizontal line

Paso 3

Asegúrate de que tu trazado horizontal esté seleccionado. Baja su Opacidad a 20% y luego ve a Efecto > Distorsionar y Transformar. Arrastra el deslizador Mover-Vertical a 0.5 px. Da clic en OK, y luego de nuevo ve a Efecto > Distorsionar y Transformar > Transformar. Esta vez, arrastra el deslizador Mover-Vertical a 15 px. Pon 39 en la casilla Copias y luego da clic en OK.

Ese primer efecto de Transformar es usado perfectamente para alinear tu trazo a la cuadrícula del píxel. Habilita la característica de Previsualizar Píxel (Vista > Previsualizar Píxel). Echa un vistazo a tu trazado y luego deshabilita el efecto Transformar para entender exactamente lo que hace.

transform

8. ¿Cómo Crear el Efecto de Texto?

Paso 1

Coge la Herramienta Texto (T) y abre el panel Carácter (Ventana > Texto > Carácter). Selecciona la fuente Milkshake, y pon el tamaño a 200 px y el tracking a 100.

Simplemente da clic en tu mesa de trabajo y añade el texto "Dibujar". Hazlo negro y baja su Opacidad cerca de 30% desde el Panel Transparencia (Ventana > Transparencia).

Usando la Herramienta Pluma (P) y la parte de texto como una referencia, dibuja algunos trazados simples como se muestran en la segunda imagen.

type tool

Paso 2

Deshazte de tu texto y asegúrate de que tu trazado esté seleccionado. Simplemente aplica tu pincel de motivo desde el panel de Pinceles (Ventana > Pinceles), y luego ve a Efecto > Estilizar > Sombra Paralela. Pon los atributos que se muestran en la ventana izquierda (en la siguiente imagen). Da clic en OK y luego aplica los otros dos efectos de Sombra Paralela.

drop shadow

Paso 3

Finalmente, añade un efecto simple de escritura para el resto de las palabras.

scribble

¡Felicidades! ¡Lo Hiciste!

Aquí está cómo debe verse. Espero que hallas disfrutado este tutorial y que puedas aplicar estas técnicas en tus proyectos futuros.

Siéntete libre de ajustar el diseño final y hacer el tuyo propio. Puedes encontrar algunos recursos geniales de inspiración en GraphicRiver, con soluciones interesantes para mejorar tu diseño.

final product
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.