Comment vectoriser la mascotte Team Awesome dans Adobe Illustrator

Ce que vous allez créer

La plupart d'entre nous connaissent l'idée d'une mascotte. Cela peut représenter un lieu ou une idée qui, à notre avis, nécessite une représentation physique afin de transmettre nos pensées et nos émotions aux autres. En un sens, il se situe à la pointe de la communication.

Dans ce tutoriel, je vais vous montrer comment restituer votre propre petite mascotte, en utilisant un superbe croquis créé par la toujours créative Monika Zagrobelna. C'était un projet collaboratif, alors vous voudrez voir comment ce petit gars est né. 

1. Créer un corps

Étape 1

Tout d'abord, nous allons apporter notre croquis. Je travaille dans Adobe Illustrator à une taille de 11 x 8,5 pouces pour ce projet spécifique. J'aime étiqueter cette première couche comme "Esquisse "afin de réduire les risques de confusion. Une autre bonne idée est de verrouiller immédiatement ce calque pour éviter de supprimer ou de déplacer accidentellement votre esquisse..

Étape 2

Notre dessin nous vient de l’esprit de Monika Zagrobelna, et l’idée de cette petite mascotte vient de notre bien-aimé Tuts +. Des couleurs de son pelage à la taupe sur sa joue pincée, chaque élément a été minutieusement étudié. La plupart des mascottes ne sont pas créées du jour au lendemain. C'est un travail d'amour, et si vous le créez pour les bonnes raisons, vous le créez avec beaucoup de patience et de soin. Pour plus d'informations sur le processus, voir le tutoriel de Monika sur la conception et le dessin de la mascotte..

Étape 3

Mon intention était de rester aussi proche que possible du design d'origine, afin que les couleurs soient extrêmement proches. En fait, j’ai échantillonné les couleurs d’origine en utilisant mon Outil Pipette (I) sélectionner mon initiale Remplir et Accident vasculaire cérébral pour le corps de notre mascotte.

Étape 4

En utilisant notre Outil stylo (P), nous allons commencer à décrire notre petit ami, en lui donnant un 2 pt AVC ligne. Si vous trouvez des lignes un peu trop nettes, comme je l’ai trouvé avec le bout de sa queue, je vous conseillerais de lisser vos bords en cliquant dessus. Casquette: casquette ronde et Joint: jointure ronde dans ton Accident vasculaire cérébral réglages.

Étape 5

Ensuite, nous pouvons ajouter des ailes et des oreilles à notre petit animal. J'ai utilisé un ton plus sombre, pour les définir en tant que caractéristiques distinctes du corps. 

Une fois que nous avons accompli cela, nous pouvons ajouter un Dupliquer couche à chacune de nos parties du corps de couleur plus claire. J'ai utilisé un orange plus clair et notre Plume effectuer à un Rayon de 0.3 po pour la tête et le corps, tout en utilisant un Rayon de 0,2 po nous donnera une surface homogène, avec juste un soupçon de rondeur et de dimension.

Étape 6

Pour le ventre et le museau, je vais commencer par un bleu clair et un bleu légèrement plus foncé pour mon Remplir et Accident vasculaire cérébral. J'ai également créé d'autres éléments faciaux de la même couleur, mais je peux facilement les modifier dès que je suis prêt à les utiliser.. 

Une fois mon estomac et mon museau créés, je peux Dupliquer ces couches aussi, et Plume comme nous l'avons fait précédemment avec son corps. 

2. Ajout de caractéristiques faciales

Étape 1

Notre prochaine tâche est de créer les yeux de notre personnage. La couleur verte aide vraiment notre mascotte à se démarquer. J'utilise la même méthode, mais avec un Accident vasculaire cérébral de 1,5 pt ligne. 

Étape 2

À ce stade, nous avons ajouté des pupilles noires et notre première série de marques réfléchissantes aux yeux. Nous avons également recoloré sa marque de beauté, son nez et sa bouche. Il commence à ressembler davantage à "lui-même". 

Étape 3

Nous allons ajouter un ensemble supplémentaire de marques réfléchissantes aux élèves, mais nous leur donnerons une 50% Transparence.

Étape 4

J'adore ces cornes! Comme je l'ai déjà dit, chaque élément a été soigneusement pensé lors du développement de ce petit gars. Ses cornes étaient conçues pour ressembler à des pointes de crayon aiguisées..  

