4. Построение первой композиции из шестиугольников

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

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

Когда вы импортируете файл, содержащий непомеченный альфа-канал, After Effects предлагает указать метод его интерпретации.

а) Выберите в меню команду File * Import * File (Файл * Импортировать * Файл).

б) В диалоге Import File (Импортировать файл) откройте папку _psd, вложенную в папку AE_1les, и выберите файл Hexagon01psd.

в) Щелкните на кнопке Open (Открыть). Отобразится диалог Interpret Footage (Интерпретация исходного видеоматериала) (Рис. 1.1).

Puc. 1.1. Interpret Footage (Интерпретация исходного видеоматериала)

г) В диалоге Interpret Footage (Интерпретация исходного видеоматериала) выберите параметр Straight - Unmatted (Прямой - Нематированный) и щелкните на кнопке ОК.

Теперь файл HexagonOLpsd отобразится в списке окна проекта. Если файл еще не выделен, щелкните на имени файла и просмотрите эскиз изображения и некоторую информацию о файле в верхней части окна проекта. Эта информация включает размер изображения (400x400 пикселов), насыщенность цвета (Millions of Colors* - Миллионы цветов*) и метод интерпретации альфа-канала Straight (Прямой).

Интерпретация альфа-каналов

При создании интересной анимированной графики профессионального качества в приложении After Effects альфа-каналы играют ключевую роль. Когда вы импортируете в проект файл с непомеченным альфа-каналом, отображается диалог, предлагающий указать метод интерпретации альфа-канала. Метод интерпретации альфа-канала влияет на вид слоя в композиции и конечную картину. Наилучший выбор зависит от метода, первоначально использованного для создания альфа-канала, поскольку это определяет выбор корректного метода интерпретации альфа-канала.

В диалоге Interpret Footage (Интерпретация исходного видеоматериала) можно выбрать одну из следующих опций:

• Ignore (Игнорировать);

• Straight - Unmatted (Прямой - пематированный);

• Premultiplied - Matted with Color (Предумноженный – Матированный цветом).

Straight - Unmatted (Прямой - Нематированный): В файле Hexagon01psd, прозрачность задается только альфа-каналом. Канал RGB действует как сплошная белая «заливка» для альфа- или матированного канала. Это несколько напоминает вырезку раскатанного теста формочкой. Альфа-канал такого типа называют прямым альфа-каналом. Следовательно, когда такой файл импортируется в After Effects, альфа-канал должен интерпретироваться как Straight – Unmatted (Прямой - Нематированный).

Ignore (Игнорировать): Этот метод интерпретации отбрасывает всю информацию об альфа-канале (т.е. прозрачности), определенную в исходном файле, сообщая слою сплошную (100%) непрозрачность.

Premultiplied - Matted with Color (Предумноженный – Матированный цветом): При выборе этой опции исходный фоновый цвет удаляется из полупрозрачных краев рисунка, что предотвращает появление ореола вокруг изображения.

Если вам неизвестен метод создания альфа-канала в используемом файле, щелкните на кнопке Guess (Определить тип). Приложение After Effects попытается проанализировать файл, определить тип альфа-канала и применить соответствующий метод интерпретации. Если приложение не сможет это сделать, оно предупредит вас звуковым сигналом.

Кроме того, в диалоге Interpret Footage (Интерпретация исходного видео-материала) предусмотрена опция Invert Alpha (Инвертировать альфа). При установке этого флажка все существующие альфа-каналы инвертируются.

4.2.Организация проекта. Организация файлов в проекте After Effects не менее важна, чем организация файлов на жестком диске. Точно так же, как в начале этой работы вы создавали организационные папки па диске, теперь вы должны создать папки, упорядочивающие данный проект After Effects:

а) Выберите в меню команду File * New * New Folder (Файл * Новый * Новая папка) либо щелкните па кнопке Create a new Folder (Создать новую папку) в левом нижнем углу окна проекта. В окне проекта появится новая неименованная папка;

б) Введите psd files и нажмите клавишу Enter чтобы присвоить папке имя;

в) Перетащите файл Hexagon01.psd в папку psd files;

