В этой статье из серии "Начало Adobe After Effects" мы продолжим знакомство с принципами анимации в Adobe After Effects на примере создания несложной ТВ-заставки. Реальной, хоть и несложной в производстве ТВ-заставки. Если рассматривать процесс создания бампера, как основную цель изучения цикла статей, то конечно стоит изучить все статьи имеющие в заголовке секцию "Бампер" для телепередачи". Но и прочтя любую отдельно взятую статью цикла, вы получите массу полезной, реально применимой информации.

Итак, мы создаем 10-секундную заставку, "бампер" для вымышленной телепередачи о балете.

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

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

Знакомый термин "интерполяция". В приложении к Adobe After Effects он имеет следующий смысл: неявно заданные значения величин параметров между ключевыми точками вычисляются именно с помощью интерполяции. Adobe After Effects, кстати дает великолепные возможности настраивать интерполяцию. В наиболее простом случае, с параметрами Прозрачности (Opacity) и Масштаба (Scale) интерполитровать нужно только значения этих параметров, изменяющихся во времени. В случае с параметрами, описывающими движение Местоположение (Position) или множеством аналогичных параметров из различных эффектов, дело обстоит значительно сложнее. Дело тут в том, что в таком случае приходится интерполировать так сказать не только значение не только во времени, но и в пространстве.

Углубляясь в проблему заметим, что Adobe After Effects дает широкие возможности для настройки интерполяции. Например интерполяцю движения вы можете настроить так, что бы движение резко начиналось и резко заканчивалось, можно настроить движение строго по прямой, а можно и по кривой - это уже настройка пространственной интерполяции. Настройка интерполяции проводится путем редактирования в окне Time Layout обоих ключевых точек, ограничивающих отрезок, подвергающийся интеполяции. Пространственная же интеполляция настраивается в окне Composition. Для этого вам надо настроить траекторию движения (Motion Path) точки, характеризующей определенный параметр. Для упрощения этого процесса Adobe After Effects содержит специальный инструмент, позволяющий просто "нарисовать" в реальном или замедленном времени необходимую траекторию и далее подредактировать ее, добавляя или удаляя ключевые точки. Вот самые основные сведения, которые необходимо знать об интерполяции в Adobe After Effects. Более же подробные сведения об интерполяции можно почерпнуть в седьмой главе документа Adobe After Effects User Guide.

Теперь мы займемся настройкой пространственной интерполяции или проще говоря создадим для букв слова "ballet" траекторию, по которой она будет "танцевать".

Теперь о создании траекторий на практике.

Для создания траектории необходимой формы воспользуемся следующей последовательностью действий. Сначала создаем в окне Composition предельно простую траекторию, а после добавляя в нее ключевые точки добиваемся необходимой формы.

В окне Time Layout устанавливаем маркер времени на кадр 07:25, предварительно убедившись, что мы выбрали все слои с буквами слова "ballet". Нажимаем клавишу [P] и открываем на всех выбранных слоях параметр местоположения слоя (Position). Далее, используя сочетание клавиш [Alt]+[Shift]+[P] устанавливаем на открытых параметрах ключевые точки. Передвигаем маркер времени на кадр 08:03. Нажимаем сочетание клавиш [Ctrl]+[Shift]+[A], что дас нам возможность отменить выбор всех слоев. ВЫбеираем теперь слой, содержащий букву "t" и тащим слой в окне Composition слегка вправо. Автоматически создается ключевая точка на параметре Position.



Установите маркер времени на кадр 08:10 и подвиньте слой в окне Composition слегка вправо/вверх. Автоматически создается ключевая точка на параметре Position.



Установите маркер времени на кадр 08:20 и подвиньте слой в окне Composition слегка вправо/вниз. Автоматически создается ключевая точка на параметре Position.



Установите маркер времени на кадр 09:00 и подвиньте слой в окне Composition к верхнему краю кадра. Автоматически создается ключевая точка на параметре Position.



Установите новые пределы рабочего фрагемнта композиции в окне Time Layout. Это необходимо для организации Preview именно в этих пределах. Для этого установите маркер времени на кадр 07:15 и нажмите клавишу [B] - это будет начало рабочего фрагмента. Теперь установите маркер времени на кадр 09:10 и нажмите клавишу [N] - это будет конец рабочего фрагмента.

