Nous venons de détailler le langage de programmation des thèmes de montage. Les thèmes d'entraînement vous auront permit d'entrevoir les possibilités offertes par ce formidable outil que sont les thèmes de montage, maintenant à votre disposition.
Mais connaître l'alphabet ne signifie pas pour autant être capable d'écrire des romans. Nous allons voir dans ce tutoriel comment programmer pas à pas un thème de montage sans l'aide d'un template !
Un internaute assidu m'a demandé assistance pour créer un thème de montage qui permettrait d'effectuer une transition dans laquelle la fenêtre en plein écran se déplacerait vers l'un des coins, tout en voyant sa taille se réduire, jusqu'à disparaître dans ce coin.
Cette idée va nous servir de support pour ce tutoriel. Le thème de montage que nous allons construire sera constitué de 5 clips qui s'enchaîneront les uns derrière les autres. Comme décrit ci-dessus, ces transitions consisteront à faire glisser le clip courant vers l'un des coins, tout en réduisant sa taille jusqu'à disparaître.
Une petite vidéo valant mieux qu'un long discour, voici donc ce que nous allons construire ...
Comment faire ?
L'angoisse de la page blanche est le plus gros obstacle à la réalisation d'un thème de montage. Pour réussir son thème, il faut commencer par réfléchir aux objets que vous allez utiliser et à leur arrangement les uns par rapport aux autres.
Nous avons donc un clip d'entrée qui disparaîtra dans le coin en haut à gauche,
un second clip intermédiaire qui disparaîtra en haut à droite,
un troisième clip intermédiaire qui disparaîtra en bas à droite
un quatrième clip intermédiaire qui disparaîtra en bas à gauche
et enfin un cinquième clip qui sera la séquence de sortie du thème.
il nous faut donc gérer 5 clips qui, lors de l'utilisation du thème, seront remplis par 5 drop zones. Il faudra donc créer 5 objets ImageExplicit, un pour chacun des clips. Pour donner un peu d'allure à notre thème, je vous propose de choisir des objets de présentation de type Wipe. Ils nous permettront de créer une bordure autour de chaque fenêtre lorsqu'elle se rétrécira en se déplaçant vers l'un des 4 coins. Bien sur, associé à chacun des objets de présentation Wipe, il faudra créer un objet Material.
Il ne restera alors qu'à créer les animations. Pour cela, on utilisera un objet Keyframer que l'on appliquera à chaque objet de présentation (sauf pour celui de sortie, car il restera immobile)
La partie la plus importante est maintenant de tracer la chronologie de l'animation. Cette étape est particulièrement importante pour éviter d'avoir à modifier un grand nombre d'objets, ce qui est une source de temps perdu.
Nous avons donc 5 clips sue l'on fera s'enchainer toutes les 4 secondes. Chaque mouvement de transition durera 0.8 secondes (j'ai choisi cette valeur pour que la transition soit suffisamment rapide, mais vous êtes libre de choisir toute autre valeur ... cela sera sans aucun doute un exercice profitable ).
La première transition débutera donc à 3.2 secondes pour se terminer à 4 secondes.
La deuxième débutera à 7.2 secondes, jusqu'à 8 secondes.
La troisième débutera à 11.2 secondes, jusqu'à 12 secondes.
La dernière débutera à 15.2 secondes, jusqu'à 16 secondes.
Nous laisserons encore 4 secondes au dernier clip avant la fin du thème de montage, celui-ci aura donc une durée totale de 20 secondes.
Sans précautions particulières, chacun des clip débutera dés le début du thème. Comme seul le premier clip est visible au départ, les autres se dérouleront en étant masqué, ce qui aura l'inconvénient de rendre aléatoire l'instant de démarrage à l'écran de chaque clip. En outre, comme plusieurs clips seront joués en même temps, tous les sons des clips seront audibles, rendant l'ensemble incompréhensible !
Nous allons donc spécifier pour chaque clip une période de gel avant et après leur passage effectif à l'écran. Une autre méthode serait de définir une durée de vie pour chaque objet à l'aide des paramètres Start et End de la balise imgObjectTime de chacun des objets.
La figure ci-dessous résume le chronologie du thème.
Créer la structure du thème.
Tout d'abord, il va vous falloir créer un répertoire qui contiendra votre thème. Si vous en avez déjà créé un pour un précédent thème de montage, vous pouvez placer ce nouveau thème dans ce même répertoire, il sera ainsi affiché dans la même série que vos autres thèmes de montage. Voir ici comment créer un répertoire.
Pour créer l'entête de votre thème, le plus simple est de copier/coller l'entête d'un thème existant, puis de la modifier. Voici ci dessous un exemple d'entête : <?xml version="1.0" encoding="UTF-16"?> <imgDocument Name="?{PinnacleContent}IMG-Templates\directory\file.ixl" Type="Scene" Version="1.2">
Les différents objets devront être placés ici </imgObjectList>
<imgConnectionList> Les différentes connexions entre les objets devront être placées ici </imgConnectionList>
</imgDocument>
Vos pourrez réutiliser cette entête, en prenant soin :
de modifier la durée du thème (ici réglée à 20 secondes) aux différents endroits placés en gras dans cet exemple
de remplacer directory par le nom de votre série de thème (qui est aussi le nom du répertoire qui contient les fichiers correspondants)
de remplacer file par le nom de votre thème aux 3 endroits identifiés dans l'exemple.
vous pourrez aussi ajuster la valeur du paramètre "ScenePixelAspect" selon votre format de rendu favori (ici 1.42 correspond à un format PAL widescreen)
Les objets ImageExplicit
Nous allons utiliser la forme de l'objet ImageExplicit destinée à gérer un clip provenant d'une drop zone. Nous utiliserons les drop zones 1 à 5. Par convention, j'essaye de numéroter les objets images source de 2 à 8. Dans notre exercice, je vous propose de les numéroter ID="2" jusqu'à ID="6".
voici le code correspondant à la drop zone 1 qui gère la séquence d'introduction : <imgObject Type="ImageExplicit" ID="2"> <imgObjectTime Ver="2" Start="0" End="20"/> <imgParameterList> <imgParm Name="Name">Drop 1.Image</imgParm> <imgParm Name="Modifiable">mtDrop|mtAudio|mtStart</imgParm> <imgParm Name="SourceType">srcExplicit</imgParm> <imgParm Name="DropZone">1</imgParm> <imgParm Name="PreHold">0</imgParm> <imgParm Name="PostHold">16.4</imgParm> </imgParameterList> </imgObject>
Il faudra dupliquer ce code pour chacune des drop zones, sans oublier bien sur :
de modifier le numéro d'objet (ID="xx")
de modifier le nom de l'objet (Drop1.image). Même si dans beaucoup de cas le ait d'avoir plusieurs objets portant le même nom est sans conséquences, je vous conseille fortement de faire l'effort de donner un nom différent à chacun de vos objets, c'est un gage de gain de temps quand vous souhaiterez modifier votre thème quelques temps plus tard.
de modifier la liste de valeurs du paramètre Modifiable, car la drop zone 1 est un clip d'entrée (donc admet la valeur mtStart dans sa liste, et la drop zone 5 sera un clip de sortie, et devra donc admettre la valeur mtEnd dans sa liste.
de modifier le numéro de la drop zone correspondant
d'ajuster les valeurs des paramètres PreHold (durée écoulée depuis le début du clip pendant laquelle le clip correspondant sera figé) et PostHold (durée pendant laquelle le clip sera figé après avoir été visualisé. Cette durée se décompte donc par rapport à la fin du clip. Attention de ne pas vous tromper dans ces valeurs, cela provoquerait un crash de Studio )
L'exemple ci-dessus créé donc la drop zone 1, dans laquelle le clip sera immédiatement actif (PreHold=0), et sera joué pendant 3.6 secondes (différence entre la durée de vie de l'objet, soit 20 secondes, et la durée d'immobilisation de 16.4 secondes spécifiée dans le paramètre PostHold)
Nous avons donc créé les 5 objets qui gèrent les images source des drop zones. Il faut maintenant les relier au thème en créant la section des connexions avec une balise imgConnectionList <imgConnectionList>
Ouvrez Studio et son éditeur de thème, si vous avez fait correctement cette section, vous aller voir apparaître les 5 drop zones dans l'éditeur de thème. En revanche, la visionneuse continuera à montrer une image noire.
Création des objets Wipe et Material
Comme nous l'avons vu dans la description du langage de programmation, pour afficher une image source, il faut la concrétiser dans un objet Material, puis la présenter dans un objet de présentation, qui sera un Wipe dans notre exemple.
Nous souhaitons utiliser un objet Wipe afin d'afficher un cadre en bordure autour de la fenêtre lors de la transition. Il faudra pour cela utiliser la forme shSquare
Personnellement, j'aime bien que mes thèmes soient paramétrables, ce qui permet plus de souplesse lors de leur mise en oeuvre. Ici, nous allons créer pour chacun des objets Wipe une bordure de largeur et de couleur réglable au travers de l'éditeur de thème de montage. Ce ce fait, les paramètres correspondants des objets Wipe seront directement renseignés depuis un objet Template. Il sera donc inutile de les renseigner dans ces objets Wipe.
De même, la position et l'échelle de chaque fenêtre vont être modifiées dynamiquement pour effectuer les transitions correspondantes. Il est donc également inutile des les renseigner dans l'objet Wipe.
Il y aura donc très peu de paramétres à renseigner dans chaque objet Wipe <imgObject Type="Wipe" ID="40"> <imgObjectTime Ver="2" Start="0" End="20"/> <imgParameterList> <imgParm Name="Name">Drop 4.Wipe</imgParm> <imgParm Name="Shape" Value="shSquare"/> <imgParm Name="Progress" Value="1"/> </imgParameterList> </imgObject>
Vous reconnaîtrez le paramètre Shape et sa valeur shSquare, ainsi que la valeur 1 du paramètre Progress qui signifie que la taille de la fenêtre à l'intérieur de la bordure est de 100% de l'image source. Ceci permettra de rendre la bordure invisible en dehors des transitions, car elle sera en dehors de l'écran
Il ne vous reste plus qu'a copier coller cette séquence pour chacun des 5 objets Wipe, sans oublier :
de modifier les numéros ID="xx".
de modifier le nom de l'objet (ce qui est indispensable ici, car on va modifier certains paramètres de l'objet depuis un objet template.
Les objets Material seront eux aussi très simples, car les images ne seront pas tronquées, et aucun effet de couleur ne sera appliqué. Ils seront donc de la forme suivante : <imgObject Type="Material" ID="41"> <imgObjectTime Ver="2" Start="0" End="20"/> <imgParameterList> <imgParm Name="Name">Drop 4.material</imgParm> <imgParm Name="Dependent">1</imgParm> <imgParm Name="MainImage">5</imgParm> </imgParameterList> </imgObject>
il nous faut créer un objet Material par Wipe, sans oublier là aussi :
de modifier le numéro de l'objet (ID="xx"). Je vous conseille de définir une numérotation qui vous permettra de vous retrouver facilement dans votre thème. Par exemple, dans ce thème, les Wipe sont numérotés 10,20,30,40 et 50, et les Material respectivements 11,21,31,41 et 51. Nous verrons que les objet Keyframer seront eux numérotés 12,22,32,42, et 52.
de modifier le nom de l'objet.
de modifier le numéro de l'image source de référence (ici l'image ID="5" qui correspond à la drop zone 4).
Programmation des transitions
Les transitions seront réalisées à l'aide d'objets Keyframer. Ces objets permettent de modifier autant de paramètres d'un même objet que l'on souhaite. Nous allons les utiliser pour modifier la taille de la fenêtre (obtenu en jouant sur les paramètres ScaleX et ScaleY), ainsi que sa position (à l'aide des paramètres PositionX et PositionY).
Il faut se rappeler les différentes valeurs numériques de ces paramètres :
ScaleX,Y prend la valeur 1 lorsque la fenêtre à sa taille nominale, c'est à dire qu'elle occupe tout l'écran en l'absence de paramétrage particulier sur la profondeur (PositionZ) ou autre. Lorsque la valeur vaut 0, la fenêtre aura une taille nulle, et donc qu'elle est invisible.
PositionX vaut 0 lorsqu'elle est centrée sur le centre de l'écran. Elle vaudra 0.5 pour être centrée sur le bord droit de l'écran, et -0.5 pour être centrée sur le bord gauche de l'écran.
pour la première transition qui va transformer la drop zone 1 du plein écran vers une disparition dans le coin en haut à gauche, il va donc falloir :
modifier les paramètres ScaleX et ScaleY/ de la valeur 1 vers la valeur 0 afin qu'elle disparaisse.
modifier le paramètre PositionX de la valeur 0 correspondant au centre de l'écran vers la valeur -0.5 correspondant au bord gauche de l'écran.
modifier le paramètre PositionY de la valeur 0 correspondant au centre de l'écran vers la valeur **0.5// correspondant au bord supérieur de l'écran.
Rappelons nous que cette transition se déroule entre les instants 3.2 secondes et 4 secondes !
Ceci devrait correspondre à l'objet suivant :
Interface utilisateur
Pour ce thème, j'ai souhaité proposer le choix de la couleur et de la largeur de la bordure des différentes fenêtres. La même valeur s'appliquera pour chacune des fenêtres. Pour obtenir ce résultat, nous allons utiliser un objet Template .
Tout d'abord, il faudra utiliser un widget de sélection de couleur. Je donne au paramètre le nom border qui sera automatiquement traduit dans l'éditeur de thème dans son équivalent dans la langue d'installation de Windows. Nous aurons donc 3 paramètres correspondant aux 3 composantes couleur:
BorderRed pour le rouge
BorderGreen pour le vert
BorderBlue pour la composante bleue
A noter que le service de traduction n'agit que sur un nombre limité de mots. Le plus simple sera donc de mettre un mot (toujours en Anglais), et de voir si il est traduit (si votre version de Windows n'est pas en Anglais bien sur !)
Ensuite, nous allons utiliser un curseur pour le réglage de la largeur de la bordure. Nous proposerons un domaine de réglage compris entre 0 (pas de bordure) jusqu'à 0.1 qui correspond à 10% de la taille de la fenêtre.
Tous ces paramètres seront ensuite appliqués aux objets de présentation qui gèrent les 4 premières drop zones (il ne sert à rien de l'appliquer à la dernière drop zone, car elle reste en plein écran et sa bordure n'apparaîtra jamais dans l'écran.
l'objet template sera donc le suivant :
Last but not least
Si on n'y prend pas garde, les différents clips seront naturellement superposés en plaçant en dessous le premier objet Wipe déclaré dans la section imgConnectionList, puis juste au dessus, le deuxième déclaré, et ainsi de suite. Sinon, il est également possible de leur spécifier une profondeur (PositionZ) particulière, ce qui n'est pas utile ici.
Comme nous souhaitons faire apparaître la drop zone 1 au dessus de la 2 elle même au dessus de la 3 et ainsi de suite, il suffira de déclarer l'objet Wipe présentant la drop zone 5 en premier, puis celui présentant la drop zone 4, et ainsi de suite jusqu'a celui présentant la drop zone 1. De cette façon, les clip apparaîtront dans le bon ordre.
C'est la façon la plus élégante de procéder. L'autre façon aurait été d'affecter une profondeur (PositionZ) différente pour chaque clip, en plaçant le Wipe de la drop zone 1 au dessus de celui de la drop zone 2, et ainsi de suite.
Au final la section des connexions sera la suivante :
A votre tour de réaliser ce thème de montage, et de la modifier selon votre inspiration. En cas de besoin, l'original est disponible dans la rubrique multi fenêtres sous le nom 204 - Corner. Vous pouvez l'éditer pour y trouver les détails qui vous manqueraient. Si des difficultés persistaient, n'hésitez pas à m'écrire .
Un commentaire sur cette page ?
seuls les visiteurs enregistrés peuvent laisser des messages
Vous devriez aimer aussi les tutoriels suivants ...
Damien Muglia, le Président Fondateur de l'Association SAGA VIDEO, nous fait partager sa passion pour les plantes au travers de 25 montages vidéo des vidéos informatives de ses promenades, qui donnent lieu à une attitude de sensibilisation pour le respect de l'environnement..
Allez y, vous y apprendrez plein de choses interessantes. !.
Perfectionnez votre technique de prise de vues !
Thierry Philippon, responsable du site www.magazinevideo.com vient de créer 2 DVDs de formation (les seuls existant en Europe) offrant à l'amateur de vidéo des exemples techniques et pratiques pour réussir ses reportages et ses films de voyage. Intitulés "Les meilleures techniques des pros pour vos reportages et vos films de voyage", les DVDs sont proposés en Niveau Débutant ou Intermédiaire & Avancé.
Les DVDs s'adressent aux vidéastes amateurs ayant déjà quelques bases en vidéo et désireux de progresser mais aussi à ceux, détenteurs d'un APN ou d'un iPhone, qui découvrent les possibilités vidéo de leur appareil.
Grâce à l'apport de l'image animée, le contenant et le contenu sont ici en adéquation. Une même situation est parfois abordée avec le "mauvais" exemple en complément du "bon" exemple. L'emplacement des caméras ou du cadreur, le making of, est présenté quand il s'impose.
Un module gratuit est disponible pour mieux vous rendre compte du contenu.