бесплатно без регистрации урок 3 из 16

Плавность

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

6 мин чтения · 3 главы ·5 заданий ·домашняя работа

Почему ровный ход выглядит мёртвым

Соберите движение из двух ключей, посмотрите — и вы увидите то, что видят все: слой едет, но выглядит неживым. Как будто его тянут за верёвочку. Причина одна, и она не в значениях.

2000значение2 с0 сровноразгонторможениеплавность меняет не значения в ключах, а дорогу между ними
Края одинаковые: в нуле слой здесь, через две секунды там. Различается только дорога, и именно её видит глаз.

Между двумя ключами значение может идти по-разному. Оно может расти равномерно — столько же за первую половину времени, сколько за вторую. А может начинать медленно и разгоняться или наоборот — идти быстро и притормаживать к концу. Края при этом одинаковые: и туда, и туда слой приезжает в одно и то же место в одно и то же время.

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

Из этого же следует, где ровный ход как раз уместен: там, где механичность и нужна. Бесконечно крутящийся значок загрузки, бегущая строка, конвейер — всё, что не должно выглядеть живым, делается именно ровным ходом.

Разгон, торможение и их названия

Разберём точнее, что именно видит глаз. Он видит не скорость, а её изменение.

2000значение2 с0 сровноразгонглаз замечает не скорость, а её изменение — то есть разгон и торможение
Ровный ход — это постоянная скорость: она возникает мгновенно и мгновенно пропадает. В жизни так не бывает ничего.

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

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

И правило, с которого начинают почти всё: торможение важнее разгона. Приезд без торможения читается как удар о стену; старт без разгона заметен куда меньше. Если из двух настроек можно поставить одну — ставят торможение в конце.

Где плавность живёт

Осталось понять, где плавность живёт. Она хранится не между ключами, а в самих ключах, и это объясняет вещь, которая иначе сбивает с толку.

РазгонТорможение0 с2 споэтому «плавно с двух сторон» — это настройка обоих ключей, а не одна кнопка
У каждого ключа своя настройка. Тот, из которого выходим, отвечает за начало отрезка; тот, в который приходим, — за его конец.

У каждого ключа есть своя настройка, и отвечает она за тот отрезок, который из ключа выходит. Поэтому «плавно с двух сторон» — это не одна кнопка, а две настройки: разгон в первом ключе и торможение во втором.

И практический порядок, которым стоит пользоваться с этого урока:

Первое — поставить ключи и посмотреть с ровным ходом. Второе — решить, что это за движение: живое или механическое. Третье — если живое, поставить торможение в конце. Четвёртое — посмотреть ещё раз и решить, нужен ли разгон в начале.

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

Задания урока

Каждое проверяется сразу: ответ сверяется с эталоном, и на неверный вариант приходит разбор.

  1. Сделайте так, чтобы «Карточка» приехала от X = 20 до X = 200 за две секунды и при этом заметно притормаживала к концу: к первой секунде она должна пройти уже больше половины пути.средне
  2. Что меняет плавность?средне
  3. Сделайте обратное: «Панель» уезжает от X = 30 до X = 210 за две секунды с разгоном — трогается медленно, а к концу идёт быстро. К первой секунде она должна пройти меньше половины пути.сложно
  4. Сопоставьте ход движения и то, как он читается.средне
  5. Плавность, поставленная в последнем ключе движения, меняет то, как слой приезжает.сложно
Пройти урок с проверкой заданий Курс «Анимация и моушн» открыт и бесплатен, прогресс сохраняется.
Открыть курс