Статья будет интересна бизнесменам-новаторам, которые хотят быть впереди планеты всей и анимировать свой логотип, ведь это легко!

Что было

В недавнем посте я рассказывал и показывал, как сделать логотип по системе 3Б – бесплатно, без фотошопа, без фрилансера. По отзывам получилось весьма недурно:

А эта прекрасная лама подала идею создать анимированный логотип.

Я даже нашел идеальный трек, нажмите play и смотрите на зверя...

Если читаете с телефона, нажмите Listen in brawser

Делать будем по системе 3Б — бесплатно, без фотошопа, без фрилансера. Термин шуточный и родился случайно, но вполне рабочий. Буду использовать в будущем «3Б» для объяснения, как делать полезные визуальные продукты самостоятельно без специальных знаний и денег.

Какие инструменты использовать

Я не стал рассматривать офлайновые программы для установки на компьютер и ушел от сложностей: системы у всех разные; ограниченные, платные версии; вирусы и другие неудобства. 

 

Первым делом я проверил функционал онлайн-редакторов:

Для такой задачи они показались сложными и не в меру дорогими.

 

Больше всех понравился Аниматрон, всё просто и по-русски. В бесплатной версии сервис отдает готовый ролик  с ограничениями – водяным знаком и своей заставкой. Как обойти, знаете? Запишите видео с экрана;) 

Анимировать статичную картинку

Ищем путь легче. Попробуем анимировать логотип примитивными приемами. На сайте Анимайзер можно загрузить картинку и сервис предложит перевёртывания, увеличение-уменьшение и снег. Такие анимации годятся, разве что, для сайта Натальи Петровны, бухгалтера с 70-летним стажем.

Приложения на iPhone

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

 

Загрузил картинку в приложение → сделал из этого видео → подобрал тяп-ляп эффект → сохранил видео в телефон → отправил на компьютер → обрезал видео по формату → загрузил в сервис конвертации «видео в gif» → обработал  фон и тогда может что-то получится, но не лучше «снега» в Анимайзере

 

Надо найти способ легче.

«Лама прыгает по буквам  — идеальная анимация для этого лого, но такой эффект без живого аниматора не сделать»

Решение

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

И загружаем картинки в сервис EzGif. Здесь можно добавить разные изображения, а сервис соберет все в один "мультяшный" файл. Та-дам, LogoGif готов!

Получилось не супер-пупер, результат далёк от моих ожиданий. Я то хотел, что-то вроде такого ;)

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