Bonjour.

 

Cet article vous présente ma méthode pour la conception d'une animation accompagnée d'une bande sonore.

En réalité je m'apprête à accompagner des enregistrements audio avec des images animés.

Voir la procédure dans cet ordre là est à mon sens plus correct. Je m'explique dans la section " bande sonore ".

 

Ce tutoriel explique la démarche à suivre pour créer une animation de style traditionnel ( image par image ), l'utilisation de fonctions comme le [ Papier pelure ], les [ images-clés ], l'importation de clips audio et les façons de gérer ceux-ci.

Pour finir par l'exportation d'un fichier sur Clip Studo Paint.

 

 

 

◊ PAGE BLANCHE

 

Commençons avec l'ouverture d'un nouveau fichier d'animation.

⇒ Sélectionnez le menu [ Fichier ] >> [ Nouveau ].

 

Une fenêtre apparaît.

 

Pour une animation, sélectionnez l'onglet en rouge, comme ci-dessous.

 

 

 

Un panneau de configuration de l'animation s'affiche.

Vous avez la possibilité d'y modifier la taille de la toile ou encore les réglages concernant la chronologie.

 

 

 

⁘ Que sont ces paramètres ?

 

 

♦ La toile :

 

Dans l'animation, le format de votre toile, se voit divisée en deux parties et plus si vous incorporez des mouvements de caméra.

 

• La Taille du cadre d'exportation, définie le cadre pris en compte lors de l'exportation de votre oeuvre.

• L'espace vide, vous permet un meilleur visuel de vos plans dans le cadre d'exportation.

 

 

 

♦ La Chronologie :

 

En prenant compte de la persistance rétinienne, un plan animé se fixe sur un format de 24 images par seconde, afin d'avoir une fluidité de l'animation.

Ici dans cet onglet [ Chronologie ] l'on vient paramétrer la cadence d'images en fonction du temps de lecture.

 

 

 

Plus la cadence d'images est élevée, plus le nombre d'images affichées par seconde augmente rendant l'animation fluide mais vous réduisez votre temps d'animation.

 

Exemple : Une cadence de 24 images créer un mouvement fluide d'une durée d'une seconde, tandis qu'une cadence de 8 images par seconde, vous permet de réaliser environ 3 secondes d'animation mais qui sera plus saccadé pour l’œil.

 

Réduire la cadence, permet de donner des effets de mouvements plus ou moins rapide.

 

 

 

Si ces informations vous ont été utiles, je vous recommande d’approfondir grâce au tutoriel officiel :

 

 

◊ STORY-BOARD

 

La réalisation d'une animation nécessite de l'organisation, en effet à partir du modèle chronologique de 24 images par seconde.

Il faut prévoir au préalable les actions et ambiances misent en œuvres dans chacun des plans.

Pour se faire, j'élabore un story-board jumelé d'un script qui détermine la majorité des enjeux esthétiques et constitue un outil de référence pour la suite, puisqu'il regroupe toutes les indications techniques comme les déplacements, gestes et émotions des personnages, les plans et mouvements de caméras; la composition du décor ou encore les effets spéciaux, bruitages ect.

 

 

◊ BANDE SONORE

 

À présent, avant d'aller plus loin avec la conception graphique, je vais effectuer mes enregistrements et recherches pour la bande sonore.

Il est à mon sens préférable de réaliser la partie graphique par rapport aux enregistrements audio afin de connaître la chronologie temporel de l'animation.

 

C'est également le moment en fonction des capacités techniques à disposition et des résultats de recherche pour revoir le story-board et éviter de devoir refaire un plan animé auquel aucun enregistrement audio n'est réalisable.

 

Il y a de nombreuses communautées et sites de Soundbank en partage gratuit. Reste à en explorer les nombreuses données et trouver la bande sonore la plus adaptée à votre animation.

 

 

◊ GRAPHISME

 

Une fois avoir récupérer les enregistrements audio adéquates, retour sur la partie graphique.

Je dessine d'abord le décor puis y incorpore mon personnage, jusque là, je ne suis pas influencé par une piste audio, je peut réaliser la cadence d'images et les mouvements à ma convenance.

 

Lors de l'encrage, chaque éléments d'un plan est dessiné puis peint sur différents claques, j'obtiens la liberté et la lisibilité pour faire toutes sortes de modifications.

 

 

◊ ANIMATION WITH SOUND

 

A partir de là, je vais réaliser mes plans animés par rapport aux enregistrements, je commence par régler les clips audio dans la table chronologique.

 

 

 

⁘ Qu'est ce que la table chronologique ?

 

Voici la démarche pour l'activer ainsi que quelques explications des fonctions associés.

⇒ Sélectionner le menu [ Fenêtre ] >> [ Chronologie ]

 

 

 

Vous pouvez afficher la [ Chronologie ] de cette manière également.

 

 

 

S'ouvre l'onglet de la [ Table Chronologique ]. C'est à partir de celle-ci que vous allez gérer votre animation, elle présente différentes fonctions, les voici :

 

A -- L'éditeur graphique, cet icone ouvre une nouvelle fenêtre de paramètres exclusivement réservé aux clips audio, permettant un réglage optimale des variations.

B -- Editer et Créer une chronologie. Permet de modifier le nom que porte celle-ci, et les méthodes d'opération qui vous conviennent le mieux.

C -- Les Cellulos d'animation, sont les équivalents de vos calques dans votre palette. Un dossier d'animation regroupe les cellulos d'un même plan animé.

D -- La fonction [ Papier Pelure ] va vous permettre de créer les cellulos d'interpolation en ayant une trace d’apparence transparente d'un plan précédent et suivant.

E -- La fonction [ Image-clé ] permet de créer des repères sur lesquels les plans animés vont s'ajuster. Indiquant les "animations-clé" à partir desquels viendrons s'arranger les cellulos d'interpolation.

 

 

 

♦ Pour [ Importer] un enregistrement audio, voici la démarche :

 

⇒ Sélectionnez le menu [ Fichier ] >> [ Importer ] >> [ Audio ]

 

 

 

Sur l'image ci-dessous, l'on retrouve :

 

En bleu : Les étapes de l'animation diviser par plan.

En jaune : Un [ clip audio ] importer

En Vert : Un [ Dossier d'Animation ] regroupant les [ Cellulos ] du plan animé.

 

 

 

Dans les exemples qui suivent, nous voyons l'avion passer, mais lors de ces étapes celui-ci n'était pas encore dessiner, je vous l'affiche pour une meilleure compréhension entre les [ images-clé ] et le déplacement de l'avion.

 

 

Maintenant que [ l'enregistrement Audio ] est inséré dans la [ Chronologie ], je vais le fractionner pour qu'il s'accorde avec mon temps de lecture.

Bien sur, je fractionne la partie de l'audio que j'ai choisi pour être la plus adaptée en l'ayant déplacer horizontalement sur la table chronologique.

 

∴ Si vous passer la souris sur la bande noir de l'audio une main apparaît, maintenez pour bouger la sélection.

 

Comme ceci :

 

 

♦ Image-clé et Éditeur graphique

 

Pour que l'animation soit la plus en correspondance avec la partie audio, je vais utiliser la fonction [ image-Clé ]. Ces repères vont me permettre de visualiser le temps d'animation et les plans nécessaires pour réaliser la scène.

 

∴ Pour insérer des images-clés, vérifier bien que vous êtes dans l'onglet [ Opération ]

 

 

Ici l'avion arrivant dans le plan animé, j'effectue des images-clés, aux quels je vais régler le volume pour lui donner l'impression de venir de loin, ainsi une fois au milieu de la scène le volume sera au maximum pour ensuite baisser, lorsque l'avion s'éloignera.

 

 

 

Afin d'effectuer un meilleur réglage des variations de l'audio, je vais utiliser la fonction [ Editeur graphique ]

Rendant plus fluide la bande sonore.

 

∴ Les points d'axe, permettent un réglage sur la chronologie et les molettes la fluidité.

 

Comme ci-dessous :

 

 

 

→ A savoir :

Si vous modifier la cadence d'images d'un plan, vous allez modifier également l'audio qui y est associé, il est donc préférable d'avoir au préalable bien choisi ce paramètre.

 

 

♦ Papier Pelure

 

A ce stade là, comme dit plus haut, vous n'avez normalement pas dessiner les mouvements qui suivent l'enregistrement audio.

C'est l'étape a venir. Pour se faire j'utilise les [ images-clés ] insérer sur l'audio, ainsi que la fonction [ Papier Pelure ].

 

Dans l'exemple ci-dessous, je sais que l'avion arrivant au centre de la scène, aura son volume au maximum, et que cette position sera le milieu de son temps de mouvement.

 

J'utilise ensuite le [ Papier Pelure ] ainsi qu'une ligne de trajectoire pour développer les interpolations du mouvement de l'avion.

 

Comme ci dessous :

 

 

 

Pour effectuer ce déplacement, il ne m'aura pas fallu dessiner tous les cellulos, j'ai successivement deux plans pour l'avion, qui donnent un mouvement pour l'hélice. Je duplique alternativement les deux calques puis grâce aux repères du [ Papier pelure ] je fait avancer l'avion, à vitesse constante et linéaire par rapport à la ligne de trajectoire.

 

 

♦ Animation-clé

 

Voyons à présent une autre manière d'allier Clip audio et Plans animés.

Cette fois-ci mon enregistrement audio, est clairement non-modifiable, il représente le clique d'un bouton de la radio. Si j'accélère ou ralenti cette audio il va perdre de son aspect réel.

 

Pour effectuer l'animation, je fixe deux points de repères avec la fonction [ Image-Clé ] sur le clip audio.

A > Lorsque le mécanisme du bouton s'enclenche

B > Lorsqu'il reviens en position initiale.

 

 

 

Grâce à ces deux repères, je peut dessiner et placer sur la chronologie mes [ Animation-clé ] qui vont cadencer le mouvement.

Puis, compléter la scène avec les [ Cellulos d'interpolation ].

 

 

• Première Animation clé :

 

 

 

• Deuxième Animation clé :

Ci-dessous, arrivé au point de repère A, le personnage pousse le bouton, qui se baisse en même temps.

 

 

 

• Troisième Animation clé :

Avant le deuxième repère, qui signifie que le bouton se relève.

Le personnage, continue son mouvement en retirant sa main et le bouton de la radio termine son action.

 

 

 

• Quatrième Animation clé :

Pour finir par un retour à la position initiale du personnage ainsi que le bouton de la radio.

 

 

 

J'ai effectué les mêmes manipulations pour la suite de l'animation que je vous laisse découvrir.

 

 

 

Pour se rendre compte des biens fait d'une bande sonore, je vous invites à lancer la vidéo sans le son.

Il est rapidement évident que l'audio donne de la prestance aux plans animés, il constitue un apport considérable à l'esthétique. Le son influe sur l'image et l'image influe sur le son.

Un des paramètres les plus touchés par cette interaction est le paramètre temporel. La temporalité de l'animation, son rythme, est dépendant de la bande-sonore.

On peut imaginer que le son aide à l'identification de l'action tout en occasionnant un surplus de crédibilité.

 

 

◊ EXPORTATION

 

Les plans sont synchronisés avec la bande sonore, les finitions sont terminées, le plus simple reste à faire, [ Exporter ] le fichier.

 

Une animation comprenant de l'audio, va s'exporter en tant que [ Film ].

Voici la démarche :

 

⇒ Sélectionnez le menu [ Fichier ] >> [ Exporter l'animation ] >> [ Film ]

 

 

 

Je vous invite à consulter le tutoriel officiel sur l' [ Exportation ] pour y connaître toutes les possibilités.

 

 

◊ CREDITS

 

A partir de ces informations il vous est possible de réaliser toutes sorte de montages vidéo avec bande sonore.

Il est de manière générale pratique d'avoir la possibilité de gérer le son et l'image sur un même support, ici l'on constate que Clip Studio Paint permet aisément cette alliance.

 

Pour l'ensemble des techniques et fonctions misent en avant dans cet article, je vous invite à les tester et faire vos propres créations.

En effet dans l'élaboration d'une animation, les mouvements veulent recréer une sensibilité au plus vrai, en y ajoutant la bande sonore, l'ambiance des plans animés sont un vrai régal !

 

A bidouiller sans modérations.

 

 

 

Je vous remercie de votre lecture, si vous avez des questions et remarques, n'hésitez pas.

 

Bon Dessin !