Comment créer un kit de personnages dans Adobe Illustrator

Ce que vous allez créer

Ce nouveau didacticiel est assez unique. Contrairement aux autres didacticiels que nous avons réalisés dans le passé, celui-ci ressemble davantage à un jeu. Nous allons d’abord créer de nombreux éléments différents de la conception des personnages, puis nous les utiliserons pour créer des personnages différents. Je vous promets que vous aurez beaucoup de plaisir à combiner différentes parties et à vivre l'excitation de créer différents personnages..

Envato Market est un endroit formidable où vous pouvez trouver de nombreux kits de personnages et de mascottes et où vous pourrez toujours trouver votre inspiration. Je vais vous révéler un secret: c'est l'endroit qui m'a inspiré pour écrire ce tutoriel!

Allons-y!

1. Dessine la tête

Étape 1

Après ouverture Adobe Illustrator et créer un nouveau document avec 600 x 600 px Largeur et la taille, nous allons commencer par dessiner la tête, qui sera la même pour tous les personnages. 

En utilisant le Outil Ellipse (L), dessiner un ovale. Dans l'image ci-dessous, vous pouvez voir la couleur de remplissage dont vous avez besoin. Pour donner à la tête une forme irrégulière, allez à Effet> Warp> Gonfler. Entrez les options que vous voyez ci-dessous.

Étape 2

Créez deux autres cercles, qui se chevauchent comme dans l'image ci-dessous. Aller au Éclaireur panneau et appuyez sur le Minus Front bouton. Maintenant, créez un cercle en utilisant la même couleur de remplissage que la tête. Placez la forme de croissant de lune sur le cercle que vous venez de créer. Nous avons notre oreille.

Étape 3

Puisqu'il s'agissait de l'oreille gauche, nous allons le placer sur le côté gauche de la tête. Tout en le gardant sélectionné, prenez la Outil de réflexion (O). Maintenez la Alt puis cliquez sur le front, au centre du visage. 

Dans la nouvelle fenêtre de dialogue, sélectionnez Verticale, angle de 90 degrés et appuyez sur Copie. Voila! Nous avons deux oreilles maintenant.

Étape 4

Une minuscule ellipse sur le visage, près de l'oreille gauche, montrera le rougissement sur la joue gauche. Il doit être légèrement incliné vers la droite. En utilisant le Outil de réflexion (O) encore (Verticale, angle 90 degrés, copie), créer la joue droite. 

En utilisant le Outil Rectangle (M), dessinez un petit rectangle sous la tête. Tout en le gardant sélectionné, allez à Effet> Déformation> Arc inférieur et entrez les options suivantes:

Étape 5

Créez trois autres têtes comme la précédente en copier-coller. Jouez avec les couleurs et créez différents types de peau, ou entrez simplement les codes de couleur que vous voyez ci-dessous.

2. Créer des yeux différents

Étape 1

Sur les yeux - les fenêtres sur nos âmes. Pour créer un cercle pair, utilisez le Outil Ellipse (L) tout en maintenant le Décalage clé. Ajoutez ensuite un cercle plus petit et plus foncé à l’intérieur (Control-C, Contrôle-F). Ajoutez deux autres petits cercles blancs pour ajouter des étincelles aux yeux.

Tout en tenant le Décalage et Alt clés, déplacez cet œil vers la droite. Vous en recevrez une autre copie pour compléter les yeux. Pour votre commodité, regroupez les yeux (clic droit> Groupe).

Étape 2

Ajoutons les sourcils. Créez deux cercles qui se chevauchent, comme dans l'image ci-dessous. Assurez-vous que le plus gros est au-dessus du plus petit. Aller au Éclaireur panneau et appuyez sur le Minus Front bouton.

Étape 3

Placez le sourcil gauche sur l'œil gauche. Tout en gardant le sourcil gauche sélectionné, prenez la Outil de réflexion (O) et tout en maintenant le Alt clé, clic entre les deux yeux. 

Dans la nouvelle fenêtre de dialogue, sélectionnez Verticale, angle de 90 degrés et appuyez sur Copie. Maintenant nous devrions avoir les deux sourcils.

Étape 4

Nous allons maintenant dupliquer l’ensemble des yeux et des sourcils pour créer différentes variations de cet ensemble. Changer les couleurs des yeux et des sourcils, ou même incliner un peu les sourcils pour créer différentes variétés.

Le jeu des yeux dans image 3 est créé en utilisant les sourcils, pour montrer comment vos yeux se ferment quand vous éclatez de rire.

3. Créer des bouches différentes

Étape 1

Attaquons la bouche. Lorsque vous créez cela vous-même, vous avez juste besoin d'une bouche blanche, moins les traits noirs. J'ai juste les traits noirs dans les premières images ci-dessous pour que vous puissiez mieux voir..

Créons d’abord une petite ellipse blanche, puis, en utilisant le Convertir l'outil de point d'ancrage (Maj-C), affilez les points d’ancrage gauche et droit en cliquant dessus. Sélectionnez les points d’ancrage supérieur et inférieur (avec le Outil de sélection directe (A)) et déplacez-les vers le bas en appuyant sur Flèche vers le bas sur votre clavier.

