Comment créer des symboles escrimeurs calligraphiques dans Illustrator

Une esperluette est le nom du caractère "&" utilisé à la place du mot "et". Dans ce didacticiel, nous allons nous entraîner à dessiner des versions calligraphiques d'esperluettes dans Adobe Illustrator à l'aide des outils Plume (P) et Largeur (Maj + W). De plus, je vais vous montrer comment enregistrer vos créations dans le panneau Symboles pour les utiliser ultérieurement dans vos projets futurs. Alors, commençons!


Étape 1

J'ai d'abord créé un nouveau document dans Adobe Illustrator en allant dans Fichier> Nouveau. J'ai fait une taille de toile de 500 par 800 px et cliqué sur OK.


Étape 2

Pour moi, la plupart des projets commencent par un crayon sur du papier, qui est ensuite numérisé dans l'ordinateur puis placé sur la toile en choisissant Fichier> Importer. J'ai nommé le calque «Modèle», réduit son opacité à 70% et l'ai verrouillé.


Étape 3

Ensuite, j'ai créé un nouveau calque en utilisant un raccourci clavier Command + Option + L (Contrôle + Alt + L sur PC). De cette façon, vous pouvez créer et nommer votre couche en une seule étape. J'ai nommé le nouveau calque «Esperluette 1» et cliqué sur OK.


Étape 4

Assurez-vous que votre calque "Esperluette 1" est au-dessus du calque "Modèle", car vous souhaitez dessiner par-dessus le modèle numérisé..


Étape 5

Ensuite, je me suis assuré que ma couleur de remplissage est définie sur Aucune et que Contour est défini sur noir. Ensuite, j'ai sélectionné l'outil Plume (P) et commencé à tracer la première esperluette. La forme du personnage étant incurvée, n’oubliez pas de cliquer et de faire glisser l’outil Crayon (P) pour créer des courbes de Bézier lisses..

Maintenez la touche Maj enfoncée tout en faisant glisser l'outil Crayon (P) pour créer des lignes droites verticales, horizontales et diagonales..

Pour repositionner le point d'ancrage sur lequel vous travaillez, cliquez et maintenez la touche Barre d'espacement enfoncée sans relâcher votre souris. Une fois repositionné, relâchez la barre d'espacement et continuez à tracer la forme..

Essayez d’appuyer sur la touche Option (Alt sur PC) tout en créant une courbe. Cela détachera les poignées et vous pourrez scinder la courbe. Si vous souhaitez davantage d’aide pour utiliser l’outil Plume (P), consultez le Guide complet Vectortuts + d’utilisation de l’outil Plume..


Étape 6

Lorsque vous avez terminé avec la première ligne, cliquez sur Commande + Maj + A (Contrôle + Maj + A) pour tout désélectionner, puis tracez la ligne en spirale restante de l'esperluette.


Étape 7

Cette esperluette avait besoin d'extrémités arrondies. J'ai donc sélectionné les deux tracés avec l'outil de sélection (V) et modifié les majuscules en traits arrondis en ouvrant le panneau Trait en haut à droite (vous pouvez également le faire dans le panneau Apparence si vous le souhaitez. souhait).


Étape 8

J'ai remarqué des courbes sur mon esperluette dont je n'étais pas tout à fait satisfait. J'ai donc utilisé l'outil de sélection directe (A) et cliqué sur certains des points d'ancrage pour les modifier jusqu'à ce que je ne voie plus de segments nets ou délicats. Vous pouvez désactiver le calque "Modèle" maintenant et modifier la forme à votre guise. Si vous ne pouvez pas rendre les lignes parfaitement courbes, ne vous inquiétez pas, car nous utiliserons un "petit truc" plus tard pour nous assurer que tout est aussi lisse que possible..


Étape 9

Maintenant que c'est fait, j'ai utilisé l'un de mes outils préférés dans Illustrator - l'outil Largeur (Maj + W). L'outil Largeur vous permet d'ajouter ou de soustraire de la largeur à votre trait.!

Sélectionnez l'outil Largeur (Maj + W) et survolez votre trait. Vous verrez un point blanc apparaître sur le trait, il s'appelle le point de largeur. Maintenant, cliquez et faites-le glisser vers l'extérieur pour voir comment le trait devient ticker (faites-le glisser vers l'intérieur et cela deviendra plus mince)..

Essayez de ne pas trop rapprocher les points de largeur, car chaque point affecte le trait jusqu'au prochain point de largeur. Placez-les trop près les uns des autres et vous obtiendrez des formes étranges, ce que nous ne recherchons pas dans ce projet..

Vous pouvez survoler les points de largeur que vous avez déjà définis et continuer à les utiliser en faisant glisser leurs poignées..


Étape 10

Voici comment définir mes points de largeur.


Étape 11

L'esperluette a presque tout à fait raison, alors je vais maintenant agrandir son apparence (la transformer en une forme remplie) en sélectionnant mes deux traits, puis en passant à Objet> Développer l'apparence..


Étape 12

Maintenant que l'esperluette est constituée de chemins et non de traits, j'ai des parties qui se chevauchent. Pour nettoyer cette esperluette, j'ai utilisé Pathfinder en allant dans Fenêtre> Pathfinder et avec la forme toujours sélectionnée, cliquez sur Unite..


