четверг, 26 июля 2012 г.

Wink - делаем из скриншотов видео!


Если вы хотите записать красивое обучающее видео, то можно использовать программу Wink.
Также очень удобно записать свои действия для разработчика, вставив комментарии "Тут мы нервно дергаем левой кнопкой мыши и у нас получается...", "бага! Вот тут надо поправить текст на ..."
Как это сделать?
1. Запускаем программу
2. File - New project
3. В открывшемся окошке ставим галку "Hide Wink Window"
4. Далее выбираем в выпадающем списке "Window", если нам не надо записывать весь экран, допустим, мы хотим сделать запись Notepad ++.

5. При выборе "Window" разблокировалась кнопка "Choose".

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



6. Нажимаем "Ок" - появляется окошко с подсказками, какие горячие клавиши использовать




7. Щелкаем левой кнопкой мыши по окну, которое будем записывать - работа началась!
  • Нажимаем Pause - сделан первый скриншот для будущего видео
  • Выполняем некие действия, периодически нажимая Pause для создания скриншотов
8. Закончив, возвращаемся к окошку Wink.
В нем указано количество сделанных скриншотов. Нажимаем "Finish".

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

10. Выбираем первый слайд.
Надо написать какое-то вводное слово.
Выбираем на панели задач "add textbox"

11. На нашем слайде появляется textbox!

Но нас не устраивает его внешний вид - зачем нам стрелка на вводной фразе?
Для настройки вида нашего textbox-а нажимаем на кнопку "Choose Callout":

12. В открывшемся окне выбираем textbox, который нам нужен, и нажимаем "Ок".

Надпись добавлена! Вводим туда приветственный текст:

13. Теперь нам надо перейти к следующему слайду.
Добавим переход на следующий слайд по стрелочке.

Первый слайд готов!

14. Настраиваем остальные слайды.
Если переход между слайдами не через стрелку, устанавливаем задержку по времени

15. После настройки всех слайдов остается только "собрать" видео.
Делается это с помощью кнопки "Render"

16. В открывшемся окне:
  • В поле "Output File Name" вводим путь к видео
  • Снимаем галку "Add preloader to flash output"
  • Нажимаем на кнопку "Choose" около пункта "Add control bar flash output"

17. Выбираем симпатичный кремовый бар Smile


18. Нажимаем "ОК" - видео готово! 
19. Чтобы посмотреть, что получилось, нажимаем F8 - "View Rendered Output"

20. При необходимости редактируем видео и снова собираем (F7)!
После чего вставляем в вики получившийся swf файл. Или отправляем его по email нужным людям :)

3 комментария: