Dando a un vector forma un borde áspero sin manipular puntos de anclaje


14

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 un trazo de pincel, aunque probablemente no sea uno de los pinceles predeterminados.
Ryan

de hecho, acabo de hacer algunos experimentos, parece que podría lograrse con pinceles personalizados y manipulación de puntos de anclaje
user13445

El contorno de la vergüenza depende completamente de los puntos de anclaje, por lo que tendrías que modificarlos.
DA01

Respuestas:


11

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

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

Aquí hay una manera de hacerlo. No necesita trabajar en los puntos de anclaje y arriesgarse a 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 quieres modificar.

imagen original sin pincel o 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)

Rastree para convertirlo en un vector si aún no lo era.

Traza de imagen en Illustrator

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

caminos limpios

3)

Haga que estas nuevas pinceladas o texturas sean blancas y aplíquelas en los bordes del texto, como prefiera. 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 mostrarle que es el mismo concepto. Puedes usar cualquier textura.

Aplicar efecto grunge o pincel al texto vectorial

4)

¡Selecciona tu texto y la nueva textura, y usa el Pathfinder para dividir todo esto! Puedes usar la función que prefieras en el Pathfinder, usé Divide en mi ejemplo.

Divide 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 un "seleccionar el mismo relleno y trazo" y luego eliminar. Haga lo mismo con una forma que no tenga trazo ni relleno para eliminar los trazados vacíos.

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

Resultado final

Si desea agregar también 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 todas las letras sean menos uniformes. 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 este estilo 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.

Añadir trazo texturizado al texto

Si necesita mantener el texto editable porque podría necesitar 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 vectorizarlo ("Crear contorno"). Luego puede agregar libremente los trazos de pincel mencionados anteriormente. No es una manera perfecta, pero al menos puede mantener parcialmente editable el texto. y simplemente agregue un nuevo trazo cuando necesite actualizarlo, tal vez incluso cree una acción para esto.

Hice el ejemplo con un relleno amarillo para que pueda ver cómo se ve. El texto debajo del trazo todavía es editable.

Trazo de texto


9

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

hacer más tosco

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


4

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

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 fotshop con 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 este patrón de ruido utilizando Filtro> Desenfocar> Desenfoque gaussiano

ingrese la descripción de la imagen aquí

Y luego guarde el archivo resultante como un PSD en alguna parte. 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 ruido psd 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 Filtro> Renderizar> Nubes 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 aún mejor

ingrese la descripción de la imagen aquí

Ahora puede devolverlo 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í

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.