Тестирование сервиса Annotate.net продолжается. И сегодня пробуем с его помощью создать анимированное видео в жанре скрайбинг.
Возможно вы уже слышали об этой технологии. В таком видеоролике прямо на наших глазах рисуется картинка — с помощью анимированной руки, маркера, а может быть, она постепенно возникает сама по себе. В это время голос за кадром озвучивает историю, связанную с изображением. Получается «эффект параллельного следования».
Вот такая небольшая зарисовка у меня получилась.
А теперь о том, как создать что-то подобное.
Для начала
Заходим внутрь сервиса и оказываемся в личном кабинете, во вкладке «Content library». Здесь хранятся все наши материалы, созданные с помощью сервиса. О том, как зарегистрироваться на сайте, можно прочитать в первой части моей саги.
Если нажать на значок с «плюсом» внизу справа, откроется список возможностей. Нас интересует кнопка для создания видео — она же «Clip».
Открывается два варианта создания видеоролика — базовый и продвинутый.
Для начала придумываем название видеоролику и выбираем уровень — «Advanced». Нажимаем «Create».
Открывается вот такой список возможностей. Про создание скринкастов, озвученного видео и добавление заданий и вопросов я уже рассказывала во второй части обзора. Сегодня разбиваемся с анимацией (Animation).
Рисуем!
Приступаем к самому интересному — к изобразительному творчеству. В центре — наш холст, то есть слайд. А вверху — разнообразные инструменты для рисования: маркер, перо, ручка, ластик. Для каждого инструмента можно выбрать цвет и толщину линии.
Кроме рисунков можно добавить на страничку текст — для этого выбираем кнопку «T». Для текста тоже можно выбрать толщину, цвет, шрифт и его начертание. Здесь же можно изменить цвет фона (Background Color) или сделать его прозрачным.
Ну и наконец, можно добавить изображение, нажав на значок с «+» внизу справа.
Теперь немножко об особенностях рисования. Весь процесс творчества сервис будет разбивать на маленькие эпизоды — они будут отображать слева, как слайды у презентации. Новый эпизод в рисовании начинается, как только мы поменяем цвет, толщину, шрифт или выберем новый инструмент для рисования.
Если художники из нас «такие себе», можно пойти на хитрость: первым делом загрузить картинку, а потом обводить её по контуру. Как только рисунок закончится, картинку удаляем (она будет отображаться первым эпизодом в списке). Чтобы удалить эпизод, нажимаем на значок с тремя точками внизу слайда и выбираем «Delete».
Итак, рисунок готов. Запускаем получившееся видео (Play All) и проверяем, что получилось.
Если присмотреться к списку эпизодов слева, то под каждым будет указано, сколько секунд рисуется этот элемент. Время сервис выставляет автоматически. Если надо будет ускорить или замедлить процесс рисования, время придётся поменять вручную.
Как это сделать? Нажимаем всё на ту же кнопку с тремя точками под каждым эпизодом и на этот раз выбираем опцию «Settings». Откроется вот такое окошко.
Здесь две вкладки. Во вкладке «Animation» можно изменить способ появления рисунка: вместо «Draw» (рисование) выбрать, например, что-то другое (вылет, проявление и т.д.). Здесь же можно изменить инструмент рисования (Tool).
Но нам нужна вкладка «Timing». Именно здесь мы выставляем нужное время для рисования — в графе «Duration».
Озвучиваем
Теперь наступило время для озвучки! Нажимаем «Done», подключаем микрофон и нажимаем на красную кнопку записи.
Выбираем опцию «Annotation with Voiceover». И перед записью надо обязательно снять «галочку» напротив надписи «Closed captioning» — иначе появятся автоматические титры на английском языке (какие-то бессвязные наборы слов). Можно озвучить сразу всю сцену целиком или по эпизодам.
Чтобы поставить запись на паузу, нажимаем на кнопку с двумя вертикальными линиями, чтобы остановить — на кнопку с изображением квадрата. Полученную запись можно прослушать и сохранить, ещё раз нажав на кнопку с квадратом.
После этого справа появится значок с изображением ножниц, с его помощью можно немного подредактировать видео, обрезав его в начале и или в конце. Тянем за ограничительные маркеры и определяем, какую часть записи надо сохранить (на ленте времени она будет обозначена синим цветом), а какую часть удалить (серый цвет). Не забываем нажать «Done», чтобы сохранить изменения (кнопка вверху справа). Дело сделано!
Сохраняем и публикуем
Осталось опубликовать видеоролик и поделиться созданной нетленкой. Для этого нажимаем на кнопку с тремя точками вверху справа — она открывает меню. Здесь есть кнопки для просмотра получившейся работы, для разворачивания её на весь экран, для распространения и добавления в курс.
Если нажать «Share», то можно получить ссылку на клип: приватную или общественную. Можно разместить его в Google Классе и получить код для встраивания на страницу сайта или блога.
Если выбрать опцию «Publish», то можно добавить видео к созданному курсу (классу) и назначить его как домашнее задание, выставив (по желанию) сроки сдачи.
В следующий раз я расскажу о том, как создавать классы и электронные уроки с помощью Annotate.net.
***
А это ссылки на все части обзора сервиса Annotate.net:
