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

Remarque: je me suis inspiré de ce tutoriel de mon animation préférée: Votre nom, qui contient de nombreuses scènes de ciel époustouflantes. ;)

Didacticiel vidéo

Concept général de la peinture du ciel

Ce sont les composants les plus élémentaires du ciel pendant la journée: le ciel bleu et les nuages blancs.

Pour le rendre plus dimensionnel, appliquez des ombres sur les nuages, un dégradé vers le ciel et la réflexion de la lumière.

La surface de la Terre reflète la lumière du soleil. Cela rend le ciel dégradé et la lumière se reflètent sur le nuage.

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

Il existe de nombreux pinceaux pour peindre des nuages dans Clipstudio Asset. Pour moi, je recommande mon préféré

La direction de l'ombre du nuage et le gradient dans le 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, l’ombre n’apparaîtra pas sur les nuages du ciel élevé (tels que Cirrocumulus et Cirrostratus) car ils sont trop éloignés de la surface de la terre.

 

On peut mélanger plusieurs types de nuages pour un look naturel. Il n'y a pas de limite à sa structure, la nature est incroyable :)

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

Carte de dégradé basique

La carte de dégradé est la clé principale pour éditer le ciel dans différentes versions.

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

Dans cet exemple, vous pouvez voir que le blanc sera remplacé par le jaune, qui est 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 jeu de dégradés de ciel qui est le préréglage standard du logiciel.

 

Le jeu de couleurs standard comporte également des commutateurs pour la couleur des niveaux de gris, ce qui est également utile pour la peinture de valeur

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

1. Édition> Correction tonale> Carte de dégradé

Cela changera une fois la couleur d'un calque en couleur à partir de la barre de dégradé, vous ne pouvez pas ajuster le dégradé après avoir appliqué la modification.

2. Calque> Nouveau calque de correction> Carte de dégradé

Cela créera une nouvelle carte de dégradé qui couvre toutes les couches en dessous, si vous double-cliquez sur la vignette de la couche, la fenêtre contextuelle de la carte de dégradé apparaîtra afin que vous puissiez ajuster et voir le résultat de l'ajustement en temps réel

Dans ce tutoriel, j'utiliserai le calque de correction

Le réglage de base de la barre de dégradé consiste à cliquer sur l'icône ^ sous la barre de dégradé pour définir la couleur ou à la faire glisser pour ajuster la position de la couleur

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

Peut également donner une couleur spécifique à la position sélectionnée.

Il existe également des ensembles de dégradés téléchargeables à partir des ressources du studio Clip.

Cela peut vous aider à gagner beaucoup de temps en choisissant la couleur: D

 

 

Voici le lien de l'actif utilisé dans l'image:

Importez l'actif avec ce menu

L'actif est prêt à être utilisé !!

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

Peindre le ciel

Habituellement, vous pouvez simplement peindre le nuage librement, mais le dessin vous aidera à l'alignement, en particulier dans les cas de composition de courbes comme si l'image avait été prise avec un objectif fisheye.

Sélectionnez l'outil de dégradé en mode Premier plan vers arrière-plan, donnez le pré-réglage comme celui-ci,

 

«Forme»: ovale (parce que nous donnons l’aspect de l’objectif fisheye)

«Où créer»: créer un calque de dégradé

Faites glisser la zone de dégradé sur le canevas.

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

Créez ensuite le calque de correction,

[Calque> Nouveau calque de correction> Carte de dégradé]

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

Vous pouvez ajuster la position de la couleur pour un dégradé plus lisse.

 

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

Créez un nouveau calque et peignez les nuages. Assurez-vous de n'utiliser que la nuance en niveaux de gris pour la valeur contrôlable à ajuster dans la couche de correction de la carte de dégradé.

(J'utilise l'outil [Finger tip] pour mélanger les nuages du ciel élevé)

 

S'il y a plusieurs couches de nuage, placez-les dans un dossier pour la couche de correction

Une fois que vous avez appliqué la carte de dégradé, coupez-la sur le calque ci-dessous. Ainsi, la carte de dégradé ne prend effet que sur le cloud

Maintenant, nous avons le ciel avec la teinte bleue qui correspond au ciel.

Vous pouvez appliquer l'effet de lumière au personnage avec un découpage en mode de fusion de calque avec le calque de personnage

Pour ajouter le soleil

 

Utilisez l'outil Rafale pour créer un effet de rayon de soleil

Dans la propriété de l'outil, définissez [Espace de ligne] sur 30

Ensuite, désactivez tous les paramètres [Disarray]

Faites glisser sur la forme du soleil

Puis modifiez-le avec l'outil objet

Ajustez la longueur pour faire en sorte que la ligne remplisse l'image

Ajustez la forme du rayon en déplaçant le nœud d'arête avec l'outil objet

Vous pouvez trouver des paramètres supplémentaires pour l'outil dans l'icône de configuration

Désactivez le démarrage, cela donnera au rayon une seule extrémité pointue

