Как сделать простейшую gif-анимацию в проект на Behance за 10 | Богатый иллюстратор | Улли

Как сделать простейшую gif-анимацию в проект на Behance за 10 минут? Лайфхак

Я знаю, что многие любят и умеют делать покадровую анимацию. А я не люблю))

Раньше я всеми силами игнорировала анимацию каких-либо элементов в проекте. Потому что знаю – это не влияет ни на заказы, ни на получение значка галереи. Свои значки я получила без нее.

Но так или иначе, трудно отрицать, что с анимированными элементами проект выглядит интереснее, эффектнее)) Это как вишенка на торте – вкус не меняет, но добавляет нехватающего шарма.

Поэтому для меня было важно найти оптимальный простой вариант наличия анимации в проекте, который бы мне подходил. Нашла, делюсь!

Так как я рисую в Прокриейт, чаще всего анимацию делаю именно в нем. Это делается настолько просто, что я даже туториал не смотрела, когда первый раз делала. Но для вас прикрепила супер простой туториал выше)

Основная задача при покадровой анимации это разложить сменяющиеся кадры на слои, включить в настройках «ассистент анимации», выставить время. Все! Сохраняю в формате «гиф для веб».

ЛАЙФХАК!

Когда делаешь анимацию в Прокриейт, в которой есть белый фон, то при сохранении и выгрузке гифки на Биханс он становится НЕ белым, а сероватым. Это видно и это некрасиво. Но вот такой вот есть баг.

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

Туториал как сделать анимацию в Фотошопе тут, также супер простой и понятный

Можно обойтись и без Фотошопа, сохранить анимацию без фона в png (тк у меня персонажи). Но тут такой нюанс, при клике на неё в проекте на Биханс, она тогда будет отображаться по умолчанию на темном фоне. А у меня в анимации эскизы – это некрасиво будет смотреться, поэтому я выбираю вариант с Фотошопом.

Во всех моих проектах анимации сделаны по такому принципу (в основном без помощи ФШ), и самая долгая из них заняла максимум 30 минут).

Для человека, который не любит её делать, это отличное решение

А вы делаете анимации?