Lignes directrices pour toute illustration hivernale

Aujourd'hui, je vais vous montrer comment planifier n'importe quelle illustration hivernale et comment dessiner ce paysage urbain pluvieux étape par étape.

Avant de commencer à dessiner cette illustration hivernale, nous avons besoin de quelques conseils pour savoir exactement comment planifier et dessiner n'importe quel paysage urbain ou paysage hivernal.

Pour ce faire, nous devons répondre à quelques questions tout en dessinant des croquis (juste de petites vignettes) qui nous guideront dans un meilleur processus et donc, de meilleurs résultats.

Je vais vous expliquer mon processus de réflexion pour réaliser cette illustration et les questions auxquelles vous devez répondre pour planifier la vôtre.

Première question :

 

 

Quelle est l'idée de l'illustration ?

Cette question pourrait avoir de nombreuses réponses, mais pour le thème de ce tutoriel, la réponse est « une illustration hivernale ».

Pensez à des choses liées à l’hiver.

Pour moi, ce qui me vient à l’esprit, c’est : des journées courtes, un coucher de soleil précoce, des couleurs sombres et des scènes chaleureuses avec une lumière vive pour contraster l’atmosphère sombre.

Où se déroule la scène ?

La scène se déroule-t-elle dans un paysage rural ? à la campagne ? en montagne ? dans la forêt ?

Si oui :

Y a-t-il beaucoup d’arbres ? Y a-t-il des bâtiments ? …. et ainsi de suite (pensez à des éléments qui composent un paysage).

Attendez, vous n’êtes pas fan de dessiner la nature ?

Alors : Est-ce que cela se passe dans une ville ? dans une ville animée ? À l’intérieur ?

Si oui :

Y a-t-il des sources de lumière artificielle ? Y a-t-il des véhicules visibles ? …. et ainsi de suite (pensez à des éléments qui composent un paysage urbain).

Pour cette illustration du tutoriel, la réponse est :

La scène se déroule dans une ville avec de nombreux bâtiments de différentes hauteurs.

Je veux voir la ville d’un point de vue élevé, donc peut-être une pièce au 14e étage (face à l’avant).

Je ne veux pas de meubles visibles. En fait, je n’ai qu’une vue sur la ville. Alors peut-être depuis un balcon ?

Mais c’est l’hiver et il fait froid.

Alors peut-être une fenêtre…

Quel temps fait-il ?

Nous savons donc que l'hiver s'accompagne de plusieurs changements de temps, allant de la pluie à la neige, en passant par des blizzards ou même des tempêtes. Vous devez donc savoir ce que vous voulez dans votre scène avant de commencer à dessiner, car cela vous aidera à décider où dessiner les détails et où garder les choses simples.

Pour cette illustration de tutoriel, il pleuvra beaucoup et j'avais précédemment décidé que la scène était vue à travers une fenêtre, donc maintenant je sais que je ne placerai pas trop de détails en arrière-plan car la pluie et le brouillard sur la fenêtre en obscurciront une grande partie.

Vignette finale

Il y a peut-être d'autres choses à prendre en compte avant ce point, mais cela dépend de ce à quoi vos réponses précédentes vous conduisent.

Pour cette illustration de tutoriel, ces questions ont été suffisantes pour m'amener à visualiser mon illustration.

Alors à ce stade, rassemblez toutes les informations des réponses précédentes, faites quelques ajustements ici et là et faites un petit croquis de votre illustration comme référence, et choisissez votre palette de couleurs en fonction de vos réponses précédentes.

Paysage urbain pluvieux

Ouvrir CSP

Tout d’abord, ouvrez Clip Studio Paint ➪ sélectionnez « fichier » ➪ cliquez sur « Nouveau » ➪ un onglet s’affiche ➪ choisissez « illustration » ➪ puis ajustez le nom du canevas, la largeur, la longueur et la résolution…

Une fois terminé, cliquez sur « ok ».

Alors maintenant que la partie « planification » est terminée, laissez-moi vous montrer comment dessiner ce « Paysage urbain pluvieux » :

Fond de ciel

J'ai dessiné le ciel (arrière-plan) en utilisant l'outil Dégradé :

Cet outil vous permet de sélectionner un certain nombre de couleurs variantes et de les placer sur la toile dans une transition harmonieuse, créant ainsi essentiellement un dégradé de couleurs.

Vous pouvez trouver l'outil Dégradé dans la barre d'outils, avec la roue chromatique (à partir de laquelle vous choisirez vos couleurs).

