Créez une illustration d'arbre heureux avec Bubblefriends

Apprenons à créer une conception amusante des caractères de l'arbre, depuis l'esquisse initiale jusqu'à la réalisation de chaque détail dans Adobe Illustrator. Ce tutoriel décrit un flux de travail professionnel pour la création d’illustrations basées sur des personnages. Mettez un sourire sur votre visage et commençons à créer une illustration avec des personnages qui aiment s'amuser!

Vous pouvez trouver les fichiers source dans le répertoire "source" inclus dans les fichiers que vous avez téléchargés. Vous voudrez peut-être les parcourir brièvement avant de commencer..


Étape 1

Tout d’abord, esquissons notre personnage qui aime s'amuser. Prenez votre crayon et continuez à dessiner jusqu'à ce que l'image corresponde à vos besoins. Pour moi, c’est la qualité du croquis au crayon qui donne l’impact de l’illustration numérique. Alors j'essaie toujours d'améliorer mes compétences en dessin!



Étape 2

J'ai nettoyé le croquis sur une boîte à lumière et rempli tous les détails manquants. Pour moi, il est nécessaire de savoir quel sera le résultat. J'essaie de compléter l'image à chaque étape du processus.



Étape 3

Scannez l'image. Il sera plus facile de tracer de petits détails si vous utilisez 300 dpi. Utilisez des niveaux de gris pour que la taille du fichier soit relativement petite. Si nécessaire, ouvrez le fichier dans Photoshop et sélectionnez Image> Réglage> Luminosité / Contraste pour augmenter le contraste des images..



Étape 4

Avant de commencer, je regarde le croquis et cherche à savoir par où commencer et comment pourrait se dérouler le processus de construction. Où pourrait-il y avoir un problème? Où commencer? Pour moi, c'est une étape très importante. Construisez l'image dans votre esprit avant de la construire en vecteurs!

Remarque: pour mon travail, je commence par construire toutes les formes. Par la suite, je termine et ajoute les couleurs.



Étape 5

Ouvrez Illustrator et sélectionnez Fichier> Nouveau (Commande + N) pour créer un nouveau document. Sélectionnez le format A4 et le mode de couleur CMJN. Dans ce mode, les couleurs sont plus faciles à manipuler. Sélectionnez Fichier> Importer pour placer l'esquisse numérisée. Accédez à la palette des calques et créez un nouveau calque, nommez-le "Arbre". Ce sera la couche sur laquelle nous travaillons. Si votre travail est très complexe, n'oubliez pas de nommer vos calques! Verrouille aussi le calque "Esquisse".



Étape 6

Commençons par le corps de l'arbre vert. Bien que nous puissions le créer avec l’outil Plume, je préfère pour cela utiliser l’outil Ellipse, car les courbes seront plus arrondies. Suivez le contour du corps de l’arbre en créant des cercles aux dimensions requises. Maintenez les touches Alt + Maj enfoncées lorsque vous utilisez l'outil Ellipse pour créer des cercles parfaits. Puis remplissez l'espace au milieu. Sélectionnez tous les cercles, appuyez sur la touche Ajouter à la zone de forme de la palette Pathfinder, puis appuyez sur le bouton Développer. Pathfinder est un outil Illustrator très utile. Assurez-vous de bien comprendre en quoi il consiste.!





Étape 7

Ensuite, nous créons le tronc d'arbre. Pour cela, nous utilisons l'outil Plume. Commencez à tracer le tronc. Utilisez un trait de 0,25 pt afin que vous puissiez voir l'esquisse. Il faut être aussi proche que possible des lignes au crayon. Les courbes de Bézier peuvent être difficiles à maîtriser pour les débutants en vecteur, mais s’y habituer est une pratique. Essayez d’ajouter des points d’ancrage uniquement en cas de besoin et d’en placer le moins possible. Les courbes seront arrondies de cette façon. Commencez avec les deux bras du tronc et la racine arrière en bas.



Étape 8

Pour créer l'ombre que le corps vert jette sur le tronc, dupliquez le corps de l'arbre et placez-le derrière. Pour ce faire, sélectionnez le vecteur du corps de l’arbre et appuyez sur Commande + C puis sur Commande + B. Déplacez-le vers le bas en cliquant sur l’onglet direction (peut-être 16 fois)..

Sélectionnez le tronc, copiez-le et placez-le au premier plan avec les touches Commande + C et Commande + F. Copiez à nouveau le nouveau corps de l'arborescence Command + C. Sélectionnez le tronc et la nouvelle forme d'arbre en maintenant la touche Maj enfoncée. Appuyez sur les zones de forme d'intersection du panneau Pathfinder, puis appuyez sur le bouton Développer. La première ombre est prête. Placez à nouveau le vecteur du corps tiré avec Ctrl / Commande + F et répétez les étapes pour créer les ombres sur les bras du tronc.




