Dans ce tutoriel, je vais vous montrer la technique pour créer un beau ciel et l'appliquer à une animation de scène panoramique en utilisant la fonction de caméra 2D de Clip Studio. C'est très facile mais cela donne un résultat génial.

Note : J'ai trouvé l'inspiration pour ce tutoriel dans mon animation préférée : Your Name, qui contient de nombreuses scènes de ciel époustouflantes. ;)

Tutoriel vidéo

Concept général de la peinture du ciel

Voici les composants les plus basiques du ciel pendant la journée : le ciel bleu et les nuages blancs.

Pour lui donner plus de dimension, appliquez des ombres sur les nuages, un dégradé au ciel et le reflet de la lumière.

La surface de la Terre reflète la lumière du soleil. Cela crée un dégradé dans le ciel et la lumière se reflète sur les nuages.

Avec ces bases, peindre avec un pinceau texturé lui donnera simplement un aspect plus réaliste.

Il existe de nombreux pinceaux pour peindre les nuages dans Clip Studio Assets. Pour ma part, je recommande mon préféré

La direction des ombres des nuages et le dégradé du ciel sont liés à la position de la source lumineuse.

La direction de la lumière du ciel s'applique également aux objets de la scène.

Il existe également différents types de nuages, les ombres n'apparaîtront pas sur les nuages de haute altitude (tels que les cirrocumulus et les cirrostratus) car ils sont trop éloignés de la surface de la terre.

 

Nous pouvons mélanger plusieurs types de nuages pour un aspect naturel. Il n'y a aucune limite à leur structure, la nature est incroyable :)

Nous pouvons également éditer rapidement le ciel, il suffit d'utiliser le calque de correction [dégradé de carte] pour ajuster la teinte du ciel et le mode de fusion des calques pour ajouter un effet de lueur au soleil et aux étoiles.

Bases du dégradé de carte

Le dégradé de carte est la clé principale pour éditer le ciel dans diverses versions.

Peindre en niveaux de gris et appliquer un dégradé de carte remplacera le niveau de gris par la couleur sur la barre de dégradé.

D'après cet exemple, vous pouvez voir que le blanc sera remplacé par le jaune, qui se trouve sur le bord droit de la barre, et le noir sera remplacé par la couleur sur le côté gauche de la barre.

 

Il existe également un ensemble de dégradés de ciel qui est un préréglage standard du logiciel.

 

L'ensemble de couleurs standard dispose également d'interrupteurs pour la couleur des niveaux de gris, ce qui est également utile pour la peinture de valeurs.

Il existe 2 façons d'appliquer le dégradé à une image en niveaux de gris ;

1. Édition > Correction tonale > Dégradé de carte

Cela changera une fois la couleur d'un calque en couleur de la barre de dégradé, vous ne pourrez pas ajuster le dégradé après l'application de l'édition.

2. Calque > Nouveau calque de correction > Dégradé de carte

Cela créera un nouveau dégradé de carte qui couvrira tous les calques situés en dessous. Si vous double-cliquez sur la vignette du calque, la fenêtre du dégradé de carte apparaîtra, vous permettant d'ajuster et de voir le résultat de l'ajustement en temps réel.

Dans ce tutoriel, j'utiliserai le calque de correction.

L'ajustement de base de la barre de dégradé se fait en cliquant sur l'icône ^ sous la barre de dégradé pour définir la couleur ou en la faisant glisser pour ajuster la position de la couleur.

vous pouvez également inverser la position de la couleur avec cette icône

On peut également attribuer une couleur spécifique à la position sélectionnée.

Il existe également des ensembles de dégradés téléchargeables depuis les ressources de Clip Studio.

Cela peut vous faire gagner beaucoup de temps pour choisir les couleurs :D

 

 

Voici le lien vers la ressource utilisée dans l'image :

Importez la ressource avec ce menu

La ressource est prête à l'emploi !!

Si vous ajustez le dégradé, vous pouvez également le sauvegarder avec cette icône pour une utilisation ultérieure.

Peindre le ciel

Habituellement, vous pouvez peindre les nuages librement, mais esquisser vous aidera avec l'alignement, surtout dans les cas de composition courbe, comme si l'image avait été prise avec un objectif fisheye.

Sélectionnez l'outil Dégradé en mode Premier plan vers arrière-plan, donnez le préréglage comme ceci :

 

