Créer un calligramme Furry dans Illustrator

Dans ce tutoriel, je vais vous guider dans la création de votre propre calligramme inspiré d'un chien nommé Poppy. Vous apprendrez à manipuler une police de caractères pour rendre la fourrure, ajouter des fonctionnalités et des détails divers..


introduction

Je suis obsédé par mon chat et j'ai créé de nombreux vecteurs. L'une des pièces que j'ai réalisées est le calligramme de "Meow", qui a été rendu en fourrure avec le marquage de sa fourrure..

La merveille qu'est Wikipedia dit:

Un calligramme est un poème, une phrase ou un mot dans lequel la police, la calligraphie ou l'écriture manuscrite est agencée de manière à créer une image visuelle. L’image créée par les mots exprime visuellement ce que le mot ou les mots disent.

Pour élargir mon portefeuille d'animaux, j'ai décidé de commencer à vectoriser les chiens, processus similaire à celui des chats, mais dont la plupart des poils sont plus poilus et plus épais..

Dans ce tutoriel, je vais vous expliquer la création d'un texte inspiré de mon calligramme "Meow", mais celui-ci est basé sur un chien. J'aimerais vous présenter la force hyperactive qu'est Poppy. Je vais la référencer lors de ce tutoriel.


Théorie des caractères

Le mot que je vais rendre est "WOOF" et ceci pour deux raisons:

  • C'est un mot qui, lorsqu'on vous entend, vous associez d'emblée à un chien.
  • Les lettres peuvent être manipulées pour illustrer les membres et le corps du chien. Par exemple, les jambes et la queue peuvent être illustrés à l'aide des symboles "W" et "F", et le visage et le corps peuvent être construits à partir du "OO".

Lorsque je sélectionne une police de caractères à utiliser comme base pour ce projet, j'ai tendance à privilégier les polices classiques telles que Tahoma, Verdana, etc. En effet, dans la plupart des cas, elles sont agréables à regarder et moins complexes.

Stéréotypiquement, les chats sont davantage vus comme des créatures féminines, illustrés par des courbes et très peu de lignes dures. Donc, au contraire, mon calligramme inspiré par mon chien va paraître plus masculin. Donc, pour le meilleur ami de l'homme, je vais choisir une police de caractères comportant de nombreuses lignes droites et des courbes minimales. Je vais choisir une police de caractères sans empattement car j'associe les empattements à une qualité plus féminine, car ils semblent délicats..

Un autre aspect à garder à l'esprit est que vous ne voulez pas que vos lettres soient trop minces, car vous voulez montrer beaucoup de fourrure sur les lettres. Cependant, au contraire, vous ne voudrez pas que les lettres soient trop dodues, vous ne pouvez pas dire le mot avec la fourrure à l'extérieur des lettres.!

Pour ce tutoriel, je vais utiliser la police de caractères Tahoma. Allons nous regarder!


Étape 1

Utilisation de l'outil Texte (T) pour ajouter le texte "WOOF" sur votre toile.
Allez dans les options de caractère (dans CS5, en haut, sous la barre d’outils) et changez la taille de la police à 150 pts. Changez le style de police en gras. Cliquez dans le panneau de caractères et réglez le suivi sur 100 et l'échelle verticale sur 125%..


Étape 2

Développez les lettres en allant dans Objet> Développer, puis en cliquant sur OK. Dissocier (Commande + Maj + G) les lettres pour faciliter leur manipulation.


Étape 3

À l’aide de l’outil Plume (P), ajoutez une queue au "F." Maintenant, sélectionnez la queue et la forme en "F", puis utilisez le Pathfinder pour les unir.


Étape 4

Je veux que le "W" soit clairement juste deux pattes avant. Afin de créer cette illusion, je vais devoir réduire le centre de la lettre pour que les deux radicaux apparaissent beaucoup plus visibles..

À l'aide de l'outil de sélection directe (A), sélectionnez les lignes et les points présents au centre de la lettre. Utilisez ensuite l'outil de transformation libre (E) pour déplacer ces éléments vers le bas de manière à écraser le centre de la lettre..


Étape 5

Pour rendre les jambes plus apparentes au spectateur, je vais ajouter des pattes sur les lettres. Je vais le faire en utilisant l'outil Ellipse (L). Une fois que j'ai placé les cinq cercles, j'utilise le Pathfinder pour les unir. Maintenant, utilisez l'outil Plume (P) pour enlever deux points de chaque côté..


