en-USfr-FR
Trucs et Astuces, Tutoriaux Pinnacle Studio, AVID Studio, HFX, proDAD et Boris FX
Les 25 Derniers Tutos

DV FX - Flux RSS Souscrire à la mise à jour des articles par email - Tous les tutos - Recherche - Tutoriaux par Catégorie / Auteur / Mois

Menu professionnel avec figurine en surbrillance ou boutons "highlight"

Menu professionnel avec figurine en surbrillance ou boutons "highlight" Par yann56 - Dernière mise à jour le dimanche 13 mai 2012
7080 Visites :: 1 Commentaires :: Article Rating (Nombre de votes: 6)
Catégorie: Tutos Studio 1-15 / Menus, Tutos Pinnacle Studio 21 et S16-S20 / Menus  -  Tutos récents
Publié le dimanche 13 mai 2012
Créé le dimanche 11 mars 2012 11:03
 

Les logiciels d’authoring (c’est à dire spécialisés dans la conception des menus DVD/BD) professionnels proposent généralement la fonction surbrillance ou "highlight". Cela consiste à faire apparaître une petite figurine (appelée aussi puce) à proximité ou à l’intérieur d’un bouton de menu quand celui-ci est activé. C’est plus ludique que la simple mise en évidence du cadre ou de l’intérieur du bouton et ça permet une meilleure personnalisation. D’ailleurs la plupart des DVD professionnels utilisent cette possibilité. Malheureusement AVID/Pinnacle ne propose pas cette fonctionnalité. Alors on y renonce ? Non, il y a moyen d’y arriver ou du moins de s’en approcher, avec une contrainte cependant : la figurine devra apparaître près du bouton animé sur un fond fixe.

Vous devriez obtenir ce résultat après avoir suivi ce tuto :

Alors comment s’y prendre ?

C’est Tiwa qui nous ouvre la voie avec le tuto rédigé par le Papy (Voir "Les boutons personnalisés de TIWA"). Il nous a en effet montré comment faire des boutons qui se fondent dans le paysage et qui n’apparaissent que quand on les active. Alors j’ai pensé à une réalisation concrète en les associant aux petits clips vidéo introduits dans la présentation d’un film (Voir "Une introduction qui débouche sur le menu")

Passons à la pratique.

Etape 1 : Réalisation du fond de menu

Dans le tuto précédent, après insertion des clips vidéo au fil du commentaire de l'introduction du film, on introduisait des boutons ovales en lieu et place des clips vidéo. Cette fois-ci, on va prolonger la présentation d’une durée égale à celle du menu, soit en y laissant les clips vidéo se dérouler, ou en repartant du début des clips (selon sa convenance).

On coupera (1) cette vidéo en deux parties : l’introduction (2) et ce qui sera le fond de menu (3) avec les clips vidéo. On enregistre ces deux parties séparément (onglet 3 créer un film, puis fichier). Par ailleurs, on enregistre une image du fond de menu (comme vu dans le précédent tuto).

Introduction-Fond-de-Menu

Etape 2 : création des figurines en surbrillance (ou boutons "highlight")

Nous allons faire les boutons "highlight " avec le logiciel graphique gratuit, open source, Gimp que vous pouvez télécharger sur le site officiel via notre page de lien-GIMP(FR)

Rappelons le principe :

1) choisir les figurines
2) faire une image du fond à travers la figurine

2.1- Choix des figurines :

On peut en prendre autant de différentes, adaptées aux thèmes du film. On en trouve des gratuites sur internet (clipart par exemple) ou on les dessine soi-même.

Comme elles seront restituées en monochrome (norme DVD oblige), on aura intérêt, si elles sont en couleur à les rendre monochrome dès le départ, en noir par exemple. Vous savez faire : on sélectionne le dessin (ou son extérieur et on sélectionne inverser) et on le remplit au pot de peinture.

Voici quelques exemplaires :

Exemples de Figurines

On choisira les 4 derniers dans notre exemple australien : le célèbre routard pour le bush australien, le plongeur pour la barrière de corail, l’opéra de Sydney, la city de Melbourne.

2.2- Faire une image du fond à travers la figurine :

Ouvrons dans Gimp la photographie du fond de menu précédemment enregistrée, ainsi que le routard

chargement fond de menu et routard

Sélectionnons l’extérieur du routard à la baguette magique ou par sélection par couleur (1), (en affinant le seuil (3) et le mode (2) si nécessaire).

Puis copions la sélection et collons-la dans le fond de menu. Ainsi le routard apparaît en transparence dans le fond de menu.

