Comment créer un personnage de serpent mignon et ressemblant à un nerd dans Adobe Illustrator

Suivez ce didacticiel et apprenez à dessiner un personnage de serpent ressemblant à un nerd dans Adobe Illustrator. Le tutoriel est composé de deux parties principales: créer la tête et créer le corps. Vous commencerez par les formes de base et avec quelques techniques de distorsion faisant appel aux outils Outil de sélection directe, Script Round Any Corner, Warp, Roughen et Transform, pour créer facilement les formes dont vous avez besoin. L'outil de fusion joue également un rôle important dans ce didacticiel, de même que certains pinceaux d'art et de fusion intégrés. Ce personnage de serpent est amusant à créer, alors commençons!


1. Démarrer un nouveau projet

Lancez Illustrator et allez à Fichier> Nouveau ouvrir un Nouveau document vierge. Tapez un nom et configurez les dimensions, puis sélectionnez Les pixels comme Unités et RVB comme Mode de couleur.

Ensuite, allez à Édition> Préférences> Général et mettre le Incrément de clavier à 1px. Ces paramètres vous aideront tout au long du processus de dessin..


2. Créer la forme de base de la tête

Étape 1

Prenez le Outil Polygone et tracez un simple polygone ayant les dimensions indiquées. Avec le Outil de sélection directe (A) sélectionnez uniquement les deux points du haut puis passez à Fichier> Scripts> Round Any Corner et appliquer un Rayon de 15.

Vous pouvez télécharger le script Round Any Corner via Tuts +, l'installer et redémarrer Illustrator. Vous devriez trouver le script dans le Fichier menu sous Les scripts.

Étape 2

Prendre le Ajouter un outil de point d'ancrage (+) et ajoutez un point supplémentaire au sommet du polygone. Avec le Outil de sélection directe (A) sélectionnez uniquement ce point et déplacez-le 10px en appuyant sur la Touche flèche bas sur votre clavier dix fois. Utilisez le Convertir l'outil de point d'ancrage (Maj-C) pour générer les poignées et transformer les trois points en haut du coin pour lisser.

Étape 3

Sélectionnez uniquement les points gauche et droit puis allez à Fichier> Scripts> Round Any Corner et appliquer un Rayon de dix. En conséquence, vous obtiendrez les coins arrondis. Maintenant, sélectionnez les quatre points indiqués et déplacez-les 5px en appuyant sur la Touche flèche bas cinq fois.

Étape 4

Avec le Ajouter un outil de point d'ancrage (+) ajoutez un point supplémentaire au milieu des côtés supérieur gauche et droit, puis déplacez-les légèrement vers l'intérieur. Ensuite, sélectionnez uniquement les points du bas et déplacez-les 10px en haut.

Étape 5

Reprends le Ajouter un outil de point d'ancrage (+) et ajoutez un point supplémentaire sur les côtés inférieur gauche et droit de la forme. Avec le Outil de sélection directe (A) sélectionnez uniquement le point ajouté sur le côté gauche et accédez à Objet> Transformer> Déplacer. dans le Horizontal et Verticale type de champs 5px et 10px puis frappé D'accord. Déplacez également le point ajouté sur le côté droit mais utilisez les autres paramètres indiqués. Lorsque vous avez terminé, lancez le Autour d'un coin script et appliquer un Rayon de 20 afin de transformer ces deux points en points lisses.

Étape 6

Déplacez les points du bas un peu vers l’intérieur avec la touche Touches directionnelles puis lancez le Autour d'un coin script et appliquer un Rayon de 30.

Étape 7

À ce stade, la forme principale de la tête est fondamentalement prête. Tout ce que vous avez à faire est de vous assurer que chaque point d'ancrage possède deux poignées (nous n'avons pas besoin de coins) et que les courbes sont lisses. Je nommerai cette forme "basic-head".


3. Colore la tête du serpent

Étape 1

Copie et Coller à l'arrière (Control-B) la "base-tête" et verrouiller la forme originale pour un moment. Prenez le Outil de sélection directe (A) et faites glisser une sélection sur les points inférieurs comme indiqué, puis déplacez ces points vers le bas. Le chemin orange est ce que vous devriez obtenir et je nommerai cette forme "basic-mouth". Ensuite, remplissez la "base-head" avec la couleur indiquée.

Étape 2