г) Щелчком па стрелке возле имени папки разверните папку psd files так, чтобы увидеть файл Hexagon01.psd, вложенный в нее (Рис. 1.2).

Рис. 1.2. Папка psd files с вложенным файлом Hexagon01.psd

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

4.3. Создание первой композиции. Построение анимации начинается с создания новой композиции. Композиции - основные элементы проекта After Effects, в которые вы помещаете изображения, фильмы, звуки и даже другие композиции, и манипулируете ими.

Форматы отображения проектов

На этом этапе работы над проектом важно решить, какой формат вы будете использовать для отображения закопченного проекта (например, фильм, Web, телевидение), поскольку от этого зависит размер ваших элементов. Эти установки задаются на уровне композиции. Данная анимация предназначается главным образом для телевизионного вещания NTSC. Это означает, что ваша конечная анимация будет демонстрироваться с разрешением D1 (720x486). Следовательно, когда вы создаете свои элементы, следует составлять из них такие композиции, размеры которых достаточно велики для представления в конечной анимации.

Разрешение D1 имеет неквадратный формат пикселов. Однако в этих уроках вы будете строить элементы, используя квадратные пикселы. Затем вы поместите конечную композицию в композицию 720x486 D1 NTSC, прежде чем выполнить рендеринг конечной анимации.

а) Выберите в меню команду Composition * New Composition (Композиция *Новая композиция).

б) В диалоге Composition Settings (Настройки композиции) (Рис. 1.3) введите имя композиции Hexagon Final Comp в поле Composition Name (Имя композиции).

Рис. 1.3. Установка параметров композиции

в) В раскрывающемся списке Preset (Предварительная установка) выберите пункт NTSC D1 Square Pix.

г) Убедитесь, что в диалоге отображаются следующие установки:

• Width (Ширина): 720;

• Height (Высота): 534;

• Lock Aspect Ratio (Блокировка пропорции): флажок сброшен;

• Pixel Aspect Ratio (Пропорции пикселов): Square Pixels (Квадратные пикселы);

• Frame Rate (Частота кадров): 29,97;

• Resolution (Разрешение): Full (Полное). Можно также выбрать и меньшее разрешение. Если в вашей системе установлена минимально-необходимая оперативная память, монитор стандартного размера или медленный процессор, используйте установку Half (Половина) или еще меньшее разрешение;

• Start Timecode (Начальный кадр): 0;00;00;00.

д) В поле Duration (Длительность) введите 400 для установки продолжительности анимации - 4 секунды.

6 Закончив установки, щелкните на кнопке ОК.

Теперь композиция Hexagon Final Comp отобразится в окне проекта и строках заголовков двух новых окон: композиции и Timeline (Монтажный стол). При необходимости подгоните размеры этих окон так, чтобы: все они полностью помещались на экране. Сейчас окно композиции, которое обычно отображает вид композиции, пустое (залито сплошным черным цветом или другим фоновым цветом, выбранным вами), поскольку вы еще не добавили никаких изображений в новую композицию.

Окно Timeline (Монтажный стол) тоже пустое, однако в нем отображаются многочисленные элементы управления, которые вы будете использовать для манипуляций с элементами композиции. Обратите внимание па то, что в правой стороне Монтажного стола указана заданная продолжительность фильма - 4 секунды.

4.4. Вставка исходного видеоматериала в композицию. Когда вы добавляете в композицию фильм, необходимо позиционировать фильм, как в пространстве, так и во времени. Позднее положение фильма можно изменять, но желательно сразу поместить фильм в нужное место.

Тачкой входа (In point) или начальной тачкой называют момент времени, в который фильм впервые появляется или проигрывается в композиции.

При добавлении слоя в композицию его точка входа автоматически устанавливается в положение маркера текущего времена (Рис. 1.4). Вам необходимо, чтобы данное изображение впервые появилось в самом первом кадре (в момент времени 00;00;00;00). Поэтому именно это число вы должны видеть в подчеркнутом индикаторе текущего времени в верхнем левом углу Монтажного стола.

Рис. 1.4. Маркер и индикатор текущего времени па Монтажном столе

Положение маркера текущего времени можно изменять несколькими способами.

а) Если положение маркера текущего времени отлично от 0:00, выполните одно из следующих действий:

