pseudo :   password :  
english
Francais

pages vues


Créer un lower 3rd original depuis un modèle

Mis à jour le 25 Septembre 2010


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.


schéma de la modification apportée au thème Album/1 - Opening

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
repérage du container Master camera

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"
repérage du container Master camera

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).
repérage du container Master camera

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

repérage du container Master camera
tolérance de 50%, certaines parties de l'objet sont sélectionnées
repérage du container Master camera
tolérance de 25%, le contour de l'objet est correctement délimité. Il faudra traiter l'ombre dans un second temps
repérage du container Master camera
J'efface la partie sélectionnée avec la touche Suppr
repérage du container Master camera
Je recommence en cliquant sur la zone d'ombre
repérage du container Master camera
et j'efface la nouvelle zone sélectionnée
repérage du container Master camera
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 ...
repérage du container Master camera

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).
repérage du container Master camera

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.
repérage du container Master camera

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 .



repérage du container Master camera



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


  <imgTimeCurve Name="PositionX" Pre="1" Post="1">
    <imgCurveKey Time="2" Value="-0.512" C0="0.33" C2="0.33"/>
    <imgCurveKey Type="cktLinear" Time="4.5" Value="0.488"/>
    <imgCurveKey Type="cktLinear" Time="6.5" Value="0.488"/>
    <imgCurveKey Type="cktLinear" Time="7" Value="0.688"/>
  </imgTimeCurve>


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 !



Un commentaire sur cette page ?

Rédigé par
Damien
28 messages

Réussite ...dimanche 1 janvier 2012 23:20:57

Je viens de réaliser le Tutoriel jusqu'au bout pour mon futur Thème Anniversaire, encore un excellent TUTO, MERCI 20Cents ...

Rédigé par
Dannemarien
1 messages

Fichier Lovemardi 14 février 2012 14:11:22

bonjour 20Cents,
je suis passé de Studio 10 à 14 et je n'ai donc pas ce fichier "love" : y a-t-il un moyen de se le procurer quelque part afin d'"adapter le tuto qui est très sympa.

Rédigé par
20cents-video
116 messages

Pour Ceux Qui N'ont Pas Pinnacle Studio 12 !mardi 14 février 2012 21:32:23

Je ne savais pas que le thème "Love" n'était pas distribué avec Studio 14. Pas sympa nos amis de Pinnacle sur ce coup !
En fait, je ne peux pas distribuer ce thème sur ce site, il appartient à Pinnacle.
Vous pouvez toutefois reproduire ce tutoriel en vous basant sur le thème cloné par E-N-C (menu Invités/theme E-N-C/E-N-C lower thirds) E-N-C 11 - Banderole Jaune.
Et si la passion vous prend, n'hésitez pas à partager vos créations avec tous les visiteurs


seuls les visiteurs enregistrés peuvent laisser des messages


Vous devriez aimer aussi les tutoriels suivants ...


vue 15967 fois
programmer vos thèmes de montage

vue 14911 fois
Modifier un thème de montage

vue 13729 fois
cloner un thème de montage

vue 12939 fois
Programmer un thème de montage

vue 12482 fois
Un fichier template pour créer des thèmes de montag
tutoriel vu vu fois
Tutorials

vue 159191 fois
Installation des thèmes de montage de 20cents.vide

vue 64722 fois
test du logiciel de montage vidéo Pinnacle Studio 16 par 20cents-video

vue 31610 fois
Amicalement-Votre

vue 30899 fois
importer un gif animé dans Avid ou Pinnacle Studio

vue 25161 fois
Ajouter des pistes video

vue 22576 fois
faire un Karaoké

vue 22085 fois
langage de programmation des thèmes de montage de pinnacle Studio
2 DVDs de formation
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.
La Ronce et l'Ortie
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. !.



mentions légales Copyright © 2010-2012. Tous droits réservés.