Join Jeff Sengstack for an in-depth discussion in this video Building multi-page menus in Encore, part of Encore CS5 New Features.
Creating multipage menus is relatively easy, but it can be labor-intensive. There is an automated way to do it, and I'll explain that in a different movie. For this movie, we'll stick with the labor-intensive method just so you can see how that all works. The basic process is to start with a menu and then add a second page to it or a second or third or fourth, whatever you want, but add an additional page to it. You can start with a new menu, you can create a menu from the scratch, however you want to do it. You can pick a menu from the Library. But we are going to start with the one that already exists here in the particular menu called ExploreCaliforniaMenuBackground.
Now, I am going to make second page for this menu basically and keep in mind that a multipage menu keeps the background and it just adds a page on top of that. I'll show you the structure of that will work in just a moment. But you'll select the menu. Make that active. You can see that menu is active here in the Properties panel. Then you go to Menu > Add New Page. How easy is that, right? We add a new page. What happened to the buttons? They all just disappear. That's because the second page is the blank slate. This is the labor-intensive part of things. The second page basically says "okay, you have made the second page but you need to tell me what buttons to put here." "I mean, I don't automatically place buttons for you." "You need to tell me what buttons you want to place here." Let me show you the structure or the sort of Photoshop structure of a multipage menu so you can see how that works.
The typical menu looks like this. Ignore the Page 1 for now. It has images on it, the logo, the footer, whatever, and then it has buttons. 1, 2, 3 buttons. If you go back here, you can see these buttons. 1, 2, 3. When you add a second page to a menu, you add a Photoshop layer group. This is a Photoshop layer group. Right now it's empty. There are no buttons inside it. But when we start adding buttons, the buttons will appear inside this layer group. So if you are a Photoshop person and like to work in Photoshop, you can take any menu that you create in Encore and edit it in Photoshop or you can create menus in Photoshop directly.
If you look at the layer naming structure, if you are going to work in Photoshop, you need to use these layer names, or the parenthesis and the number sign indicate this layer group and plus number sign equals a button group. See how the button group works there. So if you want to, say, work in Photoshop with an existing menu, you just go up here and click on this PS button. That will open up this menu in Photoshop and you can continue to work there and change the colors, the buttons, whatever you want you to do to customize it. But for our purposes we are going to work inside Encore. Let's me show you what happens now. Here is Page 1 with no buttons on it, but I want to add buttons that look similar to the first page.
So I go back to the first page by clicking on one of the buttons in the first page and there it shows up. I really want to avoid confusion. When I say first page, this is actually technically page 0. But it can be confusing. How do you know this is page 0, this is Page 1? You'd think this would be the first page. I am going to double-click on this and change that from Page 1 to 2nd page to make sure we are all clear what we are doing here. Now, 2nd page shows up in that layer group. Go back to the first one. I am going to select the button just by clicking on it. I can go Edit > Copy and I go back to the 2nd page. This is going to be blank. I go Edit > Paste.
The second button will appear here, kind of appears up here in the corner. But I can drag it down, and I can duplicate that button by holding down the Alt key in Windows or the Option key on Mac. Notice when you hold it down there is a little double triangle pointer that's there sitting. We are going to be duplicating this if you drag it. So I'm going to drag that out and make a duplicate. Do that again, make another duplicate. So now, it's sort of created the same appearance of the first menu and it uses the same links as the first menu too. So now I have at least created the appearance of the first menu. This is actually though the second page and notice here inside the Layers panel, you see that I have added three buttons inside this layer group.
So again if you are working in Photoshop, you see how that structures. Now, what I want to do is just create links to these buttons, the same way I would create links in any other project inside Encore. For example I might want to go this particular video where I can drag these chapters and change the link to those chapters for example. It should be the typical way that a multipage menu would work. You would have, let's say, the first three chapters in Page 1 of the menu and the next three chapters in Page 2. The one thing that's missing from this process now, I need to go back to the menu to turn that back on, is some link from one menu to the next.
Here is a button that I could use to be a link from one to the next. I'll just drag that button up here. Here you go. I'll make it a little larger as you can see it. It's pointing the wrong direction. I want to go back to Page 1, so I can just go Object and Flip Horizontally. And now at least it's pointing in the correct direction as far as the navigation of the menu is concerned. Then I would need to link this back to the first menu. You can't really open up the first menu and drag it to it. The way your link is click on this. Then set the Link over here manually by opening it up, going to this menu, and say "I want to Page 1 and I want to go let's say the last button on Page 1." Let me go back to Page 1.
I need to make another one of these guys to go to Page 2, so I'll select this one. I'll do a copy of that one. Ctrl+C or Command+C on a Mac. I'll go back to Page 1. I want to add that button. So I'll go Ctrl+V or Command+V on a Mac and that puts it down here. I need to reverse it now, so I'll go Object > Flip Horizontal, and now it's pointing the right direction. I need to link this to Page 2 of the menu, so I select this. click Link > Explore Menu. I go to the 2nd page. See how that's works? I'll say let's go the first button there on the second page.
So now I have create my multipage menu. I have added the links and done all this sort of manual labor to be able to go from one page to the next. If I were then to burn a Blue-ray Disc with these options set and the background would not change. If I had music associated with this background, the music would play seamlessly. But before I finished this tutorial, I want to go on to the pop-up menu. I just want to show you that it works the same for pop-up menus. This is a pop-up menu that's not been converted to a pop-up menu yet. So I want to make sure you see that a pop-up menu really starts its life as a menu with the bunch of buttons and a background.
But the background is irrelevant because once you set as Blue-ray pop-up menu up here, the background, no matter how gorgeous your background might be, becomes transparent and reveals in the video behind it. When you do a pop-up menu, you always associate it with a particular timeline. Then you can --if you want to view it, just kind of get a sense of how it's going to look over the video, then you just pick a frame of the video to get a sense of how it's going to look. This doesn't set where it appears over that video. This just lets you preview it in this static fashion. Then again just as with the full- screen menu, you can create a second page or more pages for a pop-up menu, the same routine.
This menu is now selected. Here is the typical layer structure. You've got four buttons. So each button has got its little layer group. There is the background there, which is transparent now in this particular case. Now, I am going to go over and make another page by going Menu > Add New Page. That will add this page group here. All those buttons disappear again just as it did before because you are now in this blank slate waiting for you to add some more buttons. I could go to Library and pick some buttons out here if I wanted to and use them instead, but you know I would rather use the buttons from the first menu. So, I'll go back and this time instead of picking one after the other, I am going to pick the whole group of them and do a Ctrl+C or Command+C on a Mac for those guys.
Back to Page 1 and Ctrl+V or Command+V on a Mac. They are all tucked away up in the corner. We'll drag him sown here. Then of course what I would do is I would rename each of these things, probably Days 5, 6, 7 and 8. And I'd add navigation buttons. The button over here to go back, and then go back to the first page, which is Page 0 again. I'd have a button going this way. So that's the basic way that you structure or create multipage menus. It's pretty labor intensive. I'll show you a faster, easier way to do it in another video.
- Building multipage Blu-ray disc menus
- Creating an index for multipage menus
- Converting a DVD project to Flash
- Displaying subtitles in the Flash DVD player
- Importing RED video from Premiere Pro
- Publishing HD content without transcoding
- Synchronizing timelines with original frame rates
- Exporting a replication master as a DDP file