Уроки Моушн дизайн VideoSmile 17 июня 2011

Сложность: Легкий

Добавление фрагментов композиции. Работа со слоями

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

Открыть окно импорта файлов можно так же двойным кликом по пустой области панели 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.

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Crt_input_label_help

После добавления работы:


Запланировать публикацию

{{pub_dates[pub_date]}}
Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адресе, помогающих нам сделать его удобнее для вас.