1. Design & Illustration
  2. Add-Ons
  3. Text Effects

Cómo Crear un Efecto de Texto de Graffiti en Illustrator

En el siguiente tutorial, aprenderás Cómo Hacer un Graffiti en Illustrator usando una fuente de Letras de Graffiti.
Scroll to top

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

En el siguiente tutorial, aprenderás Cómo Hacer un Graffiti en Illustrator usando una fuente de Texto de Graffiti.

Lo Que Aprenderás en este Tutorial de Efecto de Texto de Graffiti

  • Cómo usar una fuente de Texto de Graffiti en Illustrator
  • Cómo hacer que el texto parezca Graffiti en Illustrator
  • Cómo importar y usar un Pincel de Graffiti en Illustrator
  • Cómo importar y usar una textura de pared de ladrillos en Illustrator
  • Cómo crear texto estilo Graffiti en Illustrator
  • Cómo hacer un diseño de graffiti completo en Illustrator

Para más inspiración sobre cómo ajustar o mejorar tu Efecto de Texto de Grafiti final, puedes encontrar muchos recursos en GraphicRiver.

Que Necesitarás

Necesitarás los siguientes recursos para aprender a crear Texto de Graffiti en Illustrator:

1. Cómo Crear un Nuevo Documento y Cómo Hacer un Graffiti en Illustrator

Paso 1

Presiona Control-N para crear un nuevo documento. Selecciona Píxeles en el menú desplegable Unidades, ingresa 850 en el cuadro de ancho y 890 en el cuadro de altura, y luego haz clic en el botón Más configuraciones. Selecciona RGB para el Modo de color, configura los Efectos de trama en Pantalla (72 ppp) y luego haz clic en Crear documento.

Cómo Crear un Nuevo Documento y Cómo Hacer un Graffiti en IllustratorCómo Crear un Nuevo Documento y Cómo Hacer un Graffiti en IllustratorCómo Crear un Nuevo Documento y Cómo Hacer un Graffiti en Illustrator

Paso 2

Elige la herramienta Texto (T) y abre el panel Carácter (Ventana > Texto > Carácter). Selecciona la Fuente de Letras de Graffiti Street Hustle y establece el tamaño en 150 px.

Haz clic en la mesa de trabajo, escribe tu texto y céntralo.

Selecciona la Fuente de Letras de Graffiti Street Hustle y pon el tamaño en 150 pxSelecciona la Fuente de Letras de Graffiti Street Hustle y pon el tamaño en 150 pxSelecciona la Fuente de Letras de Graffiti Street Hustle y pon el tamaño en 150 px

2. Cómo Hacer que el Texto se Vea Como Graffiti en Illustrator

Paso 1

Selecciona el texto de tu graffiti, concéntrate en el panel Muestras (Ventana > Muestras) y haz clic en esa muestra [Ninguna] para eliminar el color de texto negro.

Asegúrate de que tu texto permanezca seleccionado y ve al panel Apariencia (Ventana > Apariencia). Agrega un nuevo relleno usando el botón Agregar nuevo relleno. Selecciona ese nuevo relleno y establece su color en R=50 G=255 B=255.

Cómo Hacer que el Texto se Vea Como Graffiti en IllustratorCómo Hacer que el Texto se Vea Como Graffiti en IllustratorCómo Hacer que el Texto se Vea Como Graffiti en Illustrator

Paso 2

Asegúrate de que tus Letras de Graffiti aún estén seleccionadas y sigue enfocándote en el panel Apariencia.

Agrega un segundo relleno y selecciónalo. Establece el color en R=63 G=0 B=109 y ve a Efecto > Ruta > Desplazamiento. Ingresa un Desplazamiento de -2 px, pon las Uniones en Redondas y haz clic en Aceptar.

Usa estos Efectos de Graffiti en IllustratorUsa estos Efectos de Graffiti en IllustratorUsa estos Efectos de Graffiti en Illustrator

Paso 3

Asegúrate de que tus Letras de Graffiti permanezcan seleccionadas y sigue enfocándote en el panel Apariencia.

