Tutoriaux pour AVID Studio, Pinnacle, HFX, proDAD    .

Trucs et Astuces, Tutoriaux AVID Studio, Pinnacle Studio, HFX, proDAD et Boris FX

Réduire
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

L'histoire de la modification d'un menu

L'histoire de la modification d'un menu Par Le Papy - Dernière mise à jour le vendredi 13 janvier 2012
2163 Visites :: 2 Commentaires :: Article Rating (Nombre de votes: 4)
Catégorie: Trucs & Astuces, Tutoriaux Pinnacle Studio / Menus  -  Tutos récents
Publié le dimanche 11 septembre 2011
Créé le mardi 11 janvier 2011 21:25
 

C'est l'histoire toute simple d'un dépannage entre amis. Dernièrement, un ami avait voulu personnaliser un menu. Il avait fait l'essentiel du travail mais il se heurtait à un tout petit problème de dernière minute. Pour le dépanner, je lui avais fait quelques captures d'écran... et puis maintenant que ces captures d'écran étaient faites, pourquoi ne pas vous en faire profiter ?

Etape 1 : Exposé du problème

Mon ami souhaitait utiliser les boutons du menu "Famille - Album 2" car la forme des boutons lui plaisait bien et il n'avait besoin que de 4 boutons. Seulement le fond animé ne lui plaisait pas du tout et il voulait le remplacer par une photo prise par ses soins. Mais si vous ne disposez pas du menu "Famille - Album 2", vous en prenez un autre qui lui ressemble et ça fera l'affaire...

Mise en place du menu sur la piste vidéo et édition de ce menu

Il avait donc commencé le travail :

  1. En faisant glisser le menu "Famille - Album 2" sur la piste vidéo;
  2. En définissant ses chapitres;
  3. En double cliquant sur le menu pour l'éditer.
Modification du menu
  1. Ce qui lui permettait de modifier son menu ainsi qu'il le souhaitait en cliquant sur le bouton "Modifier le menu".
Substitution de l'arrière-plan par défaut

Après avoir cliqué sur le bouton "Modifier le menu", l'éditeur de titres classiques s'est ouvert et lui a permis de substituer son arrière-plan personnalisé à l'arrière-plan par défaut.

  1. En cliquant sur le bouton "Arrière-plans" qui ouvre une fenêtre du gestionnaire de fichiers Windows, il a pu sélectionner un autre arrière-plan;
  2. L'icône en forme de dossier lui a permis de parcourir d'autres dossiers où sont stockés d'autres arrière-plans (Mes images par exemple);
  3. Avant de modifier le dossier des arrières plans par défaut de Studio, ne faites pas comme lui, notez bien le chemin de ce dossier si vous voulez y revenir plus tard. Ensuite il lui a été possible de sélectionner le dossier dans lequel se trouvait son nouvel arrière-plan;
  4. Il a vu comment sélectionner son nouvel arrière-plan;
  5. Et comment il pouvait ouvrir son fichier.
Le dossier personnel d'arrière-plan
  1. Il a donc sélectionné l'onglet "Arrière-plans";
  2. Puis cliqué sur le bouton "Parcourir les arrière-plans";
  3. Sélectionné le dossier dans lequel il avait rangé sa photo;
  4. Il a sélectionné sa photo idéale;
  5. Et il a ouvert son fichier.
Remplacement de l'arrière plan par une photo maison
Et c'est en voyant le résultat de son changement qu'il n'était plus satisfait de son travail car les légendes des boutons n'étaient vraiment pas visibles et ressortaient plus ou moins en fonction de la couleur locale du fond de la photo. Il fallait donc trouver une solution.
Etape 2 : Résolution du problème

Je lui ai alors proposé de disposer, sous les légendes des boutons, un fond de couleur unie dans le ton dominant de la photographie. Pour réaliser ce fond de couleur unie, il suffit de sélectionner une couleur et de dessiner un rectangle de dimension appropriée.

Les quelques captures d'écran qui suivent l'ont aidé à réaliser ce qu'il souhaitait et j'espère qu'il en sera de même pour vous si toutefois vous aviez besoin d'en passer par là.

Nous avons commencé par modifier la couleur de la surface :

  1. En cliquant sur l'onglet "Looks";
  2. Puis, En sélectionnant l'onglet "Personnalisé", situé tout en haut à droite;
  3. En sélectionnant le bouton radio "La couleur de la surface est unie";
  4. Et enfin en cliquant sur le bouton de couleur "Modifier la couleur de la surface".
Modification de la couleur

L'action sur le bouton de couleur "Modifier la couleur de la surface" ouvre la fenêtre couleur et permet de déterminer la couleur du fond.

  1. Un premier clic détermine la teinte à utiliser;
  2. Un deuxième clic dans la barre de couleurs ou un déplacement du curseur sélectionne la couleur dans la palette;
  3. Un clic sur le bouton "OK" sauvegarde la couleur choisie (162, 149, 60 en code RVB).
La palette de couleurs

Le tracé du rectangle ne pose pas de problème particulier.

  1. Le bouton "Ajouter un rectangle" étant sélectionné, il suffit de tracer un rectangle avec le bouton gauche de la souris maintenu appuyé;
  2. Le rectangle créé peut être redimensionné facilement à l'aide des différentes poignées. Pour ne pas être gêné lors de la sélection des objets créés, il y a lieu de ne pas trop le faire chevaucher, dans un premier temps, avec les boutons et légendes existants (juste ce qu'il faut pour apprécier les dimensions à donner au rectangle).
