Создание своих меню в Adobe Encore, как сделать свои оригинальные библиотеки меню. Опции

[Aleksandr Torbik]

Чем является кнопка в меню?

Если открыть любое меню в программе Photoshop, то мы увидим, что кнопка меню является набором слоев заключенных в отдельную папку.
Посредством определенных символов каждому слою назначаются функции, воспринимаемые ADOBE ENCORE, как команды.
Поэтому, чтобы программа смогла распознать кнопки, подкартинки и эскизы в импортируемом меню, при создании слоев и наборов слоев в программе Photoshop следует руководствоваться правилами именования слоев приложения Adobe Encore DVD.

Так, символы «(+)» ADOBE ENCORE воспринимает, как «присвоить данному набору слоев значение КНОПКА»
И соответственно все слои находящиеся внутри этого набора слоев программой будут восприниматься элементами кнопки.

В состав кнопки могут быть включены:
1. Изображение кнопки – графический элемент не требующий обозначения перед названием;
2. Подкартинка - одноцветные графические слои. Каждый слой может реализовать отдельный цвет. Обозначается префиксом (=1)(=2)(=3) соответственно. Например (=1) Text highlight; (=2) Daisy outline (=3) Check mark – это три слоя в трехцветной подкартинке.
3. Эскиз видео - графический слой внутри изображения набора слоев, который используется как место для отображения видеофрагмента. Обозначается префиксом (%).
В состав кнопки могут входить так же текст или элементы дизайна кнопки. Они не требуют префиксов перед названием слоя.
Зная эти условия мы можем создавать кнопки в программе Photoshop и если именование и формирование соответствующих им слоев и наборов слоев выполнялось правильно, то Adobe Encore распознает кнопки, созданные нами.

Последовательность создания кнопки выглядит так:
Создайте в программе Photoshop файл с необходимыми параметрами.
Создайте набор слоев. Для этого выберите команду Layer/New/Group (Слой / Создать / Группа).
В качестве имени набора слоев введите «(+) Моя кнопка», а потом щелкните мышью на кнопке ОК (ОК).
Важно, чтобы имя начиналось с последовательности символов «(+)». Наборы слоев, имена которых начинаются с символов «(+)», распознаются программой Adobe Encore DVD как кнопки.
Если кому удобнее, то можно набор слоев создать через меню Layers кликнув на значке Create a new group
Теперь вам необходимо создать в новом наборе слоев текстовый и графический слои.
Активизировав набор слоев (+)Моя кнопка - кликним на значке Create a new layer.
Этим мы создали новый слой на котором разместим эскиз видео в виде прямоугольника, (кстати форму можно задать абсолютно любую, но так как-то привычнее). Переименуем этот слой на (%) видеоизображение.
Выделим этот слой и зальем его светло серым цветом (Заливку можно сделать любого цвета, но светло серый не раздражает и хорошо различим на цветных фонах).
Далее на этом же слое создаем маску слоя Layer/Layer Mask/Reveal All. И на маске слоя прорисовываем нужную нам форму в которой будет изображаться видеофрагмент.

Создадим еще один слой, размещенный над слоем видеоизображения и поместим на него элементы декора, которые будут создавать сам внешний вид кнопки. Этот графический элемент естественно должен иметь альфа-канал над эскизом видео.
Текстовый слой с названием «Моя кнопка» желательно размещать не на поле, предназначенном для видео.
Следующим шагом создадим подкартинку, которая будет появляться при активизации кнопки в меню. Для этого мы можем выбрать любой элемент нашей кнопки или добавить новый (как графический, так и текстовый)
Один из вариантов может выглядеть так.
Дублируем слой с внешним видом кнопки. Смещаем графический элемент на 10 пикселей вниз и вправо. Переименовываем его с префиксом (=)подкартинка. Снижаем прозрачность слоя до 60 процентов.
Или создадим новый слой и разместим на нем кружек (звездочку, снежинку и т.д. по вкусу) и опять же переименовываем его с префиксом (=)подкартинка. Снижаем прозрачность слоя до 60 процентов.
Здесь вариантов столько, на сколько богата ваша фантазия и на сколько вы владеете арсеналом Photoshop.
Можно прозрачность и не снижать, но как то не очень красиво выглядит, когда основная картинка и выделяющий элемент одинаковы по плотности.
Самое важное, что у этого слоя в файле PSD должна быть отключена видимость.

Сдублировав наборы слоев необходимое количество раз, поменяв названия кнопок и разместив их в нужных местах, получаем заготовку для меню, сохраняя этот файл.

Сильная сторона этого способа еще и в том, что ко всем слоям (кроме подкартинок (для них это просто не нужно)) мы можем применять все эффекты доступные в программе Photoshop, (например стили).
Adobe Encore позволяет использовать лишь эффект наложения тени, однако в программе Photoshop представлено намного больше различных стилей. Слои, созданные в программе Photoshop, распознаются приложением Adobe Encore, то есть все эффекты отображаются без искажений. Нужно также отметить, что для редактирования стилей слоев можно в любой момент перейти обратно к программе Photoshop.

После создания меню в программе Photoshop с использованием корректных правил именования, все, что вам остается сделать — импортировать меню в приложение Adobe Encore. Приложение автоматически распознает кнопки, подкартинки и эффекты, подготовленные в программе Photoshop.

Однако нужно обратить внимание на то, что если кнопки имеют несимметричные контуры, то все равно они заключены в прямоугольные ограничивающие рамки. Это делает вероятным случайное наложение кнопок друг на друга.
С помощью инструмента выделения поменяйте место положения кнопок таким образом, чтобы их ограничивающие рамки не пересекались. При этом они не должны выходить за границы безопасной области.

[Aleksandr Torbik]

Чем является кнопка в меню?

Если открыть любое меню в программе Photoshop, то мы увидим, что кнопка меню является набором слоев заключенных в отдельную папку.
Посредством определенных символов каждому слою назначаются функции, воспринимаемые ADOBE ENCORE, как команды.
Поэтому, чтобы программа смогла распознать кнопки, подкартинки и эскизы в импортируемом меню, при создании слоев и наборов слоев в программе Photoshop следует руководствоваться правилами именования слоев приложения Adobe Encore DVD.

Так, символы «(+)» ADOBE ENCORE воспринимает, как «присвоить данному набору слоев значение КНОПКА»
И соответственно все слои находящиеся внутри этого набора слоев программой будут восприниматься элементами кнопки.

В состав кнопки могут быть включены:
1. Изображение кнопки – графический элемент не требующий обозначения перед названием;
2. Подкартинка - одноцветные графические слои. Каждый слой может реализовать отдельный цвет. Обозначается префиксом (=1)(=2)(=3) соответственно. Например (=1) Text highlight; (=2) Daisy outline (=3) Check mark – это три слоя в трехцветной подкартинке.
3. Эскиз видео - графический слой внутри изображения набора слоев, который используется как место для отображения видеофрагмента. Обозначается префиксом (%).
В состав кнопки могут входить так же текст или элементы дизайна кнопки. Они не требуют префиксов перед названием слоя.
Зная эти условия мы можем создавать кнопки в программе Photoshop и если именование и формирование соответствующих им слоев и наборов слоев выполнялось правильно, то Adobe Encore распознает кнопки, созданные нами.

Последовательность создания кнопки выглядит так:
Создайте в программе Photoshop файл с необходимыми параметрами.
Создайте набор слоев. Для этого выберите команду Layer/New/Group (Слой / Создать / Группа).
В качестве имени набора слоев введите «(+) Моя кнопка», а потом щелкните мышью на кнопке ОК (ОК).
Важно, чтобы имя начиналось с последовательности символов «(+)». Наборы слоев, имена которых начинаются с символов «(+)», распознаются программой Adobe Encore DVD как кнопки.
Если кому удобнее, то можно набор слоев создать через меню Layers кликнув на значке Create a new group
Теперь вам необходимо создать в новом наборе слоев текстовый и графический слои.
Активизировав набор слоев (+)Моя кнопка - кликним на значке Create a new layer.
Этим мы создали новый слой на котором разместим эскиз видео в виде прямоугольника, (кстати форму можно задать абсолютно любую, но так как-то привычнее). Переименуем этот слой на (%) видеоизображение.
Выделим этот слой и зальем его светло серым цветом (Заливку можно сделать любого цвета, но светло серый не раздражает и хорошо различим на цветных фонах).
Далее на этом же слое создаем маску слоя Layer/Layer Mask/Reveal All. И на маске слоя прорисовываем нужную нам форму в которой будет изображаться видеофрагмент.

Создадим еще один слой, размещенный над слоем видеоизображения и поместим на него элементы декора, которые будут создавать сам внешний вид кнопки. Этот графический элемент естественно должен иметь альфа-канал над эскизом видео.
Текстовый слой с названием «Моя кнопка» желательно размещать не на поле, предназначенном для видео.
Следующим шагом создадим подкартинку, которая будет появляться при активизации кнопки в меню. Для этого мы можем выбрать любой элемент нашей кнопки или добавить новый (как графический, так и текстовый)
Один из вариантов может выглядеть так.
Дублируем слой с внешним видом кнопки. Смещаем графический элемент на 10 пикселей вниз и вправо. Переименовываем его с префиксом (=)подкартинка. Снижаем прозрачность слоя до 60 процентов.
Или создадим новый слой и разместим на нем кружек (звездочку, снежинку и т.д. по вкусу) и опять же переименовываем его с префиксом (=)подкартинка. Снижаем прозрачность слоя до 60 процентов.
Здесь вариантов столько, на сколько богата ваша фантазия и на сколько вы владеете арсеналом Photoshop.
Можно прозрачность и не снижать, но как то не очень красиво выглядит, когда основная картинка и выделяющий элемент одинаковы по плотности.
Самое важное, что у этого слоя в файле PSD должна быть отключена видимость.

Сдублировав наборы слоев необходимое количество раз, поменяв названия кнопок и разместив их в нужных местах, получаем заготовку для меню, сохраняя этот файл.

Сильная сторона этого способа еще и в том, что ко всем слоям (кроме подкартинок (для них это просто не нужно)) мы можем применять все эффекты доступные в программе Photoshop, (например стили).
Adobe Encore позволяет использовать лишь эффект наложения тени, однако в программе Photoshop представлено намного больше различных стилей. Слои, созданные в программе Photoshop, распознаются приложением Adobe Encore, то есть все эффекты отображаются без искажений. Нужно также отметить, что для редактирования стилей слоев можно в любой момент перейти обратно к программе Photoshop.

После создания меню в программе Photoshop с использованием корректных правил именования, все, что вам остается сделать — импортировать меню в приложение Adobe Encore. Приложение автоматически распознает кнопки, подкартинки и эффекты, подготовленные в программе Photoshop.

Однако нужно обратить внимание на то, что если кнопки имеют несимметричные контуры, то все равно они заключены в прямоугольные ограничивающие рамки. Это делает вероятным случайное наложение кнопок друг на друга.
С помощью инструмента выделения поменяйте место положения кнопок таким образом, чтобы их ограничивающие рамки не пересекались. При этом они не должны выходить за границы безопасной области.

[Aleksandr Torbik]

Если есть необходимость могу рассказать как в самом Encore создать свое меню.