1. Design & Illustration
  2. Text Effects

Como desgastar una fuente en Illustrator

by
Read Time:7 minsLanguages:

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

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

En los siguientes pasos, aprenderás a aplicar fácilmente un efecto desgastado a cualquier fuente en Adobe Illustrator.

Que aprenderás en este tutorial de fuentes desgastadas

  • Cómo crear un nuevo documento en Illustrator
  • Cómo crear un patrón de desgastado en Illustrator
  • Cómo aplicar un efecto grunge o desgastado a cualquier fuente
  • Cómo crear una fuente grunge en Illustrator

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

Sigue con nosotros en nuestro canal Envato Tuts+ de YouTube:

Que necesitarás

Necesitarás el siguiente recurso para crear este efecto:

1. Cómo crear un nuevo documento

Presiona Control-N para crear un nuevo documento. Selecciona Pixeles en el menú desplegable Unidades, introduce 850 en la casilla de anchura y 600 en el de altura, y luego haz clic en el botón Más ajustes. Selecciona RGB para el Modo de color, establece los Efectos de rasterizado en Pantalla (72 ppp) y, a continuación, haz clic en Crear documento.

new documentnew documentnew document

2. Cómo crear un efecto de fuente desgastada

Paso 1

Toma la herramienta Rectángulo (M) y simplemente haz clic dentro de tu mesa de trabajo para abrir la ventana Rectángulo. Establece el Ancho a 870 px y el Alto a 620 px y luego haz clic en OK para crear tu nueva forma. Elimina el color del trazo y cambia el color de relleno a negro (R=0 G=0 B =0).

Asegúrate de que esta forma se mantenga seleccionada y enfócate en el panel de control. Establece la Alineación a la mesa de trabajo y luego haz clic en los botones Centrar horizontalmente y Centrar verticalmente para mover su forma al centro de la mesa de trabajo.

rectanglerectanglerectangle

Paso 2

Asegúrate de que tu rectángulo permanezca seleccionado y ve a Efecto > Bosquejar > Tiza y Carboncillo. Introduce los ajustes que se muestran en la siguiente imagen y haz clic en OK.

chalk charcoal effectchalk charcoal effectchalk charcoal effect

Paso 3

Asegúrate de que tu rectángulo sigue seleccionado y ve a Efecto > Artístico > Película granulada. Introduce los ajustes que se muestran en la siguiente imagen y luego haz clic en OK.

film grain effectfilm grain effectfilm grain effect

Paso 4

Asegúrate de que tu rectángulo sigue seleccionado y ve a Efecto > Textura > Granulado. Ingresa los ajustes que se muestran en la siguiente imagen y luego haz clic en OK.

grain effectgrain effectgrain effect

Paso 5

Asegúrate de que tu rectángulo sigue seleccionado y ve a Efecto > Distorsionar > Cristal. Introduce los ajustes que se muestran en la siguiente imagen y luego haz clic en OK.

glass effectglass effectglass effect

Paso 6

Asegúrate de que tu rectángulo sigue seleccionado y ve a Objeto > Expandir apariencia. Haz clic en el botón Calco de imagen del panel de control y luego abre el panel Calco de imagen con ese pequeño botón.

Arrastra el control deslizante de Umbral a 254 y luego haz clic en el botón Avanzado. Configura el Trazado al 100%, los Vértices al 0% y el Ruido a 1 px. Desmarca la casilla Ajustar curvas a líneas y marca la casilla Ignorar blanco, y luego haz clic en el botón Expandir del panel de control.

imge traceimge traceimge trace

Paso 7

Convierte tu grupo de formas en un trazado compuesto (Objeto > Trazado compuesto > Hacer o Control-8) y cambia su color a R=207 G=181 B=94. Usaremos este trazado compuesto para crear un patrón. Selecciónalo y simplemente arrástralo al panel Muestras (Ventana > Muestras) para guardarlo como un patrón.

save patternsave patternsave pattern

Paso 8

Elige la herramienta Texto (T) y enfócate en el panel de control. Selecciona tu fuente BoldenVan, establece el tamaño de la fuente en 150 px y alinea el texto en el centro. Simplemente haz clic en tu mesa de trabajo y escribe el texto.

Asegúrate de que permanezca seleccionado, y haz clic en esa [Ninguna] muestra del panel Muestras para eliminar el color del texto existente. Esto debería hacer que tu texto sea invisible, pero no te preocupes, lo arreglaremos inmediatamente.

