Pinnacle Studio, AVID Studio, HFX, proDAD, Boris FX Tutorials, Tips & Tricks
25 Latest Tutorials

DV FX RSS Flux Subscribe to Articles update by email - All Tutorials - Search - Tutorials by Category / Author / Month

The Tale of Changing a Menu

The Tale of Changing a Menu By Le Papy - Last updated on Monday, September 12, 2011
12260 Views :: 1 Comments :: Article Rating (Total Votes: 7)
Category: Studio 1-15 Tutorials / Menus  -  Previous tutorials
Published on Sunday, September 11, 2011
Created on Wednesday, January 12, 2011 9:43 AM

It's the simple story of a conversation between friends. Recently a friend had wanted to customize a menu. He finished most of the work himself but then ran into a little problem at the last minute. To troubleshoot the problem, I had made some screenshots ... and now that these screenshots are made, why not share them with you?

Step 1 : Statement of the Problem

My friend wanted to use the "Family - Album 2" menu buttons because he liked the shape of the buttons and he needed only 4 buttons. Only the animated background did not suit him so he wanted to replace it with a photo he had taken himself. But if you do not have the "Family-Album 2 " menu, you get another like it and it will do the same.

Setting up the menu on the video track and edit this menu

He began his task:

  1. By dragging the "Family - Album 2" menu to the video track;
  2. Creating the chapters;
  3. Double clicking the menu to begin editing it.
  1. This allowed him to change the menu as he wished by clicking on "Edit menu".
Overriding the default background

After clicking on "Edit menu", the list of standard titles opened and he was able to select his own background and substitute it for the default background.

  1. By clicking the "Backgrounds section" which opens a Windows file manager, he was able to select a different background;
  2. The folder icon allowed him to browse to other folders to look for backgrounds(eg My Pictures);
  3. Before you change the default Studio background, make a note of the path to this folder in case you want to come back later. Now he was able to select the folder containing his new background;
  4. He saw how to select the new background;
  5. And how he could open his file.
The personal background folder
  1. Then he selcted the "Backgrounds section";
  2. And clicked the "Browse for files" backgrounds button;
  3. Selecting the folder in which he had placed his picture;
  4. He selected his picture;
  5. And he opened his file.
Replacing the background with a personal photo
After seeing the result of the change he wasn't happy because the button captions were not really visible and only showed up clearly depending on the color of the background photo. He had to find a solution.
Step 2 : Problem Solving

I then offered to provide a background color under the captions in the dominant color of the photograph. To achieve this background color, simply select a color and draw a rectangle of appropriate size.

The next few screenshots that follow helped him get what he wanted and I hope it will do the same for you.

We started by changing the solid color of the face controls:

  1. Click on the "Looks Browser";
  2. Select the "Custom" tab, located at the top right;
  3. Select the "Solid color" button option;
  4. Finally, click on the "Change the Face color" button.
Changing Color

Selecting the "Change the Face color" button opens the standard Windows color-pick dialog.

  1. The first click determines the range to be used;
  2. The second click selects the color in the palette;
  3. Clicking OK selects the color (162, 149, 60 in RGB code).
The color palette

Drawing the rectangle does not pose any particular problem.

  1. The "Rectangle" tool is selected, then draw a rectangle by holding down the left mouse button;
  2. The rectangle can be easily resized using the selection handles. To avoid interfering with the selection of other objects, it should not overlap with existing buttons or text (only enough to select the appropriate dimensions).
Draw a rectangle

As you can see, the rectangle is created above the text and will cover the button's caption if it is moved over it.

We must therefore move this rectangle to the background, by doing the following:

  1. Select the rectangle;
  2. Open the "Title" menu;
  3. Select the "Layer" item;
  4. Click on "Background".
Changing the depth of the layer

We have 4 buttons so we will need 4 rectangles. Now, that the first rectangle is sized and positioned in the right place, just make 3 copies of this button. The 3 buttons will be positioned automatically in the background.

Quick method:

  • Select the created rectangle;
  • CTRL+C (1 time);
  • CTRL+V (3 times);

It remains only to put them in the right position.

Duplication of rectangles

The most important thing now is the selection of the right rectangle. We must be careful to select only the rectangle and not the text and button together. The "Esc" key allows you to deselect an object selected by mistake. Pressing "Undo Edit Title" will undo the last action done to the menu. By viewing this short video you will better understand the problem.

Alignment of the two rectangles

The positioning of the rectangles will be done in pairs.

  1. Select the first rectangle and position it below the text so it does not overlap the text;
  2. Do the same with the next rectangle by simultaneously selecting the two rectangles (CTRL key held down);
  3. Open the"Title" menu;
  4. Select the "Alignment" item;
  5. Click "Align Bottom".

Now that the two rectangles are positioned and aligned, you should link them together.

  1. Select the first rectangle;
  2. The second rectangle is selected with the first (CTRL key held down);
  3. Click the "Group" button to link the two rectangles together.
Grouping of two rectangles
To move the two rectangles at the same time, just pick one and drag it to its final position: the second rectangle will follow. To make the movement easier, place the mouse pointer at the bottom of the rectangle to move the rectangle. Positioning of the two rectangles
The final placement is completed. Definitive establishment of the two rectangles
After doing the same for the other two rectangles, the end result is the same as for the first two rectangles. The final result

If you want to keep this menu, you can save it as noted in our tutorial "Saving a Personalized Menu".

Step 3 : Bonus

When you drag the pair of rectangles under the captions of the buttons, take care to place them properly the first time. As soon as you release the mouse button it will be difficult to change their position. In fact, your rectangles are then placed under the button captions and if you try to select them again, you also select captions and buttons that are grouped by default with the legends. Your movement then causes the simultaneous movement of the rectangles, captions and buttons.

If you really had to move your rectangle, you should use the "Undo Edit Title" from Studio to return to the original position of the rectangles and start again implementing. The cancel button

Thank you to Jacky, by letting us in on your little secrets I think you have given some ideas to our readers ...

{Thanks to Loosecannon for the fine tuning}

Share/Save this article

Gert Oskar Reitner By # Gert Oskar Reitner @ Monday, September 12, 2011 1:12 PM
Another " FIVE " for a great Tutorial ! Many thanks !!

WARNING: this comment section only relates to the current article. All technical and/or general questions regarding software detailled in our article *MUST* be asked through various forums; we won't even answer to comments which do not comply to this basic rule, and we might even moderate it. Thanks in advance for your comprehension.

Comments support tags : [quote]Text[/quote], [b]Text[/b], [i]Text[/i], [u]Text[/u], [url]www.sample.com[/url] or [url=www.sample.com]Link name[/url].
You can use these tags to highlight your text or insert a link in your comment.

Name or surname (required) - publicly visible on the website

Email (required)


Enter the code shown above:

Pinnacle website access

Site officiel Pinnacle Studio