Mon précédent tutoriel expliquant comment modifier un thème produit par Pinnacle a donné des idées à Eric. Il a en effet décidé de nous faire partager 3 lower third adaptés du thème "4 - Lower 3rd" de la série "Love" livrée avec Studio 12.
Dans Pinnacle Studio, ouvrez l'album des thèmes de montage et sélectionnez la série Love. cliquez sur le thème "4 - Lower 3rd", et observez son déroulement. après 2 secondes d'inactivité, une constellation de coeurs arrive par la gauche en tournant sur elle-même, ceci en déroulant une banderole contenant le titre.
Comme nous le démontre E-N-C, le simple fait de changer les images utilisées par le thème permet d'en modifier les possibilités d'application.
le sujet
Je vais vous expliquer en détail comment y parvenir. En plus, je vous donnerais quelques astuces pour aller encore un peu plus loin dans la personnalisation, si le coeur vous en dit. Vous verrez que cela n'est pas si compliqué que vous le pensez, mais malgré cela, à ma connaissance, seules 4 personnes au monde ont publié des thèmes de montage : E-N-C, Pixel63, moi-même, et notre maître à tous Guignol-film. Alors, pourquoi ne pas devenir le 5ième élément ?
copier le fichier original
Pour commencer, nous allons recopier le fichier contenant le code source du thème de montage dans un nouveau répertoire, afin de ne pas modifier le thème original qui risquerait de devenir inutilisable.
La copie d'écran ci-dessous vous montre le répertoire dans lequel se trouve ce fichier, et où il se trouve dans ce répertoire. Il suffit de copier le fichier (CTRL C), puis d'aller avec l'explorateur Windows dans le répertoire de destination pour le coller (CTRL V).
Nota : Si vous utilisez Windows XP, le répertoire sera : C:\Documents and Settings\All Users\Documents\Pinnacle\Content\IMG-Templates\love
modifier l'entête du fichier copié
Une fois cette copie effectuée, nous allons donner au fichier copié son nom de destination. Dans mon exemple, je lui donnerais le nom : 222 - Lower Third C.ixl.
Ensuite, n'oubliez pas de modifier dans l'entête et dans l'objet Scene les noms et/ou répertoires de fichiers aux 3 endroits ou ils se trouvent dans l'entête du fichier.
Dans notre exemple, nous allons donc remplacer aux trois endroits surlignés le texte "Love\4 - Lower 3rd" par "Viewmaster\222 - Lower Third C"
Créer des fichiers images
La partie la plus délicate est en réalité celle-ci. Nous allons remplacer les images du thème d'origine par des nouvelles images qui donneront au thème toute son originalité. Eric nous a proposé biberons, fleurs et bobines de films, pour ma part, et pour illustrer ce tutoriel, je reprendrais les images de la série Viewmaster que je vous ai proposé cet été.
Pour illustrer comment faire, je vais vous expliquer la démarche ...
Ayant choisi le thème du Viewmaster, je vais utiliser google image pour trouver des photos ou dessins en rapport avec mon sujet. Dans "google image", tapez simplement viewmaster, et vous obtenez quantité d'images en rapport avec votre requête. J'en sélectionne une qui me plait, et avec un clic droit, je l'enregistre dans un répertoire de travail, car il va nous falloir y apporter quelques adaptations ... En effet, les images possèdent en général un fond qu'il va nous falloir rendre transparent. Pour cette opération , je vais utiliser Paint.net. C'est un logiciel de dessin gratuit, qui est assez pratique pour ce type de travail.
mise en forme de l'image
Dans Paint.net, j'ouvre le fichier que je viens de télécharger. Il s'agit d'un ViewMaster rouge avec un disque chargé. Nous allons éliminer le fond blanc (et l'ombre).
modifier l'image
J'ai de la chance, le fond est de couleur à peu près unie. Je vais donc utiliser l'outil "baguette magique" pour sélectionner l'ensemble de la surface dont la couleur sera proche de celle du point sur lequel je vais maintenant cliquer ...
Il est rare d'obtenir une sélection satisfaisante dès le premier essai. En général il faut ré-essayer plusieurs fois en ajustant le paramètre "tolérance" jusqu'à ce que Paint.net propose un contour de sélection satisfaisant.
Une fois celui-ci obtenu, j'efface la zone sélectionnée avec la touche Suppr
tolérance de 50%, certaines parties de l'objet sont sélectionnées
tolérance de 25%, le contour de l'objet est correctement délimité. Il faudra traiter l'ombre dans un second temps
J'efface la partie sélectionnée avec la touche Suppr
Je recommence en cliquant sur la zone d'ombre
et j'efface la nouvelle zone sélectionnée
Après plusieurs itérations, le fond a été entièrement retiré. L'image est propre !
Avant de sauvegarder notre travail, il faudra faire attention à respecter globalement la géométrie de l'image et le positionnement du sujet dans le cadre. L'image que nous venons de traiter occupe entièrement le cadre, et le cadre est carré.
Par défaut, Pinnacle Studio va adapter l'image dans le format de votre projet, c'est à dire que votre image carrée va être étirée horizontalement pour remplir la géométrie de votre projet soit en 16:9, soit en 4:3. De plus, notre motif sera beaucoup plus gros que celui d'origine, car il occupe l'intégralité du cadre.
Pour corriger cet inconvénient, nous allons agrandir le cadre de l'image, sans toutefois agrandir le motif. Paint.net permet de faire cela simplement grâce à la fonction "agrandir la zone de dessin" du menu image
Une géométrie de 720x480 donne de bons résultats ...
Il faut quand même être très vigilant à sauvegarder le fichier obtenu dans un format qui sait gérer la transparence. Le format .png est tout à fait adapté pour cela, à condition de choisir le format 32 bits. (ce qui correspond à 8 bits pour le rouge (soit 256 nuances), 8 bits pour le bleu, 8 bits pour le vert, et 8 bits pour la transparence).
placer le fichier dans son répertoire cible
Votre fichier est prêt. Nous allons le copier dans son répertoire de destination qui sera dans mon exemple :
sous Windows Vista et 7 : C:\Documents and Settings\All Users\Documents\Pinnacle\Content\IMG-Templates\20cents Viewmaster\-Assets sous Vista et 7 : C:\Users\Public\Documents\Pinnacle\Content\IMG-Templates\20cents ViewMaster\-Assets
Personnaliser le bandeau
Le thème de montage d'origine comporte également un bandeau qui sert d'arrière-plan au titre. ce bandeau est également inclus dans un fichier de dessin. Ce fichier d'origine est le suivant : C:\Users\Public\Documents\Pinnacle\Content\IMG-Templates\Love\-Assets\bar.png
Il est préférable de conserver le même cadrage pour votre nouveau bandeau, ceci vous évitera de devoir modifier le cadrage dans le programme du thème, ce qui est un peu plus long.
Je sauvegarde donc le fichier ci-dessus dans un répertoire de travail, puis je l'ouvre dans Paint.net. Je vais en remplacer le contenu par l'image de pellicule de film qui me sert dans les autres lower thirds de ma série Viewmaster. J'ouvre donc ce second fichier, j'en sélectionne la zone utile à l'aide de l'outil de sélection, je la copie en faisant (CTRL C), puis je resélectionne l'image d'origine et dans le menu edition, je choisi copier dans un nouveau calque. Je vais maintenant étirer ce calque à l'aide des poignées aux quatre coins de l'image jusqu'à obtenir les dimensions de l'image d'origine. Une fois ceci obtenu, il sauvegarde le résultat dans un nouveau fichier au format .png.
Nos fichiers sont prêts, nous allons pouvoir faire les premières modifications dans le thème de montage.
pointer vers les nouvelles images
En regardant le thème d'origine s'exécuter, on peut voir que seulement 2 images semblent utilisées. Toutefois, il vaut mieux être prudent, et effectuer une recherche systématique dans le code. A l'aide de l'éditeur de texte (j'utilise Bloc-Notes), je recherche la chaîne de caractère IMG-Templates\Love\ qui est le chemin d'accès aux fichiers d'origine.
Elle est effectivement présente 2 fois seulement, pour les objets ImageExplicit numéro #2 et #4
Pour rendre notre thème pleinement fonctionnel, il nous faut simplement modifier les noms de répertoire et de fichiers dans ces 2 objets .
Prenons par exemple l'objet numéro 2. Il faudra modifier le nom du répertoire Love par 20cents Viewmaster et le nom du fichier bar.png par bar_viewmaster.png. Bien entendu, dans la pratique, vous utiliserez vos propres noms de répertoire et fichier.
Ensuite, on opère de même sur les objets de la constellation pointés dans l'objet numéro 4
et voila ce que l'on obtient !
Construire un fichier d'icone
Personnellement, travaillant sous windows Vista, je dispose d'un outil intégré nommé "Snipping tool" qui permet de faire des copies d'une partie d'écran vers un fichier .png ou .jpg.
Il me suffit donc de faire jouer le thème de montage dans Pinnacle Studio, d'arrêter la visionneuse à un instant choisi, puis d'utiliser "Snipping tool" pour photographier l'image que j'utiliserais comme d'icone.
Une fois le fichier enregistré, je vais en réduire la taille au format 320x180. Ce format est suffisant pour que Studio construise un aperçu de qualité, et il réduira la taille des téléchargements ! (c'est bon pour la planète ) Ce re-formatage sera effectué avec Paint.net en utilisant la fonction "redimensionner" le menu image
Stop ou encore ?
Votre thème est maintenant 100% fonctionnel. Il est tout à fait possible de s'arrêter là, c'est une performance dont peu de gens sont capables....
... mais il est possible de faire plus si vous en avez envie ...
Personnellement, je trouverais plus sympathique que la constellation d'objets s'arrête quelques secondes lorsque le titre est affiché avant de disparaître sur la droite. C'est un peu plus compliqué que ce qui précède, mais avec un peu de méthode vous allez voir que cela reste tout à fait possible.
Introduire un temps d'arrêt !
Bien évidemment, il faut commencer par repérer dans quel objet Keyframer est géré le mouvement du groupe d'objet. Une fois de plus, le nom des objet et l'analyse du timing du thème nous sera d'une aide précieuse.
En analysant le thème, on trouve rapidement les objets Keyframer qui gèrent le bandeau, le titre, puis le groupe d'objets qui nous intéresse. En effet, il suit un groupe NullObject dont le nom est heartGroup (souvenons nous que le thème d'origine contient un groupe de coeurs qui tournent les uns autour des autres), et dont le mouvement agit sur le paramètre PositionX. C'est donc l'objet qui nous intéresse. <imgTimeCurve Name="PositionX" Pre="1" Post="1"> <imgCurveKey Time="2" Value="-0.512" C0="0.33" C2="0.33"/> <imgCurveKey Type="cktLinear" Time="5" Value="0.688"/> </imgTimeCurve>
On voit ici que le groupe se trouvera en dehors de l'écran (PositionY > 0.>5) dès l'instant 5 secondes. En visualisant le thème, je souhaite arrêter le groupe à la position qu'il occupe à l'instant 4.5 secondes (4 secondes et 12 images plus précisément)
Pour cela, il faut calculer précisément la position Horizontale correspondante. Il parcourt une distance entre -0.512 et 0.688 en 3 secondes, soit une distance de 1.2 écran en 3 secondes. Nous souhaitons arrêter le mouvement 0.5 secondes avant la position finale, soit 1/6e du trajet avant la fin. Il faudra donc retrancher 0.2 écran à la position de fin pour trouver la position d'arrêt.
Il faut donc insérer dans l'objet Keyframer une image clef pour le paramètre PositionY à l'instant time=4.5 secondes et Value= 0.488 puis laisser un temps d'arrêt (2 secondes par exemple), puis laisser le thème aller au bout
En faisant cela, vous vous rendrez compte que le groupe s'arrête bien, mais qu'il disparaît quasi instantanément. Ceci est du au fait que l'image des ViewMaster référencée dans l'objet numéro 4 a une fin de vie à l'instant 5 secondes. Nous allons donc la repousser à 7 secondes.
Ca marche presque !
On se rend compte alors que les différents objets cessent de tourner sur eux même à l'instant 6 secondes. Il nous faut donc aller modifier leurs mouvements individuels ... On trouvera les objets Keyframer à la suite sous les numéros 19,22,25,28,31,34,37,40 et 43 Dans ces objets, il nous suffit de modifier time="6" par time="7"
voici ce que cela donne :
Stop ou encore ?
Je souhaite maintenant que la constellation contienne plusieurs objets différents. Par exemple mon Viewmaster rouge, mais aussi un disque.
Pour cela, je dois tout d'abord créer un objet ImageExplicit pour référencer le disque dans mon thème de montage. La principale difficulté est de trouver un numéro d'objet non utilisé, mais Pinnacle à la bonne habitude de la numéroter par ordre croissant. Je vais donc choisir le numéro 99 qui n'est pas pris. par facilité, je vais dupliquer l'objet numéro 4 puis en changer le numéro et le nom de fichier correspondant ... Au passage, je supprime par précaution la ligne d'affectation du paramètre SourceRefId
Il me faut également déclarer ce nouvel objet dans la section imgConnectionList en ajoutant la ligne <imgConnection Type="ctSceneToImage" FromID="1" ToID="99"/>
Il ne reste plus qu'à faire pointer les objets Material vers cette image 99 dans le paramètre MainImage. Ce sont les objets 21,27,33, et 39
Voici alors le résultat final que nous obtenons !
Conclusion
Il est bien sur possible d'effectuer quantité d'autres modifications, les seules limites sont celles de votre imagination. Toutefois, vous avez pu voir qu'il est possible d'effectuer une personnalisation d'un thème assez simplement, ce qui vous donnera confiance en vous-même pour effectuer des modifications plus compliquées.
Lorsque vous aurez produit votre propres créations, n'hésitez pas à me les envoyer, pour les partager avec l'ensemble des internautes qui fréquentent ce site, et ainsi devenir le 5ième élément !
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.
Le site du mois
La Ronce et l'Ortie
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. !.
)
Réussite ...