Étape 13

Même si la forme ne se chevauche plus, elle semble encore assez confuse à cause de ces centaines de points d'ancrage. Voici donc la partie que j'ai déjà mentionnée à l'étape 8: lissons la forme en allant dans Objet> Chemin> Simplifier. Activer l'aperçu pour voir ce que vous faites.

Pour moi, la précision de la courbe de 94% a bien fonctionné. J'ai également activé et désactivé la case à cocher "Afficher l'original" plusieurs fois pour voir si je suis sur la bonne voie. Notez les numéros changés sous le curseur Seuil d'angle. Il montre combien de points d'ancrage (pts) et combien vous avez actuellement. Les petits points vous aurez le plus lisse de vos courbes esperluette. Lorsque vous êtes satisfait, cliquez sur OK. Votre esperluette devrait sembler lisse et ressembler à maintenant.


Étape 14

Créons maintenant une bibliothèque de symboles personnalisée pour le caractère de type esperluette, afin que vous puissiez y accéder et l’utiliser dans vos projets futurs. Pour ce faire, ouvrez le panneau Symboles en allant dans Fenêtre> Symboles. Par défaut, certains panneaux figurent déjà dans le panneau, mais comme je veux créer une bibliothèque de symboles personnalisée, je dois d'abord nettoyer le panneau. Il suffit de cliquer sur le premier et le dernier symboles par défaut et de les faire glisser vers la corbeille pour les supprimer..


Étape 15

Maintenant, cliquez sur votre perluète avec l'outil de sélection (V) et faites-la glisser dans le panneau Symboles. Une boîte de dialogue apparaîtra vous demandant de nommer votre symbole. J'ai nommé le mien "Ampersand 1" et cliqué sur OK.


Étape 16

Maintenant qu'une esperluette est prête, il est temps de faire le reste d'entre eux. Puisque la technique pour les dessiner est la même, continuez et suivez les étapes de l’étape 5 à l’étape 13.


Étape 17

Lorsque le reste des esperluettes est prêt, sélectionnez-les et faites-les glisser vers le panneau Symboles où nous avons déjà enregistré la première esperluette..


Étape 18

Cliquez ensuite sur le bouton Symbols Libraries Menu et choisissez Save Symbols. Une boîte de dialogue vous mènera au dossier des symboles d'Illustrator où vous pourrez stocker vos symboles avec les autres bibliothèques. J'ai nommé mes symboles "Esperluettes" et cliqué sur Enregistrer..


Étape 19

Nous avons réussi à sauver les symboles esperluette, mais comment les retrouver dans le futur? Assez facile en fait! Créez un nouveau document en sélectionnant Fichier> Nouveau, agrandissez le document 600 x 600 pixels et cliquez sur OK..


Étape 20

Maintenant, localisez votre panneau Symboles, cliquez sur le bouton Menu Bibliothèques de symboles et naviguez jusqu’à la fin du menu déroulant où vous trouverez un onglet appelé Défini par l’utilisateur, survolez-le et vous y trouverez vos "Esperluettes". Ouvrez-les et vous obtiendrez vos symboles!


Étape 21

Maintenant, je vais vous montrer comment vous pouvez les utiliser.
Lorsque vous souhaitez utiliser l'un de vos symboles, faites-le simplement glisser sur le canevas. Pour en savoir plus sur les symboles, consultez l’écran suivant sur Utilisation des symboles dans Adobe Illustrator..


Étape 22

Supposons maintenant que vous avez besoin d'une esperluette bleu clair au lieu de noir, car vous voulez qu'elle corresponde à l'arrière-plan, qui dans ce cas correspond à 300 x 300 px bleu bondi..
Faites un clic droit sur le symbole et choisissez Rompre le lien en symbole pour le libérer du panneau Symboles. Maintenant, vous pouvez changer la couleur, l'échelle et faire ce que vous voulez avec la forme sans changer le symbole lui-même.


Étape 23

J'ai édité la forme de l'esperluette plus loin en réduisant un peu et ajouté des noms Jane, John en utilisant la police de caractères régulière "Baskerville".

Étape 24

Si vous avez une œuvre avec un symbole qui se répète, vous pouvez toutes les colorer en même temps en double-cliquant sur l'un d'entre eux. Vous recevrez un avertissement (1.) indiquant que vous êtes sur le point de modifier la définition du symbole. Cliquez sur OK pour accéder au mode d’isolation (2.) où vous pouvez modifier l’aspect du symbole, puis appuyez sur la touche Échap et vous venez de modifier plusieurs symboles à la fois (3.)..


Conclusion

Ci-dessous, vous pouvez voir la dernière image de ce tutoriel. Je l'ai terminé en répétant les trois dernières étapes de ce tutoriel. Je pense que nous avons beaucoup appris ici. Nous nous sommes exercés avec l'outil Plume (P), avons utilisé l'outil Largeur (Maj + W), avons appris ce que font les commandes Développer l'apparence et Simplifier et, bien entendu, comment enregistrer, ouvrir et utiliser vos propres symboles personnalisés. Utilisez ces méthodes dans vos futurs projets et pratique, pratique, pratique!
Merci d'avoir lu.