|
|
 |
 |  |  |
|  |

Изготовление меню в ReelDVD
18.06.2004 10.15
Рассмотрим подробно создание меню эпизодов как наиболее сложную задачу. Главное или любое другое "текстовое" меню будет лишь частным случаем и делается гораздо быстрее.
Изготовление коротких клипов - "представителей".
Разбить (мысленно) на эпизоды (chapters) фильм необходимо ещё на этапе монтажа:
-
из каждого "будущего" эпизода нужно "надёргать" лучших видеофрагментов длительностью 5-10 секунд и смонтировать из них микрофильм длиной 30-40 секунд. Это "представитель" эпизода в будущем анимированном меню.
- продолжительность ВСЕХ "представителей" должна быть СТРОГО одинаковой.
- желательно иметь от 4 до 24 эпизодов (меньше - неудобно смотреть, больше - слишком долго выбирать).
- желательно чтобы количество эпизодов делилось на 4 или 6 (удобно делать меню).
-
полезно записать время начала каждого эпизода (от начала фильма).
Изготовление клипа меню эпизодов и subpicture к нему.
Теперь необходимо создать клип, содержащий 4 либо 6 проигрывающихся "представителей" небольшого размера, в рамочках, на каком-нибудь фоне, с музыкой и подписями. И, кроме этого, создать т.н. subpicture - графический файл (например, TIFF или PSD), содержащий геометрические контуры управляющих элементов (рамок, клипов, текста меню), раскрашенные в четыре разных цвета в зависимости от их функций.
Мы рассмотрим два разных способа решения - "ручной" и с помощью плагина Canopus Xplode. "Лучшего" среди них нет - каждый имеет свои достоинства и недостатки.
- "Ручной" способ (PhotoImpact и/или PhotoShop)
Это наиболее универсальный способ, т.к. он не привязан жёстко ни к каким программам и позволяет делать меню абсолютно любой формы, геометрии, с любыми рамками и т.п. Недостаток - бОльшая трудоёмкость, особенно первые разы, когда нет заранее сохранённых шаблонов. Итак, начнём по порядку на примере меню из четырёх эпизодов, длительность "представителей"-клипов ch1-ch4 равна 40 секунд.
-
Увеличиваем число видимых оверлейных дорожек по крайней мере до пяти (File-ProjectSettings-Edit-OvelayTracks).
- В VideoEditor-е кладём фон (он может быть как картинкой, так и клипом) на дорожку Va/Vb. Растягиваем (в случае картинки) на 40 секунд. Кладём подготовленные ch1-ch4 на дорожки V1-V4 соответственно. Применяем к каждому из них MovingPath примерно такой как используется при PIP (см. DV-монтаж), только "растаскиваем" в разные стороны. В данном примере разумно размер (ширина х высота) задать 180 x 144. Получилось почти готовое меню, только без рамок.
- Будем делать рамки. Для этого сбрасываем любой кадр в формат TIFF (если не знаете как - см. здесь). Далее рисуем в фотошопе рамки в другом слое, а потом удаляем Background. Не умеете рисовать? Не беда. В библиотеке программы PhotoImpact есть куча готовых. Загружаем стоп-кадр, обводим вокруг клипа пунктирную рамку и перетаскиваем на неё рамку из библиотеки "Frames". Повторяем четыре раза (для каждого клипа) и сохраняем в формате PSD. Далее открываем всё это в фотошопе и удаляем все ненужные слои кроме четырёх с пустыми рамками. Получилось примерно, как на рисунке (только фон я в примере сделал чёрным, а в Photoshop-е - он "клетчатый"(прозрачный)). Снизу напишем белые буквы для перехода к другим меню. Сохраним по-прежнему в формате PSD.
Примечание: можно и всё делать в импакте, не открывая фотошоп. Просто лично МНЕ в фотошопе привычнее (я его давно знаю...).
- Загружаем полученный файл с рамками на дорожку V5, ставим ему OverlayOptions-Alpha_Channel и рендерим готовый файл меню.
 Если нужны подписи к эпизодам - можно сделать их либо в виде титров (в CG-Infinity или даже родным титровальником) на дорожке V6, либо добавить в тот-же фотошопный файл с рамками. Музыку добавляем как обычно, предварительно "запретив" звуковые дорожки от ch1-ch4.
- Осталось сделать subpicture. В данном примере сделаем простейшую - двухцветную. Откроем в фотошопе файл с рамками и сделаем все объекты (рамки и текст) чисто чёрными. Как? Для текста - совсем просто - дважды кликаем на названии слоя и попадаем в окошко редактирования текста, где и присваиваем ему вместо белого чёрный цвет. А вот рамки можно заливать чёрным по-разному. Можно (например) экспериментировать с инструментом "залить", но я предпочитаю способ с Levels-ами. Для каждого слоя сначала нажимаем Ctrl-L и двигаем нижний правый ползунок левее середины, нажимаем OK, затем опять Ctrl-L и верхний левый ползунок - правее середины, ОК. Любые объекты любого цвета после этой операции становятся чисто чёрными. Осталось "склеить" слои (Layers-Flatten) и позаботиться о том чтобы фон при этом был белым. Вот что должно получиться:

На этом задача решена и, если всё понятно и не хочется доставать и устанавливать Xplode, следующий параграф можно поначалу пропустить...
- Использование Canopus Xplode
Недостатков у этого способа два: 1)нужно иметь Xplode и 2) возможных вариантов оформления хоть и много, но они ограничены стандартными шаблонами. Достоинства - всё получается быстро, просто и красиво. Для примера сделаем выбор из шести чаптеров...
- Для начала сохраняем клипы ch1-ch6 с другим кодеком, от Канопуса.
 У меня не получилось подгрузить в переход стандартный DV-формат. Возможно я просто не поплясал с бубном вокруг реестра или что-то криво установил, но мне проще показалось пережать несколько минут клипов чем разбираться...
- На дорожку Fx перетаскиваем переход Frames из папки Xplode Standart. Растягиваем его на 40 секунд. Обратите внимание - вроде бы и переход, но дорожки Va и Vb пусты! Дважды кликаем по переходу, в появившихся свойствах жмём "Options" - далее.
 Выбираем, к примеру, "Template6 Oval".
- Снова вызываем свойства, подгружаем все файлы ch1-ch6.
 Далее на рисунках вместо кадриков с "представителями" везде логотип Xplode - это просто я поленился к написаию статьи сделать шесть клипов, а все старые проекты уже удалил. У Вас будут видны идущие шесть фильмиков...
 Видно, что поменялось не только содержимое рамочек, но и их сечение, материал, и фон. Сечение и материал можно задать почти также, как содержимое, только "двойное больше" надо нажимать не напротив FrameContent, а ниже - напротив FrameStyle. Фон (в т.ч. движущийся клип) добавляется на вкладке Background. Добавляем подписи и звук - меню готово.
- Осталось сделать subpicture. Сбрасываем кадр в фотошоп. Поскольку в Xplode рамки строго прямоугольные, без труда заливаем их нужным цветом с помощью прямоугольного выделения и инструмента заливки. На этот раз сделаем более сложные subpicture - рамки по-прежнему чёрные, а вот внутри рамок закрасим красным (R=255, остальные нули) и напишем текст синим (B=255). Получится примерно так:
 Почему в прошлом примере ссылки были черны как рамки, а в этом - синие, станет понятно из следующего параграфа. Пока заметим лишь, что в первом примере ссылки присутствовали и на самом клипе меню (белые, из фотошопа), а во втором примере на клипе меню их нет (они только на subpicture).
- Использование шаблонов Ulead DVD Workshop
Здесь описано как можно "раздеть" Ulead DVD Workshop, позаимствовав из него готовые элементы оформления меню. Далее эти элементы (фоны, кнопки и пр.) удобно использовать в "ручном" способе создания меню...
Работа с Subpicture
-
Перед тем, как начать работать с меню, необходимо разбить на эпизоды сам фильм в ReelDVD. Помещаем фильм и его звук в основное окно (как в простейшем проекте). Выделяем мышью - внизу появляется "таймлайн". Над ним виден жёлтый треугольник(первый эпизод) и сразу под ним - "перо". Если вести перо направо и в нужном месте нажимать самую левую из нижних (под таймлайном) кнопок - будут появляться новые эпизоды (помечаться жёлтыми треугольниками). Нельзя вставлять их не по порядку - обязательно строго слева направо, т.е. от начала фильма к его концу...
- Вернёмся к меню. Сначала поступаем с клипом меню как с обычным видео - кодируем в mpeg2, затаскиваем в главное окно Reel-а вместе со звуком.
- А вот после звука "перетаскиваем" НА клип с меню файл subpicture. В тижнем окне ("таймлайн") под дорожками видео и аудио появляется дорожка subpicture и пока пустая дорожка кнопок (buttons). Далее основная работа будет проходить в окне "превью" которое одновременно является окном редактирования меню. Итак, нажмём в любом порядке кнопки обведённые кружком на рисунке:
 Мы увидим примерно такую картинку. Запомним какая (по РАСПОЛОЖЕНИЮ) из цветных прямоугодьных кнопок отвечает за какие цветные элементы subpicture. Дело в том, что цвета этих кнопок в дальнейшем будут меняться, но по-прежнему самая правая будет отвечать за белый фон, самая левая - за синие ссылки и т.д. (соответствия я указал стрелками).
- Создадим кнопки и определим их цветовое "поведение":
|




|
Справа под "экраном" мы видим четыре кнопки с "ромбиками". Будем нажимать их строго по очереди, для каждой слева на рисунке показан свой скриншот. Пояснения я тоже пронумеровал - т.е. первому соответствует верхний скриншот и т.д. Итак,
- В этом режиме мы видим только subpicture. Обведём все будующие кнопки прямоугольным пунктиром. Важно, что на кнопку, выделенную первой, будет переходить "начальное выделение" при входе в это меню на DVD-плейере (т.е. именно она будет активна первой).
- В этом режиме мы видим как будут выглядеть невыбранные элементы меню. На нашем примере красные прямоугольники и чёрные рамки заслоняют всю картинку - нужно их "обесцветить". Для этого несколько раз нажимаем минус левее соответствующего цветного прямоугольничка (помните? - по порядку, а не по цвету...), пока не добьёмся значения ноль (см. рисунок). Элементы управления (ранее синие) должны остаться видимыми на экране даже в невыбранном состоянии (их же нет на самом клипе!) - поэтому у самого левого цветного прямоугольничка оставляем ненулевое значение и более того - можем выбрать другой цвет по желанию, нажав на сам прямоугольничек (см. рисунок - там выбран 100%белый). Теперь понятно почему мы оставили элементы управления чёрными в первом примере - там их можно "обесцветить" заодно с рамками, т.к. они уже есть в самом клипе.
- В этом режиме мы видим как все кнопки выглядят в активном виде (после передачи на них управления, но ДО нажатия OK). Ровно такой картинки, разумеется, на плейере никогда не получится - кнопки будут активироваться строго по одной :-)
Тут мы можем выбрать цвет и интенсивность подсветки каждого элемента - клипа, его рамки, "стрелочек". Выбирать можно любой из предлагаемых цветов на свой вкус. На рисунке я сознательно привёл достаточно бестолковый вариант, далёкий от моих реальных меню - иначе появится куча дисков с меню "под копирку" - а что в этом хорошего? Подбирайте сами!. Для тех кто ещё не понял, что на рисунке: самый левый прямоугольничек - 60 пурпур - такими будут "стрелочки" и "домик". Второй слева - 33 белый - активный клип будет "подсвечен". И второй справа - 33 пурпур - активная рамка тоже подсветится пурпуром. Но если сделать больше - например 100, то это будет "голый" матовый цвет, и текстура дерева исчезнет. Поэтому объекты с текстурой лучше подсвечивать с интенсивностью до 50.
- И, наконец, в этом режиме мы видим то, как отреагирует кнопка на НАЖАТИЕ, т.е. на выбор ОК с пульта. Поскольку это пользователь видит всего доли секунды, большого значения выбор цветов не имеет. Самое простое - оставить то же самое, что в третьем режиме или сделать подсветку поинтенсивнее. В примере я нарисовал достаточно абстрактное решение :-)
|
- Осталось связать кнопки между собой "геометрически". Дело в том, что между кнопками юзер будет переключаться нажатием стрелок на пульте. Программа позволяет нам произвольно назначить по какой стрелке откуда и куда переходить. Реальная геометрия значения не имеет. Но не стоит злоупотреблять такой возможностью - наиболее удобно интуитивно-понятное меню, в котором переходы в точности совпадают с реальной геометрией. Смотрим на рисунок ниже. По сторонам главного круга обведены кружочками дугообразные кнопки "вверх-вниз" и "право-лево". После нажатия на них можно связать соответствующим отношением любую пару активных областей (на рисунке видны горизонтальные, жёлто-зелёные связи). Аналогично связываем по вертикали. Иногда требуются отдельно кнопки "вверх", "вниз", "право", "лево" - они по соседству - вокруг круглой кнопки.
 Когда будующие кнопки связаны между собой "геометрически", пора их привязать к частям фильма и другим меню "логически". Это делается чрезвычайно наглядно. Как только у меню определена хоть одна кнопка, на "кадрике" в главном окне появляется дополнительный активный элемент (в виде стрелки) в нижней части. Его можно связывать с любым другим клипом или его чаптером точно также - мышью, как мы связывали значок "next" в самом первом проекте. Если клип, к которому мы "привязываем" меню, имеет чаптеры - появится их список с предложением выбрать, о каком именно идёт речь. Если само меню имеет более одной кнопки, вслед за выбором чаптера нам покажут внешний вид меню с кнопками с предложением выбрать - о какой конкретно кнопке шла речь. Таким образом, меню из примера выше, может быть связано девятью связями: шесть - с "главным" фильмом, две - со следующим и предыдущим меню эпизодов, и одна - с главным меню.
Ну и, конечно, не забудем про символ "next". Для любого меню его обычно связывают с самим этим меню, "зациклив" воспроизведение на случай если юзер не успел выбрать эпизод или просто отошёл покурить :-).
Изготовление главного меню
С точки зрения subpicture и ReelDVD главное меню гораздо проще, чем меню эпизодов. Выбросьте мысленно из меню эпизодов все рамки с клипами и замените "домик" и "стрелочки" на текст типа "ПРОСМОТР", "ЭПИЗОДЫ", "БОНУС". Вот и получилось главное меню. Красивее получается, если делать его, как в первом примере (текст сначала пишется в Фотошопе, накладывается на клип меню, и лишь затем обрабатывается для subpicture). В этом случае можно при наложении текста (или даже ранее, в самом фотошопе) применить к нему различные фильтры и эффекты, вплоть до трёхмерных. А subpicture только "подкрасит" выделенный элемент.
Но для некоторых случаев вполне сойдёт и более простой "чисто-subpicture" - вариант, когда текст меню существует только в виде subpicture и просто меняет свой цвет при выделении. В этом случае можно даже не делать "подложку" в виде mpeg-файла. Достаточно перетащить в главное окно неподвижную картинку и на вопрос программы ответить что это slide-show (если нет звука, то можно и "сознаться" что это "меню").
Гораздо сложнее в главном меню не техническая (собственно текст меню), а творческая часть. Что показать зрителю кроме трёх (или двух) строк текста на неподвижном фоне? Здесь всё в Ваших руках. Ведь главное меню - визитная карточка всего диска. В качестве примера моего реального проекта можно посмотреть скриншот работы над главным меню.
Автор: Афанасенков М.А., http://www.afanas.ru
|
|  |  |
|  |
|
|