9 правил, которым должен следовать каждый моушн дизайнер.

Привет будущим motion-дизайнерам!

Мы собрали для вас несколько простых и интересных типсов, которые сделают процесс вхождения в motion-дизайн легче и продуктивнее.

В HUMEE мы считаем, что каждый motion-дизайнер должен освоить эти 9 базовых принципов работы в Adobe After Effects.

Заранее сделаем пометку: при оживлении вашей иллюстрации, первое чем необходимо руководствоваться — это здравый смысл. Не нужно применять все правила одновременно. Отталкивайтесь от задумки, запроса или концепции движения объекта — используйте, компилируйте и применяйте эти типсы в зависимости от того, какой эффект вы хотите воспроизвести на зрителя.
Помните, плохая анимация — результат пренебрежения базовыми правилами композиции.

1. Используйте Squash & Stretch, чтобы избежать резких движений.

Сдавливание и растяжение объекта в движении может создать иллюзию гибкости и реалистичности. Или дать зрителю информацию о том, насколько твердый или мягкий объект (более мягкие объекты должны больше сжиматься и растягиваться). Если ваша анимация выглядит слишком жесткой, попробуйте добавить к движению сжатие и растяжение и посмотрите, как это улучшит качество картинки.

Источник: https://www.animationmentor.com/blog/squash-and-stretch-the-12-basic-principles-of-animation/

2. Добавьте разгон в движение объекта.

Например, объект редко просто начинает двигаться вперед - обычно есть какое-то подготовительное движение в противоположном направлении. Представьте себе бросание мяча: вы отводите руку назад, прежде чем сделать движение вперед. Разгон или подготовка к действию дает зрителю намек на то, что должно произойти, и предотвращает  ощущения, что движение происходит из ниоткуда.

Источник: https://giphy.com/gifs/animation-loop-freddy-arenas-l46Cjl6gJY6rQUc4U

3. Убедитесь, что все движения доведены до конца.

Выше мы сказали, про разгон — это про то как начать движение. Но помимо того, что движение стоит начать, его необходимо закончить. То есть добавьте небольшое движение в конце, так вы придадите большей реалистичности анимации вашего объекта.

Источник: https://giphy.com/gifs/channelfrederator-channel-frederator-looney-toons-wil-e-coyote-73FzKOYDpp7VK

4. Добавьте дуги для создания естественного движения.

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

Источник: https://giphy.com/gifs/PPkFR8dS0quU2SYpde

5. Принцип ускорения и замедления.

Когда объект начинает двигаться, он не сразу запускается с максимальной скоростью и не остается на одной и той же скорости все время. Так ваша анимация станет искусственной. Все движения имеют естественное ускорение и замедление.Вы можете попробовать это в собственных работах, добавив больше кадров в начале движения, меньше в середине и больше в конце.

Источник: https://giphy.com/gifs/animation-loop-material-G0vaYbZDJV0cM

6. Используйте таймлайн.

Всегда. Это поможет сделать анимацию плавной. Линия таймлайна покажет сколько кадров занимает движение объекта. Грамотно расставив фреймы, вы настроите воспринимаемую скорость, вес и плавность анимируемого объекта.

Источник: https://www.skillshare.com/browse

7. Используйте вторичное действие.

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

Источник: https://giphy.com/gifs/motionaddicts-loop-retro-motion-yxVRIC5v20jPhSnxvO

8. Не бойтесь передавать движение гипертрофированно.

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

Источник: https://giphy.com/gifs/nicolettegroome-animation-adventure-time-bmo-3rgXBsmYd60rL3w7sc

9. Выделите визуально основной элемент.

Например, луч изображающий сценический свет привлечет внимание публики к нарративу (центру повествования). Подсветите или подожгите, пофантазируйте! :)

Источник: https://giphy.com/gifs/motionaddicts-inspiration-idea-spark-26BkNrGhy4DKnbD9u

На этом типсы для использования анимации подошли к концу, спасибо что дочитали до конца! :)