Animatron

Сервис Animatron – увлекательное создание анимации для взрослых и детей

Понравилась статья? Поделитесь ею!

Создавали ли Вы когда-нибудь свой мультик? А анимацию? А хотя бы гифку? Как «нет»? Тогда приступим-с! С Вами Ирина Иваськив. Почти год назад посчастливилось мне побывать на вебинаре Евгении Карлаш, учителя математики и информатики в гимназии «Очаг» (г. Харьков). В течение вебинара мы изучали Animatron – удобный бесплатный многофункциональный сервис для создания анимации, работа которого основана на приёме «тяни-и-бросай» (drag-and-drop). Благодаря Евгении я приобрела тогда замечательный инструмент, которым пользуюсь по сей день. В этой статье расскажу о сервисе на основе собственных впечатлений. Настолько подробно, насколько смогу. ))) Чтобы и Вы влюбились в этот сервис и начали использовать его функционал в своих проектах.

клипарт

Зачем нужна анимация?

Зачем нужны все эти анимации, комиксы, мультики? Так устроен мозг детей, что упрощённые и стилизованные под детское творчество изображения дети воспринимают легче. Такие изображения (плоские, в «детском стиле», с минимальным количеством светотени и мелких прорисованных деталей) для них понятнее. Мозг детей «обрабатывает» всю визуальную информацию. И на обработку стилизованных картинок он тратит меньше ресурсов и времени.

мона лиза
Как Вы думаете, какой рисунок будет более понятным для ребёнка?

Кому может понадобиться анимация:

  • учителя начальной школы и учителя-предметники
  • ученики (начиная с 3-го класса) и их родители
  • детские психологи, коррекционные педагоги
  • работники дошкольных учебных заведений
  • сотрудники внешкольных учебных заведений
  • учителя Воскресных школ, детские служители

Сервис Animatron подойдёт и новичкам, и профессионалам. С ним легко разберутся и дети. Начиная с 3-го класса (когда обычно у детей уже второй год преподаётся информатика), можно давать несложные задания по созданию анимации.

Что можно сделать на сервисе Animatron

  • учебные видео
  • видео визитки
  • поздравления
  • видео приглашение
  • рекламные ролики
  • короткие презентации
  • короткие биографии
  • визуализация сказок
  • видео подсказки для квестов
  • видео тесты с выбором ответов
  • мультяшный видео ряд для детской песни
  • и многое другое

Как зарегистрироваться на сервисе:

Animatron регистрация

На этом сервисе желательно зарегистрироваться – тогда у Вас будет возможность не просто создавать анимационные мультики, но и сохранять их. Набираем в поисковой строке слово Animatron. Первым в поисковой выдаче и окажется сервис, который нам нужен.

Советую переходить на сервис через кликабельную фразу Sign Up. Мы попадём на вот такую страницу регистрации. Возможно, со временем внешний вид этой страницы изменится, но принцип регистрации, поверьте, останется тем же.

Animatron регистрация

Можно ли создать анимацию без регистрации? Да. Просто нажмите на красную кнопку Start Creating («Начать создание») и начинайте творить. В качестве гостя Вы сможете создать и опубликовать один проект. Этого достаточно, чтобы понять, понравился ли Вам сервис, и хотели бы Вы работать с ним дальше.

Start Creating
Кнопка Start Creating («Начать создание»)

Если Вы уже ознакомились с сервисом и решили зарегистрироваться, тогда нажимаем на кнопку Sign Up. Зарегистрироваться можно несколькими способами: через Фейсбук аккаунт, через Гугл аккаунт или аккаунт в Твиттере. Также можно зарегистрироваться при помощи электронной почты.

Animatron регистрация
Кнопка Sign Up («Зарегистрироваться»)

При регистрации через электронную почту я вводила электронный ящик и своё имя, потом придумывала пароль (желательно, чтобы в пароле были и большие буквы, и маленькие, и цифры, и символы). После нажатия на кнопку «Создать учётную запись» Вам на почту придёт письмо для подтверждения электронного ящика. Вот и всё. После подтверждения электронного ящика можно приступать к созданию анимации, нажав на кнопку Start Creating.

Интерфейс сервиса Animatron:

Интерфейс сервиса доступен на английском языке. Но Ваших школьных знаний английского (даже на уровне 6-го класса) будет достаточно. Можно выписать непонятные английские слова, которые используются на этом сервисе, перевести их с помощью Гугл переводчика и прикрепить этот словарик на стикере в поле своего зрения.

Animatron

Если Вы наведёте курсор на свою аватарку, то увидите 4 раздела:

  • Мои проекты (в этом разделе ищем созданные проекты)
  • Профиль (в этом разделе можно настроить свой аккаунт)
  • Подписка (в этом разделе можно перейти на платный тариф)
  • Выйти

Весь процесс создания анимации основан на приёме «тяни-и-бросай» (drag-and-drop). Он заключается в том, чтобы при помощи мышки (зажав левую кнопку мыши) просто перетаскивать персонажей в нужное место. По ходу меняя размер, позу, внешние данные персонажа.

Попробуем создать тестовый проект. Нажимаем на кнопку Start Creating. Откроется вот такое поле для создания анимации. Приступаем!

Animatron

Продолжительность анимации

Конструктор Animatron похож на редактор Power Point. Отличие заключается в том, что каждый слайд имеет шкалу продолжительности. С этой шкалой работать очень легко: увеличиваем продолжительность анимации при помощи кнопки «+», уменьшаем продолжительность при помощи кнопки «-».

шкала времени

Минимальная продолжительность анимации должна быть 3 секунды. Другими словами, сама система не даст Вам сделать анимацию продолжительностью меньше, чем 3 секунды (дойдя до 3-х секунд, кнопка «-» становится не активной).

В бесплатной версии Animatron разрешает создавать 5 проектов по 10 секунд каждый. По умолчанию именно такая продолжительность (10 секунд) и будет выставлена в проекте. Это – не случайное время. Именно такое время и является самым оптимальным для тех, кто потом будет смотреть анимацию. В эти 10 секунд может входить как одна сцена (один слайд) длительностью 10 секунд, так и несколько сцен (несколько слайдов) общей длительностью 10 секунд.

Если Вы захотите создавать более длительные мультфильмы, нужно будет перейти на платную подписку. Но 10-секундной продолжительности вполне хватает для создания понятных, законченных анимаций.

Этапы создания мультфильмов

  • Придумываем короткий понятный сценарий
  • Ищем и загружаем подходящие картинки
  • Монтируем
  • Скачиваем

Например, Вы хотите анимировать сказку «Каша из топора». Сказка достаточно длинная, чтобы уместить её в 10 секунд. Но можно создать 10-секундную сцену той части произведения, которая Вам нужна, чтобы сделать какой-то важный акцент. Например, солдат просит хозяйку накормить его, а хозяйка отвечает, что у неё ничего нет. Это и есть сценарий одной сцены.

Устанавливаем фон анимации

В начале можно использовать белый фон. Он воспринимается мозгом лучше всего. Нажимаем на кнопку Background (фон) и перетаскиваем белый фон на сцену.

Background
Раздел Background

Варианты фона в этом разделе есть разные. Есть статичные – в виде картинок или текстуры. А есть двигающиеся, уже анимированные фоны. Они расположены ниже. Просто наводите курсор мыши на понравившийся фон: если он анимированный, то Вы увидите, как картинка движется.

Подбираем мульт-персонажей

Нажимаем на кнопку Animated sets (анимированные наборы). Просматриваем группы однотипных персонажей (проскроливая мышкой вниз или используя вертикальный ползунок справа) и нажимаем на выбранную подборку. Для примера пусть это будут индейцы.

Animated sets
Раздел Animated sets
Animated sets
Animated sets Индейцы

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

персонажи

Как изменить размер персонажа