Étape 6

Copiez (Commande + C) et collez (Commande + V) les pattes sur les "W" et "F" à l’aide de l’outil de transformation libre (E) pour les faire pivoter et les placer. Positionnez les pattes sur la lettre correspondante et réunissez-les.


Étape 7

Sélectionnez toutes les formes (Commande + A) et créez un tracé composé (Commande + 8). Copiez (commande + C) et collez devant (commande + F) le chemin composé, puis verrouillez les deux formes.


Étape 8

En utilisant l'outil Plume (P), je vais dessiner sur les formes où la fourrure blanche est pour les parties du corps. Au lieu de blanc, je vais utiliser un gris très clair (C = 0, M = 0, Y = 0, K = 10), car plus tard, nous allons utiliser du blanc pour ajouter de la surbrillance à la fourrure..

Puisque les pattes avant vont faire partie du "W", je vais faire la première tête de "O" Poppy et la seconde son corps. Cela fait une légère différence dans sa coloration.


Étape 9

Sélectionnez toutes les formes grises (Commande + A) et transformez-les en un chemin composé (Commande + 8). Déverrouillez l'un des chemins composés noirs et sélectionnez-le avec le chemin composé gris. Dans le Pathfinder, appliquez Intersect.

Maintenant que le groupe est sélectionné, faites-en un tracé composé (Commande + 8). Remplacez le chemin du composé noir par une couleur de remplissage non noir (C = 0, M = 0, Y = 0, K = 95). Verrouillez le dossier des calques pour le moment. Double-cliquez sur le dossier de la couche et renommez-le "Bases".


Étape 10

Pour la suite du didacticiel, vous devrez créer le profil de largeur, les pinceaux 1 et 5 à partir de mon tutoriel de pinceau de profil de largeur..

Créez un nouveau calque et renommez-le "Fourrure". Je vais utiliser l'outil Pinceau (B) avec le pinceau Profil de largeur 1, la couleur de trait du noir et l'opacité de 50%. Utilisez-le pour dessiner la fourrure sur les bords des lettres où les formes sont noires.

Modifiez la longueur de vos traits en fonction du type de fourrure de votre chien. Comme Poppy est un chien à poil court, le rendu de la fourrure nécessitera des coups courts. Considérez la surface de fourrure que chaque lettre représente et la direction dans laquelle la fourrure ira.


Étape 11

Sélectionnez Tout (Commande + A), Regroupez tous les traits gris foncé (Commande + G), puis verrouillez le groupe. Ajoutez maintenant la fourrure gris clair au reste des bords. Là où le noir et le blanc se rencontrent dans les lettres, continuez de tracer des traits sans les superposer. Cela rendra la fourrure plus naturelle.

Conseil: si vous dessinez une fourrure de couleur claire comme moi, ajoutez un calque derrière toutes vos formes de couleur sombre. Cela vous permettra de voir plus facilement où sont placés vos coups..

Sélectionnez Tout (Commande + A), Regroupez tous les traits gris foncé (Commande + G), puis verrouillez le groupe..


Étape 12

Pour ajouter plus de profondeur à la fourrure, ajoutez des traits dans les formes et certains vers les bords à l'aide du même pinceau, mais avec la couleur correspondante avec Multiplier le mode de fusion. Pour le gris clair, utilisez une opacité de 70% et le gris foncé, une opacité de 40%. Pour chacune des couleurs, regroupez-les (Commande + G) et verrouillez-les..

Conseil: si vous constatez un ralentissement d’Illustrator lorsque vous dessinez les mèches de la fourrure, masquez les groupes précédemment créés..


Étape 13

En utilisant le même processus, je vais ajouter des reflets à la fourrure. Je vais le faire en utilisant les mêmes couleurs pour les zones correspondantes. Définissez le mode de fusion sur Écran, l’opacité gris clair sur 50% et l’opacité gris foncé sur 25%..

Pour chacune des couleurs, regroupez-les (Commande + G), puis verrouillez-les et le dossier de calque.


Étape 14

Créez un nouveau calque et renommez-le "Spots".

