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.

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

Pour ce faire, nous devons répondre à quelques questions tout en réalisant quelques croquis (de simples miniatures) qui nous guideront vers un meilleur processus et, par conséquent, de meilleurs résultats.

Je vais vous expliquer ma démarche pour réaliser cette illustration et les questions auxquelles vous devriez 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 aux choses liées à l'hiver.

Pour moi, ce qui me vient à l'esprit, c'est : des jours courts, un coucher de soleil précoce, des couleurs sombres et sourdes et des scènes douillettes avec une lumière vibrante pour contraster l'atmosphère sombre.

Où se déroule la scène ?

La scène se déroule-t-elle dans une zone rurale ? à 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 aux éléments qui composent un paysage).

Attendez, vous n'êtes pas fan de dessin de la nature ?

Alors : Cela se passe-t-il dans une ville ? 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 aux éléments qui composent un paysage urbain).

Pour cette illustration de 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'une perspective élevée, donc peut-être une pièce au 14e étage (vue de face).

Je ne veux aucun meuble visible. En fait, je veux juste la vue sur la ville. Alors peut-être depuis un balcon ?

Mais je veux que cela paraisse plus douillet ou peut-être émotionnel.

Alors peut-être une fenêtre (de cette façon, les gouttes de pluie qui tombent peuvent être interprétées de différentes manières : émotionnelles, belles, douillettes, nostalgiques, etc., ajoutant une belle touche à la scène).

Quel temps fait-il ?

Nous savons que l'hiver s'accompagne de plusieurs changements météorologiques, allant de la pluie à la neige, en passant par les blizzards ou même les 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ù rester simple.

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

une astuce supplémentaire pour choisir les couleurs :

Si vous n'êtes pas familier avec les couleurs et les palettes de couleurs, vous pouvez importer votre image de référence (une que vous possédez ou une image gratuite sur Internet) dans Csp, aller dans le menu Fichier, choisir « effet » et sélectionner « mosaïque ».

Augmentez l'effet de mosaïque jusqu'à ce qu'il montre de grands carrés de couleurs et vous pouvez ajuster (ajouter ou retirer) certaines couleurs pour créer une palette de couleurs.

Miniature finale

Il pourrait y avoir d'autres éléments à considérer avant ce point, mais cela dépend de ce à quoi vos réponses précédentes vous ont mené.

Pour cette illustration de tutoriel, ces questions ont été suffisantes pour me permettre de visualiser mon illustration.

À ce stade, rassemblez toutes les informations des réponses précédentes, apportez quelques ajustements ici et là, réalisez 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

Premières choses à faire :

Ouvrez Clip Studio Paint ➪ sélectionnez « Fichier » ➪ cliquez sur « Nouveau » ➪ un onglet apparaîtra ➪ choisissez « Illustration » ➪ puis ajustez le nom du canevas, la largeur, la longueur et la résolution…

Une fois que vous avez terminé, cliquez sur « ok ».

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

Arrière-plan du 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 variées et de les placer sur le canevas dans une transition harmonieuse, créant ainsi un dégradé de couleurs.

Vous pouvez trouver l'outil Dégradé dans la barre d'outils, ainsi que 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é.

puis vous allez sur le canevas et faites glisser la ligne de dégradé verticalement sur le canevas.

J'ai choisi des couleurs appropriées pour un ciel peu après le coucher du soleil rempli de nuages, essentiellement un cadre pluvieux un peu sombre.

et voici mon arrière-plan de ciel

Pour l'étape suivante :

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

Allez dans la barre d'outils → recherchez la sélection de pinceaux épais → 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 le laisser par défaut.

Simultanément, j'ai également utilisé l'outil pipette pour choisir les couleurs déjà présentes sur mon canevas.

Allez dans la barre d'outils → recherchez l'outil pipette → sélectionnez « prélever la couleur affichée ».

Ou dans la plupart des cas, vous pouvez faire un clic droit avec la souris pour prélever une couleur.

Avec la pipette, j'ai sélectionné les couleurs présentes sur le canevas et j'ai légèrement effectué quelques 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.

Ensuite, j'ai utilisé l'outil de fusion (de préférence un texturé) pour estomper mes coups de pinceau, créant ainsi un peu de texture pour le ciel (les nuages).

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

et avec cela, j'ai terminé mon ciel/arrière-plan

Bâtiments

Créez d'abord un nouveau calque :

allez à l'onglet calques → appuyez sur la petite icône qui représente un signe « plus » → et vous avez un nouveau calque.

Je savais déjà, d'après le croquis, où je voulais placer mes bâtiments, j'ai donc divisé cette étape en 8 lignes de bâtiments distinctes allant du premier plan à l'arrière-plan (le premier plan étant la couleur la plus foncée, puis elle s'éclaircit progressivement vers l'arrière-plan).

 

 

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

