урок 5 из 16

Пять свойств

Знать пять свойств, которыми делается почти вся анимация, и уметь сочетать их, разнося по времени.

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

Весь набор

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

Положение по Xслой едет влево или вправоПоложение по Yслой едет вверх или внизМасштабслой крупнее или мельчеПоворотслой наклоняется или крутитсяпрозрачность — пятое: слой появляется или исчезаетвсё остальное в курсе — сочетания этих пяти
Слева — что меняется, справа — что человек при этом видит. Ни одно из них не «эффект»: все пять — обычные числа у слоя.
СвойствоЧто видноТипичное применение
положение по Xслой едет вбоквыезд, уход за край, перемещение
положение по Yслой едет вверх или внизпадение, всплытие, выдвижение
масштабслой крупнее или мельчепоявление, акцент, подчёркивание
поворотслой наклоняется или крутитсязначки, стрелки, живость
прозрачностьслой появляется или исчезаетпоявление, уход, смена содержимого

И общее правило, которое стоит увидеть сразу: каждое свойство анимируется само по себе. У положения свои ключи, у прозрачности свои, и ключ никогда не хранит сразу несколько свойств. Отсюда и то, что «анимировать слой» как единое действие в программах отсутствует.

Масштаб и прозрачность

Разберём свойства, которые чаще прочих используют неправильно, — масштаб и прозрачность.

1000значение1 с0 спрозрачностьмасштабсовпадающие по времени свойства выглядят беднее разнесённых
Прозрачность успевает раньше: слой уже виден, но ещё не дорос. Так появление читается как прибытие, а не как проявление фотографии.

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

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

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

Свойства живут вместе

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

ПоложениеПрозрачность0 с1 с«анимировать слой» как единое действие в программах отсутствует
У положения свои ключи, у прозрачности свои. Совпадать по времени они не обязаны, и чаще всего не совпадают.

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

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

И правило, которым стоит пользоваться до конца курса: сначала соберите движение из одного свойства. Работает — добавляйте второе. Собирать сразу из трёх — верный способ получить кашу, в которой непонятно, что именно не так.

Это то же правило, что в любой отладке: между «работало» и «не работает» должно стоять одно изменение. В анимации оно особенно полезно, потому что оценивается всё глазами, а глаз не умеет раскладывать впечатление на части.

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

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

  1. «Значок» должен качнуться: поворот от 0 до 15 градусов за 0,3 секунды и обратно к 0 ещё за 0,3. Всего три ключа.сложно
  2. Сопоставьте свойство и то, что с ним обычно делают.средне
  3. «Карточка» невидима и уменьшена до 80 процентов. Сделайте появление: прозрачность от 0 до 100 за 0,3 секунды, масштаб от 80 до 100 за 0,6 секунды. Прозрачность должна успеть раньше.средне
  4. Что верно про масштаб при появлении?средне
  5. Плавность на прозрачности работает так же заметно, как на положении.сложно

Практика и материалы по теме курса

Пройти урок с проверкой заданий Курс «After Effects: анимация и моушн» открыт и бесплатен, прогресс сохраняется.
Открыть курс