Étape 2

En déplaçant les poignées des points d'ancrage de la bouche, vous pouvez créer de nombreuses variations de la bouche. Vous pouvez aussi simplement dessiner une ellipse minuscule comme la dernière de l'image ci-dessous, pour montrer une bouche chantante ou surprise.

4. Créer des coiffures différentes

Étape 1

Prenez l'une des têtes que vous avez créées auparavant, car il sera plus facile de dessiner les cheveux directement sur la tête.

Nous allons utiliser le Outil de déformation (Maj-R) coiffer nos cheveux. Mais d’abord, nous voulons créer une ellipse brune derrière la tête et une petite ellipse au front: ces deux éléments seront utilisés pour étirer ou coiffer les cheveux..

Double-cliquez sur le Outil de déformation (Maj-R). Entrez les options que vous voyez dans l'image ci-dessous. Notez que les flèches dans l'image montrent comment déplacer votre souris.

Il est très important de sélectionner l'objet avant d'utiliser le Outil de déformation (Maj-R)-sinon vous répandrez d'autres objets l'entourant.

Étape 2

Une autre coiffure pour un autre type de peau.

Étape 3

Une autre idée pour une coiffure. Toutes les coiffures ici ne sont que des idées pour susciter votre créativité - soyez aussi créatif et sauvage que vous le souhaitez!

Étape 4

Certaines coiffures peuvent être mieux faites avec de petits cercles.

5. Créer les tenues

Étape 1

Nous allons maintenant concevoir différentes tenues. 

Prendre le Outil Rectangle Arrondi et créez deux rectangles arrondis, l'un sur l'autre. Vous pouvez choisir n'importe quelle couleur, alors soyez créatif ici. Gardez simplement à l'esprit que le premier doit être une couleur légèrement plus sombre. 

Sélectionnez un rectangle et allez à Effet> Warp> Arc. Entrez les options que vous voyez ci-dessous. Les deux rectangles ont les mêmes options. Développez les rectangles: Objet> Développer l'apparence.

Étape 2

Dessinez un rectangle de n'importe quelle couleur de remplissage et placez-le comme indiqué ci-dessous, en couvrant la partie inférieure des rectangles arrondis. Nous allons utiliser cela comme un cutter. Gardez-le sélectionné, créez-en une copie devant (Control-C, Control-F). 

Sélectionnez le premier rectangle arrondi et le cutter, puis appuyez sur la touche Minus Front bouton sur le Éclaireur panneau. Sélectionnez la copie du massicot et le second rectangle arrondi et appuyez sur Minus Front dans Éclaireur. Ceci est la partie supérieure du torse, les épaules et la poitrine.

Étape 3

Prendre le Outil Polygone et cliquez sur votre tableau d'art. Dans la nouvelle fenêtre de dialogue, entrez 3 Côtés et appuyez sur D'accord. Vous obtiendrez un triangle. Placez-le comme indiqué dans l'image ci-dessous dans le cadre du col. En utilisant le Outil de réflexion (O), Faites une copie verticale de ce triangle pour compléter l’autre partie du col. Ajoutez quelques cercles à la chemise sous forme de boutons.

Étape 4

Dupliquez la chemise que vous avez faite à l'étape précédente et modifiez les couleurs de remplissage. Vous obtiendrez une autre chemise.

Étape 5

Voici un autre moyen de créer une nouvelle tenue en ajoutant un gilet.

Dupliquez la chemise précédente et créez une copie de la poitrine (pas du col, ni des manches) devant (Control-C, Control-F). Appliquez une couleur de remplissage contrastante. Ensuite, tracez un triangle (pas de couleur de remplissage, aucune couleur de trait) à l’aide des touches Outil Polygone et placez-le sur le dessus, il créera un style de col en V. Ajoutez deux ellipses en utilisant le Outil Ellipse (L)-ceux-ci créeront les coupes supplémentaires à notre gilet. Sélectionnez les deux ellipses, le triangle et la poitrine contrastante de la chemise, puis appuyez sur Minus Front dans Éclaireur.

Étape 6

Créez une copie de la tenue réalisée à l'étape précédente et modifiez les couleurs de remplissage. Tu viens d'avoir une autre tenue!

Étape 7

Dupliquez certaines des tenues précédentes, supprimez le col et ajoutez quelques rayures. Utilisez le Couper bouton sur le Éclaireur panneau pour découper des rayures. Cette tenue ressemble à un t-shirt à manches longues et à rayures.

6. Combinez les personnages

Étape 1

Il est temps de voir ce que nous avons créé jusqu'à présent! Combinez tous les éléments que vous avez créés et créez des personnages différents. Voici quelques personnages que j'ai créés:

Étape 2

Maintenant que nous voyons les différentes personnalités de chaque personnage, nous pouvons ajouter des accessoires en conséquence.

Pour le gentil garçon chantant, nous allons ajouter un nœud papillon. Utilisez le Outil Polygone créer un triangle. Après l'avoir réduit, faites-le pivoter vers la droite. En utilisant le Outil de réflexion (O), créer une copie verticale réfléchie de celui-ci. Placez une petite ellipse entre les deux pour terminer le nœud papillon. Faisons-le essayer!

