[Version Tab] Animer des bulles, la surface de l'eau et les reflets de lumière
En général, les éléments des scènes sous-marines sont illustrés par un ton froid avec différentes valeurs pour décrire les profondeurs.
On y trouve aussi des détails courants comme du corail, des bulles, des textures de vagues ou de la lumière mouvante…
Aujourd'hui, je vais vous montrer comment j'arrange les éléments, ajoute des valeurs et utilise des outils pour accélérer le processus.
Il y a 2 processus : Illustration et Animation pour créer ces 2 versions.
Version illustrée.
Version animée.
Accéléré
A. Processus d'illustration
1. Personnage
Comme vous le savez, j'avais l'habitude de créer de courts mouvements pour elle, mais cela ne donne pas beaucoup de détails sur son histoire.
Je vais donc créer un arrière-plan pour mon personnage original (OC) - le Prêtre.
Remarque : Je vous recommande de construire une composition brute avant de poser le personnage.
a. Croquis et encrage
1. J'ai pris 2 poses avant de continuer avec la 3ème.
2. J'ai ajouté autant de détails que possible avant de nettoyer l'encrage.
3. Utilisez l'outil Déplacer, puis déplacez l'ensemble de la pièce deux fois vers le coin inférieur droit pour les arrangements d'arrière-plan.
[J'ai essayé de déplacer mon personnage au point focal autant que possible]
4. Continuez à déplacer deux fois vers la droite avec l'outil Déplacer et ajoutez plus de détails à l'arrière-plan.
5. Diminuez l'opacité du croquis puis réalisez l'encrage (je continue d'ajouter des détails pendant l'encrage).
b. Coloration
1. Utilisez l'outil Remplissage Lasso rapide pour définir une couleur de base sur un nouveau calque.
2. Voici le calque d'encrage.
3. La base est sous l'encrage, je trace le long du contour de mon personnage pour créer la base.
4. Le croquis a été désactivé.
5. Verrouillez les pixels transparents du calque de base. Il y a un symbole comme celui-ci lorsque le calque est verrouillé.
6. Dans la palette Vue secondaire
7. Appuyez pour déposer la couleur pour les détails que vous souhaitez colorer.
8. Continuez à utiliser l'outil Remplissage Lasso rapide pour remplir directement la couleur dans la base.
Voici la base après coloration.
c. Ombrage
Je souhaite ajouter des textures à mon personnage, j'utilise donc un marqueur pour ajouter des ombres et des lumières au lieu d'utiliser l'outil Lasso comme d'habitude.
1. Ceci est la palette Sous-outil de l'outil Stylo.
2. Dans l'onglet Marqueur, je choisis le Marqueur plat pour l'ombrage.
3. Dans la palette Propriétés de l'outil.
4. Je diminue la taille du pinceau jusqu'à ce qu'il soit suffisamment petit pour que je puisse estomper les ombres.
5. Pour les calques de lumière et d'ombre, j'active le Masque d'écrêtage afin que les deux calques puissent s'adapter au calque de base situé en dessous.
6. J'ai expérimenté avec les modes de fusion pour les deux calques.
7. Jusqu'à ce que je choisisse le mode Écran pour le calque de lumière.
8. Et le mode Produit pour l'ombre.
2. Arrière-plan
a. Base de dégradé
1. Dans l'outil Dégradé.
2. Dans sa palette Sous-outil, il existe de nombreux types de dégradés de couleurs.
[Je choisis le type Premier plan vers arrière-plan]
3. Dans la palette Propriétés de l'outil, il y a beaucoup de réglages à essayer, mais je les garde par défaut.
4. Les couleurs ne seront pas changées en cliquant sur ces carrés.
5. Elles peuvent être changées au niveau du symbole des Paramètres de couleur sous l'outil Dégradé.
Au carré du haut, la couleur du premier plan sera changée ici.
6. Au carré du bas, la couleur de l'arrière-plan sera changée ici.
7. Le 1er point que vous touchez est la position de la couleur du premier plan, maintenez et faites glisser jusqu'au 2ème point pour la couleur de l'arrière-plan.
8. Voici l'exemple lorsque je maintiens et fais glisser directement du bas vers le haut.
7a. Vous pouvez modifier la direction des couleurs de dégradé.
7b. Vous pouvez décider de la largeur de la plage pour les couleurs de dégradé.
9. Pour représenter la profondeur de l'océan, voici la base que j'ai créée sur un nouveau calque et que j'ai placée sous les calques de personnages.
10. Dans l'onglet Calque > Nouveau calque de correction.
11. Choisissez Dégradés de couleur (Gradient maps).
12. Une fenêtre apparaîtra > je choisis Ciel bleu dans les Jeux de dégradés (Gradient sets) du ciel > glissez le calque vers le haut.
13. Ensuite, j'expérimente avec les modes de fusion et l'opacité pour ce calque de dégradés de couleur jusqu'à ce que je sois satisfait de l'appliquer sur tous les calques inférieurs.
[Je choisis le mode Incrustation (Overlay) et 40% d'opacité]
14. Voici la base de dégradé de l'étape 9.
15. Je choisis 1 ou 2 types que j'aime essayer sur la scène.
b. Composition du premier plan
1. J'augmente la taille du pinceau Marqueur et je choisis 3 couleurs différentes avec des tons variés pour construire l'arrière-plan brut sur 3 calques séparés.
[Couleur la plus foncée pour le premier plan > couleur moyenne pour le plan intermédiaire > couleur la plus claire pour l'arrière-plan]
2. Continuez à utiliser le pinceau Marqueur de petite taille pour détailler chaque section.
3. Voici la composition brute.
Remarque :
1. Voici les couleurs réelles de ma scène sans les cartes de dégradé au-dessus.
Activez/désactivez donc le calque des cartes de dégradé pour vous assurer de choisir la bonne couleur pour chaque plan.
[Cette étape est importante pour maintenir des valeurs précises afin de créer des profondeurs dans la scène.]
2. Plus la scène a de valeurs, plus elle est profonde.
[Les valeurs deviennent plus faibles/plus claires avec une plus grande distance]
c. Détails
Le premier plan n'est pas seulement le plus sombre, mais aussi celui qui contient le plus de détails.
[Je ne fais pas seulement de l'ombrage, mais aussi de l'éclairage > il y a 4 calques au total pour ce premier plan]
1. J'utilise un pinceau Texture avec une couleur claire pour réaliser l'encrage.
[Je n'ai pas de véritable étape d'encrage, c'est le croquis propre ainsi que l'encrage]
2. Comme la base est trop foncée, je dois passer le calque d'encrage en mode Produit (Multiply) avec 50% d'Opacité.
3. Choisissez la même couleur que l'ébauche pour ajouter une base sous l'encrage.
4. Les deux calques pour la lumière et l'ombre sont activés en Masque d'écrêtage.
[Mode Incrustation (Overlay) pour la lumière et mode Produit (Multiply) pour l'ombre]
5. Voici le premier plan après ombrage.
6. Le plan intermédiaire a également 4 calques :
L'encrage
Les dégradés de couleur pour éclaircir la couleur
La lumière
La base
7-8. Pendant ce temps, les deux arrière-plans n'ont que 3 calques chacun :
L'encrage
L'ombre
La base
Verrouillez les calques d'encrage de chaque section et modifiez leurs couleurs jusqu'à ce que je sois satisfait de l'ensemble de la scène.
3. Ajout d'éléments
a. La surface de l'eau
1. Tapez ce numéro d'ID.
2. Dans la barre de recherche.
3. Dans Matériau.
4. Ouvrez la catégorie Téléchargement.
5. Faites glisser le matériau sur la toile > mettez-le en mode Incrustation.
6. Édition > Transformation > Transformation libre pour ajuster la surface le long de cette grille de perspective.
7. Tracez le long de ce bord avec un pinceau Texture pour créer des vagues touchant les bâtiments.
8. Utilisez la gomme aérographe pour estomper légèrement cette partie.
9. Ajoutez à nouveau cette surface > ajustez-la à l'angle souhaité > estompez une partie comme à l'étape 8 > mettez-la en mode Produit.
5a. C'est un matériau 3D, il est donc assez difficile pour moi de l'ajuster à l'angle que je souhaite.
5b. J'ouvre donc les paramètres du calque en appuyant sur ce symbole.
5c. Choisissez Rasteriser.
b. La lumière
1. Ajoutez à nouveau la surface > Rasteriser > mode Incrustation > Édition > Transformation > Transformation de maillage > ajustez la surface pour couvrir le corps > OK > effacez le reste avec l'aérographe.
2. Répétez l'étape 1 pour les lumières reflétées sur les bâtiments.
3. Ouvrez un nouveau calque > mettez-le en mode Densité couleur (ajout) > Utilisez le Marqueur plat en grande taille pour dessiner des traits droits représentant les lumières.
c. Corail
1. Tapez ce numéro d'ID.
2. Dans la barre de recherche.
3. Lorsque vous utilisez ce pinceau pour créer un trait comme d'habitude, il créera un tas de coraux.
4. Appuyez aux positions que je souhaite décorer et un nouveau corail sera ajouté aléatoirement.
d. La texture de l'eau
Il existe 2 façons d'ajouter une texture d'eau.
Voici la 1ère méthode :
1. Téléchargez ce pinceau.
2. Dessinez-le aléatoirement sur un nouveau calque en mode Incrustation.
3. Édition > Transformation > Transformation libre pour ajuster la texture à la perspective.
Comme je pense que la 1ère méthode ne me convient pas, je choisis la 2ème :
Je télécharge cette texture d'eau.
Je la place au-dessus de tout.
Puis j'expérimente avec les modes de fusion jusqu'à ce que je trouve celui qui me convient.
Voici donc la version finale du processus d'illustration.
B. Processus d'animation
La scène est terminée pour l'instant.
Cependant, je veux la pousser plus loin en faisant bouger certains éléments comme les bulles, la surface de l'eau et la lumière.
J'ai donc exporté les 3 images ci-dessous dans une nouvelle toile d'animation.
1 & 3. J'ai exporté ces 2 images comme des images habituelles.
2. J'ai exporté tous les calques comme SEULEMENT 1 image transparente.
Voici l'ordre pour un total de 13 éléments, incluant 11 éléments animés et 2 images fixes.
1. Motifs de surface
2. Encrage de surface
3. Textures de surface
4. Base de couleur de surface
5. Bulles
6. Mouvements bruts de surface
7. Les parties au-dessus de l'eau
8. Textures sous-marines
9. Base de couleur sous-marine
10. Lumière mouvante
11. Personnage et arrière-plan [Image fixe]
12. Le ciel
13. La base de dégradé [Image fixe]
1. Surface de l'eau
J'ouvre une nouvelle toile pour l'animation avec ces préréglages :
1. Les mouvements de l'eau pour ma scène sont lents, j'ai donc choisi 6 ips pour cette animation.
[Mon animation durera 4 secondes avec ce préréglage]
2. J'utilise la version PRO, donc je n'ai que 24 images maximum pour présenter le cycle de mouvement de l'eau.
a. Mouvements bruts [6ème ordre]
Lorsque nous voyons une surface d'eau au niveau des yeux, il y a 2 côtés à la surface.
Le côté proche [2] et le côté éloigné [1]
Commençons par le côté éloigné.
1. Dans l'onglet Fenêtre.
2. Cliquez sur Timeline. Voici la palette Timeline.
3. Ajoutez un Nouveau dossier d'animation.
4. Ajoutez une Nouvelle cellule d'animation.
5. Supprimer la cellule.
6. Pelure d'oignon [Activez-la lors de l'animation, les autres fois elle sera désactivée]
7. Définissez la plage de mouvement de la surface en marquant 4 coins.
8. Dessinez la forme ~ du coin supérieur gauche au coin inférieur droit.
9. Activez la pelure d'oignon et ajoutez une nouvelle cellule d'animation, puis déplacez-vous vers le bas pour le côté gauche et vice-versa pour le côté droit. Ajoutez une nouvelle cellule d'animation chaque fois que vous dessinez une nouvelle forme ~ jusqu'à la position centrale.
10. La forme ~ deviendra progressivement droite lorsqu'elle atteindra la position centrale.
11. Voici la surface au centre.
12. Continuez à dessiner la forme ~ jusqu'au bas du côté gauche et au haut du côté droit.
La cellule et l'image ne sont pas à la même position, la cellule étant numérotée à partir de 1, l'image à partir de 0
13. Ces nombres affichent les IMAGES.
14. Ces toiles blanches sont appelées CELLULES et nous avons déjà utilisé un total de 12 cellules pour présenter un demi-cycle. Pour créer une boucle, je vais copier ce demi-cycle dans la direction opposée.
Par exemple : Pour créer une imitation de la Cellule 11 à la 12ème image.
15. À la Cellule 11 [position/image 10ème], Animation > Éditer la piste > Copier.
16. À la 12ème image.
17. Animation > Éditer la piste > Coller.
18. Comme vous pouvez le voir, non seulement leur ordre mais aussi leurs propriétés sont les mêmes, ce qui signifie que tout changement sur l'original affectera l'imitation et vice-versa.
19. Reproduisez la boîte bleue ci-dessus pour les Cellules 10 à 2 et voici le résultat.
20. Comme vous pouvez le voir, la création d'une boucle ne m'a coûté que 21 images, j'ai donc maintenu et fait glisser jusqu'à l'image 21 pour couper les images redondantes.
Nous avons donc terminé l'animation pour le côté éloigné de la surface [1], passons maintenant au côté proche. [2]
1. À gauche, lorsque le côté éloigné descend, le côté proche montera [2]
3, 4, 5. Le processus
6. Au centre, les deux côtés sont légèrement droits.
7, 8. À droite, lorsque le côté éloigné monte, le côté proche descendra.
9. Voici le timelapse pour ce processus.
10. Je n'ajoute l'animation pour le côté proche que sur 12 cellules.
11. Ces cellules sont déjà dessinées car elles ont été copiées par [ Animation > Éditer la piste > Copier/Coller]
b. Mouvements propres [2ème, 4ème, 8ème et 9ème ordres]
1. Diminuez l'opacité du dossier d'ébauche, puis ajoutez un Nouveau dossier d'animation au-dessus du dossier d'ébauche.
2. Tracez le long de l'ébauche avec un trait ondulant aléatoire comme ceci.
3. Ajoutez quelques traits autour des colonnes, comme si les vagues les frappaient.
4. Je ne trace que pour 12 cellules.
5. Les autres seront copiées par Animation > Éditer la piste > Copier/Coller.
1. J'ajoute un Nouveau dossier d'animation sous le dossier d'encrage, je le mets en mode Produit (Multiply) avec 62% d'Opacité.
2. Je clique sur Nouvelle cellule d'animation 12 fois.
3. Utilisez l'outil Remplissage Lasso rapide pour colorer la surface.
4. N'oubliez pas que la surface est entravée par le bâtiment à certains endroits, ne la couvrez donc pas.
5. Ces cellules ont été copiées par Animation > Éditer la piste > Copier/Coller.
1. J'ajoute un Nouveau dossier d'animation sous le dossier d'encrage ainsi que la base de surface, je le garde en mode Normal avec 28% d'Opacité.
2. Je clique sur ajouter Nouvelle cellule d'animation 12 fois.
3. Utilisez l'outil Remplissage Lasso rapide pour colorer la partie sous-marine.
4. Les autres cellules ont été copiées par Animation > Éditer la piste > Copier/Coller.
1. Ajoutez le matériau et mettez-le en mode Produit.
2. Activez le Masque d'écrêtage.
[La texture s'adaptera à la base en dessous [3]]
4. À l'image 0.
5. J'active l'activation de l'image clé.
6. Ajouter une nouvelle image clé > le symbole d'utilisation de l'image clé est apparu [7]
8. J'utilise l'outil Opération pour déplacer le matériau vers la gauche.
9. À l'image 12, déplacez le matériau vers la droite.
10. À l'image 0, Animation > Éditer la piste > Copier.
À l'image 21, Animation > Éditer la piste > Coller.
Maintenant, les positions aux images 0 et 21 sont les mêmes.
[La texture se déplace légèrement de gauche à droite]
Voici les mouvements après nettoyage et ajout de textures pour les parties sous-marines.
c. Textures [1er et 3ème ordres]
1. J'ajoute un Nouveau dossier d'animation en haut, passé en mode Incrustation (Overlay) et 53% d'Opacité.
Puis, j'ajoute 12 Nouvelles cellules d'animation.
Sur la 1ère cellule, je choisis une couleur claire puis j'utilise l'outil Remplissage Lasso rapide pour dessiner ces formes aléatoirement le long des courbes de la surface.
Puis, je choisis une couleur plus foncée pour dessiner des plages sous les claires comme des ombres.
2. J'utilise la gomme Lasso rapide pour supprimer quelques parties des sections claires comme des motifs.
3. J'utilise un pinceau de texture et une couleur blanche pour dessiner quelques traits ici et là comme des lumières.
4. Voici l'accéléré des étapes précédentes.
5. Reproduisez les étapes 1 à 3 pour ces cellules.
6. Ces cellules ont été copiées par Animation > Éditer la piste > Copier/Coller.
1. Cependant, la surface est assez sombre, j'ajoute donc le matériau de surface de l'eau dans un Nouveau dossier d'animation mis en mode Lumière crue et avec le Masque d'écrêtage [2] activé.
[Tous les mouvements s'adapteront à la couleur de base de la surface [3] en dessous]
4. À l'image 0,
5. J'active l'activation de l'image clé.
6. Ajouter une nouvelle image clé.
7. Lorsque l'image clé est activée, ce symbole apparaît.
8. J'utilise l'outil Opération pour déplacer le matériau vers la gauche avec un angle oblique.
9. À l'image 12, déplacez le matériau vers la droite avec un angle oblique.
10. À l'image 0, Animation > Éditer la piste > Copier.
À l'image 21, Animation > Éditer la piste > Coller.
Maintenant, la position aux images 0 et 21 est la même.
[La texture oscillera en suivant les mouvements de la surface]
2. Bulles
1. Voici le timelapse pour dessiner les formes des bulles image par image.
Comme vous pouvez le voir, je vais dessiner 3 groupes de bulles pour 21 images [soit 22 cellules]
2. J'ajoute un Nouveau dossier d'animation, puis je le mets en mode Incrustation.
3. Activez la pelure d'oignon.
4. Ainsi, je peux voir l'image précédente pour placer la bulle correctement avec une couleur claire.
Pour le mouvement lent, je place les bulles à travers les images très proches et elles rétrécissent progressivement.
5. J'utilise la même couleur que le trait pour les bulles, puis j'utilise l'outil Remplissage Lasso rapide pour dessiner des formes aléatoires comme celle-ci, comme si elles se reflétaient sur les bulles.
6. J'utilise une couleur plus foncée pour détailler la texture réfléchissante.
7. Enfin, j'utilise la couleur la plus foncée pour l'ombrage.
Remarque
Je n'ai pas de dossier séparé pour l'encrage propre.
Je dessine et détaille les bulles directement sur l'animation.
3. Touche finale
a. Le ciel
Je vais créer une boucle où les nuages se déplaceront légèrement de gauche à droite puis reviendront.
1. Téléchargez ce matériau.
2. Placez-le sur le calque de base du dégradé.
3. Mettez-le en mode Produit (Multiply) avec 38% d'Opacité.
4. À l'image 0, activez l'activation de l'image clé.
5. Ajoutez une nouvelle image clé.
6. Utilisez l'outil Opération pour déplacer l'image jusqu'à ce que je trouve la jolie partie du nuage > faites-la glisser légèrement vers la gauche.
7. À l'image 0, Animation > Éditer la piste > Copier - pour copier le placement.
À l'image 21, Animation > Éditer la piste > Coller.
8. À l'image 11, faites glisser l'image vers le centre.
Voici les mouvements des nuages.
b. Colorez les parties au-dessus de la surface de l'eau
Habituellement, les parties sous l'eau ne sont PAS aussi saturées que celles au-dessus de la surface de l'eau.
Représentons-le ici.
1. Ajoutez un Nouveau dossier d'animation.
2. Cliquez sur Nouvelle cellule d'animation 12 fois.
3. Utilisez l'outil Remplissage Lasso rapide pour créer des couvertures colorées pour les parties des bâtiments qui restent au-dessus de la surface de l'eau.
4. Édition > Copier/Coller [Cela permet de modifier les images copiées sans modifier l'originale]
5. Pour copier l'image de la cellule 1 vers la cellule 2 jusqu'à la cellule 12.
6. Utilisez la gomme Lasso rapide pour supprimer les parties qui restent sous l'eau, continuez pour les autres cellules jusqu'à ce que nous ayons 2-3 parties comme celle-ci par cellule, basées sur les mouvements de surface.
7. Les cellules 11 à 2 seront copiées par :
8. Animation > Éditer la piste > Copier/Coller [Parce que les mouvements de surface sont une boucle, ces parties ont été coupées en suivant également une boucle]
9. Jouez avec les modes de fusion jusqu'à ce que je sois satisfait du mode Différence et d'une Opacité de 47%.
c. Lumière mouvante
1. Ajoutez un Nouveau dossier d'animation au-dessus du personnage > mettez-le en mode Densité couleur (ajout) avec 51% d'Opacité.
2. Cliquez sur Nouvelle cellule d'animation 12 fois.
3. Utilisez l'outil Remplissage Lasso rapide pour dessiner des formes aléatoires comme celles-ci, représentant la lumière.
4. Édition > Copier, puis cliquez sur la 2ème cellule, Édition > Coller.
5. Utilisez l'outil Déplacer pour déplacer progressivement la forme vers la droite.
6. Reproduisez les étapes 4 et 5 jusqu'à ce que les 12 cellules soient terminées.
7. Utilisez l'outil Remplissage Lasso rapide pour combler les lacunes lors du déplacement des formes lumineuses.
8. Ajoutez Filtre > Flou > Flou directionnel.
9. Ajustez les préréglages.
10. Reproduisez les étapes 8 et 9 pour chaque cellule de 1 à 12, puis les autres cellules seront copiées par Animation > Éditer la piste > Copier/Coller.
Commentez ci-dessous pour me faire savoir quelle version vous préférez [Illustration ou animation] ?
Merci d'avoir regardé jusqu'à la fin, même si cet article est assez long ♡
Commentaire