Darle a una forma vectorial un borde áspero sin manipular los puntos de anclaje

Estoy buscando darle a mi dibujo vectorial muy suave un estilo dibujado a mano.

Cuando digo esto, no me refiero a aplicar una textura sobre la parte superior de todo el vector ( como este ).

Una técnica que produciría algo como esto sería lo que estoy buscando:

Desayuno (detalle)
Autor: Rob Clarke

Me parece una pincelada, aunque probablemente no sea uno de los pinceles predeterminados.
de hecho, solo he estado experimentando un poco, parece que podría lograrse con pinceles personalizados y manipulación de puntos de anclaje
El contorno de la vergüenza depende completamente de los puntos de anclaje, por lo que deberá modificarlos.

Respuestas (3)

Si desea aplicar precisamente algunos de estos efectos de trazo en su texto vectorial, creo que la mejor manera es hacerlo manualmente.

Los trazos en Illustrator a veces son difíciles de predecir y también muy conocidos... a veces es fácil reconocerlos y probablemente no desee que su texto se vea como si hubiera usado un trazo predeterminado.

Aquí hay una manera de hacerlo. No necesita trabajar en los puntos de anclaje y correr el riesgo de mover las curvas de su texto, pero ya no será editable, así que haga una copia del texto original. Si necesita mantener el texto editable, vaya al final de este "tutorial".


comienzo

Digamos que esto es lo que desea modificar.

imagen original sin pincel ni efecto grunge

1.

Encuentre alguna textura de trazo de pincel o cualquier textura que desee aplicar en los bordes de su texto.

Ejemplo:

Texturas de trazo de pincel

2.

Trácelo para convertirlo en un vector si aún no lo era.

Calco de imagen en Illustrator

Obtendrás un vector perfecto. Límpielo para eliminar los caminos blancos y transparentes.

caminos limpios

3.

Haz que estas nuevas pinceladas o texturas sean blancas y aplícalas en los bordes de tu texto, como prefieras. Es posible que deba deformar algunos de ellos y usar solo los bordes de ese trazo para obtener el mismo efecto que en su ejemplo.

Agregué un poco de grunge en este ejemplo para mostrarles que es el mismo concepto. Puedes usar cualquier textura.

Aplicar efecto grunge o pincel al texto vectorial

4.

¡Seleccione su texto y la nueva textura, y use Pathfinder para dividir todo esto! Puede usar la función que prefiera en el buscador de caminos, usé Dividir en mi ejemplo.

Dividir con Pathfinder Adobe Illustrator

5.

Limpie ese nuevo vector para eliminar los caminos blancos y vacíos. La forma más rápida es seleccionar una parte del blanco y hacer "seleccionar el mismo relleno y trazo" y luego eliminarlo. Haga lo mismo con una forma que no tenga trazo ni relleno para eliminar los trazados vacíos.

¡Esto no es exactamente como su ejemplo, pero puede llegar fácilmente si dedica unos minutos más!

Resultado final

Si también desea agregar algunos trazos de pincel en cada lado de sus letras, puede usar esta técnica para acentuar los bordes y usar los trazos de pincel estándar en un tamaño muy pequeño para que toda su letra sea menos uniforme. Puede encontrar esto en el menú "Ventana", luego en "Bibliotecas de pinceles", luego seleccione cualquier estilo en "Artístico". En esta captura de pantalla a continuación, es el "Pincel artístico". También puede usar estos estilos de trazo en un tamaño más grande y moverlos por separado en su texto en lugar de seguir los pasos 1-2-3.

Agregar trazo texturizado al texto

Si necesita mantener el texto editable porque es posible que deba modificarlo más tarde, hay una forma económica de usar los trazos sin vectorizar su texto.

Puede duplicar el texto en el que desea agregar un trazo y vectorizar este ("Crear contorno". Luego, puede agregarle libremente los trazos de pincel mencionados anteriormente. No es una manera perfecta, pero al menos puede mantener parcialmente su texto editable y simplemente agregue un nuevo trazo cuando necesite actualizarlo, tal vez incluso cree una acción para esto.

El ejemplo lo hice con un relleno amarillo para que vean como queda. El texto debajo del trazo todavía se puede editar.

Trazo de texto

Effect > Distort & Transform > RoughenUse una configuración pequeña de "Tamaño" y aumente la configuración de "Detalle" para aumentar la cantidad y la frecuencia de variación.

poner áspero

No obtendrá agujeros y penínsulas como en su muestra a menos que modifique la forma básica para incluirlos.

Sé que ha etiquetado esto como un problema de ilustrador, pero usar el desplazamiento de Photoshop también podría ayudarlo.

Tome la forma vectorial de Illustrator y cópiela y péguela en un documento de Photoshop como una capa de forma...

ingrese la descripción de la imagen aquí

Luego haga clic derecho en la capa para rasterizarla. luego cree un nuevo documento de Photoshop de aproximadamente las mismas dimensiones que su obra de arte. En este nuevo documento, vaya a Filtro>Ruido>Agregar ruido y cree un patrón de ruido. Luego, desea desenfocar un poco este patrón de ruido usando Filtro> Desenfocar> Desenfoque gaussiano

ingrese la descripción de la imagen aquí

Y luego guarde el archivo resultante como un PSD en algún lugar. Ahora vuelve a tu obra de arte. Seleccione Filtro > Distorsionar > Desplazar.

ingrese la descripción de la imagen aquí

Las escalas aquí controlarán cuánto se desplazará la obra de arte original. Luego haga clic en Aceptar y deberá seleccionar el psd de ruido que creó anteriormente. su obra de arte será desplazada por ese psd, lo que dará como resultado algunos bordes falsos hechos a mano. Es posible que desee jugar con la cantidad de desenfoque en el psd y las escalas en el desplazamiento hasta que lo haga bien.

ingrese la descripción de la imagen aquí

También puede crear otra imagen de desplazamiento usando Filter>Render>Clouds en lugar de ruido. Esto dará como resultado más bordes torcidos.

ingrese la descripción de la imagen aquí

Y puede combinar los dos, comenzando con el renderizado en la nube, que podría ser incluso mejor

ingrese la descripción de la imagen aquí

Ahora puede traerlo de vuelta a Illustrator y usar Image Trace para vectorizarlo. Aunque perderá algunos detalles de esta manera, es posible que desee jugar con las escalas hasta que lo haga bien.

ingrese la descripción de la imagen aquí