Чтобы изменить что-то в персонаже, нужно его выделить (просто кликнуть по нему мышкой). Появится маленькая панель инструментов:

  • 1-я кнопка: дублировать персонаж (сделать ещё один такой же)
  • 2-я кнопка: разместить персонаж спереди
  • 3-я кнопка: разместить персонаж сзади
  • 4-я кнопка: отзеркалить по вертикали
  • 5-я кнопка: отзеркалить по горизонтали
  • 6-я кнопка: удалить персонаж

работа с персонажами

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

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

персонажи

Можно ли загружать свои картинки

Да, конечно. Подбирайте изображения на прозрачном фоне (в формате png). Такие изображения можно искать в сети (в разделе «Картинки»), а также на специальных площадках клипарт изображений. Одной из таких площадок поиска картинок на прозрачном фоне является бесплатный сервис PinClipart. Здесь собрано уже больше миллиона качественных прозрачных изображений, иконок, силуэтов. Все картинки классифицированы по разделам (например, машины, цветы, продукты). Библиотека картинок пополняется каждый день. Скачивать картинки можно в безлимитном режиме. Другие сервисы для поиска png-картинок:

  • Freepic.com
  • Hotpng.com
  • Pixabay.com

Как персонажи будут появляться

Двигаемся дальше. Теперь создадим очередь появления – кто за кем будет появляться в сцене (вместе с отметкой времени). Например:

появление персонажей

  • первой на слайде появится хозяйка: выделяем персонаж хозяйки и устанавливаем левый ползунок времени на 1-й секунде
  • второй на слайде появится еда: выделяем деталь еды и устанавливаем левый ползунок времени на 2-й секунде
  • третьей на слайде появится собачка: выделяем персонаж собачки и устанавливаем левый ползунок времени на 3-й секунде
  • последним на слайде появится солдат: выделяем персонаж солдата и устанавливаем левый ползунок времени на 4-й секунде

Animatron

Перетаскивая туда-сюда синий ползунок, Вы сможете проверить себя, в той ли очерёдности появляются персонажи на Вашем слайде. Сейчас ползунок стоит на 5-й секунде – то есть тогда, когда уже все персонажи появились на слайде. Поэтому Вы и видите всех персонажей на слайде. Если Вы установите ползунок, например, на 2-й секунде, на слайде Вы увидите только две детали: персонаж хозяйки и еду.

Animatron

Варианты появления персонажей

По умолчанию, все персонажи появляются на слайде через так называемый эффект проявления. Если Вы хотите, чтобы персонаж появлялся по-другому, выделяем его. На шкале времени появляется кнопка Appear.

появление персонажей
Кнопка Appear

Нажимаем на неё. Откроется дополнительная панель с разными эффектами появления персонажей на слайде. Нажимая на эффект «Рисование», персонаж появится на слайде так, как будто чья-то рука (человеческая, мультяшная или роботоподобная) его рисует. Если Вы выберете эффект «Рука», персонаж появится на слайде так, как будто чья-то рука кладёт его на слайд. А если Вы выбираете эффект «Движение», персонаж появится на слайде так, как будто он подошёл или подбежал к тому месту, где Вы его расположили. Закрыть панель с эффектами можно кликом в любом месте рабочего поля.

работа с персонажами

Как персонажи будут исчезать

Точно так же создадим очередь выбывания – кто за кем будет исчезать со сцены. Для этого выделяем персонаж и устанавливаем правый ползунок времени на нужной секунде. Например:

работа с персонажами

Выноски с текстом для персонажей

Возможно, Вам захочется показать текстом какие-то реплики персонажей. Для этого двойным щелчком нажимаем на кнопку «Т» (текст). Слева появятся инструменты работы с текстом. На слайде, зажав левую кнопку мыши, рисуем рамку для текста. Снова делаем двойной щелчок, чтобы появился курсор, и пишем текст. Например, солдат скажет хозяйке: Накормите меня!

работа с текстом
Раздел «Т» (Текст)
работа с текстом
Поле для текста
работа с текстом
Пишем реплику персонажа

После того, как текст написан, можно изменить:

  • тип шрифта
  • версия шрифта (обычный шрифт regular, с уменьшённой жирностью light или с добавленной жирностью bold)
  • размер шрифта
  • выравнивание шрифта
  • цвет шрифта
  • контур шрифта
  • тень шрифта