copie extérieur routard dans fond de
            menu

Sélectionnons l’outil de mise à l’échelle en (1) pour réduire la taille du routard à l’aide de la poignée en (2).

Validons en cliquant sur échelle en (3)

Taille du routard

Sélectionnons l’outil de positionnement et déplaçons le routard à la place qu'il occupera sur le menu.

positioonement routard

Figeons cette image en ancrant le calque.

figer l'image

Sélectionnons le cadre (en restant à l’intérieur de l’image).

sélectionner l'intérieur du cadre

Copions-le et collons-le comme une nouvelle image

Copier comme nouvelle image

Sélectionnons l’extérieur de l'image.

Extérieur transparent

Puis supprimons la sélection (touche sup au clavier) pour la rendre transparente.

Enregistrons sous (1) au format targa (2) (pour garder la transparence), puis après avoir choisi un nom de fichier en (3) dans notre répertoire de travail, validons en (4) : notre bouton "highlight" est prêt.

Sauvegarde du bouton Highlight

Après avoir procédé à l’identique pour les autres boutons, nous allons les utiliser dans Pinnacle Studio.

Etape 3 : Utiliser les boutons "highlight" dans le menu

On va reprendre quasiment les mêmes manipulations que dans le tuto précédent.

Tout d’abord, nous positionnons sur la timeline (storyboard) l’introduction et les chapitres.
Puis sélectionnons le premier chapitre (1), la boite à outil vidéo (2), l’icône Titre en (3), fixons la durée cyclique du menu (4) à 20 s (par exemple) et validons "titre classique plein écran" en (5).

Ouverture du menu
Positionnons-nous sur fond en (1). Cette fois-ci, nous choisissons le fond de menu qui contient les clips vidéo (2) puis validons la durée du menu en (3).

Fond de menu avec clips vidéos

Nous sélectionnons, cette fois-ci, le bouton en (1), puis notre bouton "highlight" (2) précédemment créé, que nous glissons sur le fond de menu.

Après l'avoir dimensionné grâce aux poignées, positionnons-le de façon qu'il se superpose à l'endroit où il avait été précédemment crée.

Ainsi il se fondra dans le fond paraissant invisible. On aura intérêt pour cette manipulation à décocher le style de mise en évidence (4).

Une fois placé, validons en (4), puis sélectionnons dans la liste déroulante "bouton normal" en (6), le sélecteur (5) étant coché comme indiqué sur la copie d'écran, notre vaillant(e) routard(e) se teintera en jaune (couleur sélectionnée dans cet exemple) !

Et ainsi de suite pour les boutons suivants. On valide pour terminer.

Création bouton normal

Il ne nous reste plus qu'à associer un bouton à un chapitre : le bouton (2) sélectionné en (1) est associé au chapitre sélectionné (3) en validant en (4) et ainsi de suite pour chaque bouton.

Il ne restera plus qu'à créer le DVD/BD (5).

Finalisation du menu

Au final cela donnera la vidéo ci-dessous :

{Les captures d'écran ont été réalisées à l'aide de Snagit 10 de TechSmith}

Partager/sauvegarder cet article


Commentaires
san-biagio Par # san-biagio @ lundi 14 mai 2012 11:30
Bonsoir.
Une nouvelle fois :BRAVO ! et merci pour cette nouvelle astuce ; il est probable que la première fois , cela va être laborieux ; mais pour les fois d'après ça devrait "aller les doigts dans le nez" !!!
Encore MERCI .

 
ATTENTION, cette rubrique commentaires ne doit être utilisée que dans le cadre de l'article concerné. Toutes les questions techniques et/ou généralistes liées aux logiciels objets de nos articles doivent être posées par l'intermédiaire des différents forums; il ne sera pas fourni de réponse aux commentaires qui ne répondent pas à ces critères et nous nous réservons même la possibilité de les modérer. Merci par avance de votre compréhension.

Les commentaires supportent les balises : [quote]Texte[/quote], [b]Texte[/b], [i]Texte[/i], [u]Texte[/u], [url]www.sample.com[/url] ou bien [url=www.sample.com]Nom du lien[/url].
Vous pouvez utiliser ces balises pour mettre votre texte en évidence ou insérer un lien dans votre commentaire.

Nom ou surnom (obligatoire) - visible publiquement sur le site

Email (obligatoire) - non visible sur le site

Site Web

CAPTCHA image
Entrer le code ci-contre

Accès au site officiel

Site officiel Pinnacle Studio