Si vous remarquez dans l'image de référence de Poppy, elle a quelques petites taches noires sur ses pattes antérieures et autour de son nez. Donc, en utilisant les mêmes propriétés de pinceau et la couleur de trait gris foncé, ajoutez des taches sur le "W" et le premier "O" aux endroits où elles se trouvent. Réglez le pinceau sur un mode de fusion multiplié et une opacité de 50%.

Lorsque vous avez terminé, regroupez-les (Commande + G), puis verrouillez-les et le dossier de calques.


Étape 15

Créez un nouveau calque et renommez-le "Nez". Utilisation de l'outil crayon (P), avec une couleur de remplissage gris foncé; tire le nez. Ensuite, dessinez dans les narines et une ligne entre les deux. Réglez le mode de fusion sur Multiplier pour les formes avec les narines à 100% et la ligne entre 50%..

Créez un dégradé radial transparent de gris clair à gris clair, et ajoutez des reflets ainsi qu'un éclat au nez. À l'aide de l'outil Dégradé (G), faites glisser la source du dégradé vers le haut du nez..


Étape 16

Les chats sont souvent dessinés avec leurs longues moustaches caractéristiques. Les chiens ont aussi des moustaches, mais pas aussi saillantes. Ils sont beaucoup plus courts et moins nombreux. Dans le dossier de couches "Nose", je vais ajouter des moustaches gris foncé à l'aide de l'outil Pinceau (B) et du pinceau Profil de largeur 5..


Étape 17

En utilisant les mêmes options de pinceau, modifiez toutefois l'opacité à 75% et ajoutez des points sur le dessus du nez, car le nez d'un chien n'est pas complètement lisse. Cela ajoutera une texture subtile. Lorsque vous avez terminé, verrouillez le dossier de la couche.


Étape 18

Créez un dossier Nouveau calque et renommez-le "Détails". L'utilisation des mêmes options de pinceau permet de changer l'opacité à 20% et le mode de fusion à multiplier. Ajoutez quelques traits autour des pattes pour ajouter une définition entre les chiffres.


Étape 19

En utilisant l'outil Plume (P), créez une forme ovale avec la couleur de remplissage gris foncé et une opacité de 80%. Copiez (Commande + C) et Coller (Commande + V) la forme de chaque griffe numérique sur une patte. Sélectionnez les quatre formes pour une patte, puis faites-en un tracé composé (Commande + 8)..

Copiez (Commande + C) et Collez (Commande + V) le chemin composé et déplacez-les vers chacune des pattes. Verrouillez le dossier des calques lorsque vous avez terminé.


Étape 20

Allez dans le dossier "Bases" et copiez (Command + C) le chemin composé gris foncé. Verrouillez à nouveau le dossier de couches "Bases". Créez un nouveau calque au-dessus du dossier "Bases" et nommez-le "Clair", puis collez-le devant (Commande + F) du chemin d'accès composite..

Libérez le chemin composé (Alt + Maj + Commande + 8). Vous devrez sélectionner les formes pour chacune des formes en "O" et utiliser le côté moins avant à partir des options de Pathfinder..

À l'aide de l'outil Dégradé (G), appliquez le dégradé radial transparent gris à gris clair sur les lettres. Placez les gradients comme s'il y avait de la lumière venant d'en haut. Réduisez l'opacité à 15% et le mode de fusion à l'écran. Sur certaines lettres, vous devez copier (Commande + C) et Coller devant (Commande + F). Une fois terminé, verrouillez le dossier de la couche.


Étape 21

Créez un nouveau calque sous le dossier "Bases" et renommez-le "Ombre". Créez un dégradé radial transparent de gris foncé à gris foncé. À l’aide de l’outil Ellipse (L), tracez des cercles sous les lettres pour donner l’impression que les lettres sont flottantes. Regroupez les formes (Commande + G), puis modifiez le mode de fusion en Multiply et l'opacité à 70%.


Étape 22

Ajoutez un dégradé radial transparent de gris clair à gris clair à l’écran 30% à l’arrière-plan pour compléter la pièce. Maintenant, vous avez terminé votre calligramme Woof!


Conclusion

En ajoutant différentes couleurs à la fourrure et en faisant varier la longueur des traits, vous obtenez un morceau de texte unique. En connaissant les différences subtiles entre les chats et les chiens, vous pouvez également créer une purrfect calligramme pour un chat utilisant ces mêmes techniques ainsi.