Share
Ce que vous allez créerDans ce didacticiel, nous allons réaliser un ensemble de portraits à plat, représentant des personnes de différentes professions. De telles images peuvent être utilisées comme avatars pour les réseaux sociaux ou comme éléments de conception pour votre site Web, décrivant diverses catégories. Ou vous pouvez même dessiner vous-même en utilisant de tels portraits à plat pour votre carte de visite.
Les formes et les outils de base d'Adobe Illustrator sont parfaits pour la création de graphiques vectoriels plats. Nous allons suivre tout le processus en découvrant de nouveaux conseils et astuces en utilisant le panneau Pathfinder, les masques de découpe et certaines autres fonctionnalités d'Adobe Illustrator. Vous pouvez suivre ce didacticiel facilement même si vous n’utilisez pas de tablette graphique. Commençons!
Si vous voulez aller plus loin et créer un plus grand nombre de professions ou si vous avez besoin d'autres types de portraits, n'hésitez pas à vous inspirer directement chez Envato Market en parcourant des avatars et des portraits. Vous pouvez acheter cet ensemble, ainsi que des options d'avatar supplémentaires dans mon ensemble d'avatars Flat Professions sur GraphicRiver..
Nous allons commencer par faire la tête de notre premier personnage. Prenons le Outil Rectangle (M) et faire un 65 x 80 px forme d'un ton de peau rose clair. Garder notre forme sélectionnée, allez à Objet> Chemin> Ajouter des points d'ancrage. Vous remarquerez que des points d'ancrage supplémentaires apparaissent au milieu de chaque côté du rectangle.
Aller à Objet> Chemin> Ajouter des points d'ancrage encore une fois, en ajoutant deux points de plus pour chaque côté. En fait, nous n’avons pas besoin de tous les points d’ancrage créés. Supprimons donc les points indésirables. Prendre le Outil de sélection directe (A) et sélectionnez trois points à gauche du rectangle et trois à droite. Allez dans le panneau de commande en haut et cliquez sur le bouton Supprimer les points d'ancrage sélectionnés bouton.
Maintenant façonnons le visage. Sélectionnez deux points d’ancrage extrêmes dans les coins inférieurs du rectangle et cliquez sur Entrer ouvrir le Bouge toi la fenêtre. Met le Horizontal valeur à 0 px et Verticale à -25 px déplacer les points d'ancrage 25 px up, formant le menton. Cliquez sur D'accord.
Si vous voulez élargir ou rétrécir le menton, sélectionnez l’un de ses points d’ancrage et appuyez sur Entrer encore une fois, ouvrant le Bouge toi fenêtre et en déplaçant le point horizontalement vers la gauche ou la droite. Par exemple, déplacez le point droit vers la gauche en définissant le Horizontal valeur à -5 px puis déplacez le point gauche vers la droite en réglant le Horizontal valeur à 5 px. De cette façon, nous avons rapproché les points les uns des autres.
Utilisez le Coins vivants fonction pour rendre le visage un peu plus lisse et arrondi en le sélectionnant avec le Outil de sélection directe (A) et en tirant l'un des marqueurs de cercle un peu plus près du centre.
Si vous utilisez des versions plus anciennes d'Adobe Illustrator, qui ne possèdent pas Coins vivants fonctionnalité, c'est tout à fait bien! Vous pouvez obtenir le même résultat si vous allez à Effet> Styliser> Coins ronds. La seule différence est que vous ne pouvez pas choisir un seul coin. Tous les coins seront arrondis. Mais vous pouvez toujours résoudre ce problème avec le Outil Gomme (Maj-E).
Ajoutons le nez! Prendre le Outil Rectangle (M) et faire un 9 x 20 px forme rose. Arrondissez les coins ou utilisez le Outil Rectangle Arrondi pour créer la forme entière.
Faisons en sorte que le nez soit parfaitement aligné sur le visage. Sélectionnez le visage et le nez avec le bouton Outil de sélection (V), tenir Alt et cliquez sur le visage. Vous verrez un trait de sélection épais autour, indiquant que c'est maintenant le Objet clé, ce qui signifie que tous les autres objets seront alignés sur celui-ci. Maintenant dirigez-vous vers le Aligner panneau et cliquez Centre d'alignement horizontal. Impressionnant! Maintenant, le nez est juste au centre du visage.
Ajoutons une moustache. Faire un rectangle brun de 30 x 10 px taille, cliquez dessus avec le bouton droit de la souris et Organiser> Renvoyer (Contrôle- [), le placer sous le nez.
Sélectionnez le point d'ancrage supérieur gauche du rectangle brun, puis appuyez sur Entrer et mettre le Horizontal valeur à 10 px et le Verticale valeur à 0 px afin de rapprocher le point du nez. Répétez la même chose pour le côté opposé de la moustache, cette fois régler la Horizontal valeur à -10 px. Rendre la partie inférieure de la moustache légèrement arrondie avec le Coins vivants fonctionnalité.
Utilisez le Outil Rectangle Arrondi faire une petite forme pour la lèvre inférieure, en la plaçant sous la moustache (Contrôle-[). Alignez la lèvre horizontalement sur le visage à l’aide du bouton Aligner panneau.
Utilisez le Outil Ellipse (L) faire un 8 x 8 px cercle blanc pour le globe oculaire et placez un plus petit (6 x 6 px) cercle brun en haut pour l'iris. Ajouter un petit cercle blanc pour le point culminant et déplacer les deux yeux à la bonne position.
Rendons un casque qui protège la tête du travailleur. Faire un 65 x 19 px rectangle orange sur le dessus de la tête. Sélectionnez les points d’ancrage supérieurs avec le Outil de sélection directe (A) et tirez le Coins vivants marqueurs vers le bas, ce qui rend la casquette arrondie.
Ajoutons maintenant les cheveux. Prendre le Outil Rectangle (M) et faites une étroite bande verticale sur le côté gauche du visage pour les favoris. Sélectionnez le point d’ancrage en bas à droite avec Outil de sélection directe (A) et faire le coin arrondi.
Gardez les favoris sélectionnés, double-cliquez sur le bouton Outil de réflexion (O) et retournez la forme sur le Axe vertical. Cliquez sur le bouton Copier et collez le deuxième favoris sur le côté droit du visage..
Modifions le bas du casque pour pouvoir ajouter un pic. Trouvez l’endroit où les pattes traversent la ligne inférieure du casque et utilisez le Outil stylo (P) faire un nouveau point d'ancrage. Faites la même chose pour les favoris. Vous pouvez allumer le Smart Guides (Affichage> Smart Guides), qui marquera le point d'intersection.
Enfin, sélectionnez les deux points d’ancrage nouvellement créés avec Outil de sélection directe (A) et appuyez sur Entrer ouvrir le Bouge toi la fenêtre. Met le Horizontal valeur à 0 px et Verticale valeur à -5 px, déplacer les points d'ancrage vers le haut.
Ajoutons maintenant un sommet au casque. Créez un rectangle étroit orange clair et fixez ses points d'ancrage supérieurs au casque.. Smart Guides (Affichage> Smart Guides) peut être vraiment utile à cette étape.
Sélectionnez le point d’ancrage en bas à gauche et utilisez le Bouge toi fonction pour le déplacer vers la droite en réglant la Horizontal valeur à 10 px et Vertical valeur à 0 px. Répétez la même chose pour le point d'ancrage inférieur opposé, mais cette fois déplacez-le vers la gauche. Enfin, faites glisser les points d’ancrage inférieurs un peu vers le bas si vous souhaitez élargir le sommet. Utilisez le Coins vivants fonction pour rendre les coins inférieurs légèrement arrondis.
Prendre le Outil Rectangle Arrondi et faire une forme verticale étroite de 7 x 30 px sur le casque. Alignez-le sur le casque, en utilisant le casque comme Objet clé.
Ajoutez deux bandes plus courtes des deux côtés de la première bande, et utilisons le Aligner panneau pour faire les espaces entre les rayures même. Sélectionnez les bandes et cliquez Aligner à la sélection dans le Aligner panneau. Puis clique Centre de distribution horizontale, Et voila!
Prendre le Outil Rectangle Arrondi, et cette fois façonnons les oreilles. Faire un 11 x 23 px forme rose sur le côté gauche de la tête et Envoyer il vers l'arrière (Shift-Control- [). presse Alt-Shift et faites glisser l'oreille vers le côté opposé de la tête, faisant une copie.
Faire un 35 x 40 px rectangle pour le cou, le remplissant d’un ton de peau légèrement plus foncé afin de le séparer du visage. Rendez la partie inférieure du cou un peu arrondie.
Et commençons à concevoir les vêtements du travailleur. Faire un 90 x 70 px rectangle bleu foncé pour la chemise. Ajoutez deux points d’ancrage supplémentaires aux endroits où le cou traverse la chemise. Déplacez les points d’ancrage latéraux du rectangle vers le bas en maintenant Décalage et en appuyant sur flèche vers le bas plusieurs fois afin de former les épaules.
Passons à l'uniforme du travailleur et plaçons deux étroites bandes orange au-dessus des épaules. Groupe (Control-G) et alignez le groupe sur la chemise bleu foncé, en utilisant la chemise comme Objet clé. Ajouter un rectangle au-dessus de la poitrine et Unir toutes les pièces orange dans Éclaireur, les fusionner en une seule forme.
Aller à Objet> Chemin> Ajouter des points d'ancrage, puis sélectionnez le nouveau point au milieu de la zone du cou de l'uniforme et faites-le glisser vers le bas, créant ainsi un V.
Utilisez le Coins vivants fonction pour rendre les coins de l'uniforme légèrement arrondi. Maintenant, nous devons nous débarrasser de ces pièces en dehors de la chemise pour que les deux formes s’emboîtent parfaitement. Sélectionnez à la fois la chemise et l'uniforme et prenez le Outil de création de forme (Maj-M). Maintenez Alt et cliquez sur les pièces en dehors de la chemise que vous devez supprimer. Ajoutez deux bandes étroites plus légères sur les deux épaules, représentant un ruban réfléchissant.
Donnons à notre icône un look plat tendance en assombrissant l’un de ses côtés. Sélectionnez tous les éléments du personnage (Contrôle-A), copie eux et Coller devant (Control-C> Control-F). Clique le Unir fonctionner dans le Éclaireur panneau pour fusionner les parties en une seule silhouette.
Prendre le Outil de segment de ligne (\), tenir Décalage et tracez une ligne verticale sur la silhouette. Sélectionnez à la fois la ligne et la silhouette et alignez-les horizontalement dans le Aligner panneau, en utilisant la silhouette comme Objet clé.
Garder les deux formes sélectionnées, utilisez le Diviser fonction de Éclaireur scinder la silhouette en deux moitiés égales.
Supprimer la moitié gauche et basculer la moitié restante sur Multiplier le mode de fusion dans le Transparence panneau pour le rendre semi-transparent. Vous pouvez régler la couleur de l'ombre, en la rendant plus claire ou plus sombre dans le Couleur panneau, ou en changeant son Opacité dans le Transparence panneau.
Oups, on dirait que nous avons oublié les sourcils. Revenons au visage. Faites un cercle autour de l’œil et définissez le Accident vasculaire cérébral couleur brun foncé dans le Couleur panneau. Prendre le Outil Ciseaux (C) et cliquez sur les points d’ancrage latéraux pour séparer le cercle. Supprimer la partie inférieure.
Dirigez-vous vers le Accident vasculaire cérébral panneau et augmenter l'épaisseur du front en réglant la Poids valeur à 2 pt. Changer le Casquette et Coin en position médiane, en arrondissant la forme.
Gardez le sourcil sélectionné, prenez la Outil Gomme (Maj-E), tenir Alt et faites glisser le rectangle de sélection sur la partie inférieure du sourcil pour effacer les extrémités, ce qui rend la voûte un peu plus courte.
Copier la forme, formant un second sourcil.
Sélectionnez les points d’ancrage supérieurs de la chemise bleu foncé et utilisez Coins vivants faire les épaules un peu plus lisse.
L'élément principal de notre premier avatar est prêt, nous devons donc lui donner un aspect complet en formant un arrière-plan. Utilisez le Outil Ellipse (L) faire un 180 x 180 px cercle. Remplissez-le de couleur turquoise vif, copiez-le et Apporter la copie à l'avant (Shift-Control-]).
Enfin, sélectionnez tout, cliquez sur le bouton bouton droit de la souris et Faire masque d'écrêtage. Impressionnant! Maintenant, nous avons un avatar de cercle bien rangé!
Vous pouvez toujours modifier l’image si vous double-cliquez dessus et entrez Mode d'isolation.
Et le dernier coup ici sera une longue ombre de style plat! Prendre le Outil Rectangle (M) et faire un grand rectangle. Basculez vers Multiplier mode ou baisser le Opacité pour rendre les formes en dessous visibles. Tenir Décalage et faire pivoter la forme 45 degrés.
Vous devez maintenant adapter le rectangle à la silhouette de notre ouvrier. Collez ses points d'ancrage sur les bords du personnage. Faire des points d’ancrage supplémentaires avec le Outil stylo (P) et les déplacer avec le Outil de sélection directe (A), cacher les parties inutiles du rectangle à l'intérieur de la figure de l'homme.
Lorsque vous êtes satisfait du résultat, placez l'ombre à l'intérieur du Masque d'écrêtage, en le cachant sous le travailleur (utilisez le Couches panneau pour faire glisser la forme à l'intérieur du Masque).
Enfin, appliquez un dégradé linéaire allant du turquoise au blanc de l’ombre et placez-le en diagonale à l’aide du Outil de dégradé (G). Basculer l'ombre sur Multiplier mode, le faisant se fondre avec le fond.
Et fait! Notre premier avatar de profession est prêt! Passons au suivant!
Notre prochain avatar sera le portrait d'un chirurgien à la peau foncée. Nous allons utiliser l'avatar du travailleur comme base pour le deuxième portrait, alors dupliquons-le, faites un clic droit et Masque d'écrêtage.
Supprimez le casque, la moustache et l'uniforme du travailleur orange, puis recolorez la base de l'icône et l'ombre en jaune. Recolorez les éléments en changeant la couleur des vêtements en turquoise et le ton chair en une couleur chocolat plus sombre. Changer la couleur des cheveux et des sourcils en brun foncé.
Ajoutons un chapeau médical à notre chirurgien. Utilisez le Outil Rectangle (M) faire un 40 x 24 px rectangle. Déplacez les points d’ancrage supérieurs un peu plus près les uns des autres, en utilisant les boutons Touches directionnelles de votre clavier et en faisant le haut du chapeau un peu plus étroit. Utilisez le Coins vivants fonction pour rendre les coins supérieurs arrondis.
Créons un masque de chirurgien simple. Faire un 33 x 20 px rectangle. Ajoutez un groupe de bandes horizontales plus sombres au-dessus du masque, ce qui le rendra plus détaillé. Et, enfin, placez une ficelle étroite en haut du masque et Envoyer il vers l'arrière (Shift-Control- [).
Maintenant, placez le masque au-dessus du visage du chirurgien et cachons les morceaux inutiles. Dupliquer la base du visage et Apporter il à l'avant (Shift-Control-]), en le plaçant au-dessus du masque (vous devrez peut-être faire glisser la copie hors du groupe de visages si vous avez déjà groupé le visage). Sélectionnez à la fois la copie de face et le masque, faites un clic droit et Faire masque d'écrêtage.
Génial! Maintenant, il convient parfaitement au visage.
Terminons avec l'avatar du chirurgien en ajoutant un dernier détail à son uniforme. Utilisez le Outil Polygone faire un triangle et le faire pivoter, en retournant la forme. Remplissez la forme avec une couleur gris clair. Sélectionnez à la fois la chemise turquoise et le triangle blanc et utilisez les Outil de création de forme (Maj-M) en tenant Alt supprimer les pièces à l'extérieur du corps en formant un joli tour de cou en forme de V.
Assombrir la partie droite du personnage à l'aide d'une forme semi-transparente dans Multiplier mode, et cacher toutes les parties dans un tour Masque d'écrêtage.
Nous sommes prêts à passer à autre chose!
Il est maintenant temps de dessiner un portrait d’agent de bord! Nous ne le ferons pas à partir de zéro, transformons donc le premier chiffre. Dupliquer l’icône du travailleur et constituer la base de notre futur avatar en libérant le Masque d'écrêtage et en supprimant tous les éléments inutiles. Recolorer la base de l'icône de cercle en une couleur rouge douce.
La forme du visage semble être trop inclinée pour notre nouveau personnage, alors changeons-en. Faire un 40 x 55 px rectangle et utiliser le Coins vivants fonction pour rendre les coins complètement arrondis.
Faisons la forme du nez plus mince. Sélectionnez les deux points d’ancrage latéraux dans la partie supérieure du nez et supprimez-les à l’aide des touches Supprimer les points d'ancrage sélectionnés fonction dans le panneau de commande supérieur. Cela rendra la partie supérieure du nez plus délicate.
Passons maintenant aux lèvres. Aller à Objet> Chemin> Ajouter des points d'ancrage. Sélectionnez le nouveau point d'ancrage au milieu de la lèvre supérieure et faites-le glisser vers le bas à l'aide de la touche Outil de sélection directe (A). Utilisez le Coins vivants fonction pour rendre la forme des lèvres plus fluide et lisse. Et fendre les lèvres en utilisant le Outil Ciseaux (C) en cliquant sur les points d'ancrage latéraux.
Rend les lèvres plus lumineuses en augmentant la saturation de la couleur rose et rendons la forme légèrement arquée. Groupe (Control-G) les deux moitiés des lèvres et aller à Effet> Warp> Arch. Met le Courbure horizontale valeur à -30%. Cliquez sur D'accord et Objet> Développer l'apparence appliquer l'effet en faisant sourire la bouche. Vous pouvez également assombrir un peu la lèvre supérieure afin de la séparer de la lèvre inférieure, rendant ainsi la bouche plus fidèle à la réalité..
Nous allons rendre notre femme blonde, nous allons donc colorer ses yeux et ses sourcils en conséquence. Nous pouvons également ajouter un fin trait arqué pour les cils, de la même manière que nous avons fait les sourcils.
Maintenant, formons une belle coiffure. Prendre le Outil Ellipse (L) et placez deux ellipses au-dessus du front, en les faisant se chevaucher. Unir les ellipses dans le Éclaireur. Utilisez le Outil de création de forme (Maj-M) supprimer le morceau inutile au-dessus de la tête, rendant les cheveux lisses et bien rangés.
Afin de rendre le personnage plus subtil, rendons le cou plus fin et plus arrondi. Et nous pouvons aussi modifier un peu le visage en le rendant plus mince et en ajoutant un léger blush rond sur les joues.
Maintenant rendons l'uniforme de notre hôtesse de l'air! Nous utiliserons la base de chemise bleu foncé que nous avons déjà et ajouterons seulement des détails distinctifs. Passons la chemise dans une veste élégante.
Prendre le Outil Rectangle (M) et faire un 33 x 45 px Bande. Faites-le tourner à environ 45 degrés et faisons une entaille plus proche de son sommet. Placez un petit triangle qui chevauche la forme principale. Utilisez le Outil de création de forme (Maj-M) tout en maintenant Alt découper le triangle.
Utilisez le Outil de réflexion (O) faire une copie en miroir de la forme créée, formant un revers. Vous pouvez effacer les morceaux inutiles dans la partie inférieure en utilisant le bouton Outil Gomme (Maj-E) ou la Outil de création de forme (Maj-M) après l'avoir placé au-dessus de la veste.
Former un col de la chemise blanche en combinant trois triangles et en arrondissant légèrement l’un des coins de chaque forme.
Nous devons maintenant créer une petite cravate rouge, ce qui permettra aux compagnies aériennes de se distinguer. Commencez par faire un petit 8 x 7,5 px rectangle. Déplacez ses points d’ancrage inférieurs plus près les uns des autres, en utilisant le bouton Touches directionnelles et en rendant le bas de la forme plus étroit. Rendre les coins inférieurs arrondis, formant le nœud de notre cravate.
Maintenant, prenez le Outil Ellipse (L), faire une forme écrasée et le faire pivoter 45 degrés. Sélectionnez le point d’ancrage inférieur, dirigez-vous vers le panneau de commande supérieur et cliquez sur le bouton Convertir les points d'ancrage sélectionnés en angle bouton, faisant la forme pointue. Retournez la copie de la forme sur le côté opposé, donnant à la cravate un aspect complet.
Passons à l'élément suivant de l'uniforme de l'agent de bord: le bonnet. Faire un 18 x 18 px carré de la même couleur bleu foncé que la veste. Faire pivoter 45 degrés et écraser un peu, faisant une forme de diamant. Faire les coins arrondis avec le Coins vivants fonctionnalité.
Faites une bande bleue plus foncée avec des coins arrondis et attachez-la au côté gauche de la première forme. Utilisez le Outil de réflexion (O) retourner la copie de la forme horizontalement, en formant le pliage du capuchon.
Formez un emblème doré des compagnies aériennes, représentant une médaille ailée 4 x 4 px cercle, et un groupe de rectangles arrondis pour les plumes. Fixez l'emblème à la casquette en l'alignant au centre.
Enfin, habillez notre hôtesse de l'air et terminez l'icône en ajoutant une ombre douce et en masquant le tout avec un masque d'écrêtage rond.
Nous allons utiliser la base de notre avatar hôtesse de l'air pour changer sa peau en une jolie couleur chocolat et ses cheveux en brun foncé. Changeons également la couleur de la base de l'icône en vert clair.
Retournons les cheveux horizontalement pour les différencier de l'avatar précédent. Et formons une coupe de cheveux courte. Faire un 45 x 53 px rectangle de couleur brun foncé et placez-le sous la tête. Sélectionnez les points d'ancrage du côté supérieur et arrondissez complètement le haut de la forme..
Maintenant, décrivons des mèches de cheveux séparées dans le bas. Formez quelques petits triangles et placez-les au bas de la coiffure, en faisant se chevaucher les formes. Utilisez le Outil de création de forme (Maj-M), tenir Alt découper les triangles.
Ajouter un simple col en forme de V pour notre chemise, en la formant à partir de deux rectangles étroits.
Créons maintenant le chapeau de notre policier. Utilisez le Outil Polygone faire un À 7 côtés forme à propos de 45 x 45 px Taille. Écrasez la forme et modifiez sa partie inférieure en rapprochant les points d’ancrage et en arrondissant légèrement les angles. Déplacez un peu les points inférieurs de la forme pour rendre le côté inférieur plat.
Ajouter un sommet horizontal étroit au chapeau, en utilisant le Outil Rectangle (M) et en arrondissant ses coins inférieurs.
Rendons la pointe brillante en ajoutant une surbrillance stylisée. Faites deux bandes étroites, faites-les pivoter 45 degrés et placez-les au-dessus du sommet. Utilisez le Outil de création de forme (Maj-M) supprimer les morceaux indésirables en dehors du sommet.
Faisons de l'élément le plus important de chaque policier: le badge! Faire un 10 x 13 px rectangle de couleur jaune vif. Aller à Objet> Chemin> Ajouter des points d'ancrage. Sélectionnez les points d'ancrage latéraux inférieurs et déplacez-les vers le haut, en faisant la forme pointue et ressemblant à un bouclier.
Utilisez le Coins vivants fonction pour rendre les côtés de la forme lisse. On peut également plier légèrement le haut de la forme en utilisant le Outil de courbure (Shift- ').
Terminez avec le badge en plaçant une étoile au-dessus, en utilisant le bouton Outil étoile.
Habille notre sympathique policier en ajoutant une cravate gris foncé et quelques détails supplémentaires à l'uniforme. Vous pouvez aller encore plus loin et créer des accessoires supplémentaires, tels que des lunettes lumineuses et tendance, formées de deux ellipses avec un trait bleu..
Bon travail! Nous avons réussi à créer quatre portraits de personnes de différentes professions pouvant être utilisés soit comme avatars, soit comme icônes, soit pour tout autre projet de conception..
Si vous souhaitez créer plus de professions ou inspecter le fichier d'origine de ce didacticiel et voir comment les éléments ont été créés, allez-y et obtenez l'ensemble complet des avatars des professions plates avec 12 professions différentes, chacune dans deux tons de peau..
J'espère vraiment que ce tutoriel vous a été utile et que vous avez découvert de nouveaux trucs et astuces qui accéléreront votre travail et le rendront plus confortable..
Amusez-vous et restez à l'écoute pour plus!
Accentsconagua