Теперь запустим режим предварительного просмотра в "проволочном" представлении (Wireframe). Такой режим хорош прежде всего тем, что работает практически всегда в реальном времени. Запускается такой режим сочетанием клавиш [Alt]+[0]. Имеется в виду клавиша [0] на малой цифровой клавиатуре. А остановить проигрывание в режиме предварительного просмотра можно нажатием любой клавиши.

Использование органа управления проигрыванием "Shuttle".

Сейчас вы используете для запуска проигрывания композиции кнопку Play на палитре Time Controls или нажимаете для этого клавишу [Пробел]. Но часто возникает необходимость прокрутить композицию быстрее чем в реальном времени. Для этого и предназначен орган управления Shuttle. Попробуем им воспользоваться. Установите маркер текущего времени на кадр 07:15. На палитре Time Controls передвиньте Shuttle слегка вправо.



A - Орган управления Jog
B - Орган управления Shuttle
C - Индикатор текущего времени

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

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

Редактирование траекторий.

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



A - сегмент кривой;
B - точка, определяющая направление вектора тангенты;
C - контрольная точка;
D - тангента;

ОНа перечисленные элементы кривой - ее органы управления и опирается концепция редактирования кривых. Направление вектора тангенты определяет форму кривизны соответствующего сегмента, а длина тангенты определяет степень выпуклости/вогнутости редактируемого сегмента.



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



Манипулируйте длинной тангенты и вы измените степень выпуклости/вогнутости сегмента.

Приступим собственно к редактировнию траектории. Выберите слой, содержащий букву "t" и вы увидите в окне Composition траекторию движения слоя. Каждый крестик на траектории соответствует ключевой точке. Расстояние между точками, составляющими пунктирную траекторию индицирует скорость движения слоя в каждый конкретном кадре. Естественно, что чем ближе эти точки, тем медленее движется слой.

Редактировать траекторию можно в первую очередь редактируя местоположение контрольных точек траектории. Для этого в окне Time Layout выберите слой с буквой "t", откройте меню с параметром Position (местоположение). Установите маркер текущего времени на кадр 8:10 и изменяйте координаты текущей точки.

В окне Composition вы можете двигать любую ключевую точку параметра Position - контрольную точку траектории. Причем для этого даже не нужно двигать маркер текущего времени. вносимые изменения будут фиксироваться для каждой из соотвтетствующей точек.

В кадре 8:10 подвиньте слой слегка вверх-влево.



Следующую по порядку ключевую точку подвиньте слегка вверх-вправо.



Теперь точку, которая находится в самом верху экрана подвиньте слегка левее.



используя виды инструмента в виде пера, вы можете прямо в окне Comosition добавить/удалить ключевые точки прямо в окне Composition.

Установите маркер текущего времени на кадр 08:20, из палитры инструментов выберите инструмент с изображением пера. В окне Composition так, как показано на следующем рисунке добавьте контрольную точку кривой/ключевую точку траектории.



Обратите внимание, что в момент, когда будет возможно добавить точку, курсор примет вид пера с маленьким плюсиком. щелкните в желаемом месте мышью и в одном из кадров между 8:20 и 9:00 появится ключевая точка. Если вы знакомы с принципами работы в Adobe Illustrator, вы не могли не заметить явной преемственности Adobe After Effects и Adobe illustrator в части редактирования кривых.

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

Теперь смените инструмент с пера на обычную черную стрелку и преместите контрольную точку, соответствующую текущему кадру, чуть правее.



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



В упомянутом меню выберите пункт Layer Keyframes, ключевые точки исчезнут в окне Composition. Выберите этот пункт меню еще раз и ключевые точки появятся снова.

В упомянутом меню выберите пункт Layer Paths, траектория исчезнет в окне Composition. Выберите этот пункт меню еще раз и траектория появится снова.

В упомянутом меню выберите пункт Layer Tangents, тангенты исчезнут в окне Composition. Выберите этот пункт меню еще раз и тангенты появятся снова.

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



Выключите с помощью меню пункт Layer Handles. Из окна Сomposition исчезнут квадратики, окружающие выбранный слой. Это поможет вам разгрузить окно и эффективнее управлять тангентами контрольных точек. Отредактируйте тангенты так как считаете нужным, добейтесь желаемой формы кривой и опять включите в меню Layer Handles.



Теперь нажмите [Alt]+[0] и запустите режим предварительного просмотра.

Установите маркер текущего времни на кадр 07:25, и используя Jog убедитесь, что слой движется именно так, как вы хотели. Не забывайте время от времени сохранять проект на диске.

