Dans ce didacticiel intermédiaire, nous allons créer un personnage à partir de rien dans Adobe Illustrator CC 2014, puis créer un petit ensemble de motifs d'autocollants, prêts à être utilisés pour la discussion, les applications mobiles et les blogs. Nous allons suivre le processus de cohérence du design, de création de diverses expressions faciales et de simplification des composants du design pour une utilisation dans un ensemble d'icônes..
1. Créer la conception de base des personnages
Étape 1
Pour un projet comme celui-ci, j'aime bien commencer par le visage de mon personnage. Étant donné que la majorité de la conception est juste une tête (dans l’intérêt de ce tutoriel), c’est le meilleur endroit pour commencer quand même..
En utilisant le Outil Ellipse (L), dessine un cercle. Cela formera la moitié de la tête.
Utilisez le Outil stylo (P) dessiner la moitié inférieure gauche de la mâchoire. Notez que la ligne de la mâchoire se courbe doucement autour du menton, mais se déplace vers le haut à angle droit.
Ici vous pouvez voir l'emplacement de la mâchoire inférieure gauche. Je commence souvent une mâchoire sur le côté gauche d'un cercle, en m'assurant qu'elle s'aligne à la fois sur les centres horizontal et vertical.
Copier (Control-C), Coller (Contrôle-V), et Réfléchir la mâchoire gauche pour créer le côté droit.
Après vous être assuré que chaque composant de la tête s'aligne comme vous le souhaitez, Unir les trois formes du Éclaireur panneau. Supprimer tous les points d'ancrage superflus avec le Supprimer l'outil de point d'ancrage (-).
Étape 2
L'oreille est un processus assez simple. Vous en aurez besoin de deux pour votre conception finale (à moins que des cheveux ou des éléments de conception supplémentaires ne les masquent complètement, auquel cas n'hésitez pas à ignorer cette étape).
Tracez un cercle avec le Outil Ellipse.
Utilisez le Outil de sélection directe (A) tirer le point d'ancrage inférieur vers le bas.
Angle le point d'ancrage inférieur à droite.
Manipulez les poignées du point d'ancrage afin que la forme soit arrondie et ressemble davantage à une oreille.
Copie, Coller, et Réfléchir l'oreille donc tu as deux. Aligner eux de chaque côté de la tête.
Étape 3
Tout comme la tête et l’oreille, l’œil commence par un simple cercle.
Tracez un cercle avec le Outil Ellipse.
Utilisez le Outil stylo dessiner une pointe en bas à gauche du cercle (sur la diagonale) et suivre le contour du cercle jusqu'au centre. Notez que ces formes ressemblent un peu à la tête d’un oiseau ou à une forme de goutte de pluie tournée sur son côté.
Unir les deux formes dans le Éclaireur panneau.
Tracez la ligne des cils ou les cils de votre personnage ou décrivez simplement la forme de vos yeux, en fonction des détails que vous souhaitez ajouter..
Ouvrez le Pente panneau pour recréer le Linéaire dégradé vu ci-dessous: violet foncé (# 2a0551) À blanc à violet foncé à nouveau.
Appliquez le dégradé sur le blanc des yeux (forme de goutte).
Tracez un cercle violet foncé plus petit pour l’iris de l’œil et placez-le sous la forme des cils dans le Couches panneau.
Étape 4
Ajoutons quelques détails à chaque œil.
Groupe (Control-G) ensemble vos composants oculaires.
Avec le Outil stylo, dessinez en violet foncé une demi-lune sur la moitié supérieure de l'œil (# 2a0551).
Diminuer Opacité à 50% ou moins dans le Transparence panneau. Placez-le sur l'iris et le blanc de l'œil dans le Couches panneau.
Définissez la couleur de remplissage de l'iris sur la couleur de votre choix. Tracez un cercle plus petit dans l'iris pour former la pupille de l'œil. Avec le Outil Crayon dessinez des formes supplémentaires en blanc pour créer des reflets brillants (cercles, étoiles ou coeurs).
Ajoutez des détails supplémentaires comme des petites pétoncles (dessinées avec le Outil stylo ou Outil Crayon) dans le coin extérieur ou définir les cils.
Dessine des sourcils mignons. J'ai choisi des petits coeurs plutôt qu'un design traditionnel des sourcils. Encore une fois, j'ai utilisé le Outil Crayon.
Répétez ces étapes pour l'autre œil (ou Copie, Coller, Réfléchir, et ajustez la position de la pupille et de l'iris).
Étape 5
Pour le nez, quelques formes simples définissant les narines et les ombres font l'affaire.
Commencez avec des formes en forme de larme dessinées pour chaque narine.
Les côtés des narines, dessinés avec le Outil stylo, sont comme couleur pêche (# ff786b) parenthèses.
L'ombre sous le nez dessine les deux narines et le philtrum au-dessus de la bouche. le Gradient linéaire passe d'une pêche rose (# ff786b) pour allumer la pêche (# ffde9e).
La forme en surbrillance (une larme desséchée) va de la crème légère (# fff7d4) pour allumer la pêche (# ffde9e).
Étape 6
Complétons la tête.
Définissez la couleur de remplissage de la tête sur Linéaire gradient qui va de # ffae85 à # ffde9e à # ffbc8c. Les oreilles sont réglées pour allumer la pêche (# ffde9e).
J'ai ajouté un trait à la forme de la tête de # ffae85. Groupe ensemble tous les composants de la tête. Copie et Coller la tête et aller à Développer sous Objet. Assurez-vous que Accident vasculaire cérébral est sélectionné et frappé D'accord. Unir ces composants copiés dans le Éclaireur panneau. Définissez la couleur de remplissage sur violet foncé et Aligner derrière la tête originale dans le Couches panneau. Met le Accident vasculaire cérébral largeur à 1-2 pt dans le Accident vasculaire cérébral panneau.
2. Dessiner une jolie coiffure
Étape 1
Maintenant que la tête de notre personnage est terminée, créons sa coiffure principale. Double-cliquez la Outil Pinceau Blob (Maj-B) pour faire apparaître ses options. Met le fidélité curseur vers la droite (mais pas complètement). Comme nous allons simplement dessiner avec elle, définissez la taille sur 1 pt.
Étape 2
Assurez-vous que vos composants de tête sont Groupé ensemble. Cela vous permettra de garder votre Couches panneau organisé.
En utilisant le Outil pinceau blob, commence à dessiner les cheveux du personnage. J'ai opté pour une frange saccadée.
Continuez à dessiner les cheveux. Pensez aux cheveux comme étant définis par de grandes sections par rapport aux mèches.
Une fois que vous avez terminé la partie avant des cheveux, Groupe ensemble vos composants esquissés et tracez la coiffure avec le Outil stylo.
Effacer l'esquisse de sorte que vous restez avec un seul objet pour les cheveux. Définissez la couleur de remplissage sur quelque chose de brillant et d'amusant. J'ai choisi le violet (# 6f28ba).
Étape 3
Mon petit personnage a une queue de cheval. En tant que tel, nous allons dessiner les composants de cheveux suivants derrière le reste de la tête.
Commencez par dessiner une forme qui indique que les cheveux sont tirés derrière la tête dans l'élastique de la queue de cheval.
La forme des cheveux à ce stade est à vous de décider: est-il droit, frisé, tressé ou noué dans un chignon?
Répétez ce que nous avons fait précédemment en traçant l'esquisse.
Décrivez les éléments de la chevelure en plaçant des copies délavées derrière la forme originale (comme nous l’avons fait pour la tête) dans le Couches panneau.
Étape 4
Maintenant rendons les cheveux.
En utilisant le Outil Crayon ou la Outil stylo, dessinez des mèches dégradées qui définissent les ombres. Notez que ces formes se courbent de manière à imiter le contour de la queue de cheval. Le dégradé va du violet au violet foncé.
Définir plus précisément les ombres et les sections des cheveux.
Notez comment les franges ont une forme d’ombre pour chaque séparation et de quel côté elles sont..
Jouez avec des ombres ou des formes de surbrillance supplémentaires pour donner aux cheveux de votre personnage des variations amusantes. J'ai dessiné une forme de pétoncles inversée sur la queue de cheval.
Diminuer Opacité de vos formes d'ombre dans le Transparence panneau à votre goût. Ajoutez des reflets ou des couleurs supplémentaires à votre motif de cheveux principal si vous le souhaitez..
Étape 5
Ajoutons maintenant un joli petit arc.
Dessiner une forme de coeur grumeleux avec le Outil Crayon, s'assurer que votre chemin est fermé.
Répétez de l'autre côté. N'oubliez pas de dessiner une forme de liaison au centre de l'arc. Unir vos composants d'arc dans le Éclaireur panneau et réglez la couleur de remplissage sur quelque chose de brillant, comme le fuchsia (# f01e8c) vu ci-dessous.
Décrivez votre arc de la même manière que nous avons souligné la tête et les cheveux. Utilisez le Outil pinceau blob afin de dessiner des détails sur la proue.
Utilisez le Outil stylo d'ajouter quelques formes d'ombres à l'arc sous les détails dessinés précédemment. Définissez la couleur de remplissage sur violet foncé et ses Opacité à 50% ou moins.
Groupe réunissez les composants de votre arc et placez l'accessoire pour cheveux sur la tête de votre personnage.
Étape 6
finalement, Développer (Objet> Développer… ) Les traits de votre personnage pour que la base de l’autocollant soit toujours évolutive sans avoir à changer la taille du trait ultérieurement. Nous utiliserons cette icône comme base pour chaque autocollant de personnage dans la suite de ce didacticiel. Faites plusieurs copies du dessin tel qu'il est à présent (six au total).
3. Statut actuel: Jeux
Étape 1
Maintenant nous commençons le plaisir! Commençons par un autocollant pour toutes ces fois où vous voulez que quelqu'un sache que vous jouez à un jeu (ou voulez jouer à un jeu avec eux!).
En commençant par la bouche, j'ai utilisé le Outil pinceau blob tracer une ligne courbe vers le haut.
Tracez une autre ligne plus petite, courbée vers le bas.
Remplissez le centre des deux lignes courbes en violet foncé et le Outil stylo.
Dessine la lèvre inférieure. Notez comme c'est un peu plat sur le bord inférieur.
Remplissez la forme avec la pêche (# fe8c82).
Dessine la lèvre supérieure. Le mien n'a pas d'arc de Cupidon prononcé, bien que votre dessin ait peut-être une forme différente.
Remplissez la lèvre supérieure avec une couleur rose vif (# ff305a).
Dessine dans les dents. Notez comment ils suivent le contour de la lèvre supérieure et courbent un peu sur le bas.
Réglez la couleur de remplissage sur le même dégradé que celui utilisé pour le blanc des yeux.
Étape 2
Les mains sont simples et cartooniques, composées de trois doigts seulement. J'ai dessiné le mien avec le Outil Crayon, pas dérangé qu'ils soient trop détaillés.
Décrire les mains.
Dessinez un rectangle arrondi en gris et souligné en violet foncé pour le contrôleur de jeu..
Utilisez le Outil pinceau blob tirer un petit cordon pour le contrôleur.
Groupe votre conception ensemble et lui donner un contour général plus épais de la même manière que cela a été fait avec la tête et les cheveux précédemment. Assurez-vous de Développer tous les coups avant de créer votre contour. Ensuite, dessinez un cercle de couleur vive avec le Outil Ellipse et placez-le derrière le reste de la conception.
Ceci termine votre premier autocollant.
4. Statut actuel: Regarder un film
Étape 1
Passez le pop-corn! La prochaine étape est un autocollant de chat parfait pour signaler quelque chose de divertissant ou pour informer les autres que vous regardez un film fantastique..
Tracez deux rectangles sur les yeux avec le Outil Rectangle (M). Réglez la couleur de remplissage de la gauche sur sarcelle# 00d1c5) et le droit au fuchsia (# f01e8c).
Dessinez deux grands rectangles blancs derrière les deux premiers. Utilisez le Outil de sélection directe tirer le Coins vivants vers l'intérieur afin de les arrondir un peu. Vous pouvez également ajuster les rayons des coins dans Transformer panneau.
Tracez un mince rectangle horizontal pour le pont des lunettes.
Unir les rectangles blancs dans le Éclaireur panneau. Décrivez les lunettes en ajoutant des traits violet foncé à l'objet blanc, comme nous l'avons décrit précédemment dans ce didacticiel..
Dupliquez les montures blanches des lunettes et réglez la couleur de remplissage sur violet foncé et le Opacité à 40% dans le Transparence panneau. Placez cette forme d’ombre derrière les lunettes dans le Couches panneau, légèrement en bas à droite.
Enfin, dessinez un couple de formes courbes dans chaque lentille en blanc avec leurs Mode de fusion mis à Recouvrir dans le Transparence panneau. Groupe tous vos composants de lunettes 3D ensemble.
Étape 2
Maintenant qu’elle porte ses lunettes 3D, notre petite amie qui a besoin d’autocollants de discussion a besoin de pop-corn. Commençons par dessiner un conteneur pour cela!
Utilisez le Outil Ellipse dessiner une ellipse mince. Utilisez le Outil Rectangle dessiner un rectangle de la même largeur que l'ellipse.
Aligner l'ellipse au bas du rectangle (j'ai aligné manuellement le bas du rectangle au centre de l'ellipse). Unir ces formes dans le Éclaireur panneau et nettoyer tous les points d'ancrage superflus.
En utilisant le Outil de sélection directe, inclinez le bas de l'objet vers l'intérieur. Répétez de l'autre côté.
Utilisez le Outil de point d'ancrage (Maj-C) pour manipuler les poignées du bord supérieur de l'objet afin qu'il se courbe légèrement vers le bas.
Tracez des rayures blanches sur la forme, en suivant son contour. Groupe ces composants ensemble.
Copie et Coller deux copies de la forme de base rouge. La première copie sera définie sur un dégradé linéaire allant du violet foncé à 100% à 0% à 100% avec les couleurs opaques sur les bords de la forme. Placez cette forme sur les autres. La couleur de remplissage de la seconde copie est définie sur violet foncé avec un trait de 1-2 pt et placé derrière les autres formes de conteneur de pop-corn.
Groupe ensemble vos objets et ajustez la forme générale comme vous le souhaitez.
Étape 3
Le pop-corn sera transformé en un simple pinceau personnalisé. Dessinez une forme de pop-corn gonflée en jaune clair avec le Outil Crayon. Décrivez la forme et assurez-vous de Développer vos coups. dans le Des pinceaux panneau, allez à Nouvelle brosse> Brosse à dispersion. Met le Rotation à au hasard et jouez avec son angle autant que vous avez besoin. Testez le pinceau avec le Outil Pinceau (B).
Étape 4
La bouche de cet autocollant a été entièrement créée avec le Outil pinceau blob. Commencez avec deux lignes courbes pour les joues gonflées.
Définissez la couleur du contour de la joue sur pêche, les lèvres sur le rouge rose et la bouche s'ouvrant sur le pourpre foncé. Notez la direction de la courbe de chaque forme.
Remplissez vos lèvres de pêche et ajoutez les couleurs vives (pêche claire, crème ou blanche) comme bon vous semble.
Étape 5
Mettons tout cela ensemble! Utilisez la brosse à pop-corn personnalisée que vous avez créée pour dessiner quelques lignes ondulées de maïs soufflé derrière la boîte à pop-corn. Copie et Coller l’une des mains de la conception de l’autocollant précédent, de sorte qu’elle a l’impression de grignoter du maïs soufflé.
Lorsque vous êtes satisfait du placement de la brosse à pop-corn, Développer les coups de pinceau et utilisez le Outil Baguette Magique (Y) sélectionner les zones transparentes autour des composants du pinceau pour les supprimer. Donner un contour épais au motif final de l’autocollant..
5. Statut actuel: en sommeil
Étape 1
Pour l'état de veille, nous recommençons avec la tête de base créée précédemment dans ce tutoriel..
En utilisant le Outil pinceau blob, J'ai esquissé le look de base de l'œil fermé, qui couvre la majeure partie de l'œil actuel.
Tracez le croquis oeil fermé avec le Outil stylo sur les deux côtés. Définissez la couleur de remplissage sur pêche. Dessinez des formes minces, de type contour, qui se courbent sur l'œil fermé.
Définissez ces formes sur la même pêche rose que celle utilisée au nez.
Redessinez ou ajustez la forme des cils et placez les nouveaux composants de l’œil dessinés sous les cheveux dans le Couches panneau.
Étape 2
Effacer la queue de cheval de votre conception.
Avec le Outil stylo dessine le haut d'un chapeau (il ressemble un peu à un béret à ce stade).
Derrière la tête, dessinez une jolie forme courbée. Cela forme le bonnet de couchage. Cela ressemble un peu à une queue de cheval. Si cela vous aide, dessinez-le avant de dessiner avec le Outil stylo.
Décrire le haut de la casquette.
Décrivez le bas de la casquette.
Étape 3
Utilisez le Outil étoile dessiner un jaune (# ffbc04) étoile. Réglez les rayons de coin en tirant dans les coins vivants avec le bouton Outil de sélection directe. dans le Options de modèle panneau créer un Nouveau modèle, la mise en Espace H et V Space à 5 px, et le Type de tuile à Brique par colonne.
Étape 4
Copie et Coller les pièces principales du bonnet de couchage et appliquez-leur le motif en étoile. Tracez un cercle jaune pour le pompon au bout du bonnet de couchage.
Étape 5
Dessinez un coussin gonflé derrière la tête endormie. Dessiner une simple bouche fermée avec le Outil stylo.
Définissez la couleur de remplissage sur blanc et la couleur de trait sur violet foncé.
Dessinez une jolie forme de sarcelle d'hiver (un peu comme une goutte d'eau incurvée) sur le côté droit de l'oreiller. Ajoutez des rayures bleu sarcelle ou blanches si vous le souhaitez.
Étape 6
Donner un contour plus épais à la conception finale de votre autocollant endormi, comme cela a été fait précédemment. N'oublie pas de Développer les coups avant de le faire. De plus, vous pouvez dessiner de petits messages avec le Outil pinceau blob ou utilisez une jolie police avec le Outil texte.
6. Statut actuel: Dans une humeur idiote
Étape 1
Passons bizarre. Copie et Coller l'arc fuchsia. Réfléchir sur un axe vertical et placez-le sur le côté droit de la tête. Copie, Coller, et Réfléchir la queue de cheval pour que le personnage ait deux nattes. Tourner les autour comme bon vous semble.
Étape 2
Pour dessiner des yeux souriants, tracez un demi-cercle recouvrant la moitié inférieure de l'œil en pêche clair..
Tracez une ligne violet foncé soulignant la moitié supérieure du demi-cercle..
Répétez de l'autre côté.
Étape 3
Utilisez l'outil de dessin de votre choix pour dessiner un smiley, une bouche pointue.
N'oubliez pas d'ajouter une lèvre supérieure et inférieure. J'ai trouvé le plus facile de le faire avec le Outil pinceau blob.
Dessine une petite main à trois doigts.
Assurez-vous qu'il chevauche un peu la bouche du personnage. Décrivez-le et définissez les doigts légèrement avec des lignes violet foncé. Applique le même dégradé linéaire que celui utilisé sur la tête.
Étape 4
Utilisez le Outil pinceau blob, ou une police que vous aimez, pour tracer à plusieurs reprises des lignes de lettres dans les onomatopées que votre langue utilise pour rire.
Groupe ensemble vos lettres de rire et dessinez un cercle qui les chevauche.
Avec le groupe et le cercle sélectionnés, Faire un masque d'écrêtage (Control-7).
Étape 5
Placez le groupe de masques d'écrêtage derrière l'autocollant pour le terminer..
7. Statut actuel: Écouter de la musique
Étape 1
Créons un casque simple en embellissant un demi-cercle gris.
Dessine un cercle et un rectangle. Laissez le rectangle chevaucher légèrement le cercle et appuyez sur Minus Front dans le Éclaireur panneau.
Superposer une partie du côté droit du cercle nouvellement coupé avec un rectangle rose.
Utilisez le Outil de création de forme (Maj-M) pour sélectionner le composant non intersectant du rectangle. Désélectionnez et supprimez-le.
Dessinez plusieurs rectangles sur la forme rose pour créer des rayures.
Supprimez-les de la forme rose avec le Outil de création de forme.
Dessine une étoile avec le Outil étoile sur la moitié gauche du casque.
Utilisez le Outil de création de forme pour le supprimer du demi-cercle. Changez les couleurs des rayures en fuchsia et la forme rose en fuchsia foncé.
Dessinez des ombres et mettez en valeur les formes de la même manière que pour les cheveux. Utilisation Linéaire dégradés de violet foncé et jaune clair pour chacun. Utilisez le Outil de création de forme supprimer des parties étrangères de ces formes du demi-cercle gris.
Donnez un contour violet foncé au casque et regroupez tous les composants..
Étape 2
Copie et Coller le groupe de casques afin que vous en ayez un pour chaque côté de la tête du personnage. Placez-les sous la partie avant de ses cheveux dans le Couches panneau.
Dessiner une forme fuchsia sur le dessus de sa tête pour désigner la bande du casque.
Dessinez de petites notes de musique bleu sarcelle, des cœurs et des étincelles sortant du côté droit du casque. Utilisez la même bouche que l’un des autocollants précédents, ou dessinez-en un nouveau..
Étape 3
Enfin, donnez à la conception entière un contour plus épais.
8. Statut actuel: Appeler un numéro de diva
Changeons le dessin final en dessinant un minuscule corps en forme de poupée..
Esquissez le motif à l'aide de l'outil de dessin de votre choix. Indiquez la forme de base du corps dans un simple geste, ainsi que les accessoires tenus. Celui-ci a une position large simple avec un microphone dans une main. Groupe ensemble tous les composants de l'esquisse.
Étape 2
Tracez un cercle gris au bout du microphone.
En utilisant le Outil pinceau blob, J'ai dessiné la lèvre supérieure, recourbée en demi-cercle.
Dessinez la lèvre inférieure et l'intérieur de la bouche. J'ai également utilisé les mêmes composants pour les yeux fermés de la conception d'autocollant de chat en sommeil créé précédemment.
Étape 3
La robe est une série d'angles.
Commencez par le contour en dessinant deux sommets pour la ligne du cou, en suivant la courbe des hanches et en vous connectant à un angle asymétrique..
Remplissez le dessin avec du fuchsia.
Dessine deux petites jambes pointues qui sortent du bas de la robe.
Gardez le cou comme un simple rectangle tandis que la poitrine, à cet endroit, est un triangle avec quelques lignes courbes qui indiquent le buste du personnage..
Vous pouvez masquer l'esquisse dans le Couches panneau à ce stade.
Étape 4
Utilisez soit le Outil Ellipse ou l'un des outils de la brosse pour dessiner une série de points blancs de différentes tailles sur toute la robe.
Groupe les points ensemble et définir leur Mode de fusion à Recouvrir dans le Transparence panneau.
Couche des points supplémentaires sur les autres avec des Opacités et Modes de fusion si la robe est brillante.
Groupe ensemble les composants scintillants, Copie et Coller la robe, et Créer un masque d'écrêtage de sorte que les étincelles restent dans les limites de la robe.
Étape 5
Décrivez la robe et le corps. Lorsque vous créez une forme en double pour le contour, assurez-vous que vous avez supprimé le masque de découpage dans la forme copiée..
Placez le corps sous la tête. Ajoutez de petites chaussures si vous le souhaitez et créez un microphone légèrement plus détaillé dans le style de votre choix..
Pour des étincelles supplémentaires, tracez des cercles avec Outil Ellipse partout dans la conception. Groupe ensemble et aller à Effet> Transformer et déformer> Pucker & Bloat et entrez -78% dans le curseur. Développer tes paillettes.
Travail fantastique, vous êtes fait!
Bravo à toi! Quelles autres activités, humeurs, émotions et bêtises pouvez-vous créer dans un jeu d'autocollants de discussion? Relevez le défi d'un défi et créez un ensemble d'autocollants de chat pour l'auto-portrait. Partagez vos créations dans la section commentaire ci-dessous.
Pour des tutoriels similaires comme celui-ci, consultez ceux-ci:
Comment dessiner un corps de base de poupée pour un jeu d'habillage dans Illustrator
Comment créer un bel ensemble de portraits zodiacaux dans Illustrator - Première partie
Comment créer un bel ensemble de portraits zodiacaux dans Illustrator - Deuxième partie
Comment créer des icônes d'espace plat élégantes dans Adobe Photoshop
Share
Ce que vous allez créer
Accentsconagua