Allez dans la barre d'outils → recherchez l'outil « zone de sélection » → sélectionnez « rectangle » (parce que je dessine des bâtiments, mais il y a d'autres formes selon vos préférences) → assurez-vous que le mode de sélection 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 pot de peinture (Remplir).

Il suffit de cliquer sur le pot en haut et il remplira automatiquement vos formes sélectionnées avec la couleur choisie.

Ensuite, j'ai créé un nouveau calque et l'ai glissé sous ce premier calque de lignes de bâtiments.

(Ps : pour faire glisser un calque, cliquez dessus et maintenez la pression tout en le déplaçant sous ou au-dessus d'un autre calque, puis relâchez).

Gardez à l'esprit que j'ai commencé par le premier plan, donc la ligne de bâtiments suivante est censée être derrière cette première ligne de bâtiments et, par conséquent, le nouveau calque doit être placé en dessous.

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

Pour nommer vos calques comme vous le souhaitez, double-cliquez sur le titre du calque et vous pourrez le modifier.

Puis j'ai de nouveau créé ma deuxième ligne avec l'outil de sélection et rempli la couleur avec le pot de peinture.

La couleur doit être un peu plus claire (ou toute autre couleur que vous souhaitez) pour être distinguée et donner une sensation 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 séparés :

1-Créez un nouveau calque

2-Faites-le glisser sous tous les calques de bâtiments précédents

3-Faites la sélection

4-Remplissez

Ps : Vous êtes libre de disposer les bâtiments comme vous le souhaitez, mais pour cette scène, je suggérerais de créer différentes hauteurs/largeurs et de maintenir une distance entre les bâtiments de la même ligne, en gardant à l'esprit que (bien que non visibles dans cette scène) il y a des rues et de telles zones entre les bâtiments.

La raison pour laquelle ils semblent un peu condensés ici est que nous les voyons de loin (d'un bâtiment différent) donc ils se chevauchent.

Pièces (Lumières)

Ensuite, j'ai ajouté des carrés de lumière, chaque petit carré représentant une pièce dans le bâtiment, donc certains seront allumés et d'autres éteints, mais comme les jours d'hiver sont courts 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 pot de peinture (Remplir).

Ensuite, j'ai fait un clic droit sur ce calque, sélectionné « Dupliquer le calque » et 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 j'aie rempli tout le bâtiment.

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

Masquer un calque sur le 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.

 

 

J'ai ensuite 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-coller ».

Cela créera un nouveau calque avec cette sélection.

1-Sur ce même (nouveau) calque, j'ai sélectionné le mode de 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, j'ai procédé à l'ajout de plus de lumières pour rendre la ville plus vivante.

Cette fois, je ne les ai pas faites carrées mais rondes.

J'ai utilisé le stylo par défaut « remplir » ou « G réel » de Csp.

Si vous appuyez directement à 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 avec les lumières des pièces, j'ai dupliqué le calque et sélectionné le mode de calque « Ajouter (éclat) ».

et avec cela, 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'entre eux et sélectionnez « Fusionner tous les calques ».

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

Pour ce faire : sélectionnez le calque, faites un clic droit, sélectionnez « Dupliquer le calque ».

J'ai ensuite sélectionné le calque supérieur et 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, rendant la scène un peu floue.

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

Fenêtre

Passons maintenant à la fenêtre.

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

Ensuite, pour créer une scène où une partie de l'humidité/du brouillard de la fenêtre est éliminée (comme si quelqu'un avait passé sa main sur la vitre pour l'essuyer) afin de voir la scène extérieure.

J'ai utilisé la gomme par défaut de CSP « snap eraser » et effacé un peu de peinture d'un mouvement de balayage manuel.

Maintenant, vous vous souvenez que je vous avais dit que nous aurions besoin de ce calque dupliqué ? Le voici.

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ù la vitre est essuyée, et ainsi, le calque en dessous (le clair) apparaîtra dans ces parties.

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

Pour télécharger des actifs et des matériaux de 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 or 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'ouvrira et commencera le téléchargement.

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

Une fois le téléchargement terminé, ouvrez Clip Studio PAINT, et allez dans les matériaux.

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

Ensuite, saisissez-le et déposez-le sur le canevas.

 

 

puis j'ai créé un nouveau calque au-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 tombante :

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

Et je vise un peu de vent, donc ma pluie tombera selon un angle incliné.

Pour la dessiner :

Faites de petites lignes en utilisant l'outil « figure » dans Csp.

 

 

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

et voilà la pluie :

La deuxième méthode est : utiliser les pinceaux « pluie » de la bibliothèque Cs.

Pour utiliser le pinceau :

(après l'avoir téléchargé comme je vous l'ai montré précédemment) Trouvez le pinceau dans les Téléchargements, cliquez sur le pinceau, maintenez-le, faites-le glisser sur la barre d'outils et déposez-le.

Et vous pouvez l'utiliser librement.

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

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

J'ai utilisé le pinceau doux et j'ai légèrement brossé la pluie qui est censée être obscurcie par la vitre embuée (je ne l'ai pas complètement effacée mais plutôt rendue moins claire, alors tapotez doucement).

2- gouttelettes d'eau sur une surface

Il serait préférable d'utiliser une référence réelle pour cela :

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

-Estompez avec l'outil de fusion doux par défaut de Csp

-Ajoutez des ombres et estompez

-Ajoutez des reflets et estompez

 

 

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 dessinez manuellement ou utilisez 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 la face extérieure du verre, comme la majeure partie 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é du brouillard/humidité sur les côtés de la fenêtre.

Parce que cette scène est vue d'un côté de la fenêtre, je n'ai ajouté l'humidité que d'un côté.

pour cette étape, il serait préférable d'utiliser un pinceau aérographe doux (comme le pinceau doux par défaut de Csp) et d'augmenter la taille pour qu'il soit assez grand 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 c'est tout.

J'espère que vous avez appris quelque chose de nouveau.

Mon Instagram :