Back to index

Resources
bullet Printable version
Create a menu in Adobe Photoshop
page 1 2 3
Adobe® Encore™ DVD works closely with Adobe Photoshop®. You can take advantage of the powerful design tools of Photoshop to create menus and buttons. If you add the proper layer-name prefixes to the layers in your menus, Adobe Encore DVD will automatically recognize button sets, highlighting, and video thumbnails. Once you import the menu into a project, you can modify it as you would any menu created in Adobe Encore DVD or you can jump back to Photoshop without closing the project.
For this tutorial, you will need Photoshop and an idea for your menu.
main_int
Choose the right DV image size.

In Photoshop, create a new image using the preset image size that matches your television standard (NTSC DV or PAL) and screen width (standard or wide). For Mode, choose RGB.

We’ve created a 720-by-534-pixel menu, the standard size for an NTSC DVD.

step01_int
Create the background.

Add the images, text, lines, or shapes that make up the background. All elements that are not part of button layer sets (more about these in the next step) become the background of the menu. The background can be multilayered, with elements in layer sets or on individual layers. If you add lines, make them 3 pixels or greater to avoid flickering on a television screen. If you are creating an NTSC project, use only NTSC-safe colors. Colors that fall outside the NTSC color range can cause an unwanted halo effect when displayed on television monitors.

We’ve created a background using a still image, filled shapes, and a title.

step02_int
Create buttons.

Create a layer set for the first button. Name the layer set using the prefix (+), including the parentheses, for example: (+) Main Menu. Adobe Encore DVD uses this prefix to identify button sets. Add all the elements that will make up the button into this layer set. You can include text and image layers. A button should be at least 70 by 60 pixels for proper visibility on a television. If you add text, make sure the font size is 20 points or greater to ensure that the viewer can read the text comfortably.

If your DVD is to be viewed on a computer, be aware that the footprint created by the content of this layer set determines the hot zone–the area that triggers highlighting when the mouse moves over it. Adobe Encore DVD creates the hot zone from the smallest rectangle that can encompass all the elements in the layer set. (Special layers within the button layer set define what the button highlight looks like. More about these in the next step.)

We’ve created the main menu button, a simple button that consists only of text.

step03_int
back to top
previous next