Astuce comment créer un effet de texte enchevêtré

Suivez cette astuce pour apprendre à créer un simple effet de texte enchevêtré à l’aide de pinceaux à dessin et de masques d’opacité dans Illustrator. Nous allons utiliser deux chemins mais les mêmes techniques peuvent être appliquées pour trois voire plus. Commençons!


Étape 1: tracez les lettres

Commencez par ouvrir un nouveau document Web. Prenez l'outil Texte (T) et tapez "Vecto" en utilisant la police Adobe appelée Giddyup Std, taille 190 pt..

Pas besoin de développer le texte car nous ne l'utilisons pas, verrouillez-le. Maintenant, prenez l'outil Plume (P) et commencez à tracer les lettres comme indiqué dans l'image ci-dessous. Vous n'êtes pas obligé d'être très précis.


Étape 2: déformer les lettres

Ensuite, il est temps de déformer un peu les lettres. A titre d'exemple, jetez un coup d'œil à la lettre "V". Utilisez l'outil de sélection directe (A) pour sélectionner un seul point d'ancrage parmi ceux indiqués et faites glisser les poignées comme indiqué. Continuez avec les autres points et vous obtiendrez le look ondulé.

Faites la même chose pour le reste des lettres et à ce stade, les lettres doivent ressembler à l'image ci-dessous..


Étape 3: Tracez les chemins ondulés

Nous allons maintenant continuer avec la deuxième rangée de chemins dont nous avons besoin pour cet effet enchevêtré. Prenons comme exemple la lettre "C". Saisissez l'outil Crayon (P) et commencez par une extrémité pour dessiner le chemin ondulé violet, comme indiqué. Il est important de suivre les courbes du chemin rose tracées plus tôt et de suivre la séquence: gauche-droite-gauche-droite et ainsi de suite. Jamais deux fois d'un côté!!

Une fois que la lettre "C" est prête, continuez avec les autres de la même manière.


Étape 4: Créer un nouveau pinceau d'art

Oublions les lettres pendant un moment. Prenez l'outil Rectangle (M), tracez un rectangle de 190 x 13 px et choisissez le gris clair comme couleur de remplissage. Une fois ce rectangle sélectionné, accédez au menu Objet> Chemin> Décalage du chemin et appliquez une valeur de décalage de 1 px. Remplissez le rectangle obtenu en gris foncé, puis appliquez à nouveau une valeur de décalage de -4 px. Pour le plus petit rectangle du milieu, choisissez le gris moyen comme couleur de remplissage..

Ensuite, allez ici et téléchargez le script Round Any Corner. Après cela, vous devriez trouver le script dans le menu Fichier sous Scripts. Sélectionnez les trois formes, allez dans le menu Fichier, lancez le script et sélectionnez un rayon de 5.

Remarque: Au lieu du script, vous pouvez utiliser l’effet Coins arrondis en vous assurant de bien sélectionner ensuite l’élargissement de l’apparence ou d’utiliser directement l’outil Rectangle arrondi si vous le souhaitez..

Sélectionnez la plus petite forme, puis allez dans le menu Objet> Chemin et choisissez deux fois Ajouter des points d'ancrage. Utilisez l'outil de sélection directe (A) pour sélectionner les quatre points résultants et déplacez-les à l'aide des touches fléchées haut et bas de votre clavier, comme indiqué..

Maintenant, sélectionnez les trois formes et allez dans le menu Objet> Fusion> Options de fusion. Ici, choisissez Couleur lisse et appuyez sur OK, puis revenez au menu Objet> Mélanger et sélectionnez Créer. Faites glisser le groupe de fondus résultant dans le panneau Formes et choisissez Nouvelle forme d'art. Dans la fenêtre Art Brush Options, modifiez la méthode de colorisation en teintes et nuances..


Étape 5: Caressez les lettres

Revenons aux lettres. Sélectionnez les chemins et contournez-les tous avec le nouveau pinceau Art. Comme nous avons modifié la méthode de colorisation, nous pouvons maintenant sélectionner n’importe quelle couleur de trait. Ceux que j'ai utilisés sont énumérés ci-dessous.


Étape 6: ajustements

Avant d'aller plus loin, examinez de plus près vos lettres et assurez-vous que les coups de pinceau ne se chevauchent pas. Vérifiez tous les chemins et déplacez les points d'ancrage pour ajuster les courbes si nécessaire, comme indiqué ci-dessous.


Étape 7: Créez le regard enchevêtré, lettre "o"

Maintenant concentrez-vous sur la lettre "o" et ayant les deux chemins sélectionnés, allez dans le menu Objet et choisissez Développer l'apparence. À la suite de cette action, au lieu du trait de pinceau rouge, vous obtiendrez un groupe contenant beaucoup de formes (issues du mélange homogène). Dans le panneau Calques, ouvrez ce groupe et allez jusqu'au bout. Sélectionnez la dernière forme du groupe (qui est la plus grande), copiez-la et collez-la devant, puis faites-la glisser hors du groupe. Faites la même chose pour le groupe violet et à ce stade, vous devriez avoir les deux formes devant.

