Celem tego samouczka jest zademonstrowanie podstawowych narzędzi do tworzenia od podstaw ruchomego menu DVD. W naszym przykładzie menu ruchu będzie odtwarzane przez 30 sekund, a specyfikacje będą w formacie NTSC, przy współczynniku proporcji 4:3. W tym samouczku stworzymy typowe „menu główne” z projektu pełnometrażowego filmu. Samo menu wyświetli 30-sekundowy klip z naszego filmu, a także trzy przyciski do nawigacji. Trzy przyciski to Program odtwarzania, Wybór scen i Funkcje bonusowe.
Przeczytaj cały artykuł DVD Motion Menu.
Zobacz transkrypcjęCześć, jestem Brian Brodeur z Nowego Jorku na DVD. Dziękuję za przyłączenie się do mojego samouczka DVD Motion Menu. Dzisiaj przeprowadzę Cię przez podstawowe elementy tworzenia od podstaw menu ruchu, które będzie zawierało 30-sekundowy klip, trzy przyciski i tło. Przeprowadzę Cię przez kilka podstawowych elementów korzystania z Photoshopa i After Effects, a następnie ostateczne renderowanie i wszystkie specyfikacje, które musisz zrozumieć, aby stworzyć profesjonalne, proste menu ruchu.
Ten samouczek będzie zawierał menu ruchu w formacie NTSC i proporcjach cztery na trzy. Oto krótki fragment klipu ruchomego, którego będziemy używać. Trzy przyciski, których będziemy używać w naszym menu ruchu, to program odtwarzania, wybór rozdziałów i funkcje dodatkowe. To dość typowe dla filmu pełnometrażowego. Oto krótki klip z naszego końcowego wyrenderowanego menu ruchu.
Naszym pierwszym krokiem będzie stworzenie podstawowego układu menu w Photoshopie. Kiedy skończymy, ten plik Photoshopa zostanie zaimportowany do After Effects, ale na razie zacznijmy od uruchomienia Photoshopa i utworzymy nowy dokument Photoshopa. OK, nasz podstawowy układ menu będzie składał się z tła, trzech przycisków tekstowych, a następnie zapiszemy ten plik do zaimportowania do programu After Effects.
Teraz Photoshop zwykle zawiera wiele różnych szablonów, które możemy otworzyć i utworzyć nowy plik, który będzie gotowy do użycia. Szablon, którego chcesz użyć, to NTSC D1 Square Pixels, 720 na 540 z prowadnicami. Jeśli to masz, to świetny początek, jeśli nie, oto jak stworzyć niestandardowy szablon, który będzie odpowiadał naszym potrzebom. Ustaw szerokość dokumentu na 720 pikseli, ustaw wysokość dokumentu na 540 pikseli, ustaw rozdzielczość na 72 piksele na cal. Ustaw tryb kolorów na RGB Color, również z ośmiobitową głębią, a zaawansowane ustawienia powinny być ustawione na profil kolorów SMPTE C i upewnij się, że proporcje pikseli są kwadratowe.
W porządku, porozmawiam trochę o pikselach kwadratowych i prostokątnych. Możesz dowiedzieć się o wiele więcej na ten temat w sieci, ale poruszę to trochę tutaj. Teraz robimy DVD od dziesięciu lat i mamy przepływ pracy i zasady, które działają w pikselach kwadratowych, a następnie konwertują na piksele prostokątne w procesie kodowania, a następnie odtwarzają z DVD. Wiele pakietów oprogramowania wyeliminuje ten proces za Ciebie i automatycznie zrekompensuje, ale dla nas, tworzenie ruchomych menu od podstaw, jest to nasz proces. Stworzymy dokument Photoshopa używając kwadratowych pikseli, 720 na 540. Kiedy przejdziemy do After Effects, ta kompozycja będzie miała również 720 na 540, a kiedy wyrenderujemy, zmniejszymy menu do 720 na 480, a następnie zakodujemy go i zostanie zmontowany w authoringu DVD. Gdy to menu jest odtwarzane, na ekranie LCD lub monitorze telewizyjnym, proporcje pikseli będą prawidłowe, a obrazy nie będą zniekształcone.
Dobra, pozwól, że poruszę kwestię bezpieczeństwa tytułu i akcji, weź dwa. OK, porozmawiajmy o bezpiecznym tytule i działaniu. Kiedy oglądamy nasze menu ruchu na monitorze komputera, widzimy cały obraz. Kiedy oglądamy lub menu na monitorze transmisyjnym, część krawędzi może zostać odcięta z powodu tuby. Jest to dość standardowe w branży. To, co musimy zrobić lub musimy być świadomi, to 10-procentowe obramowanie wokół krawędzi naszego menu, a wszystkie nasze grafiki i przyciski zaprojektujemy w obrębie tej 10-procentowej granicy. Teraz ta 10-procentowa granica nazywa się sejfem tytułu lub zabezpieczeniem tytułu. Kolejne 5 procent poza tym nazywa się bezpiecznym działaniem. Teraz możesz przetestować swoje menu po wypaleniu ich na płycie DVD-R i dokładnie zobaczyć, jak odtwarzają się na komputerach i monitorach telewizyjnych, ale na nasz użytek lubimy zachować pełną 10-procentową granicę dla naszych przycisków i wszelkich inne tytuły lub grafiki, które naprawdę będziemy chcieli zobaczyć w naszym menu. W naszym przykładzie nasze menu ma klip i przyciski ładnie wyśrodkowane pośrodku, więc naprawdę nie stanowi to problemu, ale bardzo dobrze jest wiedzieć, bez względu na projekt, dla którego projektujesz.
Teraz, gdy mamy już utworzony dokument Photoshopa o wymiarach 720 na 540, chcemy zacząć od utworzenia warstwy tła dla naszego menu ruchu. Teraz, w tym samouczku, wziąłem kolor pierwszego planu i tła i użyłem filtra włókien renderowania, aby utworzyć proste tło z prążkami. Możesz zrobić dowolną liczbę rzeczy, renderować chmury, to kolejny filtr, możesz umieścić obraz, gradient, jednolity kolor, cokolwiek chcesz. Ale w tym samouczku użyliśmy ciemnozielonego i czarnego, co tworzy proste tło.
OK, następnie utwórz nową warstwę w dokumencie programu Photoshop i użyj narzędzia tekstowego, aby utworzyć trzy wiersze tekstu, które mówią o odtwarzaniu programu, zaznaczaniu rozdziałów i dodatkowych funkcjach. W tym samouczku sformatowaliśmy ten tekst tak, aby był wielkimi literami. Jest na ogół w 90 procentach biały z cieniem i jest wyśrodkowany, ale możesz użyć dowolnego sensu projektowania.
Teraz, aby zapewnić czytelność podczas odtwarzania DVD, zalecamy użycie czcionki 18-punktowej lub większej. W tym samouczku coś pomiędzy 30 a 36 punktami będzie działać dobrze, ale kiedy spadniesz poniżej 18 punktów, staje się to trudne do odczytania i będziesz mieć brzęczenie tekstu, który nie będzie wyglądał tak naprawdę dobrze.
Mając gotowe tło i warstwę tekstową, zapiszmy ten plik jako menu.psd. Ten dokument programu Photoshop zostanie zaimportowany do programu After Effects, a następnie zostanie dodany nasz klip i przejdziemy przez proces renderowania.
W tej części samouczka będziemy pracować z Adobe After Effects. Jest to standardowe w branży oprogramowanie do komponowania ruchomej grafiki. Jestem pewien, że niektórzy z was mają najnowszą wersję tego oprogramowania, ale będziemy używać wersji 5.5. To najstarsza wersja, jaką mamy w naszym studio.
Po uruchomieniu After Effects zwykle tworzy nowy projekt. Chcemy stworzyć nową kompozycję. Możesz to zrobić na różne sposoby, ale pod menu rozwijanym o nazwie Kompozycja zobaczysz nową kompozycję. Kiedy to zrobisz, ponownie stworzymy kwadratowy piksel o wymiarach 720 na 540 o długości 30 sekund. Użyliśmy ustawienia wstępnego oznaczonego jako NTSC D1 Square Pixels, 720 na 540. Nazwaliśmy menu ruchu kompozycji. Szerokość i wysokość to oczywiście 720 i 540. Zablokowaliśmy proporcje pikseli na cztery na trzy. Upewniliśmy się, że proporcje to kwadratowe piksele. Szybkość klatek wyniesie 29,97 klatek na sekundę. Używamy pełnej rozdzielczości i używamy kodu czasu początkowego wynoszącego 0 klatek na całej tablicy, i oczywiście kod czasu końcowego będzie wynosił 30 sekund 0 klatek. Teraz ta kompozycja programu After Effects o wymiarach 720 na 540 będzie dokładnie pasować do konfiguracji naszego pliku Photoshopa, który miał kwadratowe piksele i 720 na 540.
Po utworzeniu kompozycji zobaczysz okno osi czasu. Teraz zaimportujemy nasz plik Photoshopa do programu After Effects, aby przenieść go na oś czasu. Zaimportujmy menu, które stworzyliśmy w Photoshopie do After Effects. Użyj menu rozwijanego Plik, aby wybrać Importuj plik, w tym oknie dialogowym, a następnie znajdź plik menu.psd, który właśnie utworzyliśmy, wybierz go. A After Effects da nam możliwość zaimportowania tego jako scalonych warstw, czyli wszystkich tych warstw do jednej warstwy lub pojedynczych warstw. Na potrzeby tego samouczka myślę, że możemy po prostu użyć scalonych warstw, tło i przyciski tekstowe będą stanowić jedną warstwę. W bardziej złożonych animacjach, które możemy wykonać w przyszłości, zrobilibyśmy poszczególne warstwy, aby móc traktować je jako grafikę ruchową oddzielnie podczas animacji.
Następnym krokiem będzie zaimportowanie klipu ruchu, którego będziemy używać w naszym menu ruchu. Na potrzeby tego samouczka używam 30-sekundowego materiału filmowego przedstawiającego Santa Monica. Pojawia się i znika. Nie jest to nic specjalnego, ale jest pełnoekranowe. To, co chcemy zrobić, to ostatecznie zmniejszyć go do połowy ekranu, o wymiarach 320 na 240, a ten klip ruchu będzie odtwarzany tuż nad trzema przyciskami tekstu. Oto kolejny klip z naszego gotowego menu ruchu, dzięki czemu możesz zobaczyć, o co mi chodzi.
Używając tej samej techniki, co w menu, użyj menu rozwijanego Plik, wybierz opcję Importuj i Plik, a następnie znajdź klip menu ruchu; w moim przypadku nazywa się clip.mov i plik zostanie zaimportowany do programu After Effects. Zobaczysz w oknie projektu, że mamy nasze menu.psd i nasz clip.mov, a także nazwę kompozycji, menu ruchu. Teraz przeciągniemy te dwa elementy, klip i menu, na oś czasu. Przeciągnij i upuść zasób menu.psd na oś czasu pod nazwą źródła. W ten sposób zaimportuje to menu.psd, czyli tło i przyciski tekstowe, jako warstwę na osi czasu i wyrówna ją do klatki 0.
Teraz, gdy mamy tło menu na osi czasu w programie After Effects, chcemy dodać klip ruchu do nowej warstwy nad tłem menu. Zróbmy to, przeciągając i upuszczając plik clip.mov w kolumnie nazwy źródła osi czasu powyżej miejsca, w którym znajduje się menu.psd. Kiedy przeciągam do niego plik clip.mov, naturalnie zasłania on przyciski, które utworzyliśmy w tle. Cóż, zamierzamy zmienić rozmiar tego klipu ruchu do 320 na 240, aby było wystarczająco dużo miejsca, aby przyciski i klip były widoczne w menu.
OK, zmieńmy rozmiar klipu menu ruchu. Upewnij się, że masz warstwę o nazwie clip.mov, którą właśnie zaimportowałeś na oś czasu, upewnij się, że ją wybrałeś. Przejdź do menu rozwijanego Warstwa, wybierz przekształć, a następnie skaluj. To otworzy okno dialogowe, które pozwoli ci zmienić skalę do 50 procent. Oto ustawienia, których chcesz użyć, szerokość i wysokość powinny wynosić 50 procent, jednostki to procent źródła, zachowaj bieżące proporcje i uwzględniaj proporcje pikseli nie powinny być sprawdzane.
Teraz, gdy zmieniliśmy rozmiar klipu o połowę, użyj myszy lub strzałek, aby zmienić położenie klipu nad trzema przyciskami. Teraz Twoja kompozycja After Effects jest gotowa do renderowania. Mamy nasz klip filmowy o zmienionym rozmiarze, mamy trzy przyciski i tło, wszystkie znajdują się na osi czasu i grają przez 30 sekund. Jesteśmy gotowi, aby dodać tę kompozycję do kolejki renderowania. Aby dodać kompozycję do kolejki renderowania, użyj menu rozwijanego w sekcji Kompozycja i dodaj do kolejki renderowania.
Okno kolejki renderowania zawiera cztery sekcje pod szczegółami renderowania. Te sekcje to ustawienia renderowania, moduł wyjściowy, dziennik i wyjście do. Ustawienia renderowania powinny wyświetlać hiperłącze do bieżących ustawień. Wybierz ten link, który otworzy okno dialogowe. Określ następujące parametry za pomocą menu rozwijanych i zmień tylko odpowiednie ustawienia, które określam. W przypadku menu ruchu kompozycji chcemy wybrać najlepszą jakość, rozdzielczość pełną, przedział czasu powinien być długością kompozycji, którą ustawiamy na 30 sekund.
Po określeniu tych ustawień renderowania naciśnij OK i wybierz hiperłącze modułu wyjściowego. Otworzy się kolejne okno dialogowe. Ten etap samouczka jest prawdopodobnie najważniejszy, ponieważ tutaj zamierzamy zmiażdżyć menu z 720/540 pikseli kwadratowych do 720/480 pikseli prostokątnych lub formatu DV.
Przy otwartym oknie dialogowym modułu wyjściowego upewnij się, że menu rozwijane formatu jest ustawione na film z krótkim czasem. Możesz wybrać MPEG 2, jeśli masz to zainstalowane, ale w tym samouczku zostawmy to szybko. Upewnij się, że pole wyboru wyjścia wideo jest zaznaczone i wybierz przycisk opcji formatu. Ustaw następujące parametry w wyświetlonym oknie dialogowym i wybierz OK, kiedy skończysz. Typ kompresji to DV, DVC Pro NTSC. Ruch powinien wynosić 29,97 klatek na sekundę. Kompresor powinien być pod względem jakości i to jest ustawienie suwakowe. Tryb skanowania powinien być z przeplotem, a proporcje powinny wynosić 4,3.
Następnie zaznacz pole wyboru rozciągania, które powinno pokazywać bieżące ustawienia renderowania jako 720 na 540. Wybierz menu rozwijane rozciągania do i zmień wybór z niestandardowego na NTSC DV 720 na 480. Upewnij się, że menu rozwijane jakości skalowania jest ustawione na wysoką.
W tym samouczku wypiszemy ten plik bez dźwięku, więc pole wyboru wyjścia audio powinno pozostać niezaznaczone na dole okna dialogowego ustawień modułu wyjściowego. Teraz wybierz OK, aby zamknąć i zapisać ustawienia w oknie dialogowym ustawień modułu wyjściowego.
Wracając do okna dialogowego kolejki renderowania, pozostaw listę rozwijaną dziennika ustawioną tylko na błędy. Użyj danych wyjściowych do hiperłącza, aby ustawić miejsce docelowe dla pliku szybkiego zapisu. Po skonfigurowaniu wszystkich czterech ustawień w kolejce renderowania możesz teraz nacisnąć przycisk renderowania w prawym górnym rogu. Rozpocznie to proces wysyłania pliku do określonego miejsca docelowego. Po zakończeniu możesz otworzyć ten plik szybkiego czasu i przejrzeć ostateczny render ruchu, który właśnie stworzyliśmy. Oczywiście na tym etapie możesz przejść do kodera i utworzyć plik MPEG 2, który zostanie dodany do Twojego authoringu i odtworzony na dysku DVD.
Dziękuję za przyłączenie się do tego samouczka DVD Motion Menu i życzę powodzenia w opracowywaniu i rozwijaniu ruchomych menu w przyszłości. Uważaj.
[Koniec dźwięku]