Главная Часть 1. Создание блога Глава 3. Дизайн Урок 146. Как сделать меню для DVD-диска? Делаем autorun своими руками

Урок 146. Как сделать меню для DVD-диска? Делаем autorun своими руками

меню для dvd диска

Привет!

Продолжаю серию статей для начинающих инфобизнесменов. В прошлый раз мы остановились на том, что сделали обложку для коробки с диском и самого диска. Сегодня будем говорить о том, как сделать меню для dvd диска. Ничего сложного здесь нет, достаточно владеть фотошопом на среднем уровне, и уметь логически выстраивать пункты в меню 🙂 Поехали!В наше время все большей популярностью начинают пользоваться курсы с форматом .iso. То есть, образы с dvd дисков. Сами диски также продаются, но гораздо легче и дешевле обходится именно скачивание. Тем более, что проблем с интернетом с каждым годом становится все меньше, к общему счастью.

Есть еще один довольно популярный способ преподнести свой инфопродукт в удобном, для клиента, виде. Это создание того же меню в виде сайта. Создается файл index.html. Верстается на него нужный шаблон, и каждый пункт содержит ссылку на тот или иной видео\аудио материал. Пример ниже:

инфокурс

Как по мне, так сделать autorun (то, что загружается сразу после вставки диска, или после открытия образа) проще и лучше. Все же образ диска вызывает больше доверия, чисто на психологическом уровне.

В нашем уроке мы будем создавать меню для dvd диска с помощью программы AutoPlay Media Studio. Программа, вроде, платная, но если постараться, можно найти и бесплатную 🙂

Запускаем программу по окончанию установки. Видим экран, на котором нам предлагают создать новый проект или загрузить старый. Так как старых проектов у нас нет, выбираем создание нового. Нам предлагается небольшой каталог шаблонов. Можете начать с него, лично мне не понравился ни один из вариантов. Но как я понял, каталог зависит от версии. В каких-то версиях его вовсе нет, а в каких-то, там свыше 1000 шаблонов.

У меня же там довольно скудный выбор, всего 15 шаблонов.

autoplay media studio

Предлагаю выбрать самый первый пункт: "Blank Project". Что означает "Новый проект" и перейти к фотошопу.

Важно: Если у Вас нет особых навыков работы на фотошопе, обязательно обратитесь к фрилансеру.

Я сейчас по-быстрому набросаю меню в фотошопе и пойдем дальше.

Получился ужас, конечно, но цель этого урока - научить Вас создать меню для dvd диска, а не красиво рисовать на фотошопе.

обложка

Переходим к программе. Выбираем на панели инструментов "изображение" и вставляем то, что у нас получилось:

меню для диска

Если у Вас картинка встала криво - выровняйте ее. По-умолчанию, размер меню составляет 800 на 600. То есть, 800 пикселей по ширине, и 600 по высоте.

Сейчас я Вам покажу, как сделать так, чтобы при нажатии на определенный пункт, например на: "Видео не работает", вылезала другая страница, на которой бы объяснялась причина того, почему видео не работает и предлагались советы по устранению проблемы.

Вообще, начать создавать меню необходимо с тщательного планирования. Например, если человек туда зайдет, то ему надо будет потом еще и выйти оттуда. Поэтому мало написать почему там видео не работает, еще надо как минимум разместить кнопку "Назад". И таковых ньюансов очень много, легко что-то упустить.

И так, как же нам сделать так, чтобы одно изображение разбилось на сотни мелких, каждые части которого ссылались на определенную вещь. Те, кто изучал html знают, что там существует такой тег, как

(карта). Там по координатам размечаете картинку, и задаете определенным областям свои ссылки.

В этой программе принцип этот же, только вручную ничего считать не придется. Достаточно выделить специальным полем определенную часть изображения и дать ей какую-нибудь команду, например, открывать видео, при нажатии. Или перейти на другую страницу. Сейчас мы этим займемся.

Поле это называется Hotspot (активная область). Выбираем ее и обводим нужную часть на картинке:

активная область

На самом деле, когда мы нажимаем на какую-либо надпись в меню, например, на: "Урок №1" , мы нажимаем не на саму надпись, а на область, которая лежит поверх надписи. Это как стекло в сенсорном телефоне. Вы на самом деле нажимаете не на сам экран пальцами, а на стекло, которое лежит поверх экрана.

После того, как мы указали активную область, необходимо дважды нажать на нее левой кнопкой мыши. Открылось окно, в котором нам предлагают указать подсказки, которые появятся, когда человек наведет на область мышью, и само действие. Переходим на вкладку "Быстрое действие". Из списка выбираем нужную функцию. Нам надо, чтобы открывалась страница с советами по устранению ошибок в видео.

Значит для начала нам нужно создать эту самую страницу. Сделать это очень просто: достаточно через верхний пункт меню "Страница" выбрать "Добавить". На вторую страницу натягиваем другой наш рисунок, аналогичным образом.

страница 2

Возвращаемся к активной области, что на первой странице. Выбираем на вкладке "Быстрое действие" пункт Show Page (показать страницу). И выбираем: Определенная страница -> Page2 (Страница 2).

На странице 2 выделяем стрелку и ей присваиваем Show Page 1. (Открывать страницу 1). Это надо, чтобы человек, прочтя: "Скачайте флеш плеер" мог перейти обратно в главное меню. Иначе придется закрывать диск, и открывать заново. Зачем лишние сложности?

Теперь рассмотрим другие пункты из вкладки "Быстрое действие" :

  1. Show\Close Dialog - показать\закрыть диалоговое окно. Когда это окно открыто, пользователь не может продолжать работу, пока его не закроет.
  2. Run program - запустить программу. Можете выбрать любой софт, который запустится при нажатии на область. Софт автоматически запакуется в диск, как и все остальные документы.
  3. Open\Print document - Открыть\напечатать определенный документ.
  4. Send Email \ View Website - отправить e-mail \ открыть определенный сайт
  5. Explore folder - открыть определенную папку
  6. Play multimedia - открытие мультимедии. Музыка, фильмы, видео и тд.
  7. Play\Pause background music - включить\выключить фоновую музыку
  8. exit\close - выйти \ закрыть. Речь об окне или всем авторане.

В общем-то это все, что необходимо знать, чтобы сделать меню для dvd диска! Главное это: иметь хороший дизайн для меню, чтобы не было стыдно показать клиентам, и тщательный расчет действий пользователя. На каждой странице, кроме главной должна быть кнопка "Назад". Не забывайте об этом!

Осталось научиться, собственно, самому основному - создать из всего этого полноценное, работающее, меню. Для этого нажмите на панели инструментов на иконку горящего диска и следуйте инструкциям:

готовый диск

Когда образ будет создан, запустите его и протестируйте. Скорей всего Вы найдете не мало ошибок, и неработающих кнопок. С первого раза сложно сделать все без единой ошибки и без упущений чего-то. Поэтому даже на 10-й раз, когда будете уверены, что все отлично работает, все равно протестируйте. Потратьте на 20 минут больше. Это лучше, чем потом объяснять, почему кнопка на 247-й странице не работает 🙂

На этом я прощаюсь с Вами, наша цель на сегодня выполнена: Вы теперь знаете, как сделать меню для dvd диска! И это здорово. Увы, я все реже пишу уроки, точнее вообще пишу реже. Связано все это с отсутствием самого главного актива в нашей жизни - времени. Но планирую выпускать статьи хотя бы 1 раз в неделю!

Всем успехов и до скорых встреч!

Полезные статьи Вам на почту!

Нас более 700 человек!

Комментарии

Desh
0

Я просто обожаю твой блог) Вообще вся инфа нужная есть. К сожалению, не так часто захожу, работа, бизнес и все дела, но постоянно слежу. Мне нравится, что ты идешь не в одном направлении, а в нескольких. Единственный мой совет - тебе необходимо начать проводить различные конкурсы с призом, дабы оживить свою публику + привлечь новую. Конкурсы - самое выгодное вложение, имхо 🙂

30.03.2014
Sly
0

Спасибо) Не поверишь - вчера говорил со знакомым про конкурсы, не видя твоего коммента. Конкурсы - идеальная вещь для раскрутки, вот только пока финансов нет в достаточном количестве. Не 200 рублей же дарить победителю, верно?)

01.04.2014

Оставить комментарий

Поделиться