Sélectionnez ces deux formes et cliquez sur Diviser dans le panneau Pathfinder, puis sur Dissocier dans le menu Objet. Maintenant, concentrez-vous sur l'itinéraire indiqué et en particulier sur les formes où les deux chemins se croisent. Vous devez décider lesquels seront visibles ou non. Utilisez l'outil de sélection directe (A) pour sélectionner la première "forme d'intersection" et remplissez-la de blanc, puis la suivante de noir, de blanc à nouveau, de noir, etc. Lorsque vous avez terminé, sélectionnez uniquement ces formes blanches et noires et regroupez-les. Supprimez tous les autres (violet clair) car vous n'en avez pas besoin.

Ensuite, sélectionnez le groupe contenant les formes noires et blanches ainsi que le groupe rouge situé en dessous. Accédez au panneau de transparence et, dans le menu déroulant, choisissez Créer un masque d'opacité. Voilà! Là où la couleur de remplissage est noire, le chemin rouge passe sous le violet et où la couleur de remplissage est blanc, le chemin rouge est en haut..


Étape 8: Créez le look enchevêtré, lettre "V"

Prenons un autre exemple car les choses sont un peu plus compliquées pour la lettre "V". Tout d’abord, prenez l’outil Ciseaux (C) et cliquez sur le point d’ancrage indiqué pour couper le chemin rouge car cette zone est trop encombrée. Sélectionnez tout et choisissez Développer l'apparence dans le menu Objet. A partir de là, le processus est le même. Comme vous l'avez fait à l'étape 7, copiez et collez devant les formes les plus grosses (les dernières) des groupes obtenus, puis sélectionnez-les et cliquez sur Diviser dans le panneau Pathfinder et sur Dissocier dans le menu Objet. Concentrez-vous sur l'itinéraire indiqué et remplissez les formes en blanc (que vous souhaitez voir visible) et en noir (qui ne sera pas visible). Lorsque vous avez terminé, regroupez-les et supprimez le reste des formes (violet clair).

Sélectionnez le groupe contenant les formes blanches et noires ainsi que le groupe rouge situé en dessous, puis choisissez Créer un masque d'opacité dans le panneau de transparence..

Maintenant, prenons soin du petit groupe rouge. Tout d’abord, copiez et collez devant les deux formes les plus grosses, comme vous le faisiez auparavant. Après les avoir tous les deux sélectionnés, cliquez sur Diviser, puis dissociez-les. Remplissez les formes obtenues de blanc et de noir, comme indiqué ci-dessous, regroupez-les et supprimez celles dont vous n’avez pas besoin. Sélectionnez le groupe contenant les formes blanches et noires ainsi que le groupe rouge en dessous et choisissez Créer un masque d'opacité. La lettre "V" est prête.


Étape 9: Les lettres restantes

Suivez les mêmes techniques et continuez avec le reste des lettres. Dans l'image suivante, vous pouvez voir les étapes importantes pour les lettres "e" et "c":

Et dans l'image ci-dessous pour les lettres "t" et "r":

À ce stade, les lettres devraient ressembler à ceci:


Étape 10: Créer un nouveau pinceau d'art

Prenez l'outil Ellipse (L) et tracez un ovale plat de 110 x 5 px, puis sélectionnez à l'aide de l'outil Sélection directe (A) uniquement le point d'ancrage de droite et appuyez sur l'option Convertir les points d'ancrage sélectionnés en angle. Ensuite, sélectionnez le point gauche et faites glisser les poignées pour déformer la forme, comme indiqué. Allez dans le menu Objet> Chemin> Chemin décalé et appliquez une valeur de décalage de -2 px, puis déplacez la forme résultante au milieu..

Remplissez les deux formes avec 5% de noir puis réduisez l'opacité de la plus grande forme à 1%. Sélectionnez les deux, accédez au menu Objet> Fusion> Options de fusion et choisissez 25 étapes spécifiées. Retournez maintenant dans le menu Objet> Mélanger et choisissez Créer. Faites glisser le résultat dans le panneau Formes pour enregistrer la nouvelle forme. Dans la fenêtre Art Brush Options, modifiez la méthode de colorisation en teintes..


Étape 11: Faits saillants

Ensuite, prenez l'outil Crayon (P) et tracez les petits chemins au-dessus des lettres comme dans l'image ci-dessous. Contournez tous ces chemins avec le pinceau Art défini à l'étape précédente et changez le mode de fusion en Superposition. En fonction de la brillance que vous souhaitez donner aux lettres, définissez les valeurs d'opacité de ces chemins courts sur 50, 60, 70 ou même 100%..


Étape 12: Ombres

À ce stade, l'effet de texte est prêt. Facultatif, vous pouvez ajouter des ombres. Tout d’abord, regroupez les deux chemins qui composent une lettre (sans les surbrillances), puis sélectionnez Menu Effets> Styliser et appliquez l’effet Ombre portée. Faites la même chose pour les autres lettres.


Image finale

L'effet de texte enchevêtré est prêt et voici l'image finale. Si vous vous sentez plus aventureux, vous pouvez créer cet effet de texte en utilisant trois chemins ou même plus, car le processus reste le même. Vous aurez seulement besoin de plus de temps et d'attention.