Share
Ce que vous allez créerQuoi de plus amusant que d’aider Frenchy à acquérir des compétences en coiffure et en maquillage? Dans ce didacticiel, nous allons créer des éléments d'icône et une jolie illustration de buste de portrait, parfaits pour une application mobile de maquillage et de spa inspirée de l'un des personnages les plus mignons de Graisse!
Nous construirons chaque élément à l’aide d’une esquisse fournie et nous apprendrons à rendre rapidement des motifs colorés en Adobe Illustrator CC. Ensuite, nous créerons le portrait final et réunirons le dessin dans une illustration complète. Comme toujours, vous pouvez personnaliser votre conception avec des ressources vectorielles supplémentaires d'Envato Market pour créer quelque chose d'unique. Si vous souhaitez accélérer votre processus, vous pouvez acheter des icônes de maquillage ou une base de portraits au marché tout en suivant ce didacticiel..
Commençons par préparer notre document. Créer un Nouveau document dans Adobe Illustrator CC et importez le croquis vu ci-dessous, que vous pouvez télécharger à la droite de ce tutoriel. Ma taille finale était d'environ 8 pouces par 10 pouces, bien que vous puissiez travailler avec la taille qui convient à vos besoins de conception.
De plus, vous pouvez créer votre propre conception et utiliser ce tutoriel comme guide technique.. Fermer à clé l'objet croquis dans votre Couches panneau et passons à créer!
En commençant par la jolie icône peigne violet, tracez deux rectangles superposés avec le Outil Rectangle (M). J'ai défini la couleur de remplissage sur violet et la couleur de trait sur null. Ensuite, j'ai sélectionné chaque coin des rectangles avec le Outil de sélection directe (A) et a tiré leur Coins vivants vers le centre pour arrondir les coins à mon goût. Vous pouvez voir ce résultat ci-dessous!
Unir les deux rectangles arrondis dans le Éclaireur panneau. Dessinez sept rectangles identiques avec le Outil Rectangle et chevauchent le peigne avec eux. Unir les sept rectangles et frappé Retour Minus Front dans le Éclaireur panneau. Ensuite, sélectionnez le peigne avec le Outil de sélection directe et manipuler le Coins vivants de sorte que le peigne a des bords arrondis comme celui présenté ci-dessous.
Ajoutez un trait épais de couleur sombre à votre objet peigne. J'ai choisi le marron. Les violets sombres ou les magentas sont également fantastiques. Appliquez des dégradés linéaires simples aux rectangles qui se chevauchent. Mon dégradé va du violet à 100% à 0% d'opacité. Ajuste le Opacité d'un gradient dans le Pente panneau.
Utilisez le Outil de création de forme (Maj-M) supprimer les formes qui se chevauchent les unes des autres. Sélectionnez le rectangle en dégradé et le peigne, puis sélectionnez la forme sans chevauchement avec le Outil de création de forme. Enfin, désélectionnez et supprimez la forme superflue. C'est une technique simple que j'utilise souvent pour rendre des objets comme celui-ci.. Groupe (Control-G) tous vos composants de peigne ensemble.
Pour créer ce cœur adorable sur le peigne (et plusieurs cœurs tout au long de ce tutoriel), utilisons la technique suivante:
Maintenant que vous avez créé un cœur fantastiquement parfait, vous pouvez Copier (Control-C) et Coller (Contrôle-V) chaque fois que vous avez besoin d'un cœur dans cette conception!
Le dernier accessoire de cheveux est l'épingle à cheveux! J'ai utilisé mon croquis comme guide pour dessiner une forme de broche ondulée avec le Outil Crayon (N). Met le Casquettes et Coins à Arrondi dans le Accident vasculaire cérébral panneau. Avec le Outil de largeur (Maj-W), ajustez la largeur du bord supérieur de l'épingle à cheveux pour qu'elle ait une extrémité plus grosse et bulbeuse.
Convertissez le trait en objet en allant sur Objet> Développer, et donner à l'épingle à cheveux un trait correspondant à sa couleur de remplissage de 1-2 pt avec Casquettes arrondies et Coins.
Sinon, vous pouvez dessiner l'épingle à cheveux avec le Outil Pinceau Blob (Maj-B) avec la pression activée pour obtenir la variation vue ci-dessous.
Il y a beaucoup de maquillage dans ce design, alors commençons la première moitié de la série complète! Pour commencer, nous avons le joli petit applicateur d’ombres à paupières:
Ajouter un contour épais à l'extérieur de l'objet en Copier et Collage la conception de l'applicateur, Unissant dans le Éclaireur panneau, et Alignement derrière l'applicateur d'origine. Groupe vos composants applicateur ensemble.
Ensuite, nous avons le fard à paupières!
Il est maintenant temps de remplir le contrat! Dessinez des rectangles arrondis pour chaque pan d'ombre à paupières et ajoutez un cœur de couleur assortie, dessiné plus tôt, à chacun. Pour les reflets sur le couvercle compact, tracez trois rectangles diagonaux avec le Outil stylo (P) et appliquez un dégradé linéaire à chacun allant du blanc au 100% à 0% d'opacité.
Utilisez le Outil de création de forme supprimer la partie étrangère des formes du couvercle rectangulaire arrondi. Sélectionnez et Groupe tous vos composants fard à paupières ensemble pour compléter l'icône.
Nous aurons besoin de rougir avec cette ombre à paupières!
Maintenant complétons le pacte:
Ensuite, créons une baguette de mascara:
Pour compléter la première partie de notre section de création d'icônes de maquillage, nous allons créer une bouffée de poudre duveteuse:
Maintenant nous avons besoin de la houppette elle-même:
Pour commencer notre deuxième section de maquillage, nous allons créer un rouge à lèvres.
Créons le rouge à lèvres lui-même:
Avant de terminer le rouge à lèvres, créons un motif étincelant et amusant derrière celui-ci! Tracez un cercle jaune vif avec le Outil Ellipse. Aller à Effets> Distorsion et transformation > Zip & Zag et entrez les attributs suivants ou similaires:
Placez le cercle Zig & Zagged derrière le rouge à lèvres et ajoutez un contour avec l'épaisseur de votre choix. De plus, vous pouvez dessiner une forme de surbrillance au centre du rouge à lèvres si vous le souhaitez..
Pour compléter le rouge à lèvres, dessinez une série de cercles blancs le long de la base pour créer de jolies petites perles sur le récipient de rouge à lèvres. Groupe tout ensemble une fois que vous êtes satisfait de votre conception.
Notre dernière icône est le petit contenant de crème pour le visage..
Ensuite, nous devrons dessiner une rose. J'ai utilisé le Outil pinceau blob sans réglage de pression, mais vous pouvez utiliser l'outil de dessin que vous préférez.
Commencez avec un triangle arrondi et construisez des pétales de chaque côté. Continuez à ajouter des pétales, arrondis et pointus, entre le dernier anneau de pétales afin de dessiner une fleur de plus en plus grande. Notez que les pétales plus grands ont des points, des creux et des courbes. Au total, j'ai dessiné six tours de pétales.
Groupe tout ensemble et complétons le conteneur de crème pour le visage.
Dessinez une grande forme rose sous le groupe de roses pour la remplir. Vous pouvez ajouter de minuscules formes rouges et roses pâles autour de la rose pour l'ombrer et la mettre en évidence. Placez la rose au centre du pot de crème pour le visage.
Ajoutez des ombres et soulignez les formes à la crème pour le visage elle-même. J'ai également ajouté un contour plus épais au groupe de forme plus important pour le compléter, puis Groupé tout ensemble.
Nous allons faire une pause de travail avec les icônes de maquillage mignonnes pour créer le portrait de Frenchy, le personnage le plus mignon de Graisse. Créer un Nouvelle Couche dans le Couches panneau afin que votre document soit organisé et que vous puissiez vous concentrer sur la création d’un portrait. Commençons par la tête:
Sous la forme de votre tête, utilisez le Outil stylo commencer à dessiner la moitié gauche du cou, des épaules et du buste. Copie, Coller, et Réfléchir la moitié gauche du corps pour former le côté droit. Vous devrez peut-être ajuster les points d'ancrage centraux pour que les deux objets se chevauchent un peu plus. Une fois satisfait de leur placement, Unir les deux objets dans le Éclaireur panneau.
Il est temps de se référer à nouveau à l'esquisse. Vraiment, vous voudrez peut-être le faire pendant toute la durée de ce tutoriel, mais c'est à vous de voir.
Regroupez tous ces éléments pour garder votre Couches panneau organisé.
je Copié et Collé l'oeil droit et Réfléchi sur un axe vertical pour créer l’œil gauche. Les narines du nez sont deux petites larmes, tout comme le dessin original.
La bouche a été tracée à partir du croquis en utilisant le Outil stylo. Les dents ont le même dégradé que les yeux, de petites gouttes d'eau créant les coins de la bouche. Les lèvres sont comme des demi-cercles courbes qui ont Gradients Radiaux appliqué à ceux-ci allant du ton de base à un rose doux et vif.
J'ai ajouté quelques cercles brun foncé pour commencer les yeux. Ensuite, j'ai dessiné des formes d'ombre similaires à celles dessinées dans les yeux pour définir les côtés et le bas du nez et le bas de la bouche..
Pour le moment, je me suis caché la tête et le corps dans le Couches panneau afin que je puisse tracer les sourcils et placer l’ombre à paupières au même endroit que dans le dessin. Le fard à paupières est une forme arrondie, dessinée avec le Outil stylo, placé derrière les yeux, avec un Gradient linéaire appliqué qui va du bleu à 100% à 0% d'opacité vers les bords extérieurs.
J'ai aussi ajouté des formes scintillantes aux lèvres. Je vais ajouter beaucoup d'étincelles à la conception finale ainsi.
Définissez la couleur de remplissage des yeux sur brun et la couleur de trait sur brun foncé. Placez les cercles sous certains des objets de cils dans le Couches panneau. Ce sera plus facile à voir dans la conception finale, mais j'ai ajouté des formes de pêche claires aux coins de la bouche et du menton pour créer des reflets simples sur le visage..
Pour le détail des yeux, j'ai dessiné quelques petits cercles brun foncé pour les pupilles et ajouté quelques formes d'ombre brun foncé plus transparentes aux yeux pour créer plus de profondeur. De plus, j'ai dessiné quelques formes de rehauts sur le nez et les coins des yeux et ajouté des formes de blush plus larges sur les joues qui correspondent au dégradé utilisé sur les lèvres mais sont un peu plus transparentes et plus claires.
Enfin, j'ai dessiné quelques formes courbes brun clair sur le fond des iris et ajouté des étincelles à l'ombre à paupières. Groupe ensemble tous vos composants du visage et Afficher la tête et le corps afin que vous puissiez vérifier à quel point le visage que vous venez de créer est mignon est vraiment!
Une fois encore j'ai caché le visage et le corps. C’est pour que nous puissions nous concentrer pleinement sur les cheveux et les recréer à partir du croquis..
Placez les mèches de cheveux sans frange ou frange derrière la tête dans le Couches panneau. Maintenant, elle n'a plus les poils du visage roses!
J'ai dessiné une forme en haut au centre des cheveux et ajouté un Gradient Radial qui va du rose foncé au rose moyen pour commencer à montrer une certaine profondeur dans ses cheveux.
J'ai caché l'arrière de ses cheveux afin que nous puissions nous concentrer sur la partie avant en premier.
Répétez le processus de l'étape précédente sur la partie arrière des cheveux. Définissez les sections, quelques mèches et même certaines mèches dans les cheveux avec un rose plus clair. Parce que j'aime les paillettes et le glamour, j'ai ajouté des brillants à ses cheveux, mais je ne les maintiens peut-être pas dans le design final..
En vous guidant sur le croquis, tracez le maillot en deux moitiés, comme nous l’avons fait pour les épaules et le buste.. Unir les formes dans le Éclaireur panneau.
J'ai changé la couleur du contour en marron pour correspondre au reste de ma conception.
Voici un aperçu de la conception jusqu'à présent. Nous devons créer la bannière et l’arrière-plan, et les réunir avec les icônes créées précédemment afin de compléter la conception.. Groupe l'ensemble de la conception de portrait de buste ensemble, et finissons cela!
La bannière a un processus de conception assez simple. Dessine un rectangle et Arc en allant à Effet> Warp> Arc. J'ai appliqué un Horizontal courbure de -46% à mon rectangle. Comment incurber votre forme sera entièrement à vous. Aller à Objet> Développer l'apparence d'élargir les limites de l'effet de chaîne.
Pour le pli et la queue de la bannière, tracez un petit rectangle de la même hauteur que le rectangle dessiné à l’étape précédente. Ajoutez un point d’ancrage au centre du côté gauche du rectangle et déplacez-le vers l’intérieur avec le Outil de sélection directe.
Pour le pli de la bannière, tracez un triangle qui se connecte au coin supérieur intérieur de la forme du petit drapeau et au coin supérieur extérieur de la bannière..
Répétez l'opération pour le côté droit afin d'avoir une jolie bannière comme celle ci-dessous. Notez que le triangle et la forme du drapeau se trouvent derrière la forme de bannière incurvée Couches panneau.
Utilisez le Outil de type (T) écrire une phrase ou un titre amusant pour que votre dessin soit placé sur la bannière dans une police de script quelconque. Découvrez Fabulous, Zaila ou Melancolie à partir de Marché Envato.
Appliquer le même Arc au type que vous avez fait au rectangle d'origine de la bannière et Développer ses Apparence sous Objet.
Dessinez un grand rectangle bleu clair derrière le dessin, par-dessus le Artboard afin de créer le fond pour la conception. Bouge toi, Tourner, et Échelle votre maquillage et vos icônes d’accessoires autour du portrait et de la bannière pour vous aider à remplir l’espace Artboard.
Nous sommes enfin prêts à retourner au lycée! Ou plutôt compléter notre conception de cette jolie fille de l'école de beauté. J'ai ajouté un Gradient Radial dans le rectangle d’arrière-plan et a déplacé les différentes icônes du portrait vers l’extérieur pour donner à Frenchy beaucoup de place dans le dessin. Enfin, j'ai ajouté beaucoup d'éclat et quelques détails supplémentaires aux cheveux et au visage..
Partagez votre design terminé dans la section commentaire ci-dessous! Quels autres personnages mignons pouvez-vous créer
Accentsconagua