Rastérisez le calque, puis utilisez l’outil [Bout du doigt] pour ajouter un effet de fusion au bord

Remarque: maintenez la touche Maj enfoncée pour faire glisser en ligne.

Fusionnez le rayon avec la forme du cercle, dupliquez le calque, appliquez un filtre de flou [Filtre> Flou> Flou gaussien] et appliquez une fusion de calque [Ajouter (agrandir)] pour le rendre brillant

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

fini

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 donner à la silhouette un aspect.

Pour le ciel nocturne, j'utilise le pinceau spray pour créer des étoiles

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

[Filtre> Flou> Flou gaussien]

Cela créera un effet starlight

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

Tout d'abord, vous devez comprendre la vue d'ensemble de la prise de vue, l'objet est de rester au même endroit pendant que la caméra effectue un panoramique comme celui-ci.

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

 

Le flux de travail commence par dessiner l'ordre de la scène dans un storyboard, que nous utiliserons le personnage comme proxy

Ajoutez ensuite les images clés et ajustez le timing

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

 

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

Créez un nouveau canevas pour l'animation. Assurez-vous qu'il a la même fréquence d'images que le fichier de synchronisation d'image clé

 

(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 synchronisation de l'image clé (.clip)

Le fichier comprend l'animation qui apparaîtra sur le canevas

(Assurez-vous que le calque se trouve en dehors du dossier d'animation, sinon il n'apparaîtra pas sur le canevas)

Ajuster la zone de la chronologie pour qu'elle s'adapte à la chronologie de l'objet importé

Dessinez l'esquisse d'arrière-plan dans le dossier d'animation, faites-la correspondre avec les images clés de synchronisation que nous avons créées

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

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

Commencez par supprimer l'arrière-plan du fichier de synchronisation en cliquant avec le bouton droit de la souris sur le calque> Objet fichier> Ouvrir le fichier à partir de l'objet fichier

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

L'objet fichier deviendra transparent

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

Activer l'image clé du calque de la carte de dégradé à animer

Sélectionnez le cadre et déplacez le dégradé lié à l'esquisse avec [Outil objet]

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

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

>> Étape 3: créer un arrière-plan

Certaines images clés montrent l'arrière-plan avant qu'il ne monte vers le ciel

Dessinez l'arrière-plan. Ici, je vais utiliser les actifs de Clipstudio pour le parc et la ville à l'arrière.

 

Vous trouverez des éléments d'image utiles dans les matériaux d'image, non seulement prêts à l'emploi, mais également utiles pour référencer la couleur.

Faites simplement glisser l'objet sur le canevas pour l'utiliser.

J'ai choisi la couleur de l'arbre et je l'applique au sol

Il existe également des pinceaux par défaut pour créer des effets texturés, je les ai appliqués 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 sur la ville au loin

Et faire plus de distance

J'utilise la propriété layer sur le matériau pour ajuster sa couleur

En conclusion, nous aurons 3 couches pour l'arrière-plan (fusionner le parc en une seule couche)

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

 

nous activons donc l'image clé et éloignons 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-vous vers le coin)

Le panoramique de la caméra paraîtra plus clair à cette étape

>> Étape 4: Ajouter un cloud

Pour le cloud, 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 scène finale et appliquez la carte de dégradé, de petits nuages le feront paraître plus loin.

Redimensionner le canevas, allez dans Modifier> Modifier la taille du canevas

Vous pouvez simplement mettre le nombre ou ajuster la bordure de transformation pour la redimensionner sur le canevas.

 

Il y a plus d'espace pour le travail de la caméra sur les nuages, ne vous inquiétez pas, lorsque nous l'exportons, il n'affichera que les objets dans le bord de la frontière.

 

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 toutes les couches de nuages à l'intérieur

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

Dans l'option appareil photo, vous pouvez vérifier comment il apparaît sur l'appareil photo avec l'option de mode d'affichage

(vous devez le remettre en mode guide de terrain pour modifier à nouveau le cloud)

Il y aura 3 phases de déplacement du nuage, créer l'image clé aux positions où elle suppose de se déplacer

Le fond est fait !!

>> Étape 5: finition

Dans un fichier séparé, créez l'animation image par image du personnage

 

[Important!] Réglez la fréquence d'images sur 24, la fréquence d'images doit être la même pour l'arrière-plan et le caractère

Remarque: pour la dernière étape, j'ai également ajouté des images clés de mouvement du vent aux cheveux

Pour plus de détails sur l'animation Consultez mon tutoriel précédent sur l'utilisation de l'outil Bezier pour le processus d'animation ici

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

Il est recommandé de créer le fichier de caractères avec les mêmes dimensions de l'arrière-plan, de sorte qu'il n'y ait aucun problème à importer.

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

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

appliquer également un découpage de calque pour un effet de lumière et d'ombrage sur le personnage

Et c’est fait !! Scène de ciel panoramique simple avec clip studio !!

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

J'espère que ce tutoriel sera utile pour votre scène d'animation, Bonne animation !! ^ ^