Сложность: Легкий
Добавление фрагментов композиции. Работа со слоями
Итак, из прошлых статей нам известно как добавить файлы в проект и создать пустую композицию. Следующим шагом в работе над проектом будет добавление тех самых файлов проекта в композицию.
Открыть окно импорта файлов можно так же двойным кликом по пустой области панели Project.

Выбрав нужные файлы и импортировав их в проект далее создаем композицию. Сделаем это при помощи кнопки Create a New Composition на панели Project.

Зададим параметры композиции.

Теперь у нас есть пустая композиция. Выделите нужный файл на панели Project и удерживая левую кнопку мыши перетащите его в рабочее пространство панели Timeline. Когда Вы отпустите кнопку мыши будет создан первый слой композиции.

Панель Timeline разделена на две половины. Слева отображаются свойства слоя, а справа его временные характеристики.

Слой так же может быть создан средствами программы After Effects. Для этого выполним команду Layer->New->Solid (Ctrl+Y). Появится окошко Solid Settings где задаются параметры сплошного слоя.

Задаем параметры слоя: ширину (width) и длину (height) в пикселях, и цвет слоя нажав на цветной прямоугольник внизу окошка. Выбрав цвет программа автоматически поменяет имя слоя. Зададим значение ширины и длины по 300 пикселей, цвет выберем зеленый. Имя слоя должно поменяться на Green Solid.

Как только Вы закроете окно настройки слоя, нажав на кнопку ОК будет создан новый слой. На панели Project появится новая папка Solids в которой будет размещен файл слоя.
На панели Composition, на фоне черного квадрата теперь отображается зеленый квадрат. Это и есть наш только что созданный слой. Если он отображается не полностью или слишком мелко, можно изменить масштаб отображения. Внизу панели Composition откройте список Magnification ratio popup и выберите нужный масштаб.

Чтобы убедиться что черный фон не является отдельным слоем нажмите на кнопку Toggle Transparecy Grid внизу панели Composition.

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

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

Пока у нас отображается только основная группа свойств — Transform. Раскройте группу нажав на вертушку слева от названия группы Transform. Отобразятся пять основных свойств слоя.

Anchor point (точка привязки) — задает координаты точки привязки по вертикали и горизонтали. За нулевую координату принят левый верхний угол слоя.
Выделите слой Lime green solid. На панели Composition слой будет обозначен восемью маркерами, а в центре слоя будет отображаться точка привязки.

Чтобы понять значение этой точки обратимся к свойству Rotation (вращение). Сейчас значение свойства Rotation — 0х+0,0. Первое число означает количество полных оборотов. Второе — угол в градусах. Повернем наш слой на 45 градусов, задав второму числу значение +45. Оба значения вводятся отдельно. Наведите курсор на второе значение и когда он примет вид

кликните левой кнопкой мыши. Активизируется поле ввода. Наберите на клавиатуре 45 и нажмите Enter.

Наш квадрат повернулся на 45 градусов по часовой стрелке. Если Вы хотели повернуть его против часовой стрелки, нужно просто перед значением угла поставить знак «-». Так же регулировать значение можно наведя на него курсор и, зажав левую кнопку мыши, перетаскивать курсор влево или вправо, тем самым изменяя значение в большую или меньшую сторону.
Теперь изменим координаты точки привязки. Значение Х изменим на 50, а У-на 100.

Теперь наш квадрат сместился, и центр поворота не совпадает с центром слоя. Центром поворота является точка привязки. Обратите внимание, что часть квадрата не уместившаяся в композиции отображается вне ее красной рамкой.

То же самое и со свойством Scale (масштаб). Изменения масштаба будут происходить относительно точки привязки. Изменим значение масштаба по горизонтали и вертикали на 50. Если Вы хотите изменить масштаб только по вертикали или горизонтали то значек Constrain Proportion должен быть сброшен.

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

Свойство Position (положение) так же зависит от положения точки привязки. Данное свойство определяет значение координат точки привязки относительно нулевой координаты композиции, а не слоя. Если изменять эти значения то будет меняться положение слоя в композиции. Изменим значения на 100, 60. Наш квадрат переместится в левый верхний угол.

И последнее свойство Opacity (непрозрачность) определяет как Вы уже догадались непрозрачность слоя. Значение 0 соответствует полностью прозрачному изображению, 100 — полностью непрозрачному. Изменим значение непрозрачности на 50. Теперь наш квадрат побледнел и через него стал просвечиваться шахматный фон композиции.

Сохраните проект. На этом остановимся. А в следующей статье мы перейдем к анимации этих свойств при помощи ключевых кадров. Встретимся в следующих уроках и статьях, посвященных программе Adobe After Effects.