Agrega un tercer relleno y selecciónalo. Establece el color en R=50 G=255 B=255 y ve a Efecto > Ruta > Desplazamiento. Ingresa un Desplazamiento de -3 px, pon las Uniones en Redondas y haz clic en Aceptar.

Vuelve a seleccionar este nuevo relleno y ve a Efecto > Distorsionar y transformar > Transformar. Arrastra ambos Deslizadores a -2 px y luego haz clic en Aceptar.

Checa este Efecto de Graffiti en IllustratorCheca este Efecto de Graffiti en IllustratorCheca este Efecto de Graffiti en Illustrator

Paso 4

Asegúrate de que tus Letras de Graffiti permanezcan seleccionadas y sigue enfocándote en el panel Apariencia.

Agrega un cuarto relleno, selecciónalo y arrástralo debajo de los rellenos existentes. Establece su color en R=63 G=0 B=109 y ve a Efecto > Ruta > Desplazamiento. Ingresa un Desplazamiento de 5 px, pon las Uniones en Redondas y haz clic en Aceptar.

Efecto de Texto en IllustratorEfecto de Texto en IllustratorEfecto de Texto en Illustrator

Paso 5

Asegúrate de que tus Letras de Graffiti permanezcan seleccionadas y sigue enfocándote en el panel Apariencia.

Agrega un quinto relleno, selecciónalo y arrástralo debajo de los rellenos existentes. Establece su color en R=63 G=0 B=109 y ve a Efecto > Distorsionar y transformar > Transformar. Arrastra ambos Deslizadores a 10 px y luego haz clic en Aceptar.

Agrega Efecto de Texto de Graffiti en IllustratorAgrega Efecto de Texto de Graffiti en IllustratorAgrega Efecto de Texto de Graffiti en Illustrator

Paso 6

Asegúrate de que tus Letras de Graffiti permanezcan seleccionadas y sigue enfocándote en el panel Apariencia.

Agrega un sexto relleno, selecciónalo y arrástralo debajo de los rellenos existentes. Establece su color en R=158 G=16 B=239 y ve a Efecto > Ruta > Desplazamiento. Ingresa un Desplazamiento de 5 px, pon las Uniones en Redondas y haz clic en Aceptar.

Vuelve a seleccionar este relleno y ve a Efecto > Distorsionar y transformar > Transformar. Arrastra ambos Deslizadores a 10 px y luego haz clic en Aceptar.

Concéntrate en el panel Apariencia y expande este nuevo relleno con el botón de flecha pequeña. Haz clic en ese fragmento de texto de Opacidad para abrir el panel desplegable Transparencia y baja la Opacidad al 30%.

Aprende a Crear un Grafitti con este Efecto de Texto en IllustratorAprende a Crear un Grafitti con este Efecto de Texto en IllustratorAprende a Crear un Grafitti con este Efecto de Texto en Illustrator

Paso 7

Asegúrate de que tus Letras de Graffiti permanezcan seleccionadas y sigue enfocándote en el panel Apariencia.

Agrega un séptimo relleno, selecciónalo y arrástralo debajo de los rellenos existentes. Establece su color en R=250 G=220 B=30 y ve a Efecto > Ruta > Desplazamiento. Ingresa un Desplazamiento de 5 px, pon las Uniones en Redondas y haz clic en Aceptar.

Ve a Crear un Grafitti con este Efecto de Texto en IllustratorVe a Crear un Grafitti con este Efecto de Texto en IllustratorVe a Crear un Grafitti con este Efecto de Texto en Illustrator

Paso 8

Asegúrate de que tus Letras de Graffiti permanezcan seleccionadas y sigue enfocándote en el panel Apariencia.

Agrega un octavo relleno, selecciónalo y arrástralo debajo de los rellenos existentes. Establece su color en R=250 G=220 B=30 y ve a Efecto > Ruta > Desplazamiento. Ingresa un Desplazamiento de 10 px, pon las Uniones en Redondas y haz clic en Aceptar.