Comment ça marche :

Allez dans la barre d’outils → sélectionnez l’outil Dégradé → Mode « premier plan vers transparent » → Choisissez votre couleur primaire dans la roue chromatique (elle sera automatiquement sélectionnée comme couleur de premier plan).

Sélectionnez ensuite la couleur secondaire et placez-la manuellement dans la barre de dégradé.

Vous pouvez ajouter autant de couleurs secondaires que vous le souhaitez, créant ainsi un dégradé.

Ensuite, vous accédez à la toile et faites glisser la ligne de dégradé verticalement sur la toile.

et voici mon fond d'écran Sky

Pour cette étape suivante :

Vous pouvez continuer avec le pinceau gouache par défaut de Csp (ou utiliser tout autre pinceau avec une texture similaire) :

Allez dans la barre d'outils Outil → recherchez la sélection de pinceau de peinture épaisse → sélectionnez le pinceau gouache.

Vous pouvez ajuster la taille, l'opacité et la densité de la peinture dans la barre de propriétés de l'outil, mais je vous conseille de laisser la valeur par défaut.

Simultanément, j'ai également utilisé l'outil Pipette pour choisir les couleurs qui sont déjà sur ma toile.

Allez dans la barre d'outils Outil → recherchez l'outil Pipette → sélectionnez « choisir la couleur affichée ».

ou dans la plupart des cas, vous pouvez cliquer avec le bouton droit de la souris pour choisir une couleur.

Avec la pipette, j'ai sélectionné les couleurs qui sont sur la toile et j'ai fait quelques légers coups de pinceau (sur le même calque que le dégradé).

Le ciel sera sombre donc je n'ai pas dessiné de nuages "clairs" mais je voulais quand même que l'illustration donne l'impression que le ciel est rempli de nuages, c'est pourquoi j'utilise des coups de pinceau au lieu de laisser le dégradé lisse.

J'ai ensuite utilisé l'outil de fusion (de préférence un outil de texture) pour mélanger mes coups de pinceau, créant ainsi un peu de texture pour le ciel (nuages).

Sur Csp : Allez dans la barre d’outils Outil → recherchez l’outil de fusion → sélectionnez « mélangeur texturé » → Augmentez la taille pour qu’elle soit grande → revenez au canevas et fusionnez.

et avec ça, j'ai fini mon ciel/arrière-plan

Bâtiments

Créez d’abord un nouveau calque :

allez dans l’onglet calques → appuyez sur la petite icône qui montre un signe « plus » → et voilà, vous avez un nouveau calque.

