Всем хорош сервис Biteable! С его помощью можно создать анимацию по любой теме.

Здесь всё, что надо для творческого вдохновения: поддержка кириллицы, большой выбор шаблонов и музыкальных треков. А ещё можно загружать свои картинки и аудиофайлы, редактировать изображения и многое другое.

Одно плохо — этот сервис не только поменял логотип, но и полностью отказался от бесплатного тарифного плана. Теперь в нашем распоряжении всего 7 дней для того, чтобы использовать демо-версию Biteable и создать нечто необычное.

Вот такие работы я когда-то создала с помощью этого онлайн-конструктора.

Если вы хотите поработать в этом интересном и несложном сервисе, это можно устроить. Я расскажу, как это сделать. Но помним: «Осталось 7 дней!».

Регистрация

Заходим на сайт сервиса и нажимаем “Get started” или “Make a video”. В дальнейшем после регистрации, чтобы зайти на сайт, можно использовать кнопку “Log in”.

Для регистрации указываем имя, адрес электронной почты и придумываем пароль. Далее нажимаем “Sign up”. Можно создать учетную запись, используя аккаунты Google или Microsoft.

Дальше создатели сервиса поинтересуются, чем мы занимаемся. Я выбрала ни к чему не обязывающий вариант «Personal»

Дальше сервис захочет создать видео автоматически. Делать нечего, придется соглашаться. Выбираем формат видео и его стиль. Нажимаем «Next».

Придумываем тему видео и нажимаем «Make my video».

Сервис самостоятельно подбирает нужные сценки и открывает редактор видео. Можно, конечно, редактировать то, что предложено. Но всё-таки лучше оформить всё самостоятельно.

Поэтому нажимаем на значок «домик» вверху слева и переходим в личный кабинет.

Выбор шаблона и сценок

Открывается рабочий кабинет. Можно начать работу, используя шаблоны — для этого нажимаем «Start from a Template».

Для удобства все шаблоны рассортированы по формату (прямоугольные, квадратные, вытянутые) и по категориям. Внутри каждого шаблона — несколько сценок с персонажами, музыкой и текстом. Всего-то и остаётся заменить текст и сохранить видео. Шаблоны можно видоизменять, добавлять внутрь новые сценки, менять их оформление.

Каждый можно посмотреть (Preview) и начать редактировать (Edit video).

Так выглядит шаблон, открытый для редактирования.

А можно начать работу с нуля, нажав “Start from scratch”. Советую выбрать именно этот вариант: тогда шаблонов для творчества будет максимально много.

Если выбран «пустой» шаблон, выбираем формат видео и даём название будущему мультфильму. Нажимаем «Create».

Открываются наборы шаблонов, которые можно использовать для создания видео. Они собраны в двух разделах:

  • Type of Scenes — анимированные сценки разной тематики (слайды с медиа, со словами, фоны, иконки, слайды с персонажами).
  • Other Scenes — фотографии и видеоролики для добавления в мультик.

В этом разделе есть вкладка «My Assets».  Здесь хранятся картинки и видеоролики, загруженные c компьютера.

Интересные «мультяшные» сценки можно найти в разделе «Characters».

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

У редактора два режима: режим сценария, в котором удобно работать с текстами, и режим дизайна, где уждобно настраивать эффекты и выбирать оформление. По умолчанию слайд откроется в режиме дизайна. 

В сценку можно добавить текст изображение. Для тескта выбираем шрифт, его толщину и размер, цвет надписи и фона. Здесь же настраивается анимация текста (выбираем нужный эффект из списка). Если в сценке уже есть готовый текст, анимация к нему уже настроена. Нужно всего лишь заменить одну надпись на другую.

Это режим сценария. Здесь тоже можно работать с текстом. Можно установить продолжительность сценки, чтобы она соответствовала тексту (Match text), например. А можно установить время показа слайда вручную (Custom).

Слайд можно развернуть по горизонтали (Layout — Flip layout).

Чтобы добавить на слайд свою картинку или видео, нажимаем на значок «Add media» — переходим во вкладку «Uploads» — нажимаем «Upload media». И загружаем файл с ПК.

Для загруженной картинки можно выбрать рамку и настроить эффект анимации.

Для рамки выбираем форму и цвет. Если нужно, масштабируем изображение. 