Vuelve a seleccionar este relleno y ve a Efecto > Distorsionar y transformar > Transformar. Arrastra ambos Deslizadores a 10 px y luego haz clic en Aceptar.

Sigue este Efecto de Grafitti en IllustratorSigue este Efecto de Grafitti en IllustratorSigue este Efecto de Grafitti en Illustrator

3. Cómo Aplicar un Pincel de Graffiti en Illustrator

Paso 1

Antes de continuar aprendiendo Cómo Hacer un Graffiti en Illustrator, importemos el paquete de pinceles de Salpicaduras y manchas. Abre el menú desplegable desde el panel Pinceles (Ventana > Pinceles) y ve a Abrir biblioteca de pinceles > Otra biblioteca. Ahora usemos el primer Pincel de Graffiti en Illustrator.

Vuelve a seleccionar tu Texto de Graffiti y concéntrate en el panel Apariencia. Selecciona el trazo, arrástralo debajo de los rellenos existentes y aplica el pincel de arte Drip 11. Establece su color en R=232 G=0 B=140 y ve a Efecto > Ruta > Desplazamiento. Ingresa un Desplazamiento de 15 px, pon las Uniones en Redondas y haz clic en Aceptar. Vuelve a seleccionar el trazo y ve a Efecto > Buscatrazos > Agregar.

Aprende cómo Aplicar un Pincel de Graffiti en IllustratorAprende cómo Aplicar un Pincel de Graffiti en IllustratorAprende cómo Aplicar un Pincel de Graffiti en Illustrator

Paso 2

Asegúrate de que el Texto de tu Graffiti permanezca seleccionado, sigue enfocándote en el panel Apariencia y usemos otro Pincel de Graffiti en Illustrator.

Agrega un segundo trazo con el botón Agregar nuevo trazo, selecciónalo y arrástralo debajo del trazo existente. Aplica el pincel artístico Drip 10, pon su color en R=148 G=16 B=239 y ve a Efecto > Ruta > Desplazamiento. Ingresa un Desplazamiento de 15 px, pon las Uniones en Redondas y haz clic en Aceptar. Vuelve a seleccionar este nuevo trazo y ve a Efecto > Buscatrazos > Agregar.

Esta será la parte totalmente editable de tu Efecto de Graffiti en Illustrator. Puedes guardar este estilo de Texto de Graffiti usando el panel Estilos gráficos (Ventana > Estilos gráficos) y simplemente aplicar los mismos atributos de apariencia a una fuente de Letras de Graffiti diferente.

Aprende a Crear un Graffiti con un Pincel en IllustratorAprende a Crear un Graffiti con un Pincel en IllustratorAprende a Crear un Graffiti con un Pincel en Illustrator

Paso 3

Ahora que sabes cómo Crear un Graffiti en Illustrator, aprendamos cómo agregar un Pincel en Illustrator y cómo mejorar el aspecto de este graffiti en Illustrator.

Elige la herramienta Pincel (B) y selecciona el pincel de dispersión Drop 5. Extiende algunas salpicaduras alrededor de tu Texto de Graffiti, como se muestra en la siguiente imagen.

Ve a Crear un Graffiti con Pincel en IllustratorVe a Crear un Graffiti con Pincel en IllustratorVe a Crear un Graffiti con Pincel en Illustrator

Paso 4

Elige la herramienta Pincel (B) y selecciona el pincel de dispersión Drop 7. Agrega algunas salpicaduras a tus Letras de Graffiti, como se muestra en la siguiente imagen.

Usa tu Pincel en IllustratorUsa tu Pincel en IllustratorUsa tu Pincel en Illustrator

Paso 5

Elige la herramienta Pincel (B) y selecciona el pincel de dispersión Drop 3. Usa este Pincel de Illustrator varias veces, como se muestra en la siguiente imagen.

Aprende Cómo Hacer un Graffiti en IllustratorAprende Cómo Hacer un Graffiti en IllustratorAprende Cómo Hacer un Graffiti en Illustrator

Paso 6

Elige la herramienta Pincel (B) y selecciona el pincel artístico Splat/Drop 2. Agrega una salpicadura de goteo junto a tu Texto de Graffiti, como se muestra en la siguiente imagen.

