Comment créer une scène de maison de sorcière avec des dégradés dans Illustrator

Dans ce tutoriel, vous apprendrez à illustrer un joli paysage décalé avec une maison de sorcière. En commençant par les dessins au trait, le didacticiel passe à la coloration à l'aide de dégradés et d'une variété de modes de fusion. Le didacticiel explique des outils tels que l'outil Crayon et présente les options intelligentes d'Illustrator pour modifier toute une illustration en quelques minutes. L'illustration entière a été créée dans Adobe Illustrator, montrant les pouvoirs du programme. Ce tutoriel est plus un processus à suivre, un exemple de la création d’une telle illustration..


Étape 1

Commencez par créer un nouveau document aux dimensions du format paysage 1200 × 740 px. L’ensemble des dessins au trait sera dessiné à l’aide du crayon (N). Vous n'avez pas besoin d'un stylo pour le faire, mais cela aide. Voyant que le style de cette illustration est plutôt libre et peu précis, une souris finira par être aussi bonne.

Commençons par examiner les paramètres de l'outil Crayon (N). Utiliser une souris ou un stylet pour dessiner avec l'outil Crayon (N) peut avoir pour conséquence que vos formes soient différentes de celles de votre trait avec l'outil physique. Mais vous pouvez modifier les paramètres de l'outil Crayon: double-cliquez sur l'outil dans le panneau Outils et ajustez les Tolérances..

Fidélité décrit à quel point la ligne vectorielle sera proche de votre dessin, plus le nombre est petit, plus la ligne est proche mais également plus il y a de points d'ancrage..

La finesse fait référence à la quantité de points d'ancrage qui seront dans votre ligne. Plus le pourcentage est petit, plus il y a de points d'ancrage et de courbes plus dures, plus le nombre de points d'ancrage et de courbes plus douces est grand..

Jouez avec les paramètres sur des formes aléatoires jusqu'à ce qu'ils soient à votre goût.


Étape 2

Ceci est une promenade à travers comment je dessine les formes simples. Je commence habituellement par le haut et dessine dans le sens des aiguilles d'une montre autour de la forme. Celui-ci est un rocher, il est donc plutôt sinueux en haut et plat en bas.

Je n'essaie pas de fermer le chemin, mais laisse un espace entre le début et la fin de ma ligne. À l’aide de l’outil de sélection directe (A), je sélectionne ces deux points et les associe (Commande + J). Cela se traduira par deux points de coin.

Ces deux points d'ancrage étant toujours sélectionnés, je modifie leur style de coin sur Lisser à l'aide des paramètres du panneau Contrôle situé en haut de l'interface utilisateur d'Illustrator. Cela crée une ligne lisse entre les points d'ancrage au sommet de ma forme.


Étape 3

Ici nous avons le dessin au trait fini. En plus de l'outil Crayon (N), j'ai également dessiné des formes avec le stylo (P) et l'outil Ellipse (L). Les troncs d’arbres, par exemple, ont des lignes droites. J’ai donc utilisé l’outil Plume (P) et créé des formes de type trapèze. Je n’ai pas fait très attention au travail de précision car tout le style ne le demande pas. C'est à la fois pratique et ennuyeux. Je commence souvent à redessiner les formes que j'ai créées avec l'outil Crayon (N), car elles ne se sont pas révélées comme prévu. Si vous êtes toujours très loin dans ces résultats, vous devrez peut-être ajuster à nouveau les paramètres de l'outil Crayon (N)..


Étape 4

Afin de mieux suivre ce que je fais, je crée toujours autant de couches que possible. Dans ce cas, chaque niveau de profondeur a son propre calque. De cette façon, je peux verrouiller et désactiver les calques sur lesquels je ne travaille pas et ne pas sélectionner accidentellement un élément. Je crée aussi des groupes à partir de formes où cela a du sens. Par exemple, toute la maison de la sorcière est dans un groupe, ainsi que les clôtures et le puits.


Étape 5

Maintenant que nous avons les dessins au trait, examinons l’effet recherché. Chaque forme consistera éventuellement en une couleur de base, un dégradé linéaire noir à blanc et jaune à violet et une forme de dégradé cel de la même couleur que la forme de base. Le dégradé du noir au blanc est défini sur Multiplier le mode de fusion avec une opacité de 50%, identique à la forme de l'ombrage cel. Le dégradé de couleur sera réglé sur le mode de fusion Lumière intense à 25% d'opacité..


Étape 6

