Cómo aplicar la técnica de distorsión en Adobe Illustrator

  • Compartir Este
Cathy Daniels

Añadir textura a un logotipo, un texto o un fondo da un toque vintage/retro a tu diseño y siempre está de moda (en algunos sectores). Distressing significa básicamente añadir textura, así que la clave para conseguir un efecto distressed impresionante es tener una buena imagen con textura.

Bueno, puedes crear tu propia textura, pero puede llevar mucho tiempo, así que no vamos a hacerlo. Si realmente no puedes encontrar una imagen ideal, puedes utilizar Image Trace para modificar una imagen existente.

En este tutorial, aprenderá tres formas de angustiar objetos y texto en Adobe Illustrator.

Índice de contenidos [mostrar]

  • 3 formas de crear gráficos deteriorados en Adobe Illustrator
    • Método 1: Utilizar el panel de Transparencia
    • Método 2: Rastreo de imágenes
    • Método 3: Hacer una máscara de recorte
  • Cómo distorsionar el texto/la fuente en Adobe Illustrator
  • Conclusión

3 formas de crear gráficos deteriorados en Adobe Illustrator

Voy a mostrarte los métodos sobre la misma imagen para que puedas ver las diferencias utilizando diferentes métodos. Por ejemplo, vamos a distorsionar esta imagen para darle un aspecto vintage/retro.

Nota: Las capturas de pantalla están tomadas de la versión Mac de Adobe Illustrator CC 2022. Las versiones de Windows u otras pueden tener un aspecto diferente.

Método 1: Utilizar el panel de Transparencia

Paso 1: Abrir el Panel de Transparencia desde el menú superior Ventana > Transparencia .

Paso 2: Coloca la imagen de la textura en el mismo documento que el objeto que quieres angustiar. Es importante elegir una textura que se adapte a tu diseño, por ejemplo, si vas a aplicar un efecto más claro, elige una imagen con "arañazos" más claros.

Por otro lado, si quieres aplicar un efecto más pesado, puedes utilizar una imagen con más "arañazos".

Consejo: Si no estás seguro de dónde encontrar imágenes de texturas, Canva o Unsplash tiene algunas buenas opciones.

Si puedes encontrar una imagen en blanco y negro sería estupendo porque necesitarás usarla para hacer una máscara. Si no, sigue el siguiente paso para hacer la imagen en blanco y negro.

Paso 3: Haz la imagen en blanco y negro. Lo ideal sería que Photoshop fuera la mejor herramienta para hacerlo, pero también puedes hacerlo rápidamente en Adobe Illustrator convirtiendo la imagen en escala de grises.

Seleccione la imagen y vaya al menú superior Editar > Editar colores > Convertir a escala de grises .

El área negra será el efecto de angustia que se muestra en el objeto, así que si su área negra es demasiado, puede invertir los colores de Editar > Editar colores > Invertir colores De lo contrario, los "arañazos" no aparecerán en el objeto.

Paso 4: Seleccione la imagen y utilice el atajo de teclado Comando + C (o Ctrl + C para los usuarios de Windows) para copiar la imagen.

Paso 5: Seleccione el objeto que desea angustiar y haga clic en Hacer una máscara en el panel de Transparencia.

Notarás que el objeto desaparece temporalmente, pero no pasa nada.

Paso 6: Haga clic en la máscara (cuadrado negro) y pulse Comando + V ( Ctrl + V para los usuarios de Windows) para pegar la imagen de la textura.

Ya está. Verás que tu gráfico tiene un efecto angustioso.

Si no te gusta el aspecto de la textura de la imagen original, puedes modificarla añadiendo efectos o utilizando Image Trace. Yo optaría por Image Trace porque tienes más flexibilidad para editar la imagen y puedes colocarla directamente sobre el gráfico.

Método 2: Rastreo de imágenes

Paso 1: Seleccione la imagen de la textura y vaya a Propiedades panel> Acción rápida > Rastreo de imágenes .

Puede elegir el preajuste por defecto y hacer clic en el icono del panel Image Trace para abrir el panel Image Trace.

Paso 2: Asegúrese de que está en Blanco y negro y ajustar el Umbral Mueva el control deslizante hacia la izquierda para mostrar menos detalles y hacia la derecha para mostrar más. Puede ajustar sus recorridos y la configuración del ruido.

Una vez que esté satisfecho con la textura, compruebe Ignorar el blanco .

Paso 3: Ahora coloca esta imagen trazada encima de tu gráfico y cambia su color al color de fondo. Por ejemplo, mi color de fondo es blanco, así que cambiará el color de la imagen a blanco.

Puedes girarla o dejarla como está. Si quieres eliminar algunos "arañazos", puedes utilizar la herramienta Borrador para eliminarlos, pero primero tendrás que ampliar la imagen trazada.

A continuación, selecciona la imagen ampliada y utiliza la herramienta Borrador para eliminar las zonas no deseadas.

Ahora, ¿qué pasa si quieres añadir una distorsión realista a tu gráfico? Puedes simplemente hacer una máscara de recorte.

Método 3: Hacer una máscara de recorte

Paso 1: Coloca la imagen de la textura debajo del objeto.

Paso 2: Seleccione tanto la imagen como el objeto y utilice el atajo de teclado Comando + 7 para hacer una máscara de recorte.

Como puedes ver, aplica directamente la imagen a la forma, y no podrás editar mucho. Lo pongo al final porque es una solución imperfecta. Pero si es lo que necesitas, hazlo. Algunas personas utilizan este método para aplicar un fondo de textura al texto.

Pero, ¿se puede añadir una textura ajustable al texto como a los gráficos?

La respuesta es sí.

Cómo distorsionar el texto/la fuente en Adobe Illustrator

Añadir un efecto de distorsión al texto es básicamente lo mismo que añadirlo a un objeto. Puede seguir los métodos 1 o 2 anteriores para distorsionar el texto, pero su texto debe estar perfilado.

Simplemente seleccione el texto que va a angustiar y cree un contorno de texto utilizando el atajo de teclado Turno + Comando + O ( Turno + Ctrl + O para los usuarios de Windows).

Consejo: Es muy recomendable utilizar una fuente más gruesa para obtener mejores resultados.

Y a continuación, utilice el método 1 o 2 anterior para aplicar el efecto de angustia.

Conclusión

Puedes utilizar cualquiera de los tres métodos que he introducido en este artículo para angustiar el texto o los objetos en Adobe Illustrator. El panel de Transparencia te permite crear un aspecto más natural del efecto, mientras que el Trazado de Imagen te da la flexibilidad de editar la textura. El método de la máscara de recorte es rápido y fácil, pero la clave es encontrar la imagen perfecta como fondo.

Soy Cathy Daniels, experta en Adobe Illustrator. He estado usando el software desde la versión 2.0 y he estado creando tutoriales para él desde 2003. Mi blog es uno de los destinos más populares en la web para las personas que quieren aprender Illustrator. Además de mi trabajo como blogger, también soy autor y diseñador gráfico.