Abre el panel Apariencia (Ventana > Apariencia) y añade un nuevo relleno usando el mismo botón Añadir nuevo relleno de la parte inferior del panel. Selecciona el nuevo relleno y aplica tu patrón desde el panel Muestras. Este será el efecto de tu fuente desgastada.

distressed fontdistressed fontdistressed font

3. Cómo crear un efecto de fuente grunge desgastada

Paso 1

Ahora que tu fuente desgastada está completa, veamos cómo puedes llevar los efectos al siguiente nivel y crear una fuente desgastada grunge. Selecciona la herramienta Texto (T) y añade un nuevo texto con la misma configuración.

Asegúrate de que esté seleccionada y ve a Texto > Crear contornos, y luego Desagrupa (Mayúsculas-Control-G) el grupo resultante de formas de letras.

type create outlinestype create outlinestype create outlines

Paso 2

Selecciona todas estas formas y ve a Efecto > Estilizar > Bordes resplandecientes. Ingresa los atributos que se muestran a continuación, haz clic en OK y ve a Efecto > Bosquejar > Fotocopia. Ingresa los atributos que se muestran en la siguiente imagen, haz clic en OK, y ve a Efecto > Pixelizar > Semitono de color. Selecciona Puntos finos en el menú desplegable y haz clic en Aceptar.

grunge distressed fontgrunge distressed fontgrunge distressed font

Paso 3

Selecciona una de tus formas de letras y ve a Objeto > Expandir apariencia. Haz clic en el botón Calco de imagen del panel de control y luego abre el panel Calco de imagen.

Arrastra el control deslizante de Umbral a 250 y haz clic en el botón Avanzado. Establece el Trazado al 100%, los Vértices al 0% y el Ruido a 1 px. Desmarca la casilla Ajustar curvas a líneas y marca la casilla Ignorar blanco y, a continuación, haz clic en el botón Expandir del panel de control. Convierte el grupo de formas resultante en un trazado compuesto (Objeto > Trazado compuesto > Hacer o Control-8).

Una vez que haya terminado, repite la misma técnica para el resto de las formas de letras.

image traceimage traceimage trace

Paso 4

Finalmente, puedes colorear tu texto como quieras, o puedes aprender a convertir fácilmente estas formas de letras en una fuente usando Fontself y FontForge.

Echa un vistazo a este maravilloso tutorial de Mary Winkler para aprender a crear tu propia fuente grunge usando estas formas de letras vectoriales: Cómo crear una fuente usando Fontself y FontForgeilustrador a ¡Felicidades! ¡Estás acabado!

illustrator to illustrator to illustrator to

¡Felicidades! ¡Está terminado!

Así es como deberían verse los efectos de tu fuente de letra desgastada. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en tus futuros proyectos. No duden en compartir su resultado final en la sección de comentarios.

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

distressed fontdistressed fontdistressed font

Efectos de las fuentes desgastadas populares de Envato Elements

Envato Elements es un excelente recurso para efectos de fuentes grunge y desgastadas. Aquí hay una breve lista con algunos de los recursos de fuentes grunge más populares que puedes encontrar.

Estilos de capas de fuentes grunge (EPS)

Descarga esta enorme colección de estilos y patrones grunge para que te resulte aún más fácil crear un efecto de fuente grunge desgastada.

grunge fontgrunge fontgrunge font

Estilos gráficos retro Gunge (AI, EPS)

O prueba estos 15 estilos gráficos vintage y retro, que son perfectos para añadir un suave efecto de envejecimiento a cualquier tipo de texto u objeto.

retro grunge fontretro grunge fontretro grunge font

Cartel fantasma para Adobe Illustrator (AI)

Con estos estilos gráficos cuidadosamente elaborados de Illustrator, puedes transformar tu texto ordinario en un asombroso efecto de texto en un instante.

Ghost SignsGhost SignsGhost Signs

Texturas desgastadas (EPS, PNG)

Cualquiera de estas 10 texturas desgastadas puede ser fácilmente convertida en un patrón y aplicada a un texto, tal y como aprendiste en el tutorial.

Distressed TexturesDistressed TexturesDistressed Textures

Texturas antiguas de grano (AI, EPS, PNG)

Dale a tu diseño una sensación vintage de antaño con estas texturas grunge nítidas y detalladas. Con estas texturas cuidadosamente elaboradas, crear un efecto de fuente grunge no puede ser más fácil.

Vintage Grit TexturesVintage Grit TexturesVintage Grit Textures

¿Quieres aprender más?

Tenemos un montón de tutoriales en Tuts+, desde el nivel principiante hasta el intermedio, ¡echa un vistazo!

One subscription.
Unlimited Downloads.
Get unlimited downloads