Vous remarquerez que la partie principale de ses cornes a été traitée de la même manière que son estomac et son museau. Nous ajoutons de la dimension à un personnage plat, de sorte que même ce petit morceau est très visible contre les extrémités sombres et plates de ses cornes. Ne vous inquiétez pas, nous allons travailler pour les faire sortir également.  

Étape 5

Vous remarquerez que j'ai ajouté un peu de reflets à son nez et que j'ai de nouveau changé la couleur de sa bouche. C'est une couleur magenta saine qui lui donne un peu plus de vie. Si nous comparions les deux versions, vous verriez une différence. Cela semble le rendre plus accessible. 

3. Ajout de détails

Étape 1

Nous pouvons enfin ajouter un peu de brillance à nos conseils de crayon plat. J'ai utilisé un Gradient linéaire des oranges, avec un côté porté à 0% de transparence. Cela me permet de créer l'illusion de dimension. 

Je peux ensuite utiliser cette technique sur le corps principal de mes cornes pour une qualité ronde subtile. 

Étape 2

Utilisant un Gradient Radial, avec un côté amené à 0% de transparence, nous allons commencer à former des plumes simplistes sur notre mascotte. Commencez avec les plumes du dos les plus longues et progressez jusqu'aux plumes les plus courtes. 

Étape 3

Une fois les plumes terminées, nous pouvons travailler dans l'ombre derrière le corps, mais devant l'aile elle-même. Cela sépare les parties de notre corps et montre que tout n'est pas fusionné.   

Étape 4

Ici, nous pouvons voir côte à côte l’œuvre originale et le travail en cours. Nous commençons vraiment à voir ce petit gars entrer dans son propre. 

4. Création de reflets et d'ombrages

Étape 1

Avec de nombreuses mascottes, telles que celle de Firefox de Mozilla, vous verrez des points saillants pour le corps. Il y a une chaleur dans la peau / le pelage et une lueur que je voudrais recréer ici avec notre propre mascotte. Ceci est refait en utilisant un Gradient Radial, avec un côté amené à 0% de transparence. Comme vous pouvez le constater, je suis un grand fan de Gradients Radiaux et Les transparences. 

Étape 2

Là où il y a des temps forts, il y aura aussi des basses lumières et des ombres. Sa petite disposition ensoleillée ne brillera pas sans un peu de noir, aussi enhardi ses traits.    

Étape 3

Il vient bien. Nous allons prendre un moment pour ajouter des touffes de fourrure aux oreilles en utilisant le même Gradient Radial. Pour voir un autre exemple de la façon dont cela peut être réalisé, consultez la rubrique Créer un adorable tigre aux fraises dans Adobe Illustrator.. 

Étape 4

Pour que ses yeux ressortent plus, nous allons mettre un peu de noir derrière eux. Cela imite l’idée des yeux assis dans un crâne.  

Étape 5

Pendant que nous ajoutons des points forts, nous pouvons ajouter un peu de lumière à son nez.. 

Étape 6

En utilisant une couleur semblable de son nez, nous ajouterons un peu de texture de fourrure à ses joues et à d'autres zones de son corps..  

Étape 7

Nous ne pouvons pas oublier d'ajouter un peu d'ombrage sous sa mâchoire supérieure et son museau. Notre intention est de lui faire sentir le plus possible en trois dimensions tout en restant fidèle au dessin original..

Étape 8

Ajoutez un peu de fourrure de plumes au-dessus de ses yeux pour une apparence éveillée et alerte.

5. Finition de votre mascotte

Étape 1

Par cette étape, nous aurons une mascotte presque complète. On dirait qu'il est prêt à sauter de l'écran. 

Étape 2

Dupliquez toute votre couche de mascotte. Sélectionnez toutes les pièces et utilisez notre Éclaireur languette (Shift-Control-F9), nous pouvons Unir toutes nos pièces pour former un contour du corps. Nous allons encore une fois lisser nos bords pointus en cliquant Casquette: casquette ronde et Joint: jointure ronde dans notre Accident vasculaire cérébral réglages. J'ai augmenté notre Accident vasculaire cérébral à 7 pt pour nous assurer que nous ne le perdrons pas dans un contexte où il pourrait être placé plus tard.

Huzzah! Votre mascotte est prête à représenter!

Toutes nos félicitations! Après seulement quelques pas et un après-midi, vous devriez avoir votre propre mascotte, prête à ruminer. Comme il s’agissait d’un projet collaboratif, je vous encourage à essayer différents projets, pas simplement, mais avec d’autres amateurs d’art. Travailler avec quelqu'un d'autre vous donne une nouvelle dynamique, et il peut être très amusant de créer l'inattendu.