Создаем красивую анимацию при помощи браузера

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

Приступим к процессу рассмотрения функционала сервиса:
Открываем страницу сайта в своем браузере при помощи ссылки. На главной странице присутствует видео, на котором показан основной функционал:

Под видео находиться кнопка «Try it now», нажимаем на неё:

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

Подтверждаем адрес своей электронной почты, для этого Вам отправили на неё письмо:

Далее есть два варианта для создания. Первый это использовать один из предложенных шаблонов в разделе «Templates». Другой же вариант — создание анимации с нуля, для этого служит кнопка «New file»:

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

После этого мы попадаем на страницу, позволяющую полностью отредактировать анимацию. Для воспроизведения присутствует специальная кнопка:

Чтобы изменить один из объектов запускаем анимацию и на нужном моменте её останавливаем. Нажимаем два раза на необходимый материал (или находим объект в списке слева):

При нажатии на текст откроется специальное окно в правой части страницы, позволяющее отредактировать его:

Повторяем те же действия для изменения изображения, только на этот раз понадобится кнопка «Replace Media»:

Отредактировать размер, позицию, угол поворота и прозрачность иконки можно во вкладке «Design»:

Чтобы убрать лишний объект выбираем его и нажимаем правой кнопкой мыши, далее «Delete»:

После того, как Вы все отредактировали нажимаем на кнопку экспорта:

Выбираем желаемый вариант, обратите внимание, что некоторые из них доступны только на платной версии:

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

На этом обзор функционала закончен, но это только малая его часть. Если потратить немного времени, то можно приспособиться и создавать красивые анимации с чистого листа!