Usa estos Efectos de Texto en IllustratorUsa estos Efectos de Texto en IllustratorUsa estos Efectos de Texto en Illustrator

Paso 7

Elige la herramienta Pincel (B) y selecciona el pincel de arte Smear 2. Agrega una ruta de mancha a tus Letras de Graffiti, como se muestra en la siguiente imagen.

Crea un Graffiti con este Efecto de Texto en IllustratorCrea un Graffiti con este Efecto de Texto en IllustratorCrea un Graffiti con este Efecto de Texto en Illustrator

Paso 8

Elige la herramienta Pincel (B) y selecciona el pincel artístico Splat/Drop 4. Usa este Pincel de Graffiti de Illustrator varias veces, como se muestra en la siguiente imagen.

Usa este Pincel de Graffiti de Illustrator varias vecesUsa este Pincel de Graffiti de Illustrator varias vecesUsa este Pincel de Graffiti de Illustrator varias veces

4. Cómo Completar tu Graffiti en Illustrator

Paso 1

Elige la herramienta Rectángulo (M) y crea una forma que cubra toda tu mesa de trabajo. Establece su color en R=34 G=30 B=31 y envíalo al fondo (Shift-Control-[).

Haz el fondo de tu Efecto de Graffiti en IllustratorHaz el fondo de tu Efecto de Graffiti en IllustratorHaz el fondo de tu Efecto de Graffiti en Illustrator

Paso 2

Importa la textura de la pared de ladrillos número 12 del paquete de texturas Pared de ladrillo vectorial y cambia su tamaño para que se ajuste a tu mesa de trabajo, como se muestra en la siguiente imagen.

Agrega una textura a tu Texto de Graffiti en IllustratorAgrega una textura a tu Texto de Graffiti en IllustratorAgrega una textura a tu Texto de Graffiti en Illustrator

Paso 3

Selecciona la textura de tu pared de ladrillos, reduce su Opacidad al 70% y cambia el Modo de fusión a Luz suave, y luego ve a Efecto > Estilizar > Sombra paralela. Ingresa los atributos que se muestran en la siguiente imagen y haz clic en Aceptar.

Agrega un efecto de superposición a tu Graffiti de IllustratorAgrega un efecto de superposición a tu Graffiti de IllustratorAgrega un efecto de superposición a tu Graffiti de Illustrator

Paso 4

Selecciona ese rectángulo de fondo oscuro, haz una copia al frente (Control-C > Control-F) y tráelo al frente (Shift-Control-]).

Cambia el color de esta nueva forma a negro (R=0 G=0 B=0), baja su Opacidad al 25% y cambia el Modo de Fusión a Luz Suave, y luego ve a Efecto > Artístico > Grano de Película. Introduce los atributos que se muestran a continuación y haz clic en Aceptar.

Acabas de aprender Cómo Hacer un Graffiti en IllustratorAcabas de aprender Cómo Hacer un Graffiti en IllustratorAcabas de aprender Cómo Hacer un Graffiti en Illustrator

¡Felicidades! ¡Tu Tutorial de Graffiti en Illustrator está Completo!

Así es como debería verse el Efecto de Grafiti de Illustrator. Espero que hayas disfrutado este tutorial de Graffiti de Illustrator y puedas aplicar estas técnicas en tus proyectos futuros. No dudes en compartir tu Efecto de Texto de Graffiti final en la sección de comentarios.

Siéntete libre de ajustar este Efecto de Graffiti de Illustrator y personalizarlo. Puedes encontrar grandes fuentes de inspiración en GraphicRiver, con interesantes soluciones para mejorar tu Texto de Graffiti.

Así es como debería verse el Efecto de Grafiti de Illustrator.Así es como debería verse el Efecto de Grafiti de Illustrator.Así es como debería verse el Efecto de Grafiti de Illustrator.

¿Quieres Aprender Más?

Tenemos muchos tutoriales en Tuts+, desde nivel principiante hasta intermedio. ¡Revísalos!