Étape 9

Pour la bouche, j'ai utilisé l'outil Ellipse. Créez un cercle qui suit la ligne de crayon inférieure de la bouche. Copiez-le et placez-le devant (Command + C et Command + F). Faites-le glisser en maintenant la touche Maj enfoncée de sorte que sa ligne inférieure se trouve sur la ligne supérieure de la bouche.

Tirez-le dans la forme dont vous avez besoin (maintenir Alt enfoncé tout en déplaçant les deux côtés pour lui donner une apparence parfaite. Sélectionnez les deux cercles, appuyez sur Supprimer la zone de forme dans le panneau Pathfinder, puis appuyez sur le bouton Développer. Faites de même avec les yeux du ligne du menton. Après avoir ajouté tous les détails à la face du tronc, sélectionnez le corps de l’arbre et placez-le en haut du modèle de calques. Nous pouvons maintenant ajouter tous les détails au corps de l’arbre..




Étape 10

Ensuite, nous allons créer les lunettes d’arbre. Utilisez l'outil Plume avec un trait de 9 pt et des bords arrondis. Construisez le cadre de base avec quatre lignes. Sélectionnez-les en maintenant la touche Maj enfoncée, puis sélectionnez Objet> Chemin> Contour. Sélectionnez-les à nouveau et appuyez sur la zone Ajouter à la forme du panneau Pathfinder, puis appuyez sur le bouton Développer. Créez les yeux (utilisez un processus similaire à celui utilisé pour créer les yeux de coffre) et placez-les derrière le cadre dans la palette des calques..

Nous devons maintenant créer les lentilles. Créez-les avec l'outil Plume et placez-les derrière le cadre, mais par dessus les yeux. Ajoutez des éléments en surbrillance à l'aide de l'outil Rectangle et placez les rectangles devant le verre dans la palette des calques..




Étape 11

Nous allons construire la bouche en utilisant l'outil Plume. Créez deux formes en forme d’œil, puis ajoutez-les à gauche et à droite à l’aide du panneau Pathfinder. Pour les dents, utilisez l'outil Ellipse. Placez une ellipse sur la forme de la bouche. Copiez la forme de la bouche et placez-la devant (Command + C et Command + F).

Cliquez sur Maj, cliquez dessus, puis sélectionnez l'ellipse de la dent, appuyez sur Intersect Shape Areas dans le panneau Pathfinder, puis sur le bouton Développer. Répétez cette opération pour la prochaine dent et la langue. Construisez les lignes à gauche et à droite de la souris, comme pour l’arbre. Utilisez l'outil Ellipse pour dessiner trois ellipses et laissez un côté suivre la ligne au crayon. Sélectionnez-les et combinez-les avec l'option Ajouter à la forme de Pathfinder. Ensuite, utilisez l'outil Ciseaux pour couper la forme. Supprimer la partie dont vous n'avez pas besoin.




Étape 12

Pour le reste du corps de l’arbre, tracez l’esquisse à l’aide de l’outil Plume. Pour l'accordéon, ajoutez une ligne de 1 pt suivie d'une ligne pointillée de 0,5 pt (4 pt).




Étape 13

Créez un nouveau calque. Nommez-le "en bas" ou ce que vous voulez. C'est la couche pour regarder les champignons, l'herbe et l'arrière-plan. Pour créer l'herbe, utilisez l'outil Ellipse, comme nous l'avons fait pour le corps de l'arbre. Faites la même chose pour créer une forme d'arrière-plan nuageux.


Tracez le corps du champignon avec l'outil Plume et les têtes de champignon avec l'outil Ellipse. Pour les bouches, utilisez les mêmes techniques que nous avons utilisées pour créer les détails du tronc.



Étape 14

Maintenant que toutes les formes sont construites, nous pouvons commencer à ajouter les couleurs. Remplissez le corps de l'arbre avec un dégradé linéaire du vert clair au vert foncé. Modifier l'emplacement du curseur de gradient à 60 pour cent. Donnez au corps un contour de 0,5 pt en vert foncé.



Étape 15

Remplissez le verre avec un dégradé linéaire du jaune au blanc. Définissez la transparence sur 50%. Le surligneur en verre reçoit du blanc avec 50% de transparence. Copiez le cadre noir et placez-le derrière (Command + C et Command + B). Appliquez un flou gaussien en sélectionnant Effet> Flou> Flou gaussien et utilisez une valeur de 2,0. Pour le mode de fusion de l'objet, réglez-le sur Multiplier et la transparence sur 57% - pour que les lunettes aient un aspect plus tridimensionnel..



Étape 16

Remplissez les couleurs. Ne remplissez pas un dégradé dans toutes les formes! Cela perturbe l'harmonie des images. Utilisez-le uniquement en cas de besoin, par exemple pour donner au bras une apparence plus tridimensionnelle ou pour donner un peu de vie à la grande forme d'accordéon du centre. Ajoutez un dégradé linéaire du jaune au jaune plus foncé (ajoutez seulement 25% de noir à la couleur pour la rendre plus sombre) sur la forme de la main. Cela les rendra plus rond.

Remarquez, j'ajoute des contours à la forme quand je sens que c'est vraiment nécessaire. Avec des traits de 0,5 pt, les boîtes à accordéons ont une apparence plus tridimensionnelle. Le corps de l’arbre a besoin du contour pour que ces contours puissent être utilisés comme détails à l’intérieur de la forme.



Étape 17

Ajoutons maintenant des ombres. Copiez l'accordéon et placez-le derrière (Commande + C et Commande + B). Remplissez-le avec 100% noir. Appliquez un flou gaussien en sélectionnant Effet> Flou> Flou gaussien et utilisez une valeur de 2,0. Définissez le mode de fusion de l'objet sur Multiplier et définissez la transparence sur 45%. Faites glisser l'ombre pour qu'elle ait l'air vraiment sombre. Ajoutez une ombre au chapeau de la même manière. Essayez de savoir à quel point l'ombre doit être sombre.



Étape 18

Ensuite, nous voulons rendre le corps de l’arbre plus moelleux. Copiez la forme du corps et placez-le devant (Command + C et Command + F). Cliquez en maintenant la touche Maj enfoncée et faites-la glisser quelques millimètres vers la gauche. Copiez la forme du corps et replacez-le devant (Command + C et Command + F).

Sélectionnez les deux corps en maintenant la touche Maj enfoncée, puis appuyez sur Soustraire de la zone Forme de la palette Pathfinder, puis appuyez sur le bouton Développer. Sur la gauche, vous voyez des formes minuscules dont nous n'avons pas besoin, supprimez-les. Remplissez le vecteur avec du vert. Définissez le mode de fusion des objets sur Multiplier et définissez la transparence sur 20%..

Déplacez-le maintenant de quelques millimètres à droite. Copiez la forme de base du corps et replacez-la devant (Command + C et Command + F). Cette forme n'a pas besoin de couleur. Définissez-le en utilisant les calques. Avec cette nouvelle copie du corps de l'arbre toujours sélectionnée, cliquez sur la forme verte en maintenant la touche Maj enfoncée. Créez un masque de découpage en allant dans Objet> Masque de découpage> Créer.





Étape 19

Ajoutez les couleurs au calque inférieur. L'herbe reçoit un dégradé linéaire allant du vert clair au vert foncé. Remplissez le nuage en arrière-plan avec 28% de cyan. Appliquez un flou gaussien en sélectionnant Effet> Flou> Flou gaussien d’une valeur de 3,0..

Remplissez les têtes de champignon avec un dégradé radial allant de 32% à 75% de magenta. Donnez aux têtes un contour de 0,5 pt de 80% de magenta. Remplissez une ellipse au milieu avec 100% de noir, qui correspond à l’ombre de l’arbre. Appliquez-lui un flou gaussien en sélectionnant Effet> Flou> Flou gaussien et utilisez une valeur de 3,0. Définissez maintenant le mode de fusion sur Multiplier et définissez la transparence sur 32%..



Étape 20

Pour les petites étoiles, créez un cercle avec l'outil Ellipse tout en maintenant Alt + Shift. Sélectionnez l'ellipse et allez à Effet> Distorsion & Transformation> Pucker & Amp Bloat pour faire apparaître la boîte de dialogue. Changez l'option en -75. La première étoile est prête.

Pour créer l'autre copie de l'étoile, placez-la devant (Command + C et Command + F). Maj-cliquez dessus et faites-le pivoter. Puis réduisez-le. Sélectionnez à nouveau les deux en maintenant la touche Maj enfoncée, appuyez sur la zone Ajouter à la forme du panneau Pathfinder, puis appuyez sur le bouton Développer. Remplissez-les avec 100% de cyan. Définissez la transparence entre 20 et 35%. Ne pas ajouter à beaucoup d'entre eux!




Image finale

L'image finale est ci-dessous et j'espère que vous avez apprécié ce tutoriel!