Pour la coloration, j'ai sélectionné toutes les formes que je veux être de la même couleur. Depuis que j'ai créé beaucoup de groupes, je n'utilise pas l'outil de sélection (V), mais l'outil de sélection de groupe, masqué sous l'outil de sélection directe (A). Par défaut, cet outil n’est pas raccourci. Par conséquent, pour accélérer votre travail, vous pouvez supprimer les deux outils ou leur attribuer votre propre raccourci. Allez dans Edition> Raccourcis clavier et sous Outils, sélectionnez l'outil de sélection de groupe (V) et appliquez le raccourci que vous souhaitez utiliser. Pour que les choses soient plus faciles à mémoriser, je le règle sur Maj + A.

Jusqu'à présent, vous pouvez toujours voir le contour noir de chaque forme, mais nous nous en débarrasserons..


Étape 7

Pour supprimer tous les traits, sélectionnez Tous les éléments (Ctrl + A) et supprimez-les simplement. vous pouvez le faire en ouvrant le panneau Trait ou en le supprimant dans le panneau Outils. Maintenant que nous n’avons plus de touches sur nos éléments, toute l’illustration est très plate..


Étape 8

Je suis généralement partisan de l'utilisation de styles de calques avec des remplissages multiples dans mes illustrations, mais dans ce cas, j'ai décidé de ne pas le faire, car je pouvais prévoir que cela pourrait beaucoup me ralentir. J'ai toutefois utilisé des styles graphiques pour accélérer mon flux de travail.

Au début, je n'ai commencé qu'avec une seule forme, qui servira de base à tout le reste. Copier (Ctrl + C) et Coller devant (Ctrl + F), appliquez un dégradé linéaire noir à blanc et définissez le mode de fusion sur Multiplier avec l'opacité définie sur 50%. La forme toujours sélectionnée ouvre le panneau Styles graphiques et ajoute l'aspect des formes en tant que nouveau style graphique..

Maintenant, pour le reste des formes, j'ai répété copier et coller devant pour chaque forme, puis j'ai appliqué le style graphique nouvellement créé à chaque copie. Puisque la lune est ma source de lumière, j'ai ajusté chaque gradient en fonction de la provenance de la lumière. C'est un peu fastidieux, mais le résultat sera éloquent. L’application de chaque dégradé rend l’image beaucoup plus vive à la fin.

Ici vous pouvez voir les directions de tous les remplissages de dégradés que j'ai appliqués. Le grand cercle fait toujours référence au début du remplissage, dans ce cas la fin blanche du dégradé.


Étape 9

Copier (Ctrl + C) et Coller devant (Ctrl + F), appliquez un dégradé linéaire du jaune (R: 255, G: 251, B: 148) au violet (R: 95, G: 12, B: 204). et définissez le mode de fusion sur Lumière dure avec l'opacité définie sur 25%. La forme toujours sélectionnée ouvre le panneau Styles graphiques et ajoute l'aspect des formes en tant que nouveau style graphique..

Comme à l'étape précédente, j'ai répété cela pour chaque forme de ma toile. Pour certaines formes, comme la lune et le ciel, j'ai adopté un dégradé radial.

Voici un aperçu de la façon dont le dégradé de couleur a été appliqué à chaque forme..


Étape 10

L'étape suivante consistait à ajouter un dégradé de couleurs aux formes. Cette forme doit toujours avoir la même couleur de remplissage que la forme sur laquelle elle est activée, mais avec le mode de fusion défini sur Multiplier et l'opacité sur 50%.

J'ai utilisé le panneau Pathfinder pour créer les formes d'ombrage cel. Sélectionnez la forme à laquelle vous souhaitez appliquer l'ombrage cel. Vous devrez peut-être creuser dans le panneau Calques pour atteindre la forme de base qui présente le remplissage de couleur dont nous avons besoin. A l’aide de l’outil Crayon (N), dessinez une forme rugueuse et décalée à l’endroit où vous souhaitez que.


Étape 11

Dans les prochaines étapes, je vais ajouter quelques éléments plus atmosphériques au paysage. D'abord, quelques ajustements à la lune.

Je commence par dupliquer la forme de base pleine et pleine de ma lune et augmente proportionnellement sa taille. Ensuite, je modifierai le remplissage en un remplissage dégradé de la même couleur, mais en passant de 100% d'opacité au centre à 0% d'opacité sur les bords. Parce que je veux que cette lueur vienne plus directement de la lune, je vais faire glisser le curseur de dégradé avec l'opacité à 100% plus près du bord, jusqu'à ce que la lueur apparaisse plus forte au bord de la lune.


Étape 12

Je vais donner à la lune une structure simple en créant un ensemble de petits cercles de la même couleur que la forme de base. Ensuite, je vais réduire leur opacité à 20% et régler leur mode de fusion sur Multiplier..

Pour qu'ils restent à l'intérieur de la surface de la lune, je duplique la forme de base et la colle devant, puis je sélectionne cette forme et les petits cercles et crée un masque d'écrêtage; Allez à Objet> Masque d'écrêtage> Créer ou utiliser le raccourci clavier Commande + 7..


