From www.studio.adobe.

com Product used

Adobe Encore DVD

The insider’s guide to editing menus in

Adobe Photoshop CS2
From the experts at Adobe

Adobe® Encore® DVD includes powerful tools for
creating and editing menus, but the true power of
menu editing lies not within Encore itself, but in its
close ties to Adobe Photoshop®. You can use layered
Adobe Photoshop files either as complete menus or as
individual elements within a menu.
You can import into Encore any 8-bit Adobe Photo-
shop file, complete with layers, masks, type, adjust-
ment layers, layer sets, and so on. In fact, moving
between the applications is so seamless, you can do it
at any time.
The files used in this tutorial are on Disc 2 of the Total
Training Video Workshop (included with Encore or
Adobe Production Studio). Depending on the televi-
sion standard for your region, copy either the NTSC
or PAL folder from the Encore folder to your desktop.
Alternatively, you can follow along using your own
files. You’ll need an image file, such as a TIFF or JPEG.
Examine the structure of a menu
1 In Encore, choose File > New > Project. Choose
the video standard for your region (generally NTSC
for North America or Japan, PAL for Europe), and
click OK.
2 In the Library panel, make sure that the General
set is selected, and click the Toggle Display
Of Menus button to view only the menus.
3 Locate Sunset Submenu.psd, and double-click it
to add it to the project. In the Menu Viewer, note the
following menu elements:
• Previous and next arrow buttons.
• Main Menu text
• Episode buttons with text labels
• Chapter Selection text
4 Select the episode 1 button. In the Properties panel,
note that the Type attribute is set to Chapter. The Type
attribute sets the button’s role in the menu.
5 Select the Main Menu button, and note that its
Type attribute is set to Main. Select the Previous and
Next arrows, and note their corresponding Type at-
tributes as well.
Note: Setting the Type attribute for layers is important
when you use the Create Chapter Index command. The
Type attribute is also used when one menu is replaced
with another. For example, the Main button in one
menu becomes the Main button in the new menu.
6 Choose Window > Layers to display the Layers
panel. In the Menu Viewer, select various menu ele-
ments and note that each has its own layer set in the
Layers panel. The name of each layer set begins with a
tag, in parentheses (), that identifies the Type attribute
of the layer.
Layer set tags
(+) Normal Button
(+<) Previous Button
(+>) Next Button
(+^) Main Button
(+#) Chapter Button
Layer tags
(=1) Overlay (Highlight) Color 1
(=2) Overlay (Highlight) Color 2
(=3) Overlay (Highlight) Color 3
(%) Button Thumbnail Layer
(!) Replacement Layer

Layers panel shows layer structure of menu.
Edit a menu in Photoshop
Any menu in Encore, no matter how it was created,
can be edited in Photoshop at any time. You can
change pixel information, adjust masks, modify layer
effects, and replace elements—to name just a few of
the changes you might make.
Be aware, however, that if you delete a layer set for a
menu element, that element is deleted. If you rename
a layer set, removing the tags listed earlier, the menu
element will no longer work.
1 Select Sunset Submenu.psd in the Project panel.
2 Click the Edit Menu In Photoshop button in the
toolbar, or press Shift+Ctrl+M. In Photoshop, select
the Layers palette, which is similar to the Layers panel
in Encore.

3 Select the topmost layer (title) in the Layers palette,
and choose Layer > New Adjustment Layer > Hue/Sat-
uration. Name the layer Sepia Tone and click OK.
4 In the Hue/Saturation dialog box, set Hue to 30
and set Saturation to 25. Select the Colorize option
and click OK.
5 Save your changes. The changes are applied auto-
matically to the menu in Encore.
6 Exit Photoshop, and switch back to Encore.
View the updated menu in Encore, and then close
the project.
Create a replacement layer
Replacement layers are a bit like picture frames. When
you replace the picture, the shape of the frame remains
the same.
1 In Encore, choose File > New > Project. Choose the
video standard for your region, and click OK.
2 In the Library panel, make sure that the General
set is selected, and click the Toggle Display
Of Menus button to view only the menus. Double-
click Retro Menu.psd to add it to the project.
3 Click the Toggle Display Of Replacement Layers
button at the center of the Library. Drag Vertical
Oval RL.psd from the Library panel onto the menu.
An image, contained in an oval mask, appears in the
menu. You can use the Direct Select tool to move and
resize the image if desired.
4 Choose File > Import As > Asset, select the
swing.tif file, and click Open.
 

5 Drag the swing.tif file onto the image (replacement

layer) in the menu. The image changes, but the shape
of the mask remains the same.

Drag swing.tif from Project panel to replacement layer (top) to

replace image in mask (bottom).

From the experts at Adobe.

© 2006 Adobe Systems Incorporated. All rights reserved.

Find more tools, tips, and resources for Adobe software in the Adobe Resource Center at www.studio.adobe.com.
Adobe, the Adobe logo, Photoshop, and Encore are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries.
© 2006 Adobe Systems Incorporated. All rights reserved.