De Menu's
Alle voorbereidingen zijn getroffen. We gaan beginnen met het samenstellen van de menu's. Gemakshalve beginnen we met het hoofdmenu. Maar dat is niet absoluut noodzakelijk.
-Knoppen maken (Thumbnails)
We gaan voornamelijk werken in de menu editor. Omdat het prettiger werkt als we hiervoor wat meer ruimte krijgen, kunnen vensters die we niet of minder frequent gebruiken naar behoeven gesloten worden. Wanneer nodig zijn ze snel weer te openen. Gebruik hiervoor 'view' in de menubalk. Ook de afmetingen van de vensters zijn geheel naar eigen wens aan te passen.
Op dit moment hebben we nog even het Assets venster en het preview venster nodig. We gaan namelijk een drietal knoppen plaatsen die gevuld worden met een 'foto' afkomstig uit een video.
Dubbelklik nu op het eerste menu in het Projectvenster om de menu editor te openen. Dit kan overigens ook vanuit het Connection venster.
In het Assets venster dubbelklikken we nu op de eerste video zodat deze in het Preview venster bekeken kan worden. Zoek hierin het beeld dat je in het menu als knop wilt gebruiken en sleep dit vanuit het Preview venster in de menu editor.
Dit kan ook anders. Voor de tweede knop, die waarmee we een submenu (zie schema) willen starten, klikken we op het knopje 'Insert Chapter Still' aan de linkerkant van de menu editor. In dit geval kiezen we voor video1, chapter 1. Er wordt dan wel meteen een 'link' naar dat hoofdstuk aangemaakt. Dat willen we in dit geval niet. Met een rechtsklik op de zojuist aangemaakte button gaan we die link weer verwijderen.
Doen we dit zelfde voor de derde knop naar Video2 (movie start) dan krijgen we een zwarte knop. Immers, Video2 begint met een 'fade-in'. Het eerste frame bevat dus geen beeld. Daarom verwijderen we deze knop weer (selecteren en op Delete drukken) en gaan precies zo te werk als we met knop 1 hebben gedaan.
-Uitlijnen en Rangschikken
Vervolgens gaan we deze knoppen allemaal even groot maken en in het menu rangschikken. Daarbij kunnen de linialen en het raster (grid) behulpzaam zijn. De Grid is aan/uit te zetten met het 'snap to grid' knopje op de knoppenbalk.
Tip1: Het rangschikken gaat heel nauwkeurig met de pijltjestoetsen.
Tip2: Nadat het formaat en de positie van het object zijn bepaald kan het geen kwaad deze te 'Locken'. Een (kleine) verplaatsing gebeurt al heel snel bij het selecteren van zo'n object. En dan moet je weer opnieuw rangschikken. Vooral als meerdere objecten over elkaar heen staan, zoals bijv. een kader over een videoframe, kan dit bijzonder lastig zijn.
Het 'Locken' doe je door een vinkje te zetten bij de properties aan de rechterkant van de menu editor. 'Lock Position' bevindt zich in de 'Link' tab.
Opmerking1: Houd rekening met de, door kaders aangegeven, safe-zone. Het buitenste kader laat zien wat er in ieder geval op het Televisie beeld zichtbaar wordt. Het binnenste kader is de veilige zone voor objecten zoals teksten en knoppen.
Opmerking2: Knoppen mogen elkaar nooit overlappen. Dan zal de navigatie meestal niet goed werken. Standaard zal DVD-lab waarschuwen als dit het geval is.
-Tekst toevoegen
Een titel bovenin het menu doet het ook altijd goed. Daarvoor klikken we op het teksknopje (Aa) aan de linkerkant van de menu editor en klikken vervolgens ergens in het menuscherm. Nu opent een tekstvenster waarin we de gewenste tekst kunnen invoeren, een lettertype kunnen kiezen en de eigenschappen van de tekst (bold, underlined etc.) kunnen bepalen. Met de properties, rechterkant van de menu editor, zijn nog wat effecten toe te voegen zoals vulkleur en schaduw effecten. Maak voor het uitlijnen en rangschikken weer gebruik van de aanwezige knoppen en de pijltjestoetsen van het toetsenbord.
Op dezelfde wijze zijn nu ook bij de knoppen teksten te plaatsen. Maak met deze teksten duidelijk wat er gaat gebeuren. Dus bij de eerste knop wordt Video1 gestart, bij de tweede knop een submenu waar hoofdstukken van video1 gekozen kunnen worden en bij de derde knop wordt video2 gestart. Kies ook hier weer een geschikt lettertype en eventueel effecten.
Deze teksten gaan later deel uitmaken van de knoppen (de 'Hotspots' welke met de afstandsbediening zijn te activeren).
-Het Submenu
Bij het submenu gaan we op dezelfde manier te werk. Echter, de knoppen kiezen we nu wel met behulp van het knopje 'Insert Chapter Still' aan de linkerkant van de menu editor. We maken nu drie knoppen waarbij de eerste een link krijgt naar het begin van de Video (start movie) en de andere twee respectievelijk naar chapter 1 en chapter 2.
Hoewel, de eerste link wordt nu weer zwart. Dus die maar weer verwijderen en op de alternatieve manier uitvoeren (slepen vanuit het Preview venster). Waarschijnlijk is de 'link' nu wel in orde (te zien aan de cijfertjes bij de knoppen). Anders even met rechtsklikken op de knop en alsnog een link leggen naar de start van de video.
-Objects
Uit het Assets venster, tabblad Objects, kiezen we een leuke button welke gaat dienen voor terugkeer naar het Hoofdmenu. Sleep deze in het menuvenster, pas de grootte aan en zet hierbij een passende tekst (zie afbeelding bij het onderdeel 'Groeperen').
Indien gewenst zijn Knoppen van de video (de Thumbnails) nog te verfraaien met kaders. Kies hiervoor uit hetzelfde Assets venster een kader en sleep dat over een knop. Met de kaderknoppen zijn deze exact passend te maken. De effecten die dit heeft op de 'links' bekijken we later.
We hadden ook kunnen besluiten eerst kaders te plaatsen en daarna pas een beeldje uit de video daarin te plaatsen. Bij dit soort handelingen, dus het over elkaar heen plaatsen van meerdere knoppen, moeten we bepalen welke knop 'bovenop' komt te liggen. Immers, als we eerst een kader plaatsen en daarna een menubeeldje uit de video daar overheen, dan wordt het kader hier en daar afgedekt en dat is niet echt fraai. In de knoppenbalk van de menu editor bevinden zich hulpmiddelen waarmee de positie van de 'Layers' heel gemakkelijk aangepast kan worden.
-HotSpots
Hotspots zijn de objecten die reageren op de navigatieknoppen van de afstandsbediening. Dat kan varieren van opeens te voorschijn komen, van kleur veranderen tot het weergeven van een andere tekst etc. Voor dit doel staan ons drie groepen ter beschikking die we alle drie anders kunnen laten reageren op normaal, geselecteerd en geactiveerd.
Kijken we naar ons menu dan hebben we drie video frames, daar overheen drie kaders, een knop (voor terug naar Hoofdmenu) en vier teksten. Dat lijkt mij in ons ontwerp een mooie verdeling in drie groepen. De Titel bovenin het menu betrekken we hier uiteraard niet bij.
We beginnen met het toekennen van hotspot effecten aan de teksten. In het properties venster (rechter gedeelte van de menu editor) openen we de tab 'Map'. Selecteer een tekst en geef in het properties venster aan dat deze tot de 'Button Hi-lite group' 1 gaat behoren. Doe dat vervolgens ook met de andere teksten. Selecteer vervolgens één voor één de kaders (en ook het knopje waarmee we terugkeren naar het hoofdmenu) en deel deze in bij groep 2.
Vervolgens willen we de video frames in groep 3 indelen. Dit gaat wat lastiger omdat deze zich onder de kaders bevinden. Houd daarom de 'Alt' toets ingedrukt en klik in het kader. Het onderliggende frame wordt nu geselecteerd en kan in groep 3 worden gerangschikt. De verschillende buttons zijn ook vanuit de 'Layers' tab in het properties venster te selecteren. Bestudeer eens de verschillende mogelijkheden.
Vervolgens gaan we bepalen hoe elke groep zich moet gaan gedragen.
Om meteen maar met de laatste te beginnen: we willen eigenlijk niet dat de plaatjes (de video frames) gaan veranderen bij het navigeren. Daarom zetten we de Hi-lite voor zowel Normal, Selected en Activated op volledig transparant. Daarvoor zetten we het schuifje van groep 3 bij alle opties volledig naar links. Merk op dat bij 'Normal' dit al standaard zo is.
De kaders in groep 2 krijgen bij selecteren en bij activeren een andere kleur. De standaard toegewezen kleur kun je in het properties venster wijzigen door op het vierkante voor de schuifregelaar te klikken. De transparantheid staat standaard op de helft. Dat laten we eerst zo. later kunnen we dat allemaal nog fijnregelen tijdens het uittesten van het menu. Uiteraard regelen we dit allemaal ook nog voor groep 1 (de teksten).
Deze zelfde procedure moeten we ook nog in het hoofdmenu gaan toepassen. Daar kennen we twee groepen. De teksten indelen in groep 1 en de plaatjes (de video frames) in groep 2.
We hebben hier geen kaders gebruikt voor de plaatjes. We hoeven uiteraard geen Hi-lite effecten toe te kennen aan die plaatjes. Maar het kan wel mooi zijn. Maar alleen de teksten als Hotspots definiëren mag natuurlijk ook. Wel zo makkelijk. Dan hoeft er ook niet gegroeperd te worden (daarover straks meer).
Je zult ondertussen wel begrepen hebben dat er ook diverse buttons aan het menu toegevoegd kunnen worden. In veel DVD menu's zie je bijvoorbeeld voor en achter een tekst een knopje staan. Bij het selecteren zie je dan alleen die knopjes van kleur veranderen. Ook dat is allemaal mogelijk. Nadat je het groeperen eenmaal kent zal alleen je fantasie je kunnen tegenhouden in het bedenken van mooie toepassingen.
-Groeperen
Het is natuurlijk de bedoeling dat de verschillende knoppen zich als één Hotspot gaan gedragen. Daarvoor is het nodig de knoppen die bij elkaar horen te groeperen. Selecteer daarvoor aan de linkerkant van de menu editor het 'Group Hotspot' gereedschap en trek een kader om de bij elkaar horende hotspots. Doe dat voor hoofdstuk 1, 2, 3 en voor de tekst + button voor het hoofdmenu. Zorg er daarbij voor dat de kaders elkaar niet overlappen. Overigens zal DVD-lab dan een waarschuwing laten zien. Doe ditzelfde ook weer in het Hoofdmenu
Ook nu weer is het niet onverstandig de plaats van deze kaders te 'Locken' zoals we dat ook met de andere Hotspots hebben gedaan (zie Tip2 in het hoofdstuk 'Uitlijnen en Rangschikken').
-Linken van de Video's
Je zult gemerkt hebben dat de link naar de video's door het groepskader is overgenomen van de onderliggende Hotspots. Maar natuurlijk gaan we dat nog weer even helemaal controleren.
Dat kan met een rechtsklik op zo'n Hotspot en dan de link naar het bijbehorende hoofdstuk aanwijzen. Uiteraard aan de 'Terug' knop de link leggen naar het Hoofdmenu. Een alternatieve methode is dit te regelen in het properties venster in de 'Link' tab. De bovenste optie (Button Link) biedt je dezelfde mogelijkheid.
Verder controleren we nog even of de bovenste Hotspot wel als eerste is geselecteerd als het menu wordt geactiveerd. Klik daarvoor met rechts op de bovenste Hotspot en selecteer dan onderaan 'Set as First Button'.
Het resultaat van onze noeste arbeid kunnen we nu alvast eventjes gaan testen. Klik daarvoor op het driehoekje (de Simulation Button) links bovenaan in het menu editor venster. Beweeg met de muis over de Hotspots. Reageren ze nog niet helemaal naar verwachting? Of wil je ze toch een andere Hi-Lite kleur geven? Dan kan dat nu. Zelfs in deze simulatie-modus. In het properties venster in 'Map' kun je nog aanpassen wat je maar wilt.
Terug keren naar de ontwerp-modus doe je door op het rode vierkantje rechts naast de Simulation Button te klikken.
-Achtergrond
Ten slotte gaan we nog een mooie achtergrond in het menu plaatsen. Dat kan op meerdere manieren.
Als je een beeld van een video wilt gebruiken dan zoek je het gewenste frame op in het preview venster. Vervolgens de 'Shift' toets ingedrukt houden en het beeld in het menu venster slepen. Inderdaad, zo eenvoudig is dat. Een andere methode is het slepen van een achtergrond uit de tab 'Backgrounds' van het Assets venster. Dat kan één van de meegeleverde achtergronden zijn maar natuurlijk ook een zelfgemaakte.
Maar met DVD-lab kun je ook een unieke achtergond creëren. Namelijk met Gen-EFX, op te starten via Menu/Effects/Gen-EFX.
Hiermee zijn de meest waanzinnige effecten toe te passen op de menu achtergrond en/of de daarin aanwezige objecten. Van heel subtiel tot enorm ... ja, hoe zal ik het noemen, opvallend. In verschillende stijlen. Het voert te ver om dat hier te gaan behandelen. De beste methode is om er eens een poosje mee te gaan experimenteren.
Een aantal mooie voorbeelden hiervan zijn te vinden op de Tips&Trics pagina van DVD-lab op http://www.mediachance.com/dvdlab/tutorial/index.html