Étape 13

La prochaine étape consistera à ajouter des étoiles au ciel. Je commence par créer un pinceau à disperser qui sera utilisé pour créer des étoiles.

L'idée est d'avoir une forme circulaire comme base pour le pinceau à dispersion. Je pouvais dessiner un cercle avec l'outil Ellipse (L), mais j'ai opté pour une approche différente: un seul point.

Commencez par tracer une ligne n'importe où sur votre toile. Ouvrez le panneau Aligner et avec l'outil de sélection directe (A), je vais sélectionner chacun des deux points d'ancrage de la ligne et les aligner verticalement et horizontalement sur le canevas. Cela se traduira par une ligne qui est exactement 1pt long.

Dans le panneau Contour, je sélectionne un arrondi et une jonction arrondis pour la ligne. Cela créera un petit cercle ou point que vous ne pourrez voir que lorsque vous effectuerez un zoom avant..

Ce point sélectionné, je vais créer un nouveau pinceau à dispersion. Ouvrez le panneau de pinceaux et créez un nouveau pinceau; sélectionnez Brosse à dispersion.

Nous voulons que le pinceau soit aussi aléatoire que possible. Nous allons donc modifier l’espacement et le nuage de points à l'extrême et modifier très peu la taille. La rotation peut être négligée car elle ne sera de toute façon pas visible sur un point. Changez la méthode de colorisation en teintes pour que le pinceau puisse être coloré ultérieurement.

Dans l'exemple, j'ai affiché le pinceau avec une couleur violette et dans quatre poids de trait différents..

Pour créer les étoiles, tracez des lignes aléatoires à l’aide du pinceau (B) ou du crayon (N), puis modifiez la couleur de trait en blanc et le poids de trait à 5 pt. J'ai créé un deuxième groupe de lignes, avec un poids de trait de 10 pt.


Étape 14

Ensuite, nous allons éclairer les fenêtres de la maison de la sorcière. Tracez un cercle et remplissez-le avec un dégradé orange allant de 100% à 0% d'opacité. Copiez la forme devant chaque fenêtre.

La porte a des planches en lambeaux, de sorte que la lueur de là viendra dans les rayons, plutôt que des cercles. Dessinez des formes de type trapèze et utilisez le même dégradé radial que le remplissage. Au lieu de se trouver au centre de la forme, le centre de la pente devrait maintenant être celui où le faisceau commence entre les planches.


Étape 15

Maintenant, nous allons créer de la fumée sortant de la cheminée. J'ai dessiné deux formes blanches, l'une étant plus large et plus courbée, l'autre étant mince mais à l'intérieur de la plus grande forme. La grande forme aura 0% d'opacité.

Sélectionnez Objet> Mélange> Créer pour créer un mélange des deux formes. En fonction de vos paramètres par défaut, vous devrez peut-être ajuster le mélange. Par conséquent, avec l'option Mélange sélectionnée, double-cliquez sur l'outil Mélange dans le panneau Outils. J'ai modifié les paramètres à une distance spécifiée de 0,4 mm, la plus petite disponible.

Changez le mode de mélange du mélange en lumière douce pour donner à la fumée une apparence moins dure..


Étape 16

Ajoutez quelques rayons de lumière orange brillants dans la cheminée.


Étape 17

Pour ajouter une partie de la lumière sur les arbres environnants, nous allons appliquer un dégradé orange, similaire à celui qui ressort réellement des fenêtres et des portes, sur les cimes des arbres. Sélectionnez tous les sommets de l'arbre à l'aide de l'outil de sélection directe (A). Copiez toutes ces formes, collez-les devant et à l'aide du panneau Pathfinder, créez une grande forme en les combinant toutes..

Appliquez maintenant le dégradé radial en modifiant son rapport en une ellipse étirée et placez son centre à l'emplacement de la maison. Enfin, modifiez le mode de fusion sur Color Dodge et Opacity sur 40%. Vous pouvez enregistrer cela en tant que style graphique, car vous voudrez peut-être l'utiliser sur plusieurs éléments entourant la maison..


Étape 18

Comme dans l’étape précédente, nous allons ajouter un peu de lumière orange venant de la cabane sur la colline sur laquelle elle se tient. Copiez et collez devant une forme de colline et remplissez-la avec le dégradé orange, passez à un dégradé linéaire et réglez à nouveau le mode de fusion sur Color Dodge et Opacity sur 40% ou, si vous avez enregistré un style graphique à l'étape précédente, appliquez simplement celui-là à la forme de la colline.


Étape 19

Maintenant que la maison offre une autre source de lumière, nous devrons ajouter des ombres portées. Je vais ajouter quelques ombres projetées par la clôture devant la maison.

Sélectionnez les formes de clôture, dupliquez-les et retournez-les verticalement. Bien sûr, cela ne nous donne pas encore les formes nécessaires, nous devons donc nous ajuster. Regroupez les formes dupliquées et double-cliquez sur le groupe. Vous pouvez maintenant modifier les formes de ce groupe sans craindre de sélectionner accidentellement des formes que vous ne voulez pas.

Déplacez les formes singulières jusqu'à ce qu'elles soient dans des endroits appropriés.

Pour changer la direction de l'ombre en fonction de la source de lumière, l'outil Free Transform Tool (E) vous aide. Cliquez en dehors du groupe pour travailler sur toutes les formes à la fois. Sélectionnez l'outil de transformation libre (E) et cliquez sur l'un des coins du groupe. Maintenez le clic et appuyez sur Commande pour transformer le groupe. C'est un peu délicat, il est très important de cliquer d'abord, puis d'appuyer sur Commande. Vous pouvez également cliquer à nouveau dans le groupe et utiliser l'outil de transformation libre (E) sur des formes singulières..

Une fois que les formes ont l'air correctes, il est temps de les combiner. Ouvrez le panneau Pathfinder et unissez les formes. Remplissez-les avec le marron de la clôture et réglez leur mode de fusion sur Multiplier et 25% d'opacité..

Répétez cette opération pour la clôture de l'autre côté.


Étape 20

Nous allons maintenant ajouter un peu de brouillard sur les collines en arrière-plan. Tracez un cercle et remplissez-le avec un dégradé jaune-grisâtre allant de 100% d'opacité à 0%. Changer le mode de fusion en lumière douce.

Changez la forme en une ellipse, placez-la et redimensionnez-la à votre guise. Vous pouvez dupliquer cette forme aussi souvent que vous le souhaitez.

J'ai aussi ajouté un peu de brouillard derrière la petite colline que vous voyez dans les exemples..


Étape 21

C'est ce que nous avons jusqu'à présent! Si vous êtes heureux avec ça, génial! Mais je n'étais toujours pas complètement satisfait, surtout avec les couleurs. Lorsque vous commencez, vous ne savez parfois pas dans quelle direction vous allez aller. Heureusement, Illustrator facilite vraiment la correction des couleurs.


Étape 22

Sélectionnez toutes les formes sur votre toile et sélectionnez Edition> Modifier les couleurs> Recolorier l’illustration. Ce menu vous montrera toutes les couleurs des éléments que vous avez utilisés dans votre illustration et vous permettra de changer leurs valeurs. Cela se produit via un aperçu en direct, afin que vous puissiez voir l'effet immédiat de vos modifications.

Dans les exemples ci-dessous, j'ai changé la couleur de la lumière venant de l'intérieur de la maison et la couleur pourpre du dégradé de couleur expliqué aux étapes 5 et 9. Vous pouvez changer autant de couleurs que vous le souhaitez, jusqu'à ce que vous soyez satisfait du résultat..

Après les corrections, l’ensemble de l’image a un toucher plus chaud. C’est aussi une raison pour laquelle j’applique le dégradé jaune-violet à chaque forme: si je veux le corriger plus tard, il suffit de passer à Recolor Artwork pour ajouter une sensation différente à l’illustration. Je n'ai pas à corriger toutes les couleurs que j'ai utilisées, je n'ai qu'à en corriger deux et voir les résultats immédiats.


Étape 23

Enfin, j’aime rapprocher les couleurs de toute l’illustration. Le dégradé jaune-violet aide déjà à donner un aspect global au travail, mais j'aime essayer différentes ambiances de couleurs avant de penser que j'ai terminé..

Comme Illustrator ne dispose pas des calques de réglage, contrairement à Photoshop, je dois contourner ce problème. Surtout parce que je ne veux pas ouvrir le fichier dans Photoshop pour effectuer mes dernières modifications. J'aime tout garder dans Illustrator.

Je crée des carrés pleins de couleurs qui couvrent toute la toile. Dans ce cas, je suis allé pour jaune, violet et rouge. Vous pourriez probablement opter pour le jaune, le cyan et le magenta ou le rouge, le vert et le bleu également; les couleurs que vous choisissez sont à vous. Je change le mode de fusion de chaque forme en superposition et je joue avec l'opacité de chaque forme pour créer le type de sentiment souhaité par les couleurs de mon illustration..


Conclusion

Et c'est le résultat! Vous pouvez toujours ajouter d'autres éléments plus tard, peut-être des chaudrons ou un chat? Des yeux dans la grotte? Toiles d'araignées entre les arbres? Il n'y a pas de limite à votre imagination!