VS9 & PI11: Creating a Custom DVD Menu Layout

Tutorials using two (2) or more Ulead Products.

Moderator: Ken Berry

rtc2901

VS9 & PI11: Creating a Custom DVD Menu Layout

Post by rtc2901 »

The default layout options for DVD menus in VideoStudio offer a lot of variety. But when you are using a custom background image, the default options may not be sufficient. Fortunately, it旧 easy to create a layout that is customized to your needs.

In the directory: C:\Program Files\Ulead Systems\Ulead VideoStudio 9.0\Template\4_3\Customize\Layout, there are a series of PhotoImpact image files (.ufo) that define the layout options when customizing a menu in Video Studio. We歓l be modifying a copy of one of these files to create a new layout.

First, let旧 start with the image we渇 like to use for the menu background:

Image

For this image, I渇 like to have the title top left, one large thumbnail button in the middle left and the menu navigation buttons along the bottom. To create this layout:

1- Navigate to C:\Program Files\Ulead Systems\Ulead VideoStudio 9.0\Template\4_3\Customize\Layout (note: this path may be different if you changed the default installation directory for VideoStudio).

2- Examine the existing templates and choose one that somewhat resembles our goal � I chose La0301.ufo. Create a copy of this file and name it CustomLayout1.ufo.

3- Open CustomLayout1.ufo in PhotoImpact. Open the Layer Manager (F3) and inspect the layers in the document � they include the following:

a. IMG_TEMPLATE � a hidden layer that contains a thumbnail of the template.
b. NUMBER_1, NUMBER_2, NUMBER_3 - the thumbnail index numbers.
c. TEXT_1, TEXT_2, TEXT_3 � the textual description placeholders for each of the thumbnails (摂nter text here�)
d. OBJ_PAGENO � the page number for the current menu (�99/99�)
e. BTN_PLAYALL � the play button
f. BTN_MENU � the 滞ome� button
g. BTN_PREVIOUS � the previous button (<<h>>)
i. SCENE_1, SCENE_2, SCENE_3 � the blue rectangle placeholders for the scene buttons.
j. TITLE_1 � the title placeholder (¾Ey Title�)
k. IMG_BG � the background image
l. Base � the base layer

Image


Video studio uses the layer names to build the layout. So, to create our desired layout, do the following:

4- Delete the following layers (since we only want 1 thumbnail button per menu page):

NUMBER_2, NUMBER_3, TEXT_2, TEXT_3, SCENE_2, SCENE_3

Image


5- Select the TITLE_1 layer and move it to the left. Then, with the layer still selected, select the Text Tool and set the horizontal alignment of the text to left.

Image


6- Select the SCENE_1 layer, then choose the Transform Tool and resize the blue rectangle to the desired size. Hold down the Shift key while you drag to maintain the aspect ratio of the rectangle.

Image


7- Select the TEXT_1 layer and move it so that it is below the blue rectangle.

8- Select the OBJ_PAGENO layer and move it so that it is under the blue rectangle. Then, hold down Control and click on the blue rectangle to select it as well. Right click on the blue rectangle, select 苊lign� and choose 葜ight.� Then click outside of the image to clear the layer selection. Select the OBJ_PAGENO layer and then hold down Control and click on the play button. Right click and select 苊lign� then choose 苘ottom.�

Image


9- Using the Pick Tool, drag a selection around the entire image so that all layers are selected. Push Control-C to copy all layers, then Control-V to paste a new layer on top. Delete the existing IMG_TEMPLATE layer and rename the new layer created to IMG_TEMPLATE. Use the Transform Tool to resize this layer (while holding Shift to maintain the aspect ratio).

Save the changes and we­he ready to test the new layout in VideoStudio!

10- Open the VideoStudio editor and create your video � when on the screen that allows you to select a menu template, select 茘ustomize.�

11- First, select the background image to use for the menu.

12- Then, on the right, select the scene frame that you渇 like to use.

13- Using the drop-down menu above the frames, select 莟ayout� and then choose the CustomLayout1 option.

14- Using the drop-down above the layouts, select 苘utton Image� and choose the button style you渇 like to use.

15- Click on the menu preview image and use the options to 茘ustomize Menu Heading Style� and 茘ustomize Text Description Style� to change the font and color of the text.

Image


16- At this point, you can hit 苊dd to Menu Template� to save this menu as a template for easy use later.

17- Click 菷K� and you will see your new menu!


Image


Note that the text color for the thumbnail index numbers and the page numbers are set in the template. If you don«æ like the color you can choose a different initial template to work from.

Email sent to author 06Nov2006 to see if the pictures can be restored - sjj1805
mcfallison

Huh?

Post by mcfallison »

Thanks for the tutorial on using PhotoImpact 11 and VideoStudio 9 to make custom DVD menu layouts. But, I get lost on step 9:

"9- Using the Pick Tool, drag a selection around the entire image so that all layers are selected. Push Control-C to copy all layers, then Control-V to paste a new layer on top. Delete the existing IMG_TEMPLATE layer and rename the new layer created to IMG_TEMPLATE. Use the Transform Tool to resize this layer (while holding Shift to maintain the aspect ratio). "

I'm not sure how you copy all the layers and then paste them into one layer. Am I misreading? Should I merge?
User avatar
Ron P.
Advisor
Posts: 12002
Joined: Tue May 10, 2005 12:45 am
operating_system: Windows 10
System_Drive: C
32bit or 64bit: 64 Bit
motherboard: Hewlett-Packard 2AF3 1.0
processor: 3.40 gigahertz Intel Core i7-4770
ram: 16GB
Video Card: NVIDIA GeForce GTX 645
sound_card: NVIDIA High Definition Audio
Hard_Drive_Capacity: 4TB
Monitor/Display Make & Model: 1-HP 27" IPS, 1-Sanyo 21" TV/Monitor
Corel programs: VS5,8.9,10-X5,PSP9-X8,CDGS-9,X4,Painter
Location: Kansas, USA

Post by Ron P. »

No, just as it says... Drag a selection around the entire image, which will select all objects. Then pressing CTL +C, copies what you have selected to the computers clipboard. Then pressing CTL + V, pastes the image in the clipboard back to your image.

Ron P.
Ron Petersen, Web Board Administrator
mcfallison

Post by mcfallison »

When I paste the selection I get 10 more layers, not one.
BubbaNZ
Posts: 6
Joined: Fri Nov 16, 2007 8:40 am

Post by BubbaNZ »

1. Capture tab: finer control of tape positioning. Rewinding and FF are clunky - would be nice to say, e.g. -00:00:10:00 to rewind, or + ditto, just ten seconds when you know the time code you want to start capturing from.

2. Also ability to position exactly at a known time code.

3. Edit tab: A jog dial, jog wheel, shuttle dial, or shuttle wheel on the clip edit window for finer control of cutting, mark-in and mark-outs. I'm getting OOS from all the clicking. Also the + or - control as above.