• Щелкните мышью на индикаторе текущего времени, чтобы отобразить диалог Go To Time (Перейти к), введите 0 (цифру ноль) и щелкните на кнопке ОК;

• Перетащите маркер текущего времени в крайнее левое положение:

• Нажмите клавишу HOME.

б) В окне проекта выделите файл Hexagon01.psd и перетащите его в окно композиции.

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

Когда вы отпустите кнопку мыши, в окне композиции отобразится шестиугольник. Кроме того, имя файла Hexagon01.psd отобразится в слое 1 Монтажного стола. Это и есть имя исходного файла.

Свойства трансформации

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

Получить доступ к свойствам трансформации слоя можно двумя способами. Можно щелкнуть на стрелке слева от имени слоя, отобразив категорию свойств Transform (Трансформация). Затем щелкните по стрелке возле категории Transform (Трансформация), чтобы отобразить пять свойств трансформации данного слоя: Anchor Point (Точка привязки), Position (Положение), Scale (Масштаб), Rotation (Вращение) и Opacity (Непрозрачность). Чтобы изменить слой, вы можете изменять значения, отображаемые здесь.

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

A - Anchor Point (Точка привязки);

P - Position (Положение);

S - Scale (Масштаб);

R - Rotation (Вращение);

O - Opacity (Непрозрачность);

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

4.5. Трансформация изображения. В приложении After Effects слово transform (трансформация) зарезервировано для указания специальных свойств слоя, включая положение, масштаб, вращение, значение непрозрачности и положение точки привязки.

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

4.6. Точное позиционирование изображения. Поскольку вы будете создавать геометрический узор, используя рисунок в файле Hexagon01.psd, следующий шаг заключается в точном позиционировании этого рисунка в композиции.

а) Если слой не выделен, щелкните на изображении в окне композиции или на имени слоя на Монтажном столе.

Рис. 1.5. Установка масштаба (слева) и разрешения (справа) изображения в окне композиции

2 Нажмите клавишу Р на клавиатуре. На Монтажном столе под слоем отобразится свойство Position (Положение).

3 Переместите слой к координатам Х=468, Y=242 (или близко к этому) одним из следующих действий:

Перетаскивайте слой в окне композиции, сверяясь с координатами, отображаемыми в палитре Info (Информация) (Рис. 1.6), или значением свойства Position (Положение), отображаемом па Монтажном столе.

Рис. 1.6. В окне Info (Информация) отображаются координаты слоя

Установите указатель мыши на подчеркнутое значение координаты рисунка, отображаемое в значениях свойства Position (Положение) на Монтажном столе, нажмите левую кнопку мыши и, не отпуская кнопку, перемещайте указатель мыши в форме кисти руки с двунаправленной стрелкой вправо (увеличение значения координаты) или влево (уменьшение значения) (Рис. 1.7).

Puc. 1. 7. Установка координат рисунка, па Монтажном столе

Щелкните поочередно на значениях координат на Монтажном столе и введите значение 468 (для X) и 242 (для Y) (Рис. 1.8).

Рис. 1.8. Введите точные значения координат рисунка на Монтажном столе

Рис. 1.9. Точка привязки и маркеры выделения слоя

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

а) В окне композиции или па Монтажном столе выделите слой Нехаgon01.psd.

б) Нажмите клавишу S клавиатуры. На Монтажном столе под слоем отобразится свойство Scale (Масштаб), сменив свойство Position (Положение).

в) Измените значение Scale (Масштаб) до 57%, прокрутив значение с помощью мыши либо щелкнув на значении масштаба, введите новое значение. Затем нажмите клавишу Enter.

По умолчанию, для свойства Scale (Масштаб) на Монтажном столе установлен параметр Constrain Proportions (Сохранять пропорции), поэтому при вводе значения в любое поле масштаба (по горизонтали или по вертикали) значение в другом поле изменяется автоматически, размер шестиугольника в окне композиции уменьшится.

4.8. Установка ключевых кадров для вращения изображения. Теперь нам необходимо сделать так, чтобы шестиугольник вращался, опускаясь на свое место. В следующем задании вы анимируете шестиугольник, заставив его поворачиваться на 180° первые 15 кадров четырехсекундной композиции.

Чтобы задать изменение рисунка композиции со временем, необходимо использовать два или более ключевых кадров.

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

а) Переместите маркер текущего времени к 0:00, если необходимо.

С этой целью нажмите клавишу HOME либо перетащите маркер текущего времени. Можно также щелчком на индикаторе текущего времени отобразить диалог Go To Time (Перейти к) и ввести значение 0.

б) Выделите слой Hexagon01.psd на Монтажном столе.

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

г) Оставьте неизменным первое число (т.е. задайте число оборотов равным нулю), а второе число (градусы) измените. С помощью мыши или вводом с клавиатуры установите значение равным -180°. Обратите внимание, число должно быть отрицательным.

д) Щелкните на значке секундомера слева от надписи Rotation (Вращение). На значке появится отображение стрелок, а на шкале времени в позиции под маркером текущего времени появится ромбик, указывающий ключевой кадр (Рис. 1.10).

Puc. 1.10. Значок секундомера со стрелками (слева) указывает на вставку ключевого кадра (справа)

е) Перетащите маркер текущего времени к 0:15 или щелкните на индикаторе текущего времени и введите 15 в диалоге Go To Time (Перейти к).

ж) Установите с помощью мыши или введите изменение во второе значение свойства Rotation (Вращение) равное 0 (пулю). Под маркером текущего времени (0:15) автоматически вставится новый ключевой кадр (Рис. 1.11).

Рис. 1.11. Вставка второго ключевого кадра для свойства Rotation (Вращение)

4.9. Предварительный просмотр первой анимации. Чтобы увидеть результаты вставки ключевых кадров, можно просмотреть созданную композицию.

а) Нажмите клавишу HOME, чтобы переместить маркер текущего времени к 0:00.

б) Нажмите клавишу Пробел или щелкните на кнопке Play/Pause (Воспроизведение/Пауза) на палитре Time Controls (Управление временем), чтобы воспроизвести анимацию.

в) Закончив просмотр, щелкните еще раз на кнопке Play/Pause (Воспроизведение/Пауза), чтобы приостановить воспроизведение, или нажмите клавишу Пробел чтобы остановить его.

4.10. Создание и анимация узора из простого изображения. Чтобы построить элемент из шестиугольников, вам понадобится намного большее число слоев с шестиугольниками. Вместо повторения для каждого дополнительного шестиугольника всех изменений, которые вы внесли в первый слой, мы несколько раз скопируем первый слой. Это действие воспроизводит не только сам слой, но и все изменения свойств Scale (Масштаб), Position (Положение) и Rotation (Вращение) его ключевых кадров. Это сэкономит немало времени. Первая задача заключается в создании дубликата слоя.

а) Перетащите маркер текущего времени в положение 0:0 или нажмите клавишу HOME.

б) На Монтажном столе или в окне композиции выделите слой Hexagon01.psd и выберите в меню команду Edit * Duplicate (Редактировать * Дублировать). На Монтажном столе выше исходного слоя отобразится новый слой.

в) Дублируйте исходный слой еще восемь раз. С этой целью либо используйте команду Edit * Duplicate (Редактировать * Дублировать), либо нажимайте комбинацию клавиш Ctrl+D.

Обратите внимание, каким образом дублирование первого слоя изменяет окно:

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

• На Монтажном столе перечислены все десять слоев с одинаковыми именами Hexagon01.psd, поскольку все они используют одинаковый исходный файл. Номер слева от имени идентифицирует каждый слой в соответствии с его положением в порядке слоев (сверху вниз или с переднего плана на задний);

• Значения свойств Rotation (Вращение), Scale (Масштаб) и Position (Положение) всех слоев идентичны первому слою. Чтобы убедиться в этом, выберите один или несколько слоев, а затем нажмите клавишу R, S или P

4.11. Построение узора из слоев. Следующий этап заключается в построении геометрически точного рисунка пчелиных сот из десяти шестиугольников. Вы должны расположить слои в порядке, показанном па рисунке (Рис. 1.12).

Рис. 1.12. Слои 1-10 в конечном положении

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

