Accrocheur et coloré : Un guide d'illustration d'eau.

5 818

Yoru1984

Yoru1984

Voici quelques "astuces pour l'eau"

Illustrations d'eau !

J'ai un ami débutant qui teste si cette méthode pourrait être utile, donc je suis un peu nerveux, j'aimerais avoir des retours à ce sujet.

Le tutoriel est long mais il est principalement composé d'images car il est très visuel, j'espère que vous vous amuserez autant que moi à essayer de créer de l'art aquatique coloré.

 

-


Gouttelettes et bulles

Commençons par les gouttelettes et les bulles. Il y a une nette différence entre les deux : les gouttelettes sont souvent vues à la surface de l'eau, tandis que les bulles sont de minuscules poches d'air qui se trouvent sous l'eau.

 

Les gouttelettes se connecteront souvent les unes aux autres par un fin filet d'eau, tandis que les bulles ne le feront pas. Voici comment nous pouvons les créer : commençons par esquisser des cercles comme ceci :

Maintenant, en utilisant l'outil Lasso, ou simplement en les traçant, nous pouvons remplir nos formes :

Maintenant, nous choisissons une teinte plus foncée pour les ombres.

Remarquez comment sur les gouttelettes, les formes seront brisées et aléatoires.

Tandis que dans les bulles, elles seront complètement rondes :

Maintenant, nous ajoutons de simples reflets blancs, en nous assurant de contourner les gouttelettes afin qu'elles ressortent sur des arrière-plans plus sombres :


Éclaboussures et impact

Lorsque nous éclaboussons de l'eau, la jetons, la frappons, elle prend des formes amusantes comme celles-ci. En revanche, lorsque nous plongeons ou jetons un objet dans l'eau, l'impact crée plusieurs bulles d'air flottant vers la surface. Voici comment créer cet effet :

 

Tout d'abord, esquissez-le ! Utilisez beaucoup de cercles :

L'utilisation de l'outil Lasso est cent fois plus facile pour réaliser ces formes difficiles, je vous recommande donc vivement de l'essayer !

Outil Lasso > Remplissage Lasso :

Outil Lasso pour les bulles :

À l'aide de l'outil Lasso, nous créons des ombres et de la lumière pour l'éclaboussure.

Et des ombres pour les bulles :

Et maintenant, terminez avec des reflets, n'ayez pas peur d'éclabousser beaucoup de gouttelettes blanches autour des gouttes.

Et créez beaucoup de petites bulles flottantes sous l'eau :


Tourbillons/ondulations

Également appelées ondulations d'eau, c'est la forme arrondie que la surface de l'eau prend lorsqu'elle est touchée par QUELQUE CHOSE.

Vous pourriez dessiner un cadre bleu uni et y mettre un tourbillon, et cela ressemblerait toujours à de l'eau.

 

Alors, allons-y, première étape : dessinez beaucoup de cercles :

Maintenant, nous rompons les cercles et les peignons, en verrouillant le calque et en choisissant des tons de teinte très similaires (couleurs analogues) :

Ajoutez cette forme au-dessus pour la lumière :

Ajoutez quelques détails supplémentaires et voilà !

Vous pouvez également utiliser cette méthode pour dessiner de grands soupirs d'eau clairs, si vous n'aimez pas vraiment utiliser la méthode des caustiques d'eau, et si vous avez des difficultés à dessiner cela, vous pouvez également utiliser cet actif que j'ai trouvé, spécialement conçu pour dessiner des ondulations d'eau :


Vagues

Quand l'eau est agitée et qu'il y a une tempête, elle se comporte souvent comme ça. Ce n'est pas une grosse vague de 3,5 mètres de haut, mais commencer par des vagues simples et plus petites est la meilleure approche.

 

Nous commençons par dessiner des lignes connectées en forme de nid d'abeille de cellules hexagonales comme ceci :

Maintenant, nous connectons les lignes en les rendant épaisses et pointues aux endroits où elles se rejoignent :

Dupliquons le calque et faisons-en une ombre en le colorant dans une teinte plus foncée et en réduisant l'opacité ou en le définissant comme un calque de multiplication :

Maintenant, nous utilisons l'outil Lasso pour créer ces formes plus claires à l'intérieur :

Et terminez en ajoutant quelques éclaboussures blanches et des lignes ondulées !


Eau calme...

C'est de loin le plus courant et le plus simple : une surface d'eau calme avec des motifs caustiques : des motifs lumineux ondulés, en forme de cordes, causés par la lumière qui se courbe et se reflète sur l'eau en mouvement.

 