Настройка автоориентации при повороте.

Слой, содержащий букву "t", двигаясь по только что созданной вами траектории, все время остается ориентированным строго по вертикали. Для того, что бы слой поворачивался, следуя за изгибами траектории, надо включить автоориенттацию. Для этого убедитесь, что выбран именно нужный слой и воспользуйтесь коммендой меню Layer/Transform/Auto-Orient Rotation. Обратите внимание, что вы не можете включить автоориентацию избирательно для определенных ключевых точек. Автоориентация включается/выключается только для всех ключевых слоя точек сразу. Так же ориентация не может анимироваться, т.е. включаться/выключаться автоматически по ходу проигрывания композиции.

Итак, установите маркер текущего времени на кадр 07:15 и используя Shuttle, убедитесь, что слой крутится, соответственно его перемещению вдоль траектории. Теперь уже можно скопировать ключевые точки из слоя, содержащего букву "t" и вставить их в другие слои. Для этого выберите указанный слой и установите маркер текущего времени на кадр 08:00, откройте меню с параметром Position, выберите все ключевые точки этого слоя (их 6) на этом параметре и используйте команду меню Edit/Copy.



Теперь в окне Time Layout выберите слой с буквой "e" . Передвиньте указатель текущего времени на кадр 08:00 и вставьте ранее скопированные ключевые точки. Передвиньте указатель текущего времени на кадр 08:05 и вставьте ранее скопированные ключевые точки в слой, содержащий букву "l" и находящийся сразу под слоем с буквой "e". Передвиньте указатель текущего времени на кадр 08:10 и вставьте ранее скопированные ключевые точки в слой, содержащий другую букву "l". Передвиньте указатель текущего времени на кадр 08:15 и вставьте ранее скопированные ключевые точки в слой, содержащий букву "b". Передвиньте указатель текущего времени на кадр 08:20 и вставьте ранее скопированные ключевые точки в слой, содержащий букву "a".

Выберите слой , содержащий букву "a", включите автоориентацию. Для этого воспользуйтесь командой меню Layer/Transform/Auto-Orient Rotation.

Выберите слой , содержащий букву "l", включите автоориентацию. Для этого воспользуйтесь командой меню Layer/Transform/Auto-Orient Rotation.

Пользуясь описанным приемом включите автоориентацию для оставшихся слоев, содержащих буквы слова "ballet". К сожалению, невозможно выбрать несколько слоев сразу и включить для них всех автоориентацию разом, зато для включения автоориентации есть сочетание клавиш[Ctrl]+[Alt]+[O]. Буква "О", а не ноль. Установите маркер текущего времени на кадр 07:25 и используя Shuttle посмотрите на результат.

Предварительный просмотр композиции, просчитанной в ОЗУ (RAM Preview).

Раньше уже вы могли познакомиться с принципами предварительного просмотра композиции в реальном времени, что можно организовать, предварительно просчитав ее в ОЗУ (RAM Preview). Если же вам не удается просмотреть в таком режиме определенный участок композиции, вы можете уменьшить разрешение, выделить под Adobe After Effects больший объем ОЗУ. Самый же простой способ - просмотреть композицию через кадр, для чего можно использовать следующее сочетание клавиш: [Shift]+[0], Ноль на малой цифровой клавиатуре.

Итак, запускайте предварительный просмотр, для чего установите рабочую область композиции в окне Time Layout начиная с кадра 7:15 и заканчивая кадром 10:00.



Теперь щелкните мышью по кнопке "Play" на палитре Time Controls.



Обратите внимание, что на время работы RAM Preview органы управления Jog и Shuttle будут заменены на текущую информацию о ходе предварительного просмотра композиции. Остановить же предварительный просмотр можно нажав любую клавишу.

Управление скоростью перемещения слоя.

Как уже говорилось, траектория, по которой движется слой выглядит как пунктирная линия состоящая из точек. Если точки, составляющие траекторию расположены чаще - скорость движения слоя будет медленее. Точки расположены реже - слой двигается медленее. Управлять же плотностью точек можно с помощью настройки скорости (Speed) параметра Position в окне Time Layout. Делается это следующим образом:

В окне Time Layout выберите слой, содержащий букву "t", откройте для этого слоя параметер Position. Щелкните по треугольнику, правее наименования параметра Position. Откроется орган регулировки скорости (Speed).



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