'Forme' : Ovale (parce que nous créons un effet d'objectif fisheye)

'Où créer' : Créer un calque de dégradé

Faites glisser la zone de dégradé sur la toile.

Cela créera un calque de dégradé sur la toile.

Ensuite, créez le calque de correction,

[Calque > Nouveau calque de correction > Dégradé de carte]

dégradé de carte avec la couleur de ciel que vous préférez.

Vous pouvez ajuster la position des couleurs pour un dégradé plus doux.

 

Vous pouvez également ajuster le calque de dégradé avec l'outil Objet.

Créez un nouveau calque et peignez les nuages. Assurez-vous d'utiliser uniquement les niveaux de gris pour une valeur contrôlable à ajuster dans le calque de correction du dégradé de carte.

(J'utilise l'outil [Doigt] pour estomper les nuages de haute altitude)

 

S'il y a plusieurs calques de nuages, placez-les dans un dossier pour le calque de correction.

Une fois que vous avez appliqué le dégradé de carte, écrêtez-le sur le calque inférieur. Ainsi, le dégradé de carte n'affecte que le nuage.

Nous avons maintenant le ciel avec la teinte bleue qui correspond au ciel.

Vous pouvez appliquer l'effet de lumière au personnage avec un mode de fusion de calque écrêté sur le calque du personnage.

Pour ajouter le soleil

 

Utilisez l'outil Éclat pour créer un effet de rayon de soleil.

Dans les propriétés de l'outil, définissez l'[Espacement des lignes] à 30.

Ensuite, désactivez tous les réglages de [Désordre].

Faites glisser sur la forme du soleil.

Ensuite, modifiez-le avec l'outil Objet.

Ajustez la longueur pour que la ligne remplisse l'image.

Ajustez la forme du rayon en déplaçant le nœud de bord avec l'outil Objet.

Vous trouverez des réglages supplémentaires pour l'outil dans l'icône de réglage.

Désactivez le début, cela fera en sorte que le rayon n'ait qu'une seule extrémité pointue.

Rasterisez le calque, puis utilisez l'outil [Doigt] pour ajouter un effet d'estompe au bord.

Note : maintenez la touche Maj enfoncée pour effectuer le glisser en ligne.

Fusionnez le rayon avec la forme circulaire, dupliquez le calque, appliquez le filtre de flou [Filtre > Flou > Flou gaussien] et appliquez le mode de fusion de calque [Ajouter (luminescence)] pour le rendre brillant.

Ajustez-le à la scène en sélectionnant chaque calque et [Créer une transformation] (Ctrl+T).

terminé

Pour ajuster le ciel à une teinte crépusculaire, utilisez le dégradé inversé sur les nuages avec le même dégradé que le ciel pour créer l'effet de silhouette.

Pour le ciel nocturne, j'utilise le pinceau aérographe pour créer des étoiles.

Ensuite, je duplique le calque et j'applique un filtre de flou

[Filtre > Flou > Flou gaussien]

Cela créera un effet de lumière stellaire.

Créer une scène animée de ciel panoramique

Tout d'abord, vous devez comprendre l'aperçu du plan : l'objet doit rester à un seul endroit tandis que la caméra effectue un panoramique comme ceci.

L'objet en mouvement dans la scène sera l'arrière-plan, tandis qu'un changement de perspective est appliqué image par image au personnage.

 

Le flux de travail commence par le dessin de l'ordre des scènes dans un storyboard, où nous utiliserons le personnage comme proxy.

Ensuite, ajoutez les images clés et ajustez le timing.

Cette étape est suffisante pour commencer à travailler sur le processus d'arrière-plan, l'animation par images clés sera réalisée séparément.

 

>> Étape 1 : Esquisser la position de l'arrière-plan

Créez une nouvelle toile pour l'animation. Assurez-vous qu'elle a le même taux d'images par seconde que le fichier de timing des images clés.

 

(ici, j'ai utilisé 24 images par seconde)

Allez dans le menu [Fichier > Importer > Créer un nouvel objet fichier] puis sélectionnez le fichier de timing des images clés (.clip).

Le fichier inclut l'animation qui apparaîtra sur la toile.

(Assurez-vous que le calque est en dehors du dossier d'animation, sinon il n'apparaîtra pas sur la toile).

Ajustez la zone de la chronologie pour l'adapter à la chronologie de l'objet importé.

Dessinez l'esquisse de l'arrière-plan dans le dossier d'animation, en l'accordant avec les images clés de timing que nous avons créées.

Note : ne dessinez que quelques images où l'arrière-plan a changé, juste pour éviter la confusion lors de l'animation.

>> Étape 2 : Ajouter le dégradé du ciel

Commencez par supprimer l'arrière-plan du fichier de timing en faisant un clic droit sur le calque > Objet fichier > Ouvrir le fichier depuis l'objet fichier.

Dans le fichier, supprimez le calque d'arrière-plan, ne laissez que la ligne d'esquisse puis enregistrez.

L'objet fichier deviendra transparent.

Créez un calque de dégradé et appliquez le calque de correction de dégradé de carte.

Activez l'image clé du calque de dégradé de carte pour l'animer.

Sélectionnez l'image et déplacez le dégradé en fonction de l'esquisse avec l'[Outil Objet].

Assurez-vous de créer une image clé de calque sur le dégradé, pas sur le masque (cliquez sur la vignette du calque de dégradé pour sélectionner le dégradé).

Lorsque vous aurez terminé l'ajustement de l'esquisse, vous obtiendrez un ciel dégradé qui suit le panoramique de la caméra.

>> Étape 3 : Créer l'arrière-plan

Il y a quelques images clés qui montrent l'arrière-plan avant qu'il ne se déplace vers le ciel.

Dessinez l'arrière-plan. Ici, j'utiliserai les ressources de Clip Studio pour le parc et la ville en arrière-plan.

 

Vous trouverez des ressources d'images utiles dans les matériaux d'image, elles ne sont pas seulement prêtes à l'emploi mais aussi utiles pour se référer aux couleurs.

Faites simplement glisser l'objet sur la toile pour l'utiliser.

J'ai choisi la couleur de l'arbre et je l'ai appliquée au sol.

Il existe également des pinceaux par défaut pour créer des effets de texture, je l'ai appliqué au sol pour faire de l'herbe.

 

J'utilise le matériau d'image « ville transparente » derrière le parc pour créer une vue de ville au loin.

Et créez une distance supplémentaire.

J'utilise la propriété de calque sur le matériau pour ajuster sa couleur.

En conclusion, nous aurons 3 calques pour l'arrière-plan (fusionnez le parc en un seul calque).

Le mouvement de l'arrière-plan est différent de celui du dégradé du ciel, car il s'éloigne rapidement de la conception de l'animation.

 

Nous activons donc l'image clé et déplaçons le calque en fonction de la position dans l'animation d'esquisse.

Créez l'image clé uniquement là où elle apparaît dans la scène.

(Faites pivoter et déplacez vers le coin).

Le panoramique de la caméra sera plus clair à cette étape.

>> Étape 4 : Ajouter des nuages

Pour les nuages, nous utiliserons une caméra 2D pour un contrôle plus facile. Vous pouvez également utiliser une image clé de calque, mais ce sera un peu compliqué.

 

Peignez le nuage jusqu'à la fin de la scène et appliquez le dégradé de carte, de petits nuages le feront paraître plus éloigné.

Redimensionnez la toile, allez dans Édition > Modifier la taille de la toile.

Vous pouvez simplement entrer le nombre ou ajuster la bordure de transformation pour le redimensionner à la toile.

 

Il y a plus d'espace pour le travail de caméra sur les nuages, ne vous inquiétez pas, lorsque nous l'exporterons, il ne montrera que les objets à la limite.

 

Dessinez les nuages étendus en ligne, cela sera utilisé pour la première étape du panoramique de la caméra.

Créer un dossier de caméra 2D

et placez tous les calques de nuages à l'intérieur.

Utilisez l'[Outil Objet] pour sélectionner le dossier de la caméra et faites-le glisser vers le bord du nuage.

Dans l'option de caméra, vous pouvez vérifier son apparence à la caméra avec l'option de mode d'affichage.

(Vous devez revenir au mode guide de champ pour modifier à nouveau le nuage).

Il y aura 3 phases de déplacement du nuage, créez l'image clé aux positions où il est censé se déplacer.

L'arrière-plan est terminé !!

>> Étape 5 : Finition

Dans un fichier séparé, réalisez l'animation image par image du personnage.

 

[Important !] définissez la fréquence d'images à 24, la fréquence d'images doit être la même pour l'arrière-plan et le personnage.

Note : Pour l'étape finale, j'ai également ajouté quelques images clés de mouvement de vent aux cheveux.

Pour plus de détails sur l'animation, consultez mon tutoriel précédent sur l'utilisation de l'outil Bézier pour le processus d'animation ici.

Remplacez l'image clé de timing par l'animation de personnage terminée.

Il est recommandé de créer le fichier de personnage avec les mêmes dimensions que l'arrière-plan, afin qu'il n'y ait pas de problème d'importation.

Facultatif : ajoutez également le calque de soleil et appliquez l'image clé de calque,

puis déplacez-le en fonction de la position du nuage dans le dossier de la caméra.

appliquez également un écrêtage de calque pour l'effet de lumière et d'ombrage au personnage.

Et c'est fait !! Une scène de ciel panoramique simple avec Clip Studio !!

Note : vous pouvez simplement ajuster le dégradé de carte pour changer l'heure de la scène en moins de 3 minutes :D

J'espère que ce tutoriel vous sera utile pour vos scènes d'animation, Bonne animation !! ^ ^