Tracé d'un rectangle

Comme on peut le constater, le rectangle créé se trouve au premier plan et va recouvrir la légende du bouton si on le déplace vers le haut.

Il faut donc reculer ce rectangle vers l'arrière-plan en opérant ainsi :

  1. Sélectionner le rectangle;
  2. Ouvrir le menu "Titre";
  3. Sélectionner l'item "Calque";
  4. Cliquer sur "Arrière-plan".
Modification de la profondeur du calque

Nous avons 4 boutons, il nous faudra 4 rectangles. Maintenant que le premier bouton est dimensionné et positionné dans le bon plan, il suffit de faire 3 copies de ce bouton. Les 3 boutons copiés seront positionnés d'office en arrière-plan.

Méthode rapide :

  • Sélectionner le rectangle créé;
  • CTRL+C (1 fois);
  • CTRL+V (3 fois).

Les 4 boutons sont créés, il ne reste plus qu'à les positionner.

Duplication des rectangles

Le point le plus délicat se situe au moment de la sélection du rectangle. Il faut bien faire attention de ne sélectionner que le rectangle et non pas la légende et son bouton groupé. La touche "Echap" permet de désélectionner un objet sélectionné par erreur. La touche "Annuler Modifier Titre" permet d'annuler la dernière action effectuée sur le menu. Je pense qu'une petite vidéo vous fera mieux comprendre la difficulté.

Alignement des deux rectangles

Le positionnement des rectangles se fera deux à deux.

  1. En sélectionnant le premier rectangle et en le positionnant en dessous de la légende pour ne pas chevaucher la légende;
  2. En agissant de même avec le rectangle voisin puis en sélectionnant simultanément les deux rectangles (touche CTRL appuyée);
  3. En ouvrant le menu "Titre";
  4. En sélectionnant l'item "Alignement";
  5. En cliquant sur "Aligner en bas".

Maintenant que les 2 rectangles sont positionnés et alignés, il convient de les rendre solidaires.

  1. Le premier rectangle est sélectionné;
  2. Le deuxième rectangle est sélectionné globalement avec le premier (touche CTRL maintenue appuyée);
  3. Un clic sur le bouton "Grouper" rend les deux rectangles solidaires.
Groupement des deux rectangles
Pour déplacer en même temps les deux rectangles, il suffit d'en prendre un et de le faire glisser vers le haut à sa position définitive : le deuxième rectangle suivra. Pour des raisons de commodité, il convient de placer le pointeur de la souris sur la partie inférieure du rectangle pour prendre le rectangle. Positionnement des deux rectangles
La mise en place définitive est réalisée. Mise en place définitive des deux rectangles
Après avoir procédé de la même manière pour les deux autres rectangles, le résultat final correspond à peu de chose près au résultat attendu. Le résultat final

Si vous souhaitez conserver ce menu, vous pouvez le sauvegarder comme il est indiqué dans notre tutoriel "Sauvegarder un menu personnel".

Etape 3 : Bonus

Lorsque vous ferez glisser deux à deux les rectangles de couleur sous les légendes des boutons, prenez bien garde de les placer convenablement dès la première fois. Car dès que vous aurez relâché le bouton de la souris il sera difficile de modifier leur position. En effet, vos rectangles se trouvent alors placés sous les légendes des boutons et si vous tenter de les sélectionner à nouveau, vous sélectionnerez également les légendes et les boutons qui sont groupés par défaut avec les légendes. Votre déplacement entraînerait alors le déplacement simultané des rectangles, des légendes et des boutons.

S'il vous fallait vraiment déplacer vos rectangles, il vous faudrait utiliser la touche "Annuler Modifier Titre" de Studio pour revenir à la position primitive des rectangles et recommencer la mise en place. Le bouton d'annulation de Studio

Merci à toi Jacky, en faisant appel à ta hotline privée, tu as pu donner des idées à certains de nos lecteurs...

Donner une note au tuto
Partager/sauvegarder cet article




Bookmark and Share
Commentaires
titou Par # titou @ lundi 12 septembre 2011 08:17
Bonjour Papy,
Merci pour cet intéressant tuto un peut difficile à réaliser(à mon avis),mais agréable à mettre en œuvre finalement,grâce à la qualité du tuto et des explications très bien détaillées.BRAVO.
Amicalement,
titou

Le Papy Par # Le Papy @ lundi 12 septembre 2011 08:46
Bonjour à tous...
Et merci à Titou pour sa trop grande sollicitude.
Je reconnais que ce tuto n'est pas facile à mettre en oeuvre, c'est pourquoi j'ai essayé de le détailler au maximum, quitte à en faire parfois un peu trop au goût de certains utilisateurs avertis. Ce tutoriel a été créé en janvier 2011 (avant la sortie d'AVID Studio). Dès que j'aurai un moment, j'essaierai de le compléter avec une adaptation à AVID Studio.


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

  



Home | AVID Studio | Pinnacle Studio | Hollywood FX | proDAD | Boris | Links/Liens | Download/Téléchargements | Contact
 Copyright 2004 by Déclic Vidéo FX