On les appelle aussi lignes de réflexion spéculaire (pour des termes plus techniques/artistiques)

Mais dans le dessin/l'animation stylisée, on les appelle souvent simplement "lignes de surface de l'eau" ou "reflets ondulants".

 

Commençons par dessiner des cercles et des lignes connectées tout autour :

 

 

Maintenant, nous épaississons considérablement la zone de connexion et effaçons quelques bulles à l'intérieur de cette zone :

Dupliquez-le et faites-en une ombre, tout comme les vagues ci-dessus :

Maintenant, nous saupoudrons quelques gouttelettes d'eau au-dessus, et voilà :

Pour créer la deuxième image, nous utilisons une fonction de CSP appelée "transformation libre" en copiant le produit final et en le courbant pour créer une illusion de perspective :


Voici quelques idées de comment et vous pouvez l'utiliser dans une illustration réelle :

Reflets et transparence de l'eau

Reflets

Otto est mon personnage original, elle part à la plage aujourd'hui et se regarde dans le miroir pour voir si sa tenue est mignonne, mais quelque chose ne va pas, pouvez-vous trouver ce que c'est ?

Les reflets sont souvent créés en retournant l'image et en se déclarant satisfait : mais attention, si le dos du personnage est tourné vers vous, cela signifie que le reflet sera l'avant du personnage et vice-versa.

 

C'est exactement la même chose pour les reflets dans l'eau, mais ici nous avons quelques étapes supplémentaires pour le rendre intéressant. Prenez cette image que j'ai faite d'Otto dans l'eau, c'est un peu terne, n'est-ce pas ?

Ajoutons des reflets et des lumières réfléchies sur elle, les zones du corps qui sont près de l'eau sont souvent affectées par les reflets caustiques et finissent par briller comme ceci :

 

On appelle cela les lumières de contour (rim-lights) :

Maintenant, ajoutons une légère ombre du corps d'Otto sous elle, en dessinant ces formes brisées rappelant des jambes :

Et avec votre aérographe, effacez doucement en dessous pour le rendre encore plus doux ; si vous trouvez que c'est encore trop sombre, réduisez l'opacité :

Maintenant, ajoutons notre reflet original ; dans certains cas, vous pouvez simplement le retourner comme ceci :

Mais comme nous faisons face à un angle d'en haut, les choses deviennent un peu plus compliquées :

Dans le premier point de vue, c'est en fait un cas où vous pouvez simplement retourner votre personnage et vous obtiendrez un reflet parfait.

 

Mais dans le deuxième point de vue, même si vous regardez le personnage d'en haut, le miroir (ou la surface de l'eau) reflétera en fait l'objet comme si vous le regardiez d'en dessous, et le reflet se comportera en fait plus comme ceci :

Il existe également une hiérarchie d'objets dans les reflets de l'eau qui fonctionne comme suit : S'il y a un grand objet sous votre objet principal (dans ce cas, une bouée sous les bras de la fille), le reflet en dessous montrera d'abord la bouée, cachant souvent les objets au-dessus :

 

Et sous l'eau, les reflets apparaissent également sur le plafond d'eau, mais plus déformés et moins visibles :

Alors maintenant, dessinons notre nouveau reflet et plaçons-le sous votre personnage :


À l'aide d'une gomme aérographe ou d'une gomme à bruit, nous effaçons les zones autour des Reflets et près de la source lumineuse, en réduisant également un peu l'opacité de l'image :

Maintenant, nous ajoutons un effet de flou de mouvement, car il sera principalement en mouvement avec celui de l'eau :

Et pour finir, nous ajoutons un effet ondulatoire appelé effet "ondulation", qui rendra notre reflet tremblant comme il le ferait dans la vie réelle :

Maintenant, ajoutez vos reflets et c'est fait !

C'est bien mieux que la première version !

Cool, non ?


Transparence

Mais bon sang, on dirait qu'un fantôme a attrapé Otto par les pieds et l'a traînée sous l'eau, ça n'a pas l'air amusant du tout.

Maintenant, nous la regardons d'au-dessus de la surface de l'eau, et l'eau a une assez bonne transparence pour que nous puissions encore la voir entièrement dessous, mais comment pouvons-nous faire en sorte qu'elle ait l'air d'être sous l'eau ?

 

Eh bien, laissez-moi vous montrer :

D'abord, ajoutez un calque de multiplication sur l'image du personnage avec une teinte foncée :