Copie et Coller devant (Control-F) la "base-tête" puis amenez-le devant tout en allant à Objet> Arranger> Amener au premier plan (Shift-Control-]). Maintenant, prenez le Outil Ellipse (L) et tracez une ellipse au-dessus de la tête aux dimensions indiquées. Sélectionnez cette ellipse ainsi que la copie du "basic-head" et appuyez sur Couper dans le Éclaireur panneau. Remplissez la forme obtenue avec le dégradé linéaire indiqué et réglez l’angle sur 90 degrés.

Étape 3

Faites d’abord une autre copie de la "tête de base" devant puis tracez une ellipse au-dessus. Sélectionnez les deux et appuyez sur Couper dans le Éclaireur panneau. Remplissez la forme obtenue avec le dégradé linéaire indiqué et réglez l’angle sur 90 degrés.

Étape 4

Maintenant, sélectionnez les trois formes vertes créées puis allez à Objet> Fusion> Options de fusion et choisir 40 étapes spécifiées. Revenir à Objet> Mélanger> Créer (Alt-Control-B).


4. Créer la gueule du serpent

Étape 1

Faites une autre copie de la "base-head" et amenez-la devant. Sélectionnez "basic-mouth" et "basic-head" et appuyez sur Soustraire dans le Éclaireur panneau. Remplissez la forme obtenue avec le dégradé radial indiqué. Je nommerai cette forme "bouche".

Étape 2

Copie et Coller devant (Control-F) la "bouche" puis prenez la Outil Ciseaux (C) et cliquez sur les deux points indiqués (1). Cela coupera la forme en deux chemins et vous devrez ne garder que celui du bas (2). Stroke ce chemin avec un Pinceau d'art appelé "Course conique"que vous pouvez trouver dans Bibliothèque de styles Menu> Artistique> Artistic_Ink. Met le Poids de l'AVC à 0.5pt (3). Ajouter un autre attribut de trait à partir du menu déroulant du Apparence panneau et pour cela, utilisez un noir Mélange Art Brush. Met le Poids de l'AVC à 0,75 pt (4). Utilisez les couleurs de trait indiquées.

J'ai expliqué comment créer ce Mélange Art Brush dans mon tutoriel sur les étoiles de classement sur papier glacé, à l’étape 9. 200 x 5px celui-ci a les dimensions 100 x 3px. Ceci est la version noire mais vous aurez également besoin de la version blanche ultérieurement. Assurez-vous donc de créer les deux, puis de les enregistrer dans le Bibliothèque de pinceaux.


5. Créer le museau du serpent

Étape 1

Dessinez une ellipse ayant les dimensions indiquées au-dessus de la tête du serpent (1). Déformez cette ellipse en déplaçant les points d'ancrage gauche et droit un peu vers l'extérieur et en déplaçant les poignées (2). Faites une copie de "basic-head" et amenez-la devant (3). Maintenant, sélectionnez cette copie et la nouvelle forme et appuyez sur Couper dans le Éclaireur panneau. Remplissez la forme obtenue avec la couleur indiquée (4). Je nommerai cette forme "museau-1".

Étape 2

Avec le Outil Ellipse (L) dessiner une ellipse comme dans l'image puis Copie et Coller devant (Control-F) "museau-1". Sélectionnez cette copie et l'ellipse et appuyez sur Couper dans le Éclaireur panneau. Remplissez la forme obtenue avec le dégradé linéaire indiqué et réglez l’angle sur 90 degrés. Je nommerai cette forme "museau-2".

Étape 3

Sélectionnez "museau-1" et "museau-2" puis allez à Objet> Fusion> Options de fusion et choisir 40 étapes spécifiées. Revenir à Objet> Mélanger> Créer (Alt-Control-B).


6. Créer les yeux du serpent

Étape 1

Prendre le Outil Ellipse (L) et en tirer deux 40 x 60px ellipses ensuite les organiser comme dans l'image. Au fur et à mesure que les élèves dessinent deux cercles et remplissez-les avec le dégradé indiqué. Enfin, tracez deux petits cercles et sélectionnez le blanc comme couleur de remplissage..

Étape 2

Ensuite, prenez le Outil stylo (P) et tracez trois paires de chemins le long des yeux. Caressez ces chemins avec le noir Mélange Art Brush puis double-cliquez dans le Apparence panneau sur le trait appliqué pour ouvrir le Options de course la fenêtre. Là, définissez le Colorisation à Des teintes et frapper D'accord. Maintenant, changez les couleurs de trait comme indiqué. le Poids de l'AVC pour les chemins bleus est 2 pt et pour le reste 1 pt.