а) На Монтажном столе выделите верхний слой (слой 1). Обратите внимание на маркеры слоя (небольшие квадратики в углах прямоугольника, ограничивающего слой), отображаемые в окне композиции. Откройте свойство Position (Положение), нажав клавишу P.

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

в) На Монтажном столе в слое 1 проверьте значения координат в свойстве Position (Положение).

г) Перетаскивайте изображение в окне композиции, пока не отобразятся координаты 723, 242. Можно также установить эти значения с помощью мыши или напрямую ввести значения свойства Position (Положение) на Монтажном столе. Чтобы точнее переместить слой, воспользуйтесь одним их следующих трех приемов.

• Начав перетаскивать слой, нажмите клавишу Shift чтобы выдерживать строго вертикальное или горизонтальное направления.

• Чтобы перемещать изображение небольшими шажками, воспользуйтесь клавишами со стрелками.

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

д) Выделяйте поочередно каждый слой и перемещайте его в положение, показанное в начале процедуры (Рис. 1.12).

Слой 1 723, 242

Слой 2 595, 169

СлойЗ 595,316

Слой 4 Оставьте в исходном положении (468, 242)

Слой 5 341, 169

Слой 6 341,316

Слой 7 214, 242

Слой 8 87, 169

Слой 9 87,316

Слой 10 -40, 242

е) Выберите в меню команду File «Save (Файл * Сохранить).

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

а) Передвиньте маркер текущего времени в положение 0:15, либо с помощью мыши, либо вводом с клавиатуры.

б) Выберите в меню команду Edit * Select All (Редактировать*Выбрать все), чтобы выделить все слои. Можно также нажать комбинацию клавиш Ctrl+А. Затем, если свойство Position (Положение) еще не открыто, нажмите клавишу Р чтобы открыть его для всех слоев.

в) Нажмите комбинацию клавиш Alt+Shift+P чтобы вставить ключевой кадр свойства Position (Положение) сразу во все слои. Обратите внимание, в значках секундомера (слева от надписи Position (Положение)) всех слоев теперь появились стрелки, а против отметки 0:15 на шкале времени Монтажного стола отобразились ромбики (Рис. 1.13).

г) Выберите в меню команду Edit*Deselect All (Редактировать*Отменить выбор), либо нажмите комбинацию клавиш Ctrl+Shift+A, чтобы снять выделение. Оставьте свойство Position (Положение) открытым.

Puc. 1.13. Вставка ключевых кадров во все слои композиции

Такое расположение шестиугольников соответствует конечной композиции в анимации узора из шестиугольников.

4.13. Продолжение анимации шестиугольников. Теперь вы готовы задать начальное положение каждого шестиугольника. Вам необходимо, чтобы каждый шестиугольник влетал в композицию и устанавливался в точном геометрическом узоре пчелиных сот. Для этого каждому слою необходимо назначить начальную точку вне кадра композиции (Рис. 1.14), Поскольку полезно видеть область вставки композиции большего размера (серая область, окружающая саму композицию), ваша первая задача состоит в уменьшении масштаба. Это изменит только вашу рабочую область, но никак не изменит размеры объектов фильма после рендеринга.

Рис. 1.14. Слои 1-10 в исходной позиции

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

б) Переместите маркер текущего времени к 0:00.

в) Используя точные координаты, показанные в образце, введите следующие значения;

Слой 1 723, -51

Слой 2 -192, 169

Слой 3 595, 607

Слой 4 468, -49

Слой 5 341,594

Слой 6 -125,316

Слой 7 825, 242

Слой 8 87, -94

Слой 9 87, 595

Слой 10 -140, 242

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

г) Просмотрите анимацию, нажав клавиш Пробел либо клавишу 0 (ноль) на числовой клавиатуре, чтобы создать просмотр с использованием только оперативной памяти (RAM preview). Завершив просмотр, нажмите клавишу пробела, чтобы остановить воспроизведение.

е) Активизируйте Монтажный стол и нажмите комбинацию клавиш Ctrl+A, чтобы выделить все слои. Затем нажмите клавишу Р , чтобы скрыть отображения свойства Position (Положение), и снимите выделение слоев командой меню Edit * Deselect All (Редактировать * Отменить выбор).

ж) Сохраните работу- командой меню File * Save (Файл * Сохранить),