Maintenant, nous ajoutons des effets caustiques sur le personnage avec l'effet "calque écran". Si vous ne voulez pas les dessiner, vous pouvez utiliser certains de ces pinceaux :

Ensuite, nous utilisons l'effet ondulatoire sur l'image que je vous ai montrée plus tôt (ondulation) :

Au-dessus, nous ajoutons une "texture de surface de l'eau", vous pouvez en trouver partout dans les ressources de Clip Studio :

Ajoutez l'ombre caustique (comme dans le tutoriel sur l'eau calme) :

Et enfin les reflets ! Cette image me rend un peu nerveux cependant :


Mais ne vous inquiétez pas, elle va bien, les rives sont assez peu profondes, mais étant donné l'occasion, parlons d'un style de photographie sous-marine qui fonctionne comme une "radiographie" :

Alors qu'Otto est un peu dégoûtée par le goût salé de l'eau et les vêtements mouillés, apprenons à dessiner cet effet :

Ce style de photographie est très courant dans les photos de mer et de piscine, et il est également largement utilisé dans les illustrations. L'objectif de l'appareil photo est divisé entre la surface et sous l'eau, de sorte que vous pouvez voir à la fois au-dessus et en dessous. Cela crée un effet cool de monde divisé où vous pouvez jouer avec les effets, la dynamique des couleurs et les formes. Pour apprendre à le dessiner, commençons par créer une forme d'eau en S sur sa ligne de taille, vous pouvez en faire un calque de multiplication :

Maintenant, avec une couleur neutre, nous ajoutons ces formes sur l'eau, en ajoutant également des lignes aléatoires :

Nous dessinons une teinte sombre au milieu en en faisant une forme de bord plus claire :

Ensuite, ajoutez des reflets :

Il y a aussi une distorsion qui se produit sur la partie immergée de l'objet. Si vous observez des photos réelles d'angles divisés entre le sous-marin et la surface, vous remarquerez que les objets en vue se décalent légèrement sur le côté et deviennent déformés. L'appliquer à votre dessin est entièrement facultatif, mais je pense qu'il est bon de savoir que cela se produit.


Sous l'eau

Maintenant, on dirait que son jouet a été emporté par la rive, alors elle devra peut-être plonger pour le récupérer…

Composition de personnage

Alors c'est le moment de la dernière partie de ce tutoriel, le boss final de l'illustration aquatique : les illustrations sous-marines.

Alors, allons-y sérieusement et composons des choses :

Pose

Lorsqu'on pose un personnage sous l'eau, il sera principalement en train de flotter ou de "voler" autour. Évitez donc de faire des poses normales que vous feriez dans des environnements normaux, et n'hésitez pas à expérimenter des positions comme la tête en bas, allongé sur le côté, etc. La gravité dans l'eau est pratiquement désactivée, vous pouvez donc être très créatif avec vos poses :

C'est pareil pour les vêtements, les accessoires, les cheveux, etc. Les objets fins flotteront souvent dans des positions aléatoires, pratiquement non affectés par la gravité. Je vous recommande de rassembler des références de la vie réelle et d'étudier la physique du comportement des objets sous l'eau afin d'obtenir un résultat plus précis ! Mais c'est surtout simple à comprendre :

Voici comment mon brouillon s'est terminé. J'ai choisi une position perspective audacieuse pour montrer l'action de "plonger" pour récupérer quelque chose sous l'eau. Je n'ai pas beaucoup de mal à travailler avec des personnages en perspective, mais si c'est votre cas, j'ai une astuce simple qui peut sauver vos poses : essayez d'utiliser les modèles 3D dans CSP pour poser pour vous !

Ce pack de poses est sympa pour les ambiances sous-marines :

Glissez-déposez votre pose de la bibliothèque de matériaux sur vos modèles 3D, puis ajustez-la :

Voici un tutoriel de base sur l'utilisation des modèles 3D :

Si vous activez l'option de perspective manga dans la palette des propriétés de l'outil, vos bases 3D obtiendront un effet de perspective qui les rendra encore plus dynamiques :


Mais auparavant, ma pose était un peu fausse et pas très attrayante visuellement, c'est la raison pour laquelle j'ai utilisé la spirale de Fibonacci pour corriger les proportions de ma composition.

 

La spirale de Fibonacci est une spirale créée en dessinant des arcs de cercle qui relient les coins opposés de carrés disposés avec des longueurs de côtés suivant la suite de Fibonacci (1, 1, 2, 3, 5, 8, 13, …).

 