Можно загрузить внутрь сценки маленькое видео (футаж). Для него можно тоже добавить рамку. Если видео слишком длинное, его можно обрезать или подогнать к длине сценки.

Чтобы обрезать видео, нажимаем «Trim timing». На ленте времени с помощью ползунков отмечаем, какую часть анимации надо отрезать. Серая часть будет удалена, синяя — сохранена. Нажимаем «Save changes».

У сервиса есть небольшая библиотека видеофутажей для добавления в проекты. Найти их можно во вкладке «Stock» — «Video — Storyblocks».

А во вкладке «Graphics» есть наборы анимированных картинок — их тоже можно добавлять на слайды.

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

Здесь же можно поменять фон, выбрав из библиотеки сервиса другой вариант (Replace background).

Чтобы уменьшить продолжительность анимации, нажимаем на кнопку «Trim graphic timing». На ленте времени с помощью ползунков отмечаем, какую часть анимации надо отрезать. Серая часть будет удалена, синяя — сохранена. Нажимаем «Save changes».

Сценку можно проиграть, нажав на стрелку справа от слайда. Новый эпизод добавляем, нажав на значок «+».

Все добавленные сценки будут отображаться на ленте времени внизу. Их можно менять местами, передвигая «мышью». Если нажать на значок на стыке двух сценок, можно выбрать анимированный переход между ними (Scene Transitions).

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

Чтобы проиграть всю анимацию целиком, нажимаем на значок со стрелкой слева внизу.

Музыкальное сопровождение и озвучка

Чтобы добавить музыкальный фон, нажимаем на значок с изображением ноты слева на ленте времени. 

Из предложенной библиотеки выбираем подходящий файл и нажимаем «Save». Также можно загрузить своё аудио с ПК (Upload).

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

Также в анимацию можно вставить озвучку. Для этого нажимаем на значок с изображением микрофона слева на ленте времени.

Озвучку загружаем с ПК, для этого переходим во вкладку «Uploads».

Чтобы добавить внутрь видео, нажимаем «Save». Для озвучки тоже можно настроить громкость, нарастание и затухание.

Совместная работа

Можно пригласить соавторов для совместной работы над видеороликом. Для этого нажимаем на кнопку  с изображением человечка — «Invite people».

Вписываем в открывшееся окошко адреса электронной почты будущих соавторов и нажимаем на кнопку «Send invitations». Позвать в соавторы можно не более двух человек.

Публикация видеоролика

Чтобы перейти к публикации видео, нажимаем справа вверху на кнопку «Publish».

Дальше нажимаем на кнопку «Build video».

Дальше сервис предложит пригласить соавторов, но это окно с приглашением можно закрыть. 

Ждём некоторое время, пока видео сгенерируется. А потом копируем ссылку на него или код для встраивания анимации на страницу сайта или блога.

Как добавить в видеоролик запись с веб-камеры?

Новая «фишка» сервиса — возможность создать видео с использованием записи экрана (скринкаста) или записи с помощью веб-камеры.

Для этого возвращаемся в личный кабинет и делаем запись, нажав на кнопку «Start а recording» — «Record youself».

Подключаем микрофон или веб-камеру, или и то, и другое.  Придумываем название записи. Нажимаем «Create».

Нажимаем на кнопку «Turn on camera» и даём разрешение сервису на доступ к камере и микрофону.

Если нужно, размещаем справа заметки спикера и запускаем запись — нажимаем или на значок с изображением монитора (запись скринкаста), или «Start recording» (запись с веб-камеры).

Закончив запись, нажимаем на кнопку «Stop recording». 

Чтобы сохранить запись, нажимаем «Finish».

Возвращаемся обратно к сервису (Go to Biteable).

Создаём новый видеоролик, выбрав вариант «Start from scratch».

А дальше добавляем ранее созданную запись из вкладки «Recordings». Запись откроется в конструкторе Biteable, дальше к ней можно будет добавлять новые сценки.

Все работы, созданные в сервисе, сохраняются в личном кабинете, во вкладке «Projects». Их можно редактировать, копировать и удалять, нажав на кнопку «Options».

***

Ну и напоследок показываю мультяшку, которая у меня получилась. Кстати, я смогла её скачать по ссылке на ПК — с помощью сервиса GetVideo.