Cómo crear un efecto de garabato realista en Adobe Illustrator

En Illustrator, a menudo hay muchas formas diferentes de lograr un efecto deseado; en este caso, el efecto deseado será un efecto de garabato dibujado a mano de aspecto realista, y analizaré dos métodos diferentes.

El primer método para crear este tipo de efecto es utilizar el filtro Scribble integrado de Illustrator. Es rápido y sencillo y cuenta con muchas opciones. Esta suele ser también la mejor solución, ya que se puede aplicar a formas más complejas.

La principal desventaja de este efecto es que no resulta demasiado convincente como dibujo a mano, incluso si se utilizan muchas variaciones en la configuración del filtro. Sería bastante inusual que un humano hiciera garabatos de forma tan, a falta de una palabra mejor, "perfecta".

En el mundo real, normalmente garabateábamos en distintas direcciones e incluso quizás girábamos el papel unas cuantas veces para conseguir el mejor ángulo; también superponíamos algunas áreas más que otras, creando una densidad desigual.

A través de la experimentación pura en Illustrator, recientemente descubrí un método poco convencional para lograr un efecto de garabato más realista. Este segundo método implica el uso de la herramienta de fusión, el filtro de rugosidad, el trazado de imágenes y un poco de ajuste manual.

Descargar texturas de garabatos vectoriales

Si quieres saltarte el tutorial y descargar algunas texturas de garabatos vectoriales prefabricadas en formato Illustrator y EPS, aquí está el enlace .

Paso 1

Crear un nuevo documento en Illustrator, 1200 x 600 píxeles .

La técnica que vamos a utilizar consume muchos recursos; a menos que tengas una máquina de alta gama, no recomendaría usar una resolución mucho mayor que esta, ya que Illustrator se volverá muy lento.

En su nuevo documento, dibuje dos líneas rectas de aproximadamente 900 píxeles cada una con un trazo negro de 1 píxel (sin relleno).

Paso 2

Gire cada una de las líneas aproximadamente 30 grados y colóquelas fuera del lienzo en esquinas opuestas entre sí.

Paso 3

Usando la herramienta Pluma, agregue de 3 a 5 puntos adicionales a las líneas.

Usando la herramienta Selección directa , mueva los nuevos puntos un poco para crear un patrón casi en zigzag.

Paso 4

Usando la herramienta Fusión , haga clic en una de las rutas y luego, mientras mantiene presionada la tecla Shift , haga clic en la otra ruta.

Esto unirá las rutas y creará una serie de copias entre ellas a medida que se transforman.

Presione la tecla Enter/Return para que aparezca el cuadro de diálogo Opciones de fusión .

Establezca las opciones en Pasos especificados e ingrese 20 .

Paso 5

Vaya a Filtro Distorsionar Emborrachar e ingrese las siguientes opciones:

• Tamaño: 40%
• Relativo
• Detalle: 16/pulgada
• Puntos: lisos

Paso 6

Ahora es momento de ser creativo .

Tome puntos individuales de los trazados y muévalos, o agregue nuevos puntos para experimentar. Los resultados que obtendrá con esto son un poco impredecibles, por lo que el mejor consejo que puedo darle es que experimente hasta que encuentre un resultado que le guste (solo importa lo que está en el lienzo).

Agregué 1 punto nuevo, reorganizé ligeramente las rutas y reduje el Espaciado a 12 pasos en las Opciones de fusión.

Paso 7

Utilice la herramienta Rectángulo para dibujar un rectángulo de 1200 x 600 píxeles que cubra el lienzo sin relleno ni trazo.

Resalte todos los objetos en su documento y presione CMD+7 o CTRL+7 para crear una máscara de recorte .

Paso 8

Vaya a Objeto Rasterizar e ingrese las siguientes opciones:

• Modelo de color: RGB
• Resolución: Otra
• 600 ppp
• Fondo: blanco

Paso 9

Resalte la imagen de mapa de bits ahora rasterizada y elija Trazado de imagen .

Introduzca las siguientes opciones:

• Umbral:205
• Caminos: 95%
• Esquinas: 0%
• Ruido: 2px
• Método: Contiguo
• Ajustar curvas a líneas: No
• Ignorar espacios en blanco: Sí

Haga clic en Expandir para confirmar su seguimiento.

Paso 10

Vaya a Objeto Patrón Crear y haga clic en Listo .

Paso 11

Ahora puedes escribir algún texto o tomar una forma vectorial simple y https://we.graphics/item/vecto... .

Paso 12

Se puede hacer que esto parezca un poco más convincente agregando un filtro Rugoso también al texto.

Hazlo con dos filtros Roughen ...

Resultado

Aquí está el resultado final. El texto en sí no es el efecto dibujado a mano más convincente, pero el patrón tiene un aspecto mucho más humano que el filtro de garabatos incorporado que Adobe proporciona con Illustrator. Por supuesto, ambos métodos tienen sus propósitos y uno puede ser más adecuado que el otro en una situación determinada.

Sólo por diversión, también agregué algo de textura al efecto 🙂