Le motif est présent PARTOUT dans la nature et est souvent utilisé par les artistes pour créer des compositions précises et attrayantes dans les illustrations. Donc, si votre dessin vous semble étrange, jetez-y une spirale de Fibonacci et voyez si le respect de ses proportions l'améliore ; dans mon cas, elle a été une bouée de sauvetage pour ma pose :


Coloriage

Je ne montre pas le lineart parce que j'ai séparé le personnage pour l'animation plus tard (dites-moi si vous êtes intéressé par les tutoriels d'animation After Effects au passage) et le lineart était vraiment difficile à comprendre, mais j'ai surtout utilisé des lignes épaisses pour les zones plus proches de la caméra et des lignes fines derrière, le fait de les épaissir aide aussi à séparer le personnage de l'arrière-plan confus, et avec les bases de couleurs, j'ai aussi coloré le lineart pour le meilleur attrait visuel que nous puissions avoir :

Si vous voulez des couleurs accrocheuses, je suggère de travailler avec des couleurs vives et contrastées car il y a un phénomène qui fait perdre leurs couleurs à vos objets sous l'eau.

 

Cela s'appelle l'absorption sélective et la diffusion de la lumière.

 

L'eau absorbe les longueurs d'onde les plus longues de la lumière (rouges, oranges, jaunes) en premier à mesure que vous plongez plus profondément.

Plus vous plongez profondément, plus l'ambiance devient bleutée, alors mettez autant de couleurs vives que possible :


Lumière et ombres

En parlant de couleurs, je dois mentionner que le phénomène de contre-jour se produit également sous l'eau : la lumière se reflète sur la surface du fond et rebondit sur les parties inférieures de votre personnage, créant un léger reflet bleuté. Les zones rouges dans cet exemple sont là où le contre-jour se produit et les zones bleues sont les lumières dures normales venant d'en haut :

Pour finir, plus les objets sont éloignés de nos yeux, plus ils deviennent flous et clairs sous l'eau, nous pouvons donc effacer un peu les cheveux pour qu'ils se fondent dans l'arrière-plan.

Maintenant, notre personnage est prêt pour l'illustration.


Composition de l'arrière-plan

En utilisant quelques formes et un pinceau à faible opacité, j'ai esquissé en couleurs plus ou moins l'aspect que je voulais donner à l'arrière-plan : des rochers sur les côtés, de la lumière venant d'en haut, et le fond sablonneux et rocheux comme sol :

Et quelques bulles parce que, eh bien, elle plonge :D

C'est l'esquisse technique de l'arrière-plan, j'expérimentais avec des positions et des objets ici mais bon sang, c'est en fait si facile à dessiner que nous n'avons même pas besoin de cette chose confuse :

Jetez simplement un arrière-plan bleu comme celui-ci, plus foncé au milieu, utilisez l'aérographe pour le colorer :

Maintenant, nous délimitons nos pierres, quelque chose comme cette forme. Il existe un tutoriel sur la façon de dessiner des pierres si vous trouvez cela difficile :

Maintenant, nous le remplissons d'objets comme des anémones, des algues, des fleurs aquatiques, etc. (n'ayez pas peur de chercher des références et de trop simplifier).

Et nous le colorons, en utilisant des couleurs à contraste élevé comme l'orange, le violet, le rose, parce que croyez-moi, nous perdons des couleurs dans ce jeu d'enfant :

Ensuite, faites le fond, c'est un sol sableux donc j'ai choisi une couleur jaunâtre comme principale, et j'ai fait quelques rayures sombres derrière pour simuler le sol disparaissant dans l'arrière-plan :

Dans ce contexte, créons des formes lumineuses disparaissant en arrière-plan, des formes de plantes et de roches. Plus c'est loin, plus c'est clair. Vous pouvez le faire en couches, et ajouter également quelques poissons :

Maintenant, nous ombrons les rochers, créant également une lumière au-dessus, pour donner une illusion de profondeur :

Terminez votre ombrage avec des teintes plus foncées, dans votre style d'ombrage bien sûr. Le mien est simple et en blocs, mais vous pouvez le copier si vous voulez :

Et pour couronner le tout, nous colorons le lineart, en suivant les couleurs principales des objets et en ajoutant également quelques plantes vert foncé/turquoise :

Rajoutez notre personnage, et nous sommes prêts pour la phase finale :


Rendu "sous l'eau"