Étape 3

Puisqu'il chante, nous pouvons ajouter quelques notes de musique - je suis sûr que vous savez quels outils utiliser!

Étape 4

Nous allons ajouter un ballon de foot pour ce copain joyeux. Je ne serai pas spécifique dans les couleurs que j'ai utilisées-c'est à vous, alors soyez créatif.

Après avoir créé un cercle, placez un pentagone (utilisez le Outil Polygone) au milieu de celui-ci. Supprimez ensuite la couleur de remplissage et appliquez la même couleur de trait. En utilisant le Outil de segment de ligne (\), tracez une ligne de chaque point du polygone vers les limites du cercle. Ajoutez cinq autres pentagones (pas de couleur de trait, de couleur de remplissage foncé), comme indiqué dans l'image ci-dessous.

Sélectionnez le cercle que vous avez créé au début de cette étape et faites-en une copie devant (Control-C, Control-F). Choisissez ensuite l'un des pentagones qui chevauchent le cercle. presse Couper dans Éclaireur. Faites une copie du cercle à nouveau. Sélectionnez le deuxième pentagone qui se chevauche et appuyez sur Couper dans Éclaireur. Créez à nouveau une copie du cercle situé devant, sélectionnez le troisième pentagone et… oui… continuez de le faire jusqu'à ce que vous ayez recouvert les cinq pentagones..

Étape 5

Ce drôle de petit garçon passe toute la journée à jouer à des jeux vidéo, et le résultat est évident: il a besoin de lunettes..

Utilisez le Outil Ellipse (L) créer un cercle. Il doit avoir une couleur de trait noir et une couleur de remplissage noir avec Transparence de la lumière douce. Soyez prudent avec le Transparence: après avoir créé un cercle avec un trait noir et une couleur de remplissage, allez à la Apparence panneau, sélectionnez le mot Remplir et ensuite appliquer Lumière douce sur le Transparence panneau. Tenez le Décalage et le Alt clés ensemble et déplacez ce verre vers la droite. Vous venez de le dupliquer.

Utilisez le Outil Crayon (N) avec un trait noir épais et pas de remplissage pour créer la monture des lunettes.

Tracez un rectangle (sans trait, couleur de remplissage noir) pour créer les branches des lunettes (voir image 2). Utilisez le Outil de réflexion (O) créer un autre temple. Laisse le garçon les essayer!

Étape 6

Ce mignon garçon africain pourrait profiter de sa musique. Donnons-lui un casque.

Tracez un cercle en utilisant le Outil Ellipse (L) sans remplissage et la couleur de trait de votre choix. Prenez le Outil Ciseaux (C) et cliquez simplement sur les points d'ancrage gauche et droit de ce cercle. Supprimer les parties inutiles, et vous obtiendrez un demi-cercle.

Tout en le gardant sélectionné, faites-en une copie devant et sur le Accident vasculaire cérébral panneau, rendre ce nouveau trait plus épais. Vérifiez également Casquette ronde sur le Accident vasculaire cérébral panneau. Prendre le Outil Ciseaux (C) à nouveau et supprimez les parties inutiles marquées dans l’image ci-dessous. Vous venez de recevoir le serre-tête du casque.

Image 2. Supprimez la couleur du trait et définissez la couleur de remplissage. Dessine une ellipse. Ajouter un rectangle arrondi en utilisant le Outil Rectangle Arrondi. Placez ces deux formes sur le bandeau. En utilisant le Outil de réflexion (O), faire un reflet du coussin gauche pour obtenir le bon. Donnons les écouteurs au garçon.

7. Créer le fond

Étape 1

Maintenant, pour votre commodité, vous pouvez créer un Nouvelle Couche. Aller au Couches panneau (Fenêtre> Calques) et appuyez sur le bouton Créer un nouveau calque. Puis verrouillez le calque sur lequel vous avez dessiné les caractères et faites glisser le calque nouvellement créé sous le calque contenant les caractères..

Dessine un carré avec la couleur de remplissage bleu, à la taille 600 px dans le Largeur et la taille. Ensuite, dessinez cinq rectangles verticaux plus sombres. Laissez le côté droit de l'arrière-plan libre, vous y placerez les caractères terminés.

Nommez chaque rectangle vertical bleu foncé à l’aide des touches Outil de type (T). Votre texte sera probablement noir, vous pouvez donc le changer pour la couleur de votre choix.

Étape 2

Avant de faire glisser chaque pièce à sa place, regroupez chaque pièce du personnage. Tout mettre à sa place.

Étape 3

Voici le moment le plus intéressant de ce tutoriel: combiner tous les éléments en différents personnages. Prendre plaisir!

Conclusion

Hourra! Nous l'avons encore fait! Félicitations énormes à vous, parce que c'était un projet énorme. Je suis sûr que vous pouvez facilement créer un tas de personnages différents maintenant. Je vais juste vous laisser faire et vous laisser profiter du processus… jusqu'à la prochaine fois.