Utiliser le Keyframer
Le Keyframer est sans doute l’un des effets le plus utilisé de TVPaint Animation.
Il se situe dans le menu principal Effet > Animation.
Il permet de déplacer toutes sortes de dessins à l’écran.
Pour utiliser le Keyframer, il vous faut définir :
* L’objet qui sera déplacé à l’écran : brosse, calque, image de brouillon, papier…
* Le chemin à l’écran de cet objet à l’aide de clés d’animation ou de chemins prédéfinis.
* Les rotations à appliquer à cet objet à l’aide de clés.
* Les flous de mouvements et comportement de début et de fin éventuels.
Pour commencer notre étude du Keyframer, nous avons créé une brosse «TVPaint» (320*100 pixels) comme ci-contre. Le mot TVPaint est écrit en noir sur fond transparent.
Dans certaines images qui vont suivre, le fond choisi est de couleur grise, afin de vous laisser entrevoir les pixels blancs du HUD.
1er exemple : déplacements, zooms et flous de mouvement
Nous allons déplacer la brosse "TVPaint" à l’écran.
* Placez-vous sur l’onglet Source et sélectionnez la brosse personnalisée comme source.
* Revenez sur l’onglet Position.
* Placez la brosse TVPaint en dehors du projet courant sur la gauche à l’aide du HUD (voir ci-dessous) puis créez une clé d’animation pour la variable position en début de calque.
* Créez ensuite une clé d’animation pour la variable Position en fin de calque puis placez la brosse TVPaint en dehors du projet courant de la même manière que précédemment, mais cette fois sur la droite.
* Au besoin, vous pouvez ajuster la position des points clés du déplacement grâce aux champs numériques et mini ascenseurs (utilisez les valeurs ci-contre). Les champs X et Y représentent la position du centre de la brosse à l’écran.
Une lecture complète de votre projet en mode Visualiser vous permettra de voir que votre brosse apparaît à gauche de l’écran et disparaît à droite.
Pour créer un chemin, vous pouvez positionner une brosse à l’extérieur de la zone de travail : la brosse apparaît alors masquée et seul son contour est visible en tant que HUD (voir ci-contre …).
N’appliquez pas immédiatement la Pile FX. Avez-vous remarqué le champ numérique de position Z ? Celui-ci gère la profondeur de l’objet déplacé à l’écran.
Modifions la seconde clé que nous avons créée : entrez les paramètres de positions suivants : X= 540, Y= 240, Z= -800
Un rapide déplacement le long de la timeline vous permettra de voir que notre logo se déplace de gauche à droite, mais, en plus de cela, zoome vers le spectateur ! (voir ci-dessous)
Une valeur positive dans le champ numérique Z aurait provoqué un éloignement du logo.
Il est possible de générer des déplacements encore plus subtils, puisque notre logo peut suivre le chemin prédéfini de votre choix créé grâce à l’Enregistreur de chemin ou grâce au Suivi de mouvement. Vous pouvez aussi courber les chemins créés grâce au HUD et aux clés selon votre choix (Linéaire, Courbe ou Lissage).
Par exemple, dans le trajet ci-dessous, le logo suit une courbe à l’écran tout en zoomant légèrement au premier plan.
Mais, compliquons encore un peu les choses... Il est possible de laisser une traînée derrière notre logo, traînée dépendant de sa vitesse et de sa trajectoire.
Placez-vous sous l’onglet Source :
La valeur Pas de Déplacement définit le nombre d’exemplaires du logo qui constitueront la "traînée".
La taille du flou permet de paramétrer l’étendue de la traînée (voir ci-contre).
Notez qu’une faible valeur pour la taille génère un léger flou orienté dans le sens du mouvement, idéal pour le rendu des flous générés par des déplacements rapides d’objets.
Une valeur nulle supprimera la traînée.
Les réglages du profil d’accélération (leçon 12) prennent ici tout leur sens : les déplacements peuvent accélérer ou ralentir à votre gré !
Encore une fois le menu Lissage permet de choisir la qualité du lissage.
2e exemple : Tangage, Cap, Roulis et Pivot
Dans ce second exemple, nous allons faire pivoter notre logo "TVPaint3 à l’aide des paramètres de tangage, de cap et de roulis.
Procédez à une remise à zéro des paramètres de l’effet Keyframer, sélectionnez à nouveau le logo "TVPaint" comme source et modifiez l’angle de Roulis à l’aide de l’ascenseur. Le logo tourne alors par rapport à l’axe bleu du schéma (voir ci-dessous).
Effectuez une remise à zéro des paramètres du Keyframer et reprenez la même démarche avec le paramètre de Tangage. Le logo tourne alors par rapport à l’axe vert du schéma.
Pour le paramètre de Cap, le logo tourne par rapport à l’axe rouge du schéma.
La combinaison de ces trois paramètres peut donner des résultats très variés. Libre à vous d’employer ces rotations dans vos animations et vidéos.
Le logo peut effectuer plusieurs rotations autour d’un axe : il vous suffit de modifier la valeur du paramètre Rotation lors de la création des clés d’animation pour incrémenter l’angle de 360°.
Dans les exemples ci-dessus, notre logo tourne toujours par rapport à son centre : les axes autour desquels notre logo tourne se croisaient au centre de celui-ci.
Les paramètres de Pivot permettent de modifier la position des axes de rotation par rapport à la brosse.
Ainsi, modifier la coordonnée X du pivot en l’augmentant de 100 pixels et diminuer la coordonnée Y de 100 pixels va générer d’autres genres de rotation lors de la modification du Tangage, du Cap et du Roulis, puisque les axes de rotation sont extérieurs au logo.
Ci-dessous, les effets de la modification du Cap pour notre nouveau pivot.
Modifier la coordonnée Z du pivot permet d’obtenir des mouvements encore plus complexes dans l’espace tridimensionnel :
Chacun des boutons Roulis Align., Cap Align., Tangage Align. permet, une fois activé, de modifier l’angle de la brosse en fonction du chemin parcouru par celle-ci.
Ci-dessous : l’angle du paramètre Cap varie en fonction de la trajectoire du logo.
Quelques mots au sujet de l’onglet Rendu :
* L’option Remplir permet de remplir l’écran au moyen de la source courante. Dans ce cas, animer la source va aussi animer toutes ses reproductions.
* Le paramètre Opacité permet d’ajuster la transparence du logo au fur et à mesure du temps.
* Le paramètre Z camera représente en pixels la distance entre la "caméra virtuelle" et votre image. Plus cette distance est petite, plus l’angle d’ouverture de notre "caméra virtuelle" sera grand. Cela permet d’obtenir un aspect "grand angle" propre aux appareils photos lors de l’emploi des paramètres de Tangage et/ou de Roulis.
Ci-dessus, le paramètre de roulis a été placé à 45° pour notre image d’arbre fusionnée. L’image du haut est celle obtenue avec une Z-Camera égal à 1000, celle du bas pour une valeur de 210.
3e exemple
Ce troisième exemple va permettre de travailler avec différentes sources (onglet Source) dans notre effet Keyframer.
Reprenez le dessin "planète" utilisé dans les leçons précédentes.
Admettons que votre dessin animé soit terminé. Il ne reste qu’à faire défiler la liste des intervenants en guise de générique de fin.
Admettons que cette liste soit contenue dans un second projet beaucoup plus "haut" que celui de notre planète (ci-contre).
Veillez à ce que le texte soit écrit sur fond transparent puis sélectionnez (Fond = Aucun) dans la timeline de ce second projet.
Voici comment faire défiler la liste de bas en haut :
* Dans l’onglet Source, sélectionnez comme source Liste des Projets puis le nom du projet contenant la liste des intervenants,
* Disposez deux clés en début et fin de calque d’animation avec les paramètres de position proches des représentations de la page suivante
* Appliquez la Pile FX.
Le tour est joué ! … La liste se déplace de bas en haut comme prévu.
Grâce au Keyframer tout peut être déplacé à l’écran : une brosse, un autre projet, le calque de votre choix, l’image de brouillon, l’image courante, etc… Vous n’avez qu’à choisir ce qui vous convient dans le menu déroulant Source de l’onglet Source.
Changez par exemple la brosse courante par la brosse animée "papillon" de votre onglet Bin. Cette brosse animée peut, elle aussi, être déplacée à votre guise et, pourquoi pas, suivre un chemin que vous avez pré-enregistré.
Ci-dessous, notre papillon fait une halte sur l’arbre avant de repartir et quitter l’écran.
Des réglages complémentaires s’imposent cependant lors de l’emploi de brosses animées ou de calque d’animation comme image source. Dans ce cas de figure, deux menus déroulants sont à votre disposition : Avant et Après.
Ils permettent de définir la manière dont les constituants de votre brosse animée ou calque d’animation seraient appliqués par l’effet Keyframer si leur nombre était inférieur à celui de la séquence sur laquelle vous travaillez (application des images de la brosse ou du calque d’animation en Boucle, Va et Vient, Au Hasard, etc.).
Pour notre papillon, nous avons choisi le mode Boucle.
Notez que le H.U.D affiche les courbes suivies par les quatre coins de la source, ainsi que les contours des images de départ et d'arrivée. (voir ci-dessous)
4e exemple
Cet exemple va permettre d’aborder le menu Mélange de l’onglet Source. Chargez la séquence vidéo de votre choix puis créez un calque d’animation contenant uniquement des images noires et opaques, juste au devant.
Vous devez obtenir la timeline ci-dessous :
Créez un déplacement quelconque, pour l’objet de votre choix, à l’aide de l’outil Keyframer. Ici nous prenons une brosse logo
"TVPaint" de couleur rouge, le trajet effectué par celle-ci n’ayant pas d’importance.
Notre logo de couleur rouge sera, après application de la Pile FX, situé sur chaque image noire. Jusque là, tout est classique.
Si avant d’appliquer la Pile FX, vous sélectionnez le mode Gomme dans le menu déroulant Mélange (onglet Source) vous obtenez le résultat ci-contre.
Notre calque "noir" a été effacé au niveau des zones de passage du logo, permettant ainsi de voir le calque situé dessous.
Tout se passe comme si notre logo avait été appliqué avec le mode de couleur Gomme.