À l'aide de votre outil Lasso, dessinons des cercles et des formes comme celles-ci, en les rendant plus petits près des bords, ce sera notre plafond d'eau :

Maintenant, nous le déformons pour qu'il ressemble à un plafond, en utilisant la fonction de transformation que je vous ai enseignée précédemment :

Ensuite, appliquez un flou de mouvement :

Maintenant, dessinons des rayures diagonales bleues pour simuler nos rayons lumineux. La lumière brille ainsi sous l'eau en raison du phénomène de réfraction qui se produit à la surface de l'eau.

 

Changez le calque en un calque "Luminosité (éclat)" :

Maintenant, en utilisant un aérographe de bruit réglé sur gomme, nous effaçons délicatement le bas, créant ce dégradé :

Ensuite, dupliquez le calque et appliquez à nouveau un flou de mouvement !

En ajoutant notre arrière-plan, voici à quoi cela ressemble maintenant :

Récapitulons le phénomène de perte de couleurs sous l'eau.

 

Comme je l'ai dit, cela s'appelle l'absorption sélective et la diffusion de la lumière. Voici comment cela fonctionne :

 

"L'eau absorbe les longueurs d'onde les plus longues de la lumière (rouges, oranges, jaunes) en premier à mesure que vous allez plus profond.

À quelques mètres seulement, les rouges disparaissent.

Puis les oranges, puis les jaunes.

Seules la lumière bleue et verte pénètrent profondément, c'est pourquoi le monde sous-marin semble bleuté."

 

Pour ajouter cet effet à notre arrière-plan, je veux que vous créiez un calque qui ressemble à ceci :

Effacez le bas avec ces rayures, pour créer des caustiques d'eau sur le sol et enfin, définissez le calque sur lumière crue et voyez la magie opérer :

Maintenant, nous ajoutons des poissons nageant autour. J'ai utilisé cet actif de pinceau de poisson coloré car je pense que cela rendrait mieux :

Flou d'objectif sur les poissons :)

Ensuite, nous appliquons un flou radial à tout notre arrière-plan. La raison en est que sous l'eau, surtout dans une scène en mouvement, l'environnement sera déformé par le mouvement de l'eau et notre propre vue et notre concentration visuelle. L'application de différents types de flous aux arrière-plans est donc essentielle pour améliorer l'ambiance générale :

Le flou d'objectif est un type de flou de décalage de la mise au point visuelle, il est bon pour les objets fixes et les objets éloignés. Le flou radial est principalement utilisé pour les effets de mouvement et de déplacement menant à un point central. Nous avons également le flou de mouvement qui est presque le même que le flou radial, mais sans point de focalisation :


Maintenant, travaillons sur notre personnage, elle doit s'intégrer à l'arrière-plan, alors ajoutons un calque de multiplication avec des teintes bleues et rosées similaires à celles que nous avons utilisées pour l'arrière-plan.

 

Vous pouvez également en effacer une partie pour créer des caustiques d'eau sur sa peau et d'autres parties. J'étais paresseux, donc je n'en ai pas fait beaucoup, mais si vous aimez l'aspect, je dirais d'y aller et de faire beaucoup de caustiques :

Ajoutez des reflets blancs sur le dessus des têtes !


Nous avons presque fini avec le personnage, alors travaillons sur nos ○°●BULLES○°●

 

Suivant l'image, je veux que vous esquissiez vos bulles en utilisant ces guides, courbes et droites selon les besoins :

Prenez votre outil Lasso et remplissez les formes des bulles, comme nous l'avons fait dans le premier tutoriel :

Maintenant, ajoutez les ombres bulleuses à l'intérieur, non pas brisées, juste rondes :

Ajoutez la deuxième série de nuances, dans un ton plus clair :

Maintenant, ajoutez les reflets blancs et plus de bulles, cela pourrait ressembler à ceci :

Après les avoir fusionnées en un seul calque, nous réduisons l'opacité à environ 60 %, passons le mode de calque en "écran" et appliquons un flou de mouvement à nos bulles :

Remettez vos lumières et nous avons quasiment terminé :


C'est tout, je suppose. Je suis content que vous ayez pu arriver jusqu'ici, et si c'est le cas, savez-vous combien de fois j'ai oublié de dessiner la feuille d'Otto sur sa tête ? Commentez si vous l'avez trouvé, et laissez-moi vous donner un indice, probablement moins de 100 fois hahaha.

 

J'ai un autre message pour vous ici, mais à bientôt <3

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel