Как сделать меню для видеокурса или меню для видеокурса за 10 минут!!!

Здравствуйте уважаемые посетители!В этом не легком посте мы с вами будем делать меню для видеокурса.Давайте для начала я вам вкратце  объясню,что такое меню для видеокурса для тех кто еще не в курсе:-

Как сделать меню для видеокурса?

Меню для видеокурса — это коробка вашего видеокурса в формате ISO. В которой находятся все пункты (кнопки) содержащие в себе видео,ссылки контактные данные вашего видеокурса. То есть компактно и удобно содержит в себе полностью ваш видеокурс!

Для того чтобы сделать красивое меню для вашего видеокурса,вам понадобится непосредственно программа AutoPlay Media Studio  которую вы можете скачать и установить к себе на компьютер ЗДЕСЬ

Устанавливается она как и любая компьютерная программа,единственное,что в начале установки введете серийный ключ. Который находится в папке FOSI ==>>Serial  файл который вам нужно открыть в блокноте и скопировать находящийся там серийный ключ. После чего вставить его в начале установки программы AutoPlay Media Studio

Как сделать меню для видеокурса

После установки зайдите в папку Rus и запустите там программку русификации,которая переведет AutoPlay Media Studio на русский язык!На этом установка AutoPlay Media Studio  завершена!Давайте теперь непосредственно приступим к самому созданию нашего меню для видеокурса.

Для этого нам понадобится открыть нашу уже установленную программу AutoPlay==>>Выбрать кнопку Создать новый проект(так как это у вас будет первое ваше меню)==>>После чего вы перейдете приблизительно в такое окно:-

Как сделать меню для видеокурса

Здесь вы можете выбрать любой шаблон подходящий для тематики вашего видео курса. Т.е какое внешнее оформление будет у вашего меню,также вы можете выбрать чистый шаблон,чтобы внешнее оформление(фон) вашего меню сделать самому.

Работы конечно будет поболее чем если вы выберите уже готовый шаблон. Зато вы сможете оформить меню как вам будет угодно и на сколько у вас хватит на это фантазии. Я для того чтобы вам более детально рассказать про создание — Меню для видеокурса . Выбрал соответственно Чистый шаблон ==>> В следующем поле текст My Project удаляем и прописываем Название вашего видео курса.

Следом нажимаем кнопку Ок ==>> Далее мы попадаем на первоначально чистый(белый) набросок нашего будущего меню. Где нам для начала работы над нашем меню определится с его размерами.Для этого нажимаем верхнюю кнопку Проект ==>> В выпавшем окне меню выбираем кнопку Настройки ==>> После чего попадаем приблизительно в такое окошко ==>>

Как сделать меню для видеокурса

Здесь с правой стороны можно задать размеры нашего будущего меню! Выбрав значение Custom вы можете самостоятельно назначить размеры вашего меню. В моем случае я решил назначить размеры самостоятельно поэтому выбрал значение Custom и прописал размеры своего меню 600 x 500 пикселей (px).

Т у меня ширина будет больше чем высота,вы можете сделать наоборот!После того как вы определитесь с размерами вашего меню и зададите ему нужные размеры- нажимаем кнопку Ок ==>> После чего мы опять же попадаем на чистый холст вашего меню,только уже с заданными ему размерами!

Далее нам нужно найти любую картинку,которая будет либо полностью фоном нашего меню,либо только по краям — из этих двух перечисленных. Посоветовал бы вам второй вариант- для того чтобы все кнопки и некоторое содержимое было на белом фоне- это придаст вашему меню определенную ординарность. Без слития фона с вашими будущими кнопками перенаправляющими на видео урок,сайт и т.д вашего видеокурса!

Если вы выберите 2-й вариант,тогда вам помимо нахождения картинки потребуется ее так скажем Видоизменить. Выделив определенную область белым фоном под Ваши будущие кнопки.Для этого вам потребуется программа фотошоп,но если у вас ее нет и вы не умеете ей пользоваться- это не беда!!!

В сети есть неплохая замена,под названием Онлайн фотошоп,с которой я вас знакомил в своей статье Как поменять шапку сайта ucoz,где я подробно рассказывал Как изменить размер картинки(шапки).В данном случае мы опять будем пользоваться этим онлайн инструментом!

Итак:- Вы нашли и подобрали подходящую и понравившуюся вам по цветовой гамме картинку ==>> После чего заходим в Онлайн фотошоп по этой Ссылке ==>> Далее нажимаем Загрузить изображение с компьютера — выбираем папку,далее картинку которую выбрали ранее для вашего меню ==>>В верхнем меню выбираем- Изображение ==>> Размер холста ==>>

В выпавшем окошке выставляем размеры своего будущего меню для видеокурса  в моем случае это 600- ширина и 500- высота,таким образом мы обрезаем выбранную картинку под выставленные ранее размеры в программе AutoPlay Media Studio ==>>После чего у вас будет приблизительно такая картина ==>>

Как сделать меню для видеокурса

То что у вас будет выделено белым цветом — это ненужная вырезанная область . Здесь вам нужна будет сама картинка без белого фона. Для этого вам нужно выделить вашу картинку без белого цвета при помощи инструмента Выделение

(выделяете зажав левой кнопкой мыши начиная с левого верхнего угла до правого нижнего края до белого фона)

==>> После чего в верхнем меню выбираем Редактировать ==>> Копировать ==>> Далее Файл ==>> Новый рисунок ==>>

Прописываем любое запоминающее название и опять же размеры которые вы выставляли ранее в программе AutoPlay Media Studio  ==>> Ставим галочку Прозрачность ==>> Нажимаем кнопку Да ==>> Редактировать ==>> Вставить ==>> Приблизительно такая картина ==>>

Как сделать меню для видеокурса

Где вам нужно будет нажать две кнопки одновременно Ctrl+t ,тем самым вы выделите вашу картику при помощи инструмента Рамка ==>> После выделения, наведя курсор мышки на синие квадратики и зажав левую кнопку мыши — начинаем растягивать нашу картинку,закрыв полностью прозрачный фон ==>>Далее берем инструмент Рисование ==>> Нажимаем на черный прямоугольник,который находится под верхнем меню,сразу после надписи Заполнить форму ==>>

Как сделать меню для видеокурса

В открывшимся окне прописываем белый цвет- для этого заменяем шесть нулей на шесть ffffff  после чего нажимаем Да.==>>Выделяем определенную область вашей картинки оставляя приблизительно по 20 -50 пикселей(px) от всех краев вашей картинки ==>>

Как сделать меню для видеокурса

После чего нажимаем Файл ==>> Сохранить ==>> Выбираем самое высокое качество и нажимаем Да,после чего сохраняем нашу картинку в отдельную папку.Все,наш набросок и фон для наших будущих кнопок готов!

Теперь переходим непосредственно в нашу программу AutoPlay Media Studio ,выбираем под верхнем меню иконку-  Новый Объект Изображение,нажимаем на нее ==>> Находим папку и ранее сохраненную и сделанную вами картинку ==>> Выбираем и нажимаем Ок.

Как сделать меню для видеокурса

Все,сейчас мы с вами загрузили фоновый набросок нашего будущего меню в программу AutoPlay,после чего давайте немного разберемся с функциональностью и с самим интерфейсом находящимся в программе AutoPlay Media Studio

Как сделать меню для видеокурса

На скрине (все скрины,картинки кликабельны) я пронумеровал каждую функцию программы,которые я сейчас и буду разъяснять,для чего нужна вам каждая из них,итак давайте приступим ==>>

1.Предосмотр — предназначена для просмотра того,что у вас получилось после добавления какого либо элемента в ваше меню,то есть. Если вы добавите видео,кнопку,ссылку- вы заранее можете посмотреть на то. Что у вас получилось и корректно ли оно отображается,а также работает! Внимание!!! Если у вас при любом Предосмотре  возникнут проблемы в виде такого окошка

Как сделать меню для видеокурса

ничего страшного!Можете смело нажимать кнопку Continue ,после чего загрузится ожидаемый результат.

2.Build — предназначена для завершения и сохранения вашего уже сделанного и готового меню.То есть ,если вы уже довольны проделанной работой можете смело нажимать на Build и сохранять ваше уже готовое меню.

3.Новый объект Кнопка — здесь вы можете найти и выбрать подходящую кнопку для вашего меню,которая после редактирования будет нести в себе определенную информацию,такую как- Видео урок с вашего видеокурса,ссылки на сторонние ресурсы и так далее.

4.Новый объект Изображение — с помощью данной функции вы можете добавить в свое меню любую картинку. Во время редактирования которой вы можете назначить ей определенное значение в виде перенаправления на сторонние ресурсы. А если вкратце:-  Можно сделать баннер.

5.Новый объект Метка — предназначена для внесения  любого текста,ссылки для вашего меню.

6.Новый объект Параграф — при помощи этой функции вы можете внедрить в свое меню- готовый блок,в котором вы можете написать длинный текст,практически целую книгу.Текст можно будет просматривать прокручивая вниз (зажав правой кнопкой мыши,либо колесиком мыши).

7.Новый Видео Объект — при помощи данного инструмента вы можете добавить любое видео,которое будет лицевой частью заданной ему страницы,то есть- вы можете создать любую страницу на которой будет видео в виде вставленной картинки.

8.Новый объект QuickTime — если честно долго гадал,ломал голову для чего эта функция и в итоге ничего путного с этого не вышло,если кто либо знает напишите в комментариях.

9.Новый Флешь Объект — соединяет все добавленные в ваше меню анимированные картинки с расширением swf — в одно целое,что в итоге получается красивый флешь баннер,перенаправляющий на сторонний ресурс,если при этом,после добавлении картинок и во время его редактирования прописать свою ссылку.

10.Новый Слайдшоу Объект — зайдя и добавив в эту функцию любые нужные вам картинки вы получите готовый блок картинок,которые будут прокручиваться в автоматическом поочередном режиме.

11.Новый PDF Объект — здесь вы можете добавить любой документ в формате pdf,который после добавления можно будет посмотреть прямо в вашем меню.

12.Новый Web Объект — по сути бесполезная функция,ее можно не затрагивать.

13.Новый Объект хКнопка — та же функция,что и добавление кнопки,единственно чем отличается от своей соратницы,тем что выбора стилей формы кнопок нет,а при наведении курсором мышки на сделанную кнопку она меняет свой первобытный цвет на желтый.

14.Новый Объект Переключатель — функция предназначена для вставки текста и настройки его под ссылку при нажатии на которую ставится галочка и осуществляется переход на заданный тексту путь.

15.Новый Объект Радио Кнопка— данный объект очень похож своей функциональностью на Новый Объект Переключатель — единственное отличие в том,что при нажатии вместо квадратиков с галочками — стоят круглешки в которых при нажатии появляются точки.

16.Новый Объект Область Ввода — здесь название функции говорит само за себя,то есть добавляет в ваше меню прямоугольную область в виде прямоугольника,куда вы можете добавить свой текст.

17.Новый Объект Поле со списком —  здесь вы можете добавить практически выпадающее меню,в котором можете вывести определенную категорию с выпадающим списком подкатегорий.

18.Новый Объект Списка — объект предназначен для вывода списка ваших каких либо категорий в пронумерованную колонку.

19.Новый Объект Каталога — очень полезная и прикольная функция. Которая позволяет вывести одну категорию,с левой стороны у которой будет плюсик (+). При нажатии на него будет выпадать подкатегории,которые вы изначально добавите в саму категорию.

20.Новый Объект Сетка — предназначен для вставки любой вашей таблицы.Для этого вам потребуется загрузить файл уже готовой таблицы в формате CSV.

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

22.Новый RichТекст Объект — функция очень похожа на Новый объект Параграф единственное отличие в том,что можно копировать текст,а также менять  шрифт.

23.Новый Объект Точка — очень интересный так скажем объект. Его превосходство от других удивляет его невидимостью. Но при этом он после внедрения на определенную область вашего меню (в виде прозрачного квадрата). Заставит  при наведении на эту область любой курсор мышки менять свой облик на заданный ему образ.В настройках  Новый Объект Точка  вы можете выбрать и задать ему любой на выбор образ.==>>

Как сделать меню для видеокурса

24.Свойства Объекта — при клике на данную функцию,вы можете посмотреть и изменить последний выбранный вами объект.

Все!!!Мы с вами хоть и не полностью но предельно ясно разобрались с функциональностью программы AutoPlay Media Studio.

Наполняем ваше меню для видеокурса информацией.

Давайте теперь вернемся непосредственно к наполнению нашего меню кнопками и информацией которая прилагается к вашему видеокурсу. У каждого объекта,которые мы с вами уже разобрали,очень сильно похожи как настройки,так и функциональность.

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

  • Оглавление — текст который будет кратко объяснять содержимое вашего видеокурса.
  • Кнопки — будут содержать видео,перенаправление внутренних страниц меню.
  • Ссылки — будут перенаправлять на сторонние ресурсы в браузер.

Итак,давайте теперь выполним все выше перечисленное!Здесь уже все практически- легче паренной репы.Для этого нам потребуется использовать уже изученные ранее функции программы AutoPlay 

Для начала возьмем Новый объект Метка,после чего на вашем меню появится надпись New Label ,на которую нажимаем двойным кликом мышки,после чего у вас выскочит такое окошко Как сделать меню для видеокурса

Где вы можете поочередно редактировать полностью ваш Заголовок ,после чего нажимаем кнопку Ок. Здесь я думаю мы с вами разобрались.Теперь давайте сделаем самое интересное — добавим красивую кнопку в наше меню!

Для этого возьмем инструмент  Новый объект Кнопка ,после нажатия на данный объект,вам так скажем — предложат кучу вариантов (видов) кнопок из которых вы можете выбрать подходящую для вашего меню.

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

Единственное,что я упустил в объяснении добавления текста,так это настройка шрифтов.Для этого переходим в настройку шрифтов-

Как сделать меню для видеокурса

Здесь я обозначил самое главное,остальные настройки я думаю вам понятны и объяснять я думаю не стоит,если что задавайте свои вопросы в комментариях.

Итак!Мы с вами дали название нашей кнопки,теперь давайте добавим соответствующее названию кнопки -приложение,ссылку,видео.Для этого переходим прямо в настройках во вкладку Быстрое Действие

Как сделать меню для видеокурса

и во вкладке Выбор вы можете выбрать и задать определенное значение (функцию) вашей кнопке,такие как —

Show Page — здесь вы можете добавить,как уже существующую страницу вашего меню,так и задать переход на предыдущую, начальную,следующую,последнюю страницу всех внутренних страниц вашего меню.

Run Program — предназначен для загрузки и дальнейшего запуска определенной программы,которая возможно входит в состав вашего видеокурса.

Open Document — здесь вы можете загрузить в ваше меню любой файл с соответствующим для документа расширением.

Print Document — эта функция позволит распечатать любой документ,который вы можете добавить при помощи Новый Объект Списка,Новый Объект Каталога и т.д

Send Email — возможность добавления в меню ваш емейл,с дальнейшей возможностью написать вам прямо из меню вашего видеокурса.

View Websaite — можете добавить ссылку на любой сторонний ресурс.

Play Multimedia — это можно так сказать,самая ВАЖНАЯ и необходимая функция для вывода в свободное (отдельное) окно вашего видео,то есть здесь вы можете загрузить ваше видео от видеокурса.

Exit/Close — завершение осмотра и ознакомления с вашим меню,то есть Выход из меню.

После изучения всего вышеперечисленного. Вы с легкостью теперь сможете отредактировать и настроить любой добавленный вами Новый Объект. А также добавить свободный путь к стороннему ресурсу.

Как добавить внутреннюю страницу в вашем меню для видеокурса.

С левой стороны программы AutoPlay  в верхней части находим вот такое окошко выделенное красным цветом —

Как сделать меню для видеокурса

Чтобы добавить новую страницу,вам необходимо нажать правой кнопкой мышки на Page 1. То есть на главную страницу и следом в выпавшем окошке выбрать и нажать либо Дубликат. Это если вы не собираетесь менять дизайн вашего меню.

Либо просто Добавить — это если у новой страницы будет другой дизайн (который создается таким же способом,как и первоначальный дизайн на главной).

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

Быстрое действие ==>> В Выбор выбрать Show Page ==>>Страница для показа — здесь выбираем Специальная страница . После чего у вас будет замечательный шанс,выбрать из предложенных страниц- ту,которая вам нужна.

videokurs

На этом скрине я думаю закруглятся и соответственно дать вам высказать свои мнения и возможно ваши дополнения к вышесказанному.

А также,задавайте свои нагоревшие во время чтения вопросы в комментариях.Вам понравилась статья подписывайтесь на обновления блога,чтобы быть всегда в курсе выпуска новых статей на блоге о заработке в интернете ProfKatalog.ru

Понравилась статья? Поделиться с друзьями:
Комментариев: 1
  1. Николай

    Доброго времени суток…. Вот задумался над темой создания меню для видео курса. Решил сам разобраться. Но не так все просто но реально… За статью и инструкцию благодарю. Буду разбираться.

Добавить комментарий

:) :D :( :o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen:

http://profkatalog.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif
 
:bye:
http://profkatalog.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif
 
:good:
http://profkatalog.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif
 
:negative:
http://profkatalog.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif
 
:scratch:
http://profkatalog.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif
 
:wacko:
http://profkatalog.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif
 
:yahoo:
http://profkatalog.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif
 
B-)
больше...