Étape 3

Avec le Outil stylo (P) dessinez quatre formes comme ci-dessous et sélectionnez le blanc comme couleur de remplissage. Copie et Coller devant (Control-F) ces formes et les remplir avec un dégradé linéaire du noir au blanc. Maintenant, sélectionnez l’une des formes blanches et la copie au-dessus, puis sélectionnez Faire masque d'opacité à partir du menu déroulant du Transparence panneau. Répétez la même chose pour les autres formes. finalement, Groupe (Control-G) les quatre réflexions obtenues et réduire la Opacité à 50%.


7. Créer les narines du serpent

Étape 1

En utilisant le Outil Ellipse (L) dessinez deux ellipses puis disposez-les sur le museau comme dans l'image. Remplissez-les avec le dégradé indiqué puis allez à Effet> Styliser et appliquer le Ombre portée effet. Utilisez les paramètres indiqués pour les narines gauche et droite.

Étape 2

Maintenant, vous devez masquer l'ombre. Tout d’abord, faites une copie de "museau-1" et placez-la devant tout. Supprimer la couleur de remplissage existante. Sélectionnez, cette copie et aussi les narines et allez à Objet> Masque d'écrêtage> Marque (Control-7).

Étape 3

Prendre le Outil stylo (P) et tracez deux chemins en suivant le bord supérieur des narines. Les caresser avec le noir Mélange Art Brush puis définissez le Colorisation à Des teintes comme vous l'avez fait précédemment et changer la couleur de trait.

Étape 4

Dessinez une forme d’amande ("inside-narine-1") puis allez à Objet> Transformer> Échelle, type 20% dans le Échelle champ et frapper Copie. Vous obtiendrez la forme plus petite au milieu et vous la remplirez de vert foncé ("inside-narine-2"). Disposez ces deux formes sur la narine droite puis réfléchissez de l'autre côté.

Sélectionnez "inside-narine-1" et "inside-narine-2" au-dessus de la narine droite, puis aller à Objet> Fusion> Options de fusion et choisir 20 étapes spécifiées. Revenir à Objet> Mélanger> Créer (Alt-Control-B). Répétez la même chose en utilisant "inside-narine-1" et "inside-narine-2" au-dessus de la narine gauche.

Étape 5

Entre les narines ajoutons quelques taches de rousseur pour améliorer la gentillesse. Disposez quelques petits cercles comme dans l'image et remplissez-les d'un dégradé radial allant du noir au blanc. Groupe (Control-G) tous ensuite mis le groupe à Mode de fusion Multiplier et 15% d'opacité.


8. Créer les crocs et la langue fourchue

Étape 1

Pour les crocs du serpent, dessinez simplement deux formes, comme ci-dessous, à l'aide du Outil stylo (P). La couleur de remplissage indiquée est 5% de noir. Envoie les crocs derrière le museau du serpent.

Étape 2

Créons maintenant la langue fourchue. Tout d'abord, prenez le Outil stylo (P) et tracez deux chemins comme ci-dessous. Les caresser avec un Pinceau d'art appelé "Conique - forte"que vous pouvez trouver dans le Bibliothèque de styles Menu> Artistique> Artistic_Ink. Définissez les poids de trait comme indiqué. Pour transformer les traits en pleins, allez à Objet> Développer l'apparence puis Dissocier (Shift-Control-G) deux fois.

Sélectionnez les formes obtenues et appuyez sur Ajouter dans le Éclaireur panneau afin d’obtenir un chemin composé. À ce stade, il suffit de faire quelques ajustements en haut et la langue est prête.

Étape 3

Remplissez la langue avec le dégradé linéaire indiqué puis envoyez-la derrière le museau du serpent.


9. Créer les lunettes Nerd

Étape 1

