Создание анимации гонки в виде гистограммы

Как сделать видео гонки гистограммы с помощью Alien Art Charts

Создавайте видеоролики о гонках с гистограммами через https://alienart.io
Источник данных: https://gs.statcounter.com/

Музыка:
Ambient Lounge - Wonderful Instrumental
https://soundcloud.com/ashamaluevmusi... без авторских прав
____

Сегодня я покажу, как создать собственное видео о гонках с гистограммами бесплатно и без программирования с помощью Alien Art Charts. Вместе мы создадим гистограмму самых популярных браузеров с течением времени. Мы соберем данные, настроим диаграмму и подготовим видео для загрузки на YouTube.

Чтобы начать, перейдите на AlienArt.io и войдите в систему с помощью вашего любимого варианта. Вы можете создать новый проект с помощью кнопки в правом верхнем углу. Теперь давайте назовем проект, выберем «Bar Chart Race» в качестве типа, выберем ориентацию «Landscape» и, наконец, нажмем кнопку «Create».

У нас есть рабочая диаграмма, но нам нужно найти данные для ее заполнения. Откроем gs.statcounter.com в отдельной вкладке. На этом сайте показаны нужные нам данные, но только за последний год. Давайте нажмем «Редактировать данные диаграммы», изменим значение «От» на «Январь 2009» и нажмем «Просмотреть диаграмму». Теперь мы можем нажать на кнопку «Загрузить данные», на выходе будет файл в формате CSV.

Теперь вернемся к созданной нами диаграмме. Нажав на вкладку «Данные» слева, вы сможете редактировать электронную таблицу, прикрепленную к проекту. Мы можем использовать кнопку «Импорт», чтобы использовать только что загруженный CSV-файл.

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

В качестве следующего шага мы можем добавить значки браузера. Для этого мы можем погуглить имя первого браузера, а затем перейти на вкладку «Изображения», найти понравившееся изображение, затем щелкнуть по нему правой кнопкой мыши и найти параметр «Копировать адрес изображения». Теперь вернемся к Alien Art Charts и переключим вкладку на «Данные». Под именем каждого браузера есть кнопка «Выбрать», которая откроет панель справа, вы можете вставить туда URL-адрес изображения и «Сохранить».

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

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

Надеюсь, вам понравилось видео. Не забудьте подписаться на другие уроки.