Introduction

Bonjour, dans ce tutoriel, je vais vous montrer un moyen très simple de créer des effets d'eau transparente pour une illustration avec seulement 4 calques et de les dupliquer pour créer une animation.

Tutoriel vidéo

consultez le tutoriel vidéo pour les étapes en action

Les concepts de base de la transparence

Pour rendre quelque chose transparent, vous pouvez simplement réduire l'opacité du calque en dessous de 100 %.

Et utilisez le mode de calque pour améliorer le résultat.

(choisissez n'importe quel mode qui vous convient)

 

Pour lui donner l'apparence de l'eau, les touches supplémentaires importantes sont les reflets de la surface de l'eau et ses ombres portées.

 

C'est l'idée de base du fonctionnement de la transparence de l'eau, appliquons-la au dessin !!

Créer une surface d'eau (ou la télécharger)

Remarque : J'ai déjà enregistré ce matériau dans Clip Studio Assets, vous pouvez le télécharger et il est prêt à l'emploi.

Pour créer le motif :

 

Créez un nouveau fichier et dessinez des vagues aléatoires avec l'outil Plume.

Dessinez des courbes supplémentaires là où les vagues se croisent

(Remarque : essayez d'en faire une structure de forme simple)

 

Ensuite, rognez-le et transformez-le en une tuile de motif sans couture.

 

Consultez mon tutoriel précédent pour transformer le dessin en motifs sans couture :

(également un exemple d'eau dans la partie 4)

Créez 2 versions du motif sans couture :

L'original et celui avec des effets bleus (dupliquez les effets et appliquez des filtres de flou).

La tuile normale et la tuile floue pour un effet lumineux (facultatif).

enregistrez le matériau dans la bibliothèque de matériaux pour une utilisation facile

Appliquer à une œuvre (non animée) [Clip Studio Paint Pro/EX]

Préparez le dessin.

Créez un nouveau calque au-dessus du dessin et peignez le niveau de l'eau en blanc.

Faites une sélection sous la ligne d'eau avec l'outil Lasso, sélectionnez le dossier de calques, puis coupez-le avec [Ctrl+X] et collez-le avec [Ctrl+V].

 

Cela créera un dossier séparé pour la partie sous l'eau.

 

Créez un nouveau calque entre 2 dossiers et remplissez-le avec l'outil Dégradé.

(sélectionnez le choix du dégradé, puis faites-le glisser sur la toile pour le remplir ; vous pouvez également personnaliser votre propre dégradé en cliquant sur le point de couleur au-dessus de la barre de dégradé)

 

Ajustez l'opacité pour créer l'effet transparent.

Faites glisser le matériau de la surface de l'eau dans le panneau des calques (au-dessus du calque de dégradé).

Ajustez le mode de calque sur 'Superposition' pour le rendre plus brillant.

[Facultatif] Faites glisser la version floue du motif dans le panneau des calques et réglez le mode sur 'Ajouter (Lueur)', cela créera un effet plus lumineux.

(ajustez l'opacité du matériau du calque pour le rendre plus doux)

 

Maintenez [Maj] et sélectionnez les deux calques d'effet, puis appuyez sur [Ctrl+t] pour transformer le bord.

 

Cette méthode permettra d'ajuster les deux objectifs ensemble.

 

Réglez le mode sur 'Transformation libre' et déplacez le coin du motif selon la perspective du dessin.

 

Appuyez sur Entrée pour confirmer la transformation, et vous obtiendrez une surface d'eau brillante facile !

 

Pour créer l'effet d'ombre, copiez le calque de flou (ou le calque de surface d'eau si vous n'avez pas créé l'effet de flou) et faites-le glisser sous le calque de dégradé d'eau.

 

 

Utilisez l'outil Objet et déplacez-le un peu vers le bas.

Ensuite, réglez l'effet de couleur du calque dans les propriétés du calque pour assombrir la couleur.

Et ensuite, réglez le mode de calque sur 'Densité linéaire -'

 

Vous obtiendrez ainsi un effet transparent facile.

Commencez à animer !! Les bases des animations de vagues

Le mouvement de la vague est lié à la ligne de perspective du sol.

La vague de base commencera petite et atteindra une grande vague à un certain point, la vague sera plus lente lorsqu'elle sera plus grande.

 

Voici l'animation de référence avec le temps.

 

Préparez le fichier pour l'animation [Clip Studio Paint EX]

Créez une nouvelle toile pour l'animation. Ici, je choisis le modèle d'animation (1920*1080) avec un taux de rafraîchissement de 24 images par seconde pour des mouvements fluides et une durée de lecture de 100 images.

Vous obtiendrez le dossier d'animation par défaut, il n'est pas nécessaire de le supprimer.

Copiez le dessin et placez-le sur la toile.

 

Réglez également la couleur du papier sur la même que l'original (couleur sable).

 

Puisque nous allons ajouter des mouvements au calque, utilisez la règle de perspective pour créer un proxy du mouvement.

 

Pour créer la règle de perspective, maintenez le clic sur la position où vous souhaitez placer la ligne, puis déplacez-la pour l'aligner sur la perspective. Chaque groupe de 2 lignes sera rassemblé en 1 point de perspective.

 

Si vous n'êtes pas habitué à la perspective, imaginez le sol rectangulaire sous le personnage, puis regroupez une paire de lignes à chaque point de perspective.

La règle de perspective apparaîtra en violet lorsqu'elle est active.

(et en vert lorsqu'elle est inactive) [paramètres par défaut]

 

Séparez les parties au-dessus et sous l'eau [comme dans la partie précédente], puis ajoutez le calque de dégradé comme nous l'avons fait dans l'image non animée précédente.

>Étape d'animation 1 : Créer l'écume des vagues

Créez 2 nouveaux calques et dessinez les lignes d'écume horizontalement sur les deux calques.

(J'utilise le stylo texture pour l'effet d'écume)

 

Remarque : vous devez désactiver l'accrochage à la règle de perspective pour dessiner librement.

Cliquez sur l'outil Objet de la règle de perspective, puis désactivez l'accrochage dans le panneau des propriétés de l'outil.

 

Convertissez les deux calques en calque de matériau d'image.

Utilisez l'outil Objet avec le mode de transformation libre pour ajuster un peu les coins de l'objet.

(cela activera le mode de transformation libre dans l'animation d'image clé de calque)

 

Dans la timeline, activez l'image clé du calque.

Utilisez l'outil objet pour ajuster la position de départ de la vague sur l'image 1.

Utilisez l'image clé d'interpolation lisse pour animer en douceur avec des courbes exponentielles.

(par défaut, il se déplacera rapidement depuis le premier nœud et plus lentement à l'approche du dernier nœud, ce qui correspond à nos besoins dans l'animation de vagues)

 

Redimensionnez-le plus grand sur la dernière image et ajustez-le à la ligne de perspective (dézoomez pour voir le cadre de contrôle de l'objet).

[Facultatif]

Pour créer le mouvement rapide au début et plus lent à la fin, comme nous concevons la vague.

Créez l'image intermédiaire où la vague atteint le milieu de l'image.

 

Et faites glisser une icône en forme de diamant un peu en avant pour réduire le temps nécessaire pour atteindre ce point.

La première vague est terminée !

 

Répétez l'étape avec un autre calque de vague et faites-les s'alterner l'un avec l'autre.

 

Cela créera le mouvement de l'écume des vagues.

 

Remarque : ajustez l'opacité du calque à certains points de la timeline pour créer un effet de fondu en entrée et en sortie.

>Étape d'animation 2 : Créer la surface de l'eau

Dans cette étape, nous utiliserons la ligne de perspective pour aider aux mouvements du calque de surface.

 

Sélectionnez le calque de la règle de perspective et utilisez l'outil objet pour ajuster la règle.

 

 

puis activez l'accrochage (dans le panneau des propriétés de l'outil).

Dessinez 2 rectangles sur les calques de la règle pour guider le mouvement de la surface de l'eau.

Le point de départ est petit, et le point d'arrivée est plus grand et s'étend davantage, comme le mouvement d'une vague.

 

Nous devons dessiner le proxy pour le mouvement de perspective car le nœud de transformation de l'objet ne s'accrochera pas à la règle de perspective.

 

L'étape suivante consiste à importer le matériau de la surface de l'eau sur la toile et à l'ajuster au point de départ (utilisez l'outil Objet).

 

 

Activez l'image clé du calque et ajoutez l'image clé à la première image.

Cela s'appliquera à l'ajustement de la première image.

 

Ensuite, sélectionnez la dernière image et ajustez les matériaux à la position finale.

 

 

Cela fera bouger la surface de l'eau avec la vague.

 

Ensuite, faites reculer un peu la vague à la fin, ajoutez des images clés à la position avant la dernière image clé.

 

Ensuite, faites-le glisser pour échanger la position (déplacez la nouvelle image vers la dernière image).

Ajustez le mode de calque et l'opacité de la surface de l'eau pour terminer.

>Étape d'animation 3 : Masquer la vague pour créer un mouvement de séparation

Pour rendre le mouvement plus naturel, séparez les vagues en deux parties pour qu'elles se déplacent indépendamment.

 

Dans Clip Studio, nous pouvons facilement créer un masque pour le calque et l'animer séparément de l'objet dans le calque.

 

Voici le concept d'animation de masque et de calque.

 

cela masquera certaines parties de l'objet afin que la vague ne soit pas superposée lorsque nous la déplaçons.

 

Désactivez l'image clé du calque de la surface de l'eau en cliquant à nouveau sur l'image clé du calque.

 

 

 

Faites la sélection sur un côté de la vague.

Dupliquez le calque de la surface de l'eau pour l'autre partie.

Ensuite, créez un masque en cliquant avec le bouton droit sur le calque et en sélectionnant Masque de calque > Masquer l'extérieur de la sélection.

Cela fera en sorte que la surface de l'eau derrière la vague n'apparaisse que derrière la vague.

Créez également le côté inverse du masque de l'autre côté du masque.

 

Faites un clic droit sur le masque, puis sélectionnez dans Calque > Créer une sélection.

 

 

Ensuite, cliquez avec le bouton droit sur le calque que nous avons copié précédemment et créez un masque de la sélection.

Maintenant, les deux côtés de l'eau sont séparés.

Lorsque vous activez à nouveau l'image clé, vous pouvez également définir l'image clé pour le masque de calque.

Redimensionnez le masque à 300 %.

Cela le fera couvrir toute la toile lorsque la vague est complètement descendue.

 

(la zone bleue est la zone non affichée)

 

Cliquez avec le bouton droit sur le masque et cochez la case Afficher le calque du masque pour mettre en évidence la zone non affichée.

 

 

Ajustez le masque des deux côtés pour qu'il corresponde à la position de la vague.

(l'image clé sera automatiquement créée lorsque vous ajusterez le masque)

 

 

[important !] assurez-vous que votre outil est actif sur le masque lors de l'édition, afin qu'il n'affecte pas le mouvement du calque.

Le résultat (ici, vous pouvez ajuster l'opacité et le mouvement de la surface de l'eau séparément).

>Étape d'animation 4 : Créer une boucle

Selon les réglages de la timeline au début, la vague de retour a été placée derrière l'animation de la vague.

Remarque : J'ai nommé les côtés pour que ce soit moins déroutant.

Si nous masquons le bord supérieur, il y aura un espace au début de l'image clé car le masque du bord inférieur n'a pas encore atteint ce point.

Cette image montre que les deux bords n'apparaissent pas pendant toute la timeline, mais apparaîtront comme ceci :

Le bord supérieur n'apparaîtra qu'à la dernière image,

Et le bord inférieur n'apparaîtra pas dans la première image.

 

La seule condition est que la première image clé du bord supérieur soit la même que la dernière scène du bord inférieur.

 

Nous pouvons donc déplacer le mouvement de recul de la fin du bord inférieur vers le bord supérieur.

 

Comme l'animation est le mouvement du même matériau d'image, nous pouvons simplement copier l'icône en forme de diamant à la fin du bord inférieur en faisant un clic droit > copier.

 

Ensuite, cliquez avec le bouton droit sur le premier nœud du bord supérieur et collez.

(chaque icône en forme de diamant sur la timeline contient des informations de propriété de l'objet ; si nous utilisons un objet de la même dimension, les informations de propriété seront collées entièrement sans erreur).

 

Avertissement : la propriété du masque ne peut pas remplacer la propriété de transition, assurez-vous de copier le bon nœud de calque.

 

Répétez l'étape avec la dernière image clé du bord inférieur (placez-la à la fin de la timeline du bord supérieur).

Une fois terminé, déplacez la barre de fin vers la dernière image clé du bord inférieur.

 

L'animation apparaîtra en boucle fluide.

[Important] assurez-vous également que les ajustements d'opacité sont les mêmes pour les images de connexion.

 

Remarque : supprimez les images clés indésirables en dehors de la barre bleue de l'enveloppe. Cela rendra la modification moins déroutante ultérieurement.

 

>Étape d'animation 5 : ajouter une lueur de surface d'eau et des ombres portées

>> Lueur de surface

 

Apportez le matériau flou sur la toile comme nous l'avons fait avec la version non animée.

 

Dupliquez le calque ci-dessous.

Désactivez les images clés du calque, puis faites glisser l'icône du masque vers le calque du matériau flou.

Ensuite, supprimez le calque copié, vous obtiendrez le même masque de calque sur le matériau flou.

Sur la toile, déplacez un coin un peu pour activer le mode de transformation libre dans l'image clé du calque.

Sélectionnez l'image clé entière du calque ci-dessous en cliquant sur la barre supérieure de la timeline.

Ensuite, faites un clic droit et sélectionnez Copier, pour copier toute la timeline.

 

Ensuite, sélectionnez le calque de matériau flou, activez l'image clé du calque.

et supprimez la timeline.

 

Ensuite, sélectionnez la première image et collez la timeline que nous avons copiée précédemment.

Cela vous donnera des images parfaitement superposées, réglez le mode de calque sur 'Ajouter (Lueur)' et ajustez l'opacité jusqu'à ce que vous soyez satisfait du résultat.

 

Répétez les étapes sur d'autres parties de la surface de l'eau.

 

>> Ombre portée

copiez 2 calques de flou et 1 calque de vague, puis placez-les sous le calque de dégradé d'eau.

Nous devons décaler le calque vers le bas à chaque icône en forme de diamant de l'image clé pour éviter que le logiciel ne crée des icônes de diamant de transformation supplémentaires.

 

Sélectionnez le diamant, puis utilisez l'outil objet pour décaler le calque vers le bas sur la toile.

 

 

Assurez-vous de vous concentrer sur la barre de transformation (barre supérieure de la timeline du calque).

(nous décalons donc la première image clé et la dernière image clé des calques flous vers le bas).

(et décalez 3 images clés du calque de vague vers le bas).

Changez le mode de calque des 3 calques en 'Multiplier' et réglez l'effet de couleur du calque sur une couleur plus foncée.

Maintenant, la vague aura également des effets transparents.

Remarque : pour l'ombre portée, assurez-vous que la première image du calque de flou est également à la même position et opacité que la dernière image du bord inférieur.

Touches finales

Une fois la boucle terminée, nous pouvons maintenant éditer les images comme suit :

 

>> Contraste de l'eau avec les personnages :

 

Créez un dossier d'animation et peignez en blanc les parties du personnage qui contrastent avec l'eau.

Répétez en boucles.

 

>> Éclaboussures d'eau :

 

Créez un autre dossier d'animation avec le pulvérisateur de gouttelettes (dans les sous-outils de l'aérographe) appliquez-le sur la vague d'eau pour créer des éclaboussures d'eau.

 

Et aussi de l'écume supplémentaire sur le phoque lorsque la vague l'atteint.

 

>> Ajustement du personnage :

 

Ajustez l'encre vectorielle du personnage avec l'outil objet pour l'adapter à l'arrière-plan.

consultez mon tutoriel précédent pour plus de détails sur la manipulation des calques vectoriels :

Ajoutez un calque de masque d'écrêtage au-dessus du dossier du personnage pour ajouter des effets d'éclairage.

Réglez le mode de calque sur 'Ajouter (Croissance)' puis peignez avec un aérographe doux.

 

 

Appliquez un effet de dégradé au calque supérieur pour rendre l'image plus lisse.

Le résultat final

J'espère que cette technique vous aidera à avoir des idées pour ajouter une animation de mer transparente à votre travail !!

 

Amusez-vous à animer !!