Background pic for DVD menu

I know that you can drop a pic into the menu background for your DVD, but I can't figure out how to strech or resize the pic from there. Most of the time, the pic is too big and I need to shrink it down to the size of the menu background. I know that you can click on it and slide the position of it up and down, but that's not really helping me.

What theme are you trying to use?
I mean do macbooks even come with a program that will resize pics?
Of course....
Do I have to go get photoshop just to find a solution?
No...
... but you do need to spend some time learning about your new computer.
If you have your image in iPhoto, you can simply File>Export>Size>Scale image no larger than (enter size) and preserve aspect ratio.

Similar Messages

Premiere Elements 9 - unable to select a "poster frame" for DVD Menu - Scene Selection

I've tried a number of different DVD menu themes and the problem is the same for all. The Scene Selections don't seem to provide any way to include a graphic for the poster frame. Have been able to provide a menu background with no problem. Interestingly, the poster frame section of the menu edit fields appears to be somewhat truncated (the spot where you would expect the "drag media here" shows only the bottom portion of a box with no wording and the input is truncated at 00;00;0 with the fifth zero partially cut off.
Any one else seen this? I know I've provided graphics for the scene buttons in the past but cannot seem to get past this situation this time.
Thanks

In Adobe Encore (the authoring program, included with PrPro), one can set the Poster Frame for non-Motion Thumbnails.
For showing a different Clip, in Motion Thumbnails, one must create Menus, that have a Video background, that just looks like it has Motion Thumbnails - they are actually PiP in the Video background.
I do not know about the often touted Sony DVD Architect, regarding setting Poster Frames.
PrE's authoring control is a bit limited, and is designed to get the "average" Project authored, with few navigational bells and whistles.
Good luck,
Hunt

Adding A Separate Background Image For Each Menu Item

I asked this in the Spry forum, and not sure I understand the answer. Plus, I should have been more specific in asking how to do it, as I'm still pretty new to this stuff. Nothing I'd found indicated it could be done, or how.
Org question -
I know you can apply a background image to the menu bar items, but is it possible to add a background image for each individual item? What I'm basically trying to keep are the effects (bevel/emboss, etc.,) that I attached to the text, when I created it in PS CS4.
Answer -
Yes you can. The widget is just normal plain html markup so you can just add other classNames or id attributes to the elements. And style the elements through those classes/ids.
Does this mean I'd have to write a new rule for each menu item? What?
Thank you.

Did an Adobe Tutorial for creating/entering a Spry Menu Bar. This is the HTML, after I took out the submenus.
<ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="news.html">Features</a></li>
      <li><a href="news.html">News</a></li>
      <li><a href="news.html">Fashion</a></li>
      <li><a href="news.html">Lifestyle</a></li>
      <li><a href="news.html">Calendar</a></li>
    </ul>
This is from the SpryMenuBarHorizontal.css (It seems like I need to make changes in the Design Info section of this code. But nothing I've tried has worked):
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
text-transform: uppercase;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 7em;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #EEE;
color: #333;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #33C;
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #33C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;

Is there a 'Play All' option for DVD menu?

Hi,
I was hoping someone can possibly help here... I have created a DVD menu in iDVD with 8 separate movie items each with their own button (with underlined feature), but with no sub menus or additional pages.
Incidentally, these items are home movies, transfered from old Hi8 tapes, edited in iMovie then added to iDVD.
The 8 items have all successfully loaded to the iDVD menu and will play when each item is selected (in test mode).
However, I was hoping to also add a 'Play All' button so that the whole DVD content can be played as one continuous piece if required, rather than being limited to being able to play only individual items at a time and then having to return to the menu page in order to select the next item.
Please can anyone offer any help here? I'm very new to Macs/iDVD etc so simple, basic guidance would be much appreciated!!!
Many thanks,
Robin-UK

Hi Robin
Welcome to apple discussions. I use Toast (personal choice only) in this situation since it has a play all check box. But then you don't get the fancy menus.
Click Here
There is no such check box within iDvd for selecting play all but you can set up iDvd's preferences to address scene selection menus when a movie/s is added. And here's how you do that:
A second option might involve adding the 8 separate movies to the slideshow feature within iDvd for continuous play. And yes you can add photos as well as movies to idvd's slideshow feature with a number of added benefits which I won't go into here. But if you want more info on this procedure just look at a few of Old Toad's prior posts / replies on this iDvd forum.
Disclaimer: Apple does not necessarily endorse any suggestions, solutions, or third-party software / products that may be mentioned in this topic. Apple encourages you to first seek a solution at Apple Support. The following links are provided as is, with no guarantee of the effectiveness or reliability of the information. Apple does not guarantee that these links will be maintained or functional at any given time. Use the information above at your own discretion.
Message was edited by: SDMacuser

Best photoshop setting for DVD Menu

Does anyone know what the best photoshop preset is for the Menu?
Currently I have a 1280x720 file, and it pixilates slightly when added to the SD Menu. I want to suggest a better resolution to the client, and don't want to waste time testing it if someone already has the answer.
Thanks!

ehh sorry to be redundant, found the answer in someone else's thread.

Size of jpg for dvd menu?

When burning a dvd in FCPX (I'm running 10.0.9), it's possible to place a jpg in the menu, as sort of a cover image. Does anybody know the ideal pixel measurements or aspect ratio for that jpg? Whenever I put a jpg there, FCPX automatically crops it to fit, and I would very much like to put an uncropped image there for a project I'm working on. Thanks for your help!

It doesn't look like a standard aspect ratio…looks wider than 2.35:1..
You could experiment with background image sizes and shapes by saving the exported files as a disk image and displaying the menu in DVD Player. Trim the movie to a couple of seconds to speed things along.
Russ

Sub Picture Problems HD project to SD build/burn for DVD Menu

Encore CS5 on OSX
Created a project for HD Blu-Ray that has sub pictures for buttons that work wonderfully when built and burned on Blu-ray, but when I use the same project and build and burn to SD DVD, the sub pictures are visible as horizontal lines with no chroma. This issue is prevelent in stand alone players, both blu-ray and DVD, but when played in the computer DVD player they are fine. Any ideas on how to fix this?
Thx

Thanks, yes I kept the same HD menus and output to DVD.
>>> Bill Hunt <[email protected]> 06/09/10 5:38 PM >>>
Welcome to the forum.
Did you keep the same HD Menus, and just Output to DVD, or did you alter your Menus for the SD Project?
Can you post a screen-cap of your Menu in PS, with the Layers Palette open, so that we can see the look of the Sub-picture Highlights?
Good luck,
Hunt

Images For DVD Menu Not All Appearing

Can someone please explain, when I drag 4 or 5 jpeg images for my theme into the "Drop Photos Here" boxes to be cycled, only 2 images get cycled through during the preview; even after I burn the DVD. Why aren't the remaining 2 to 3 images being recognized that I have chosen for my travel theme?
Thanks,
Henri
Powerbook G4, 1.67Ghz Superdrive 2GB RAM Mac OS X (10.4.7)

Can someone please explain, when I drag 4 or 5
jpeg
images for my theme into the "Drop Photos Here"
boxes
to be cycled, only 2 images get cycled through
during
the preview; even after I burn the DVD. Why aren't
the remaining 2 to 3 images being recognized that
I
have chosen for my travel theme?
Which element of the Travel theme: main, chapters or
extra?
Good Question...I didn't use chapters..So I guess it's Main...

PSD for DVD Menu Looks Jagged

I made a 16X9 menu and encountered something I have never had from a 4X3 menu before. The PSD menu graphic looks noticeably jagged.
I made the graphic in Photoshop. I have tried NTSC D1 Widescreen (720 X 486) and NTSC DT Widescreen Square Pixels (872 X 486). The first one looks proportionately incorrect and jaggedy and the second one just looks jaggedy.
What do I do to fix this?

Seemed to have sussed it.

DVD Menu/motion background issue

Every time I try to add a motion background to my DVD menu, the photoshop menu gets stretched horizontally. It looks fine when you add the video but when you preview and render it or burn it to DVD it stretches the menu. see screen shot.

Your menu shows as 1080x720; you say this is for DVD, but size would be wrong for DVD or Bluray.
Yes, you can get away with a variety of sizes; Encore will eventually transcode the menu to the project defaults. But using odd menu sizes makes problems more likely.
Make the menu itself the correct size. (Start with a library template for the project type - HD vs SD, standard vs wide.) Bring in a motion menu asset that is also the correct size. Don't let Encore do any resizing of those assets.

How to add different background image for submenu items???

Hi all,
I'm pretty new to web design and CSS in particular. Here's my problem...
I've got a Spry horizontal menu bar (untouched as yet), and I want to have a different background image for my submenu items than that of my menu items. From searching the internet I think that I need to apply a class to the submenu item (please correct me if I am wrong).
How would I go about doing this and how would I assign the class to just the submenu items?
Also ideally I want to have my first and last menu items to have rounded corners on one side (therefore making a rounded edge menu bar), is it possible to have a different background image for individual menu items? If so, how?
Really appreciate any help!

Thanks for the link! I've managed to sort the background issue, and it seems to be working fine!
Just one little issue left to tackle...
I want my text to be centered in my top menu items BUT aligned left in my drop down menu items. I have managed this but the text hugs the left hand side. I've tried adding a little margin to the left but that doesn't seem to affect anything???
Here's my CSS... Any ideas which class I should be targeting or why adding the margin isn't working would save my tearing the rest of my hair out! thanks! (screenshot attached).
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: default;
    width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    list-style-type: none;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 120px;
    float: left;
    height: 24px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    background-repeat: repeat-x;
    background-color: #333333;
    background-image: url(../images/navbar_bg.jpg);
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #666666;
ul.MenuBarHorizontal li li
    list-style-type: none;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto;
    float: left;
    height: 24px;
    background-color: #333333;
    background-image: none;
    padding: 0;
    margin: 0;
    left: -1px;
ul.MenuBarHorizontal li li a
    list-style-type: none;
    position: relative;
    text-align: left;
    cursor: pointer;
    float: left;
    height: 24px;
    background-image: none;
    font-size: 12px;
    font-weight: normal;
    border: 0px 0 0;
    width: 120px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 120px;
    position: absolute;
    left: -1000em;
    height: 24px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    height: 24px;
    width: 120px;
    margin-top: -5%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal li a
    display: block;
    cursor: pointer;
    text-decoration: none;
    font-style: normal;
    text-transform: capitalize;
    text-align: center;
    white-space: normal;
    padding: 0px;
    height: 24px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 20px;
    margin: 0px;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal li a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #000000;
    background-image: url(../images/navbar_bg_hover.jpg);
    background-repeat: repeat-x;
    line-height: 22px;
ul.MenuBarHorizontal li li a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #000000;
    background-image: none;
    background-repeat: repeat-x;
    width: 120px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-repeat: repeat-x;
    background-position: 95% 50%;
    background-color: #333333;
    background-image: url(../images/navbar_bg.jpg);
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-repeat: repeat-x;
    background-position: 95% 50%;
    background-color: #000000;
    background-image: url(../images/navbar_bg_hover.jpg);
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    f\loat: left;

How to change background pic without overwrite other items ?

Hi I want to change the background pic for all my forms , but it seems that if I directly paste the new pic into the form, the existing frams and title words will be covered by the pic. Any way that can solve this problem ? Great thanks !

when you choose the frame in the layout
(Open the canvas) there are two buttons in the toolbar (bring front & sent to back)
you can use them to solve your problem

Background music disappearing from menu

Hello,
I have created a menu in photoshop and imported it to encore. Then I clicked "import as" > "asset" and chose a .wav file, which I intended should work as background music for the menu.
I dragged the wav file on top of the menu and everything seemed to work when I previewed the movie.
I then rendered and burnt it to a disk and here a problem occured. The music plays back nicely for about 15-20 seconds or so - then it just stops.
Does anyone got a tip on how to fix this issue? :)
In case you need the information it is AVCHD clips I edit and build the iso in blu-ray format.
Thanks in advance.

I've just had the same problem - first time iTunes has been unreliable in many years! I bought and downloaded a music album to my iPad on Saturday morning. Listened to it all and then purchased a gift copy of the same album for someone.
But, having synced at least twice since Saturday, only one of the album tracks remains on my iMac and iPad.
First question is how and why this might have happened. Second question is: how do I get back the missing tracks I've paid for?

Unable to use an image in a DVD menu background

I've been unsuccessful in using an image as the background in the DVD main menu in PE 9. The image shows up correctly in the preview, but not in the burned DVD. I'm a long time user of PE 2.0 and never had this issue. I've tried different image sizes (720x486, 720x480, 640x480), different image formats (jpg, bmp, psd), and different menu templates with no success. The only thing that worked was specifying a frame out of the video. Please help so I don't create any more drink coasters!

Barry,
Welcome to the forum.
This appears to be a Bug in PrE 9, and there are several threads on the same issue. It seems that some Menu Sets perform OK, some will not accept a new background image, and some will accept it for either the Main, or the Scene Selection Menu, but not both.
I'll find a few of those, and link to this thread, for your reading. In the meantime, I would suggest filing a Bug Report with Adobe, so that they will know to work on correcting this problem.
Good luck,
Hunt

PE3 DVD Menu Background video quality

Hi,
I'm creating a video for DVD and have got a 15 second AVI file I am using for the DVD menu background.
I've added it in the Create DVD section and it all works fine. However, when I view the created DVD the quality of the menu video is horrible. Lots of compression artifacts.
When I look at the VIDEO_TS folder the VOB file for the menu is about 6Mb.
If I create a movie using the same 15 second AVI as the main movie (and no DVD title) then the SAME 15 second AVI becomes a 15Mb VOB file and looks much better.
a) Why is PE3 using such low quality when compressing video files to use as DVD menu backgrounds?
b) Is it possible to override it and make it use the same quality it uses for the main movie?
Many thanks,
Chris
PS I'm using Premiere Elements 3.02 on Windows XP.

Hi Steve,
The 15 second DVD menu background AVI was created in Premiere Elements in a separate project. I created some Titles with Motion paths, layered them and then added some music.
I then used File->Export->Movie... to save it as a Microsoft DV AVI which I then imported into the main movie project.
I then selected Create DVD and dragged the movie into the Menu Background place.
The project seems to work fine. The only issue is that the generated VOB for the menu is only 6Mb and very poor quality whereas if I create a DVD from the separate project where I created the 15 second title movie the same movie clip becomes a 15Mb clip (and hence 2-3x the visual quality too).
Note that the rest of the movie is fine. It's just the menu background that appears to have been badly compressed.
Chris

Background pic for DVD menu

Similar Messages

Maybe you are looking for