Utilisez le Outil Ellipse (L) dessiner une ellipse puis la déformer en déplaçant certains des points d'ancrage et des poignées comme dans l'image. Remplissez la lentille de blanc et réduisez le Opacité à 35% (Pour des raisons de clarté, j'ai utilisé une autre couleur au lieu du blanc). Réfléchissez la lentille droite pour obtenir la gauche.

Étape 2

Copie et Coller devant (Control-F) les lentilles, supprimez la couleur de remplissage et donnez-leur AVC 9pt en utilisant n'importe quelle couleur. appuyez sur la Aligner le trait sur l'extérieur icône dans le Accident vasculaire cérébral panneau (1). Pour transformer les traits en pleins, allez à Objet> Développer l'apparence puis Dissocier (Shift-Control-G) (2). Pour modifier la forme des cadres, sélectionnez avec le bouton Outil de sélection directe (A) les points indiqués et déplacez-les légèrement dans le sens indiqué par les flèches (3). Le résultat devrait ressembler à celui ci-dessous (4).

Étape 3

Avec le Outil stylo (P) dessiner une forme comme dans l'image comme le pont puis les deux formes sur les côtés. Maintenant, sélectionnez les cadres, le pont et les deux coins et appuyez sur Ajouter dans le Éclaireur panneau. Remplissez le chemin composé résultant avec du noir.

Étape 4

Copie et Coller devant (Control-F) le cadre obtenu à l'étape précédente et changer la couleur de remplissage (1). Copie et Coller devant (Control-F) le cadre vert et déplacez-le 3px à gauche en appuyant sur la Touche flèche gauche sur votre clavier (2). Maintenant, sélectionnez les cadres vert et orange et appuyez sur Soustraire dans le Éclaireur panneau. Remplissez la forme obtenue avec du blanc et réduisez le Opacité à 40% (3).

Étape 5

Ensuite, tracez un rectangle sur le pont et remplissez-le avec le dégradé linéaire indiqué..

Étape 6

Groupe (Control-G) toutes les formes qui composent les lunettes et puisque tout est vectoriel, redimensionnez-le 44%. Placez les lunettes sur les yeux du serpent, puis envoyez-les derrière les narines mais devant le museau. Enfin, dessinez deux formes de rectangle comme les jambes des lunettes et envoyez-les derrière tout.

La tête du serpent est prête maintenant et voici son joli visage:


10. Créer les formes de base du corps

Étape 1

Prenez le Outil Rectangle Arrondi et dessinez deux formes ayant les dimensions indiquées. Aller à Effet> Warp et appliquer le Arc inférieur et Arc supérieur effets. Lorsque vous avez terminé, sélectionnez Développer l'apparence et Dissocier (Shift-Control-G). Je nommerai les formes résultantes "corps grand" et "corps petit".

Voici les paramètres que j'ai utilisés:

Étape 2

Utilisez le Outil stylo (P) tracer un chemin ondulé sur le côté gauche et le frôler avec "Conique - ronde" Pinceau d'art. Met le Poids de l'AVC à 2,25 pt. Sélectionner Développer l'apparence puis Dissocier (Shift-Control-G) deux fois. Suivez la séquence d'images et modifiez cette forme en déplaçant simplement certains des points d'ancrage. La forme bleue est ce que vous devriez obtenir et je l'appellerai "corps-cou".

Étape 3

Pour la queue, tracez un autre chemin ondulé comme dans l’image. Stroke it avec le "Conique - forte" Pinceau d'art et mettre le Poids de l'AVC à 0,56 pt. Sélectionner Développer l'apparence puis Dissocier (Shift-Control-G) deux fois. Épaissir la partie inférieure de la queue en déplaçant certains des points d'ancrage.


11. Colore le corps du serpent

Étape 1

Tout d'abord, sélectionnez "corps-cou" et "corps-large" et appuyez sur Ajouter dans le Éclaireur panneau. La forme résultante est appelée "corps plein". Remplissez cette forme avec le dégradé de gauche et réglez l’angle sur -90 degrés. Utilisez le même dégradé pour "body-small" mais réglez l'angle sur 0 degrés. Pour la queue, utiliser le dégradé de droite.

Étape 2

Utilisez le Outil stylo (P) tracer un chemin approximativement au milieu de chaque partie du corps. Maintenant, sélectionnez "corps plein" et le chemin orange au-dessus et appuyez sur Diviser dans le Éclaireur panneau alors Dissocier (Shift-Control-G). Vous obtiendrez deux moitiés mais ne garderez que la forme vert clair sélectionnée ci-dessous (appelée "ventre") et supprimerez l’autre. Répétez la même chose pour "body-small" et pour la queue en utilisant les deux autres chemins orange.


12. Ajouter de la texture sur le ventre du serpent

Étape 1

Tracez un chemin légèrement incurvé avec le Outil stylo (P) et lui donner un 1 pt noir Accident vasculaire cérébral pour le moment. Faites-le glisser dans le Des pinceaux panneau et choisissez Nouvelle brosse à dispersion.

Ensuite, tracez un autre chemin ondulé sur "le corps plein" et tracez-le avec le Brosse à dispersion enregistré. Si vous double-cliquez dans le Apparence panneau sur le trait appliqué pour ouvrir le Options de course fenêtre, vous pouvez modifier certaines des valeurs de Espacement, Rotation et Taille si besoin. L'important est que les extrémités de chaque petit chemin se croisent sur les bords du "ventre". Lorsque vous êtes satisfait de votre AVC, sélectionnez Développer l'apparence et Dissocier (Shift-Control-G) deux fois.

Maintenant, sélectionnez tous les petits chemins obtenus et Groupe (Control-G) leur. Faites une copie car vous en aurez encore besoin. Sélectionnez ce groupe et le "ventre" et appuyez sur Diviser dans le Éclaireur panneau. Remplissez le groupe de formes obtenu avec le dégradé radial indiqué.

Ce sont les paramètres que j'ai utilisés pour la Brosse à dispersion:

Étape 2

Apportez devant vous la copie du groupe de petits chemins. Accident vasculaire cérébral eux avec le noir Mélange Art Brush puis dupliquer ce Accident vasculaire cérébral attribuer en appuyant sur la Dupliquer l'élément sélectionné icône au bas de la Apparence panneau. Après avoir sélectionné l’attribut Trait à partir du bas, allez à Effet> Distorsion & Transformation> Transformer et appliquez le réglage indiqué. le Poids de l'AVC est 1 pt et les couleurs de trait sont indiquées (Colorisation définie sur Teintes).

Étape 3

Faites une copie du ventre et amenez-le devant tout. Supprimer le remplissage en dégradé existant. Maintenant, sélectionnez le groupe de chemins tracés et la copie du ventre et allez à Objet> Masque d'écrêtage> Marque (Control-7).

Répétez le même processus pour ajouter cette texture sur les deux autres parties du corps ("body-small" et la queue).


13. Ajouter des détails sur le dos du serpent

Étape 1

Utilisez le Outil Ellipse (L) dessiner quelques ellipses et les remplir de la couleur indiquée. Faites-les pivoter et disposez-les le long du "corps plein" comme dans l'image. Groupe (Control-G) toutes les ellipses puis aller à Effet> Distorsion & Transformation> Roughen et appliquez les paramètres indiqués ci-dessous. Lorsque vous avez terminé, sélectionnez Développer l'apparence.

Étape 2

Avec le Outil stylo (P) dessiner un chemin sur le dos du serpent. Accident vasculaire cérébral ce chemin avec la version blanche du Mélange Art Brush. Mis à 10% d'opacité.

Étape 3

Copie et Coller devant (Control-F) "body-full" et amenez-le devant tout en allant à Objet> Arranger> Amener au premier plan (Shift-Control-]). Supprimer le remplissage dégradé existant. Sélectionnez cette copie avec le groupe des ellipses sombres et le chemin blanc et allez à Objet> Masque d'écrêtage> Marque (Control-7).