работа с текстом

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

работа с текстом

Подбирая цвет шрифта, можно воспользоваться инструментом «пипетка». Наводя пипетку на детали изображения, можно будет подобрать цвет шрифта в той же цветовой гамме. Так рисунки смотрятся целостно и гармонично.

пипетка
Инструмент Пипетка

Чтобы выйти из палитры, нажимаем на кнопку Back (назад).

Animatron

Варианты работы с текстом

Не забудьте выставить отметку времени и для текста. Наша тестовая реплика принадлежит солдату. Логично, если она отобразится после того, как солдат появится в кадре. То есть выставляем левый ползунок времени на 5-й секунде. Можно также выставить для текста желаемый эффект появления. Для этого нажимаем на кнопку Appear. Правый ползунок времени выставляем на той отметке, когда Вы хотите, чтобы текст исчез.

Animatron

Возможно, Вы захотите не визуализировать текст, а озвучить его. Для этого нажимаем на иконку микрофона.

микрофон

Ставим галочку (записывать, пока длится запись). Нажимаем на кнопку «Говорите». Система запросит разрешение на использование Вашего микрофона. Нажимаем на кнопку «Разрешить». Сразу же после этого начнётся запись. Например, озвучить своим голосом мы можем слова хозяйки: Но у меня ничего нет!

Animatron

Animatron

Как сохранить анимацию

Прежде, чем сохранять проект, просмотрите сцену, которую Вы создали. Для этого нажмите на зелёную кнопку Play. Анимация начнёт проигрываться с той отметки, где стоит фиксатор времени. Если Вы хотите просмотреть анимацию с самого начала, нажмите на круглую стрелку справа.

Animatron

Когда в проекте Вас уже всё устраивает, нажимаем на кнопку Download, выбираем формат «Видео». В открывшемся окне выбираем размер видео. Если Вы хотите, чтобы анимация хорошо отображалась на всех гаджетах (в том числе и на телефоне), выбираем размер 16:9. Также можно нажать на кнопку Share (поделиться) и выбрать формат видео.

Animatron

Сохранять готовую анимацию можно и в формате gif. Такой формат идеально подходит для очень коротких анимаций – 3 секунды.

Animatron

После того, как Вы сохранили анимацию, Вы в этом же проекте можете удалить персонажи и загрузить новые. Например, чтобы сделать вторую сцену с продолжением сказки. А потом – третью сцену. И т.д. Вот так у Вас и получится целая сказка в одном проекте.

Готовые 10-секундные кусочки анимации можно «склеить» на простом бесплатном онлайн сервисе app.clipchampion (или в любой другой программе для монтажа видео). Если Вы захотите при монтаже наложить музыку, просмотрите сервисы по поиску аудио:

  • Music.я.ws (поиск музыки с разрешёнными авторскими правами)
  • Audio-joiner.com (обрезка и склеивание аудио кусочков)
  • Vocalremover.org (отделение голоса от музыки)

Что ещё посмотреть по теме

  • Вебинар Маргариты Калюжной (на украинском языке) «Створюємо м/ф власноруч» про покадровый монтаж мультфильма
  • Обучающие ролики, созданные самой командой студии Animatron (на их официальном Ютуб-канале)

Заключение

Друзья, конструктор Animatron – отличный инструмент для учителей и других специалистов. В рамках одной статьи рассмотреть весь функционал конструктора просто нереально. Из-за этого, возможно, у Вас останется ещё много вопросов по работе с этим сервисом. Но они, поверьте, постепенно отпадут, как только Вы начнёте шаг за шагом изучать этот инструмент. Надеюсь, этот материал был полезен Вам. Буду оч-оч-оч рада, если напишите мне об этом в комментарии под статьёй.

© Ирина Иваськив

Понравилась статья? Поделитесь ею!

2 комментариев для “Сервис Animatron – увлекательное создание анимации для взрослых и детей

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

Ваш адрес email не будет опубликован.