Donner à une forme vectorielle un bord rugueux sans manipuler les points d'ancrage


14

Je cherche à donner à mon dessin vectoriel très lisse un style dessiné à la main.

Quand je dis cela, je ne veux pas dire appliquer une texture sur le dessus du vecteur entier ( comme ça ).

Une technique qui produirait quelque chose comme ça serait ce que je recherche:

Petit déjeuner (détail)
Auteur: Rob Clarke


Cela me semble être un coup de pinceau, mais probablement pas l'un des pinceaux par défaut.
Ryan

en effet, je viens de faire quelques expérimentations, il semble que cela pourrait être réalisé avec des pinceaux personnalisés et une manipulation du point d'ancrage
user13445

Le contour de la honte dépend entièrement des points d'ancrage, vous devrez donc les modifier.
DA01

Réponses:


11

Si vous souhaitez appliquer précisément certains de ces effets de trait sur votre texte vectoriel, je pense que la meilleure façon est de le faire manuellement.

Les traits dans Illustrator sont parfois difficiles à prévoir et également très bien connus ... il est parfois facile de les reconnaître et vous ne voudrez probablement pas que votre texte ressemble à un trait par défaut.

Voici une façon de procéder. Vous n'avez pas besoin de travailler sur les points d'ancrage et risquez de déplacer les courbes de votre texte mais il ne sera plus modifiable, alors faites une copie du texte d'origine. Si vous devez conserver le texte modifiable, allez à la fin de ce "didacticiel".


Début

Disons que c'est ce que vous souhaitez modifier.

image originale sans pinceau ni effet grunge

1.

Trouvez une texture de trait de pinceau ou la texture que vous souhaitez appliquer sur les bords de votre texte.

Exemple:

Textures de coup de pinceau

2.

Tracez-le pour en faire un vecteur s'il ne l'était pas déjà.

Trace d'image dans Illustrator

Vous obtiendrez un vecteur parfait. Nettoyez-le pour supprimer les chemins blancs et transparents.

chemins propres

3.

Rendez ces nouveaux coups de pinceau ou textures blancs et appliquez-les sur les bords de votre texte, comme vous préférez. Vous devrez peut-être en déformer certains et utiliser uniquement les bords de ce trait pour obtenir le même effet que sur votre exemple.

J'ai ajouté un peu de grunge sur cet exemple pour vous montrer que c'est le même concept. Vous pouvez utiliser n'importe quelle texture.

Appliquer un effet grunge ou pinceau au texte vectoriel

4.

Sélectionnez votre texte et la nouvelle texture, et utilisez le Pathfinder pour diviser tout cela! Vous pouvez utiliser la fonction que vous préférez sur le Pathfinder, j'ai utilisé Divide sur mon exemple.

Divisez avec Pathfinder Adobe Illustrator

5.

Nettoyez ce nouveau vecteur pour supprimer les chemins blancs et vides. Le moyen le plus rapide consiste à sélectionner une partie du blanc et à faire "sélectionner le même remplissage et contour", puis à supprimer. Faites de même avec une forme sans contour ni remplissage pour supprimer les chemins vides.

Ce n'est pas exactement comme votre exemple mais vous pouvez facilement y arriver si vous passez encore quelques minutes!

Résultat final

Si vous souhaitez également ajouter des coups de pinceau de chaque côté de vos lettres, vous pouvez utiliser cette technique pour accentuer les bords et utiliser les coups de pinceau standard à très petite taille pour rendre toute votre lettre moins uniforme. Vous pouvez le trouver dans le menu "Fenêtre", puis "Bibliothèques de pinceaux", puis sélectionnez n'importe quel style dans "Artistique". Dans cette capture d'écran ci-dessous, c'est le "pinceau artistique". Vous pouvez également utiliser ces styles de traits à une taille plus grande et les déplacer séparément sur votre texte au lieu de suivre les étapes # 1-2-3.

Ajouter un trait texturé au texte

Si vous devez conserver le texte modifiable car vous devrez peut-être le modifier ultérieurement, il existe un moyen peu coûteux d'utiliser les traits sans vectoriser votre texte.

Vous pouvez dupliquer le texte sur lequel vous souhaitez ajouter un trait et vectoriser celui-ci ("Créer un contour.) Ensuite, vous pouvez librement y ajouter les traits de pinceau mentionnés ci-dessus. Ce n'est pas un moyen parfait mais vous pouvez au moins garder en partie votre texte modifiable et ajoutez simplement un nouveau trait lorsque vous devez le mettre à jour, peut-être même créer une action pour cela.

J'ai fait l'exemple avec un remplissage jaune pour que vous puissiez voir à quoi il ressemble. Le texte sous le trait est toujours modifiable.

Coup de texte


9

Effect > Distort & Transform > Roughen UTILISEZ un petit paramètre "Taille" et augmentez le paramètre "Détail" pour augmenter la quantité et la fréquence de variation.

rendre rugueux

Vous n'obtiendrez pas de trous et de péninsules comme dans votre échantillon, sauf si vous modifiez la forme de base pour les inclure.


4

Je sais que vous avez identifié cela comme un problème d'illustrateur, mais l'utilisation du déplacement de Photoshop peut également vous aider.

Prenez la forme vectorielle d'Illustrator et copiez-la dans un document Photoshop comme calque de forme ...

entrez la description de l'image ici

Cliquez ensuite avec le bouton droit sur le calque pour le pixelliser. puis créez un nouveau document photshop à peu près les mêmes dimensions que votre œuvre d'art. Dans ce nouveau document, sélectionnez Filtre> Bruit> Ajouter du bruit et créez un motif de bruit. Vous souhaitez ensuite estomper quelque peu ce motif de bruit en utilisant Filtre> Flou> Flou gaussien.

entrez la description de l'image ici

Et puis enregistrez le fichier résultant en tant que PSD quelque part. Revenez maintenant à votre œuvre d'art. Sélectionnez Filtre> Déformer> Déplacer.

entrez la description de l'image ici

Les échelles ici contrôleront dans quelle mesure l'œuvre originale sera déplacée. Cliquez ensuite sur OK et vous devrez sélectionner le psd de bruit que vous avez créé précédemment. votre œuvre d'art sera alors déplacée par ce psd, ce qui entraînera des bords fausses à la main. Vous voudrez peut-être jouer avec la quantité de flou sur le psd et les échelles du déplacement jusqu'à ce que vous obteniez le bon résultat.

entrez la description de l'image ici

Vous pouvez également créer une autre image de déplacement en utilisant Filtre> Rendu> Nuages ​​au lieu du bruit. Cela se traduira par des bords plus bancaux.

entrez la description de l'image ici

Et vous pouvez combiner les deux, en commençant par le rendu cloud, ce qui pourrait être encore mieux

entrez la description de l'image ici

Vous pouvez maintenant le ramener dans Illustrator et utiliser Image Trace pour le vectoriser. Bien que vous perdrez certains détails de cette façon, vous voudrez peut-être jouer avec les gammes jusqu'à ce que vous ayez bien compris.

entrez la description de l'image ici

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.