Répétez le même processus pour ajouter ces détails sur les deux autres parties du corps..


14. Ajouter des détails sur le ventre du serpent

Avec le Outil Ellipse (L) dessinez quelques petites ellipses et remplissez-les de la couleur indiquée. Disposez-les le long du ventre du serpent, un par carré. Organisez également quelques ellipses plus petites remplies de blanc, d’un endroit à l’autre. Faites la même chose sur le "body-small" et sur la queue.


15. Ajouter une ombre sous le serpent

Tout d’abord, dessinez deux ellipses au bas du serpent. Remplissez les deux avec du noir mais réduisez le Opacité pour la plus grande ellipse 0%. Après avoir sélectionné les ellipses, allez à Objet> Fusion> Options de fusion et choisir 50 étapes spécifiées. Revenir à Objet> Mélanger> Créer (Alt-Control-B). Envoyez le groupe de mélange résultant derrière tout en accédant à Objet> Organiser> Envoyer à l'arrière (Shift-Control- [) et vous avez terminé.


Toutes nos félicitations! Vous avez terminé.

J'espère que vous vous êtes amusés à créer ce personnage de serpent ressemblant à un nerd. Je sais que j'ai fait. Ceci est aussi mon premier tutoriel de personnage alors laissez-moi savoir si cela vous a plu.