Je savais déjà grâce au croquis où je voulais placer mes bâtiments, j'ai donc conçu cette étape en 8 lignes distinctes de bâtiments allant du premier plan à l'arrière-plan (le premier plan étant la couleur la plus sombre puis elle devient progressivement plus claire vers l'arrière-plan).

 

 

Pour cette étape, j’ai utilisé l’outil « sélection » pour créer mes bâtiments, car il est rapide et a des bords nets.

Allez dans la barre d’outils Outil → recherchez l’outil « zone de sélection » → sélectionnez « rectangle » (car je dessine un bâtiment, mais il existe d’autres formes selon vos préférences) → assurez-vous que le mode de section est un « signe plus » afin de pouvoir ajouter plusieurs sélections comme je l’ai fait.

Ensuite, j'ai rempli les formes avec l'outil Seau (Remplissage).

Cliquez simplement sur le seau en haut et vos formes sélectionnées seront automatiquement remplies avec la couleur choisie.

Ensuite, j'ai créé un nouveau calque et je l'ai fait glisser sous cette première ligne de bâtiments.

(Ps : pour faire glisser un calque, cliquez dessus et maintenez la pression pendant que vous le déplacez sous ou au-dessus d'un autre calque, puis déposez-le).

Gardez à l'esprit que j'ai commencé au premier plan, donc la prochaine ligne de bâtiments est censée se trouver derrière cette première ligne de bâtiments et donc, le nouveau calque doit passer en dessous.

Ps : vous pouvez voir que mes calques sont titrés.

Pour nommer vos calques comme vous le souhaitez, appuyez deux fois sur le titre du calque et vous pourrez le modifier.

Et puis j'ai refait ma deuxième ligne avec l'outil de sélection et j'ai rempli la couleur avec le seau.

La couleur doit être un peu plus claire (ou toute autre couleur que vous souhaitez) pour être distinguée et donner une impression de perspective atmosphérique : c'est-à-dire que plus le bâtiment est éloigné, plus la couleur est claire.

J'ai ensuite répété le même processus avec le reste des bâtiments en créant 8 calques distincts :

1-Créer un nouveau calque

2-Le faire glisser sous tous les calques précédents de bâtiments

3-Faire la sélection

4-Remplir

Chambres (Lumières)

J'ai ensuite ajouté des carrés de lumière, chaque petit carré représentant une pièce du bâtiment, donc certains seront allumés et d'autres éteints, mais comme la journée en hiver est courte et que la plupart des gens seraient encore debout au coucher du soleil, la plupart des pièces seraient éclairées.

 

 

J'ai dessiné les pièces avec l'outil de sélection sur un nouveau calque.

J'ai fait une ligne (un étage) de pièces et je l'ai remplie avec l'outil Seau (Remplissage).

Ensuite, j'ai fait un clic droit de ma souris sur ce calque, j'ai sélectionné le calque en double et j'ai déplacé ce nouveau calque vers le bas, créant ainsi un nouvel étage, puis j'ai répété le même processus jusqu'à ce que je remplisse tout le bâtiment.

après cela, j'ai créé un nouveau calque et je l'ai attaché à ce calque « lumières/pièces ».

L'attachement d'un calque au calque situé en dessous signifie que le dessin sur ce premier calque sera limité à ce qui est dessiné sur le calque situé en dessous.

Pour utiliser le masque d'écrêtage, cliquez sur la petite icône dans la barre des calques.

 

 

Ensuite, j'ai sélectionné le calque « pièces/lumières », j'ai fait une sélection de quelques pièces éclairées avec l'outil de sélection et j'ai appuyé sur « copier et coller ».

Cela créera un nouveau calque avec cette sélection à l'intérieur.

1-Sur ce même (nouveau) calque, j'ai sélectionné le mode calque « ajouter (éclat) »

2-J'ai choisi le filtre : Flou : Flou gaussien

De cette façon, les lumières ressortiront davantage et ajouteront plus de sensation à la scène.

 

 

J'ai répété exactement le même processus avec tous les autres bâtiments.

Lumières de la ville

Après cela, je procède à l’ajout de lumières pour rendre la ville plus vivante.

Cette fois, je ne les ai pas faites en carrés mais en cercles.

J’ai utilisé le stylo par défaut « fill in » ou « real G » de Csp.

Si vous appuyez directement dessus en un point, cela créera un cercle (grand ou petit selon la taille du pinceau et la pression appliquée).

J'ai cliqué sur « filtre », choisi « flou » et sélectionné « flou gaussien », rendant ces cercles flous au point de disparaître.

ensuite, tout comme pour les lumières des pièces, j'ai dupliqué le calque et sélectionné le mode de calque « ajouter (lueur) ».

et avec ça, l'arrière-plan est terminé. J'ai donc fusionné tous les calques en un seul.

Pour ce faire, sélectionnez tous les calques, puis faites un clic droit sur l'un d'eux et sélectionnez « fusionner tous les calques ».

puis j'ai dupliqué ce même calque car j'en aurai besoin plus tard.

Pour cela : sélectionnez le calque, faites un clic droit, sélectionnez « dupliquer le calque ».

Ensuite, j'ai sélectionné le calque supérieur et j'ai choisi le filtre « Flou gaussien ».

La raison pour laquelle je l'ai flouté est qu'il y aura du brouillard sur la fenêtre d'où nous regardons, ce qui rendra la scène un peu floue.

J'ai également conservé le calque en dessous car j'en aurai besoin plus tard.

Fenêtre

Passons maintenant à la fenêtre.

Pour dessiner la vitre et le brouillard dessus, j’ai créé un nouveau calque, je l’ai rempli d’une couleur gris-bleu et j’ai ajusté l’opacité à 39.

Ensuite, pour créer une scène où une partie de l'humidité/buée de la fenêtre est éliminée (comme si quelqu'un passait sa main sur la vitre pour l'essuyer) pour voir la scène à l'extérieur.

J'ai utilisé la gomme par défaut de csp "snap eraser" et j'ai supprimé un peu de peinture dans un mouvement de balayage de la main.

Maintenant, vous vous souvenez que je vous ai dit que nous aurions besoin de ce calque dupliqué ? C'est ça.

Je suis retourné au calque d'arrière-plan, j'ai sélectionné celui du dessus (le flou), j'ai pris la « gomme douce » par défaut et j'ai effacé certaines parties de celui-ci dans la zone où le verre est essuyé, et ainsi, le calque en dessous (le clair) apparaîtra dans ces parties.

Ensuite, pour ajouter un peu de texture à la vitre, j'ai téléchargé cet élément depuis la bibliothèque Cs :

Pour télécharger des ressources et des matériaux depuis la bibliothèque Clip Studio :

Entrez le nom du matériau dans la barre de recherche (il peut être filtré par ordre de popularité ancien/nouveau et d'autres types de filtres comme 3D, matériau doré et clippy). Cliquez dessus et cela vous mènera à la page de téléchargement.

Cliquez sur les liens que j'ai fournis pour ce matériau de texture.

Cliquez sur télécharger.

Ensuite, Clip Studio s'ouvre et commence le téléchargement.

Ps : cette fenêtre CS peut apparaître différemment selon la version que vous possédez, mais les mots-clés sont essentiellement les mêmes).

Une fois le téléchargement terminé, ouvrez Clip studio PAINT et accédez à Matériaux.

Vous pouvez trouver le dernier élément que vous avez téléchargé tout en haut ou vous pouvez le rechercher en tapant son nom dans la barre de recherche.

Ensuite, récupérez-le et déposez-le sur la toile.

 

 

puis j'ai créé un nouveau calque par dessus et je l'ai fusionné avec le calque de texture pour en faire un calque normal (cela me permettra d'effacer certaines parties du calque de texture)

Pluie

Je vais vous montrer comment dessiner deux types de pluie :

1-Pluie qui tombe :

Comme il pleut beaucoup dans cette scène, nous ne verrons pas clairement la pluie en tant que telle, mais plutôt une sorte de lignes.

Et je vais chercher un peu de vent, donc ma pluie tombera dans un angle incliné.

Pour la dessiner :

Créez de petites lignes à l'aide de l'outil « figure » dans csp.

 

 

Ensuite, allez dans le filtre, sélectionnez « mélange » : « flou de mouvement » et ajustez-le en fonction de l’angle que vous recherchez.

et là tu as de la pluie :

Ou vous pouvez utiliser les pinceaux « pluie » de la bibliothèque Cs.

Pour dessiner la pluie dans mon illustration, j'ai créé un nouveau calque et je l'ai placé sous le calque de la fenêtre (verre + texture) car la pluie est censée être à l'extérieur, alors gardez cela à l'esprit.

Et j'ai dessiné ma pluie en utilisant le pinceau de pluie.

J'ai utilisé la brosse douce et j'ai légèrement brossé la pluie qui est censée être masquée par la vitre embuée (je n'ai pas complètement effacé mais plutôt rendu la pluie moins claire, alors tapotez doucement)

2- des gouttes d'eau sur une surface

Il serait préférable d'utiliser une référence réelle pour celle-ci :

-Dessinez d'abord la silhouette de la goutte ou de la goutte qui tombe dans une couleur claire

-Fusionnez avec le mélangeur doux par défaut de Csp

-Ajoutez des ombres et mélangez

-Ajoutez des reflets et mélangez

 

 

Le moyen le plus simple de dessiner des gouttes et des gouttelettes est d’utiliser un matériau de pinceau « gouttelette » de la bibliothèque Cs.

que vous le dessiniez manuellement ou que vous utilisiez un pinceau, il est important d'avoir différentes formes et tailles pour donner un aspect plus réaliste.

une autre chose à garder à l'esprit ici est que ces gouttelettes sont sur le côté extérieur du verre comme la plupart du brouillard/de l'humidité, j'ai donc sélectionné mon calque de texture + le calque de brouillard et effacé les parties où il y a des gouttelettes (puisqu'elles effacent le brouillard en glissant).

Enfin, j'ai ajouté un peu de brouillard/humidité sur les côtés de la fenêtre.

Comme cette scène se déroule d'un côté de la fenêtre, j'ai seulement ajouté l'humidité d'un côté.

pour cette étape, il serait préférable d'utiliser un pinceau à air doux (comme le pinceau doux par défaut de Csp) et d'augmenter la taille pour qu'elle soit suffisamment grande pour couvrir le côté en un seul coup, de garder la taille grande et de réduire l'opacité de ce calque à environ 20 %

Et voilà.

J'espère que tu as gagné quelque chose de nouveau.

Mon Instagram :