Adobe Encore – делаем меню в Photoshop

В этой части попробуем разобраться, как делать меню для Encore. Для этого воспользуемся ПО - Photoshop CS. В частности нужно проверить, чтобы работала команда Edit>Edit in Photoshop, нужно чтобы при двойном клике на файле psd, открывался Photoshop CS, а не другое ПО (типа ACDSee и другие вьюверы). Для этого – берем файл с расширением  psd.

 

 

Делаем на нем правый клик мыши и выбираем из контекстного меню последнюю строчку Свойства. И в появившемся окне, напротив Приложение, если там не стоит  Photoshop CS жмем кнопку Изменить.

 

 

И в появившемся списке выбираем  Photoshop CS, далее ОК.

 

 

Все застолбили расширение.

Теперь давайте посмотрим, из чего состоит меню Encore и почему нельзя напрямую использовать пресеты от других программ, например - Ulead.

Запускаем Encore.

 

 

Для того чтобы посмотреть из чего состоит наше меню, откроем проект Test.ncor.

 

 

Выделим окно Редактирования меню. Выполняем команду Edit>Edit in Photoshop (Shift+Ctrl+M). Или нажмем кнопку на палитре инструментов.  

 

 

И наше меню откроется в Photoshop CS.

 

 

В правом нижнем углу в палитре Layers мы увидим всю структуру нашего меню. 

 

 

Меню состоит из слоя Background (фоновое изображение), в некоторых меню есть папочка Background details с различными элементами фона, которые можно отключать \ перемещать (например – букет цветов и т.д.)

Теперь давайте посмотрим, что скрывают в себе папочки (+) ribbon&ribbon video, как не сложно догадаться содержимое наших кнопок. Откроем папочки и увидим следующую картину. Давайте разбираться.

(+) ribbon - это обычная кнопка.

 

 

(+) ribbon video - это видео кнопка.

 

 

Основные элементы здесь (=1)highlight, T – текстовый слой с названием кнопки и (%)video, border&ribbon – это элементы украшения. (=1)highlight – это Subpicture, этим элементом мы выделяем активную кнопку при выборе ее с ПДУ DVD – плеера, или при наведении на нее курсора мыши. Subpicture служит для навигации по меню, при открытии/создании кнопки должен быть в выключенном состоянии.

 

 

Т как уже говорилось это текстовый слой, который мы можем изменять.

 

 

border – это декоративная рамка.

 

 

(%)video – это непосредственно видео кнопка, то место где мы будем видеть первый кадр нашего фильма.

 

 

 

ribbon – декоративная полоска для текста.

 

 

Пришло время попробовать создать свою кнопку, для этого нам потребуются следующие файлы – качаем здесь.

Далее читаем урок – по Photoshop.

Запускаем Encore.

Нажимаем Ctrl+N, Ctrl+I и импортируем три файла 1.mpg, 2.mpg, 3.mpg.

Импортируем наше меню File>Import as Menu (Shift+Ctrl+I) файл Gold_Menu.psd.

 

 

И видим что наш фон (%)video поменялся с черного на серый. При выполнении команды File > Import as Menu – любые видео thumbnail имеют серый цвет. И пока мы не свяжем нашу видео кнопку с видео материалом, мы будем видеть серый placeholder.

 

 

Чтобы было видно все окно полностью, изменяем масштаб в левом нижнем углу на 50%.

 

 

Давайте перетянем наш файл 1.mpg из закладки Project на нашу первую кнопку, второй файл на вторую кнопку, третий на третью кнопку в окне 

 

 

Выделяем мышкой наше меню и переключаемся на закладку Layers. Откроем (+)gold1 и видим, что там не хватает слоя (=1)highlight т.н. Subpicture. Отключаем (%)video, убирая глаз.

 

 

Включенным оставляем только слой frame и выделяем папку Set>(+)gold1. Выполняем команду Object>Create Subpicture.

 

 

Ту же операцию проделываем с папками (+)gold2, (+)gold3. Теперь нужно сделать предпросмотр нашего меню – File>Preview.

 

 

И если мы при инициализации получили следующий диалог.

 

 

Нажимаем – Отмена. Мы с Вами забыли установить, что у нас проигрывается первым. Исправим эту оплошность – выделяем в закладке Project наше меню.

 

 

Потом правый щелчок мыши и из контекстного меню выбираем пункт Set as First Play.

 

 

Повторяем процедуру File>Preview.

 

 

Или можно воспользоваться кнопкой на панели инструментов, обведенной красным квадратом.

 

 

Откроется окно Project Preview.

 

 

На картинке наблюдаем выбранную среднюю кнопку. Если цвет Subpicture нас не устраивает, закрываем окно Preview. Выделяем наше меню и Edit>Edit in Photoshop.

 

 

В Фотошопе выбираем по очереди наши слои, временно отключив слой (%)video и frame. И наоборот включив слой (=1).

 

 

Результат контролируем по рисунку.

 

 

Нажимаем Ctrl+L и в появившемся окне Levels

 

 

Производим следующее действие - смещаем ползунки, как показано ниже.

 

 

Если нас все устраивает, жмем Ctrl+S, Ctrl+Q (File>Exit). Делаем в EncorePreview и наблюдаем наше новое Subpicture.

 

 

Закрываем окно Preview. Осталось нам добавить в меню к нашим кнопкам текст. Конечно, это можно было сделать и в Фотошопе, но давайте рассмотрим, как это сделать в Encore. Переключаемся на закладку Characters.

 

 

В ней выбираем шрифт - GaramondBookCTT, начертание -    BoldItalic, кегль (размер) – 36 и цвет. После сделанных настроек выбираем на панели инструментов – Т.

 

 

И начинаем вводить наш текст под кнопками.

 

 

Переключившись, на закладку Layers видим, что у нас появилось три новых слоя с текстом.

 

 

Теперь выделив в закладке Layers верхний слой Конец, переходим в закладку Styles, включаем пресеты для текста – Т, кнопка обведенна красным квадратом. Выбираем установку Set>Novelty и в списке выбираем стиль Yellow Gold Bevel Indent(text).psd

 

 

И те же действия проделываем со слоями Фильм, Альбом. Делаем File>Preview.

 

 

И рассматриваем наш результат.

 

 

Цель данного урока не создание красивого и необычного меню, а возможность посмотреть из чего состоит простейшее меню и как его сделать самому.

В вдогонку еще один совет:

Может возникнуть ситуация, когда у Вас в меню три кнопки, соответственно три сюжета, но все они начинаются с одной заставки. И у Вас получатся три одинаковые кнопки. Или у Вас один из сюжетов, начинается с черного кадра (Fade), соотв. и видео кнопка будет с черной картинкой. Можно ситуацию поправить, я предлагаю такой вариант –идем в ту директорию, куда сохраняли наш проект, например – С:\Мои документы\Test\Sources\Menus. И открыв эту папочку, видим файлы .psd, но нас интересует самый первый Menu_Bpgc_Dsf_1933415418, остальные временные файлы с окончанием _temp.psd#1A(2A,1B….) нам не нужны. Двойной щелчок на этом файле, открываем его в Фотошопе, меняем у нужной кнопки слой (%)video на нужную нам картинку. И Ctrl+S – сохраняем.

 

 

Ctrl+Q – выходим из Фотошопа.

 

 

Все. Можно иметь заранее приготовленное такое же меню, но с другими видео слоями и скопировав название, заменить файл Menu_Bpgc_Dsf_1933415418.

Возникает закономерный вопрос, но можно же из Encore, командой Edit>Edit in Photoshop отправить наше меню в Photoshop и сделать нашу замену. Если мы сохраним измененное меню как Ctrl+S, тогда мы будем влиять на те самые _temp.psd#1A(2A,1B….) и измененный слой (%)video, никак не повлияет на наше меню. Но наши изменения типа Layer>Layer Style>Bevel and Emboss и т.д, примененные к измененному слою (%)video, будут применены к старому слою.

 

 

Надо сохранять наше меню как Save as.

 

 

Нам будет предложено сохранить меню с окончанием _temp.

 

 

Мы убираем у названия файла окончание _temp. И нажимаем Сохранить. Появляется окно диалога

 

 

Где нас спрашивают – хотим ли мы заменить уже имеющийся файл с аналогичным названием. Жмем ОК. Закрываем PhotoshopCtrl+Q. И Encore нас встречает тоже диалогом.

 

 

Нажимаем – Да и работаем дальше с измененным меню.

Можно воспользоваться Set Poster Frame, рассмотрим его действие на первом маркере, который автоматически устанавливается, при добавлении фильма на таймлайн. Перемещаем индикатор на то место, куда нам необходимо. Контролируем нужный кадр по окну монитора.

 

 

Щелкаем правой кнопкой мышки по маркеру, он станет красным, и из выпадающего списка выбираем Set Poster Frame.

 

 

И в том месте, где находится индикатор времени, мы наблюдаем следующее.

 

 

Там появляется прямоугольный маркер с номером 1.

 

 

Так мы задаем другой демонстрационный кадр в кнопке, отличный от первого. Но воспроизведение видеофильма, начнется все равно с первого кадра.

Можно в ее свойствах, указать иное время для poster frame.

 

 

Читаем вторую часть.

На главную страницу.