Уроки по афтер эффект уроки: 12 базовых уроков по работе в Adobe After Effects

• Этап 1: подготовка рабочего пространства и исходников
• Этап 2: анимация пролёта над лесом
• Этап 3: создание мультиэкспозиции
• Этап 4: соединение видеорядов
• Этап 5: добавление артефактов

Открываем After Effects и создаём новый проект: File → New → New Project («Файл» → «Новый» → «Новый проект»).

После создания проекта нужно создать в нём композицию: выберите New Composition («Новая композиция»).

В окне настроек композиции укажите параметры, как показано ниже. Частоту кадров выставите 25, длительность — 20 секунд. Назовите композицию Title.

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

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

Для поиска нужных исходников было использовано всего два ресурса — Pexels и YouTube. Выбор пал на вот такие ролики:

Чтобы импортировать подобранный футаж, перейдите в After Effects, кликните правой кнопкой мыши на панели Project («Проект») и в появившемся меню выберите пункт New Folder («Новая папка») для создания новой папки. Назовите её Source.

Переносите исходники в папку Source. Просто выделите их в проводнике и мышкой перетащите на папку.

Дайте файлам осмысленные названия, чтобы в дальнейшем было удобно с ними работать.

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

Чтобы создать новую композицию, нажмите в нижней части панели Project на иконку с названием Create a new Composition. Настройки композиции оставьте по умолчанию.

Должно получиться вот так:

Перенесите композицию Forest на панель слоёв основной композиции Title.

Теперь нужно в композицию Forest добавить видео леса (landscape) из папки Source. Двойным кликом мыши откройте композицию Forest (также это можно сделать, кликнув по вкладке в верхней части панели слоёв) и перенесите туда видео леса, как показано на скриншоте:

Над слоем с видео леса расположим текстовые слои с именами героев сериала.

Либо в контекстном меню панели слоёв выбрать пункт New → Text.

Начнём с имени актёра Woody Harrelson. Кликните по иконке с буквой Т на панели инструментов, чтобы создать первый текстовый слой — для имени Woody. Задайте тексту следующие параметры:

Цвет для текста возьмите пипеткой с наиболее тёмной ёлки. Расположите слой в верхнем правом углу — выравнивать пока никак не нужно.

Затем таким же образом создайте текстовый слой для Harrelson, поменяйте размер текста на 37 px, а гарнитуру на Roboto Light.

Расположите текстовый блок Harrelson ниже блока Woody и сделайте выравнивание по правому краю, кликнув по соответствующему значку выравнивания на панели Align («Выравнивание»), которая находится выше панели свойств текста.

Точно также создайте слои для имени актёра Matthew McConaughey, разместите их в нижнем левом углу, выровняйте по левому краю. Цвет текста ― белый.

Итоговая композиция должна выглядеть примерно так:

Нажмите пробел, запустите предпросмотр композиции и убедитесь, что всё работает.

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

Сейчас видео длится 12 секунд, в то время как композиция создана на 20 секунд, хотя вообще для неё вполне достаточно и шести.

Тайминг композиции можно уменьшить двумя способами. Первый — выбрать в контекстном меню панели слоёв пункт Composition Settings («Настройки композиции»). Появится окно настроек композиции, в поле Duration («Продолжительность») выставляем нужное время.

Второй — с помощью временной шкалы на панели Timeline. В нижней части панели Timeline переместите ползунок в конец композиции, выберите синий маркер в верхней части и переместите его на участок в районе примерно 6 секунд. Затем кликните правой кнопкой мыши на области временной шкалы и выберите пункт Trim Comp to Work Area («Обрезать композицию до рабочей области»).

Теперь длительность композиции шесть секунд — идеально для этого проекта.

Чтобы создать эффект движения текста, выберем стандартное свойство слоя — Scale. Выделите все текстовые слои и нажмите клавишу S на клавиатуре для выбора свойства Scale всех выделенных слоёв.

Чтобы задать свойства слоя вручную, нужно нажать на стрелочку вниз слева от названия слоя и перейти в Transform («Преобразовать»). Но поскольку мы меняем свойства нескольких слоёв, то в этом уроке будем использовать горячие клавиши.

Перейдите на панель Timeline, установите синий флажок — индикатор текущего времени на 15 секунду и нажмите на иконку секундомера рядом со свойством Scale, чтобы выставить начальные ключевые кадры анимации.

Таким же образом установите ключевые кадры на 5 секунд — 23 кадр, только в этот раз замените значение свойства Scale со 100% на 80%.

Нажмите пробел и посмотрите, что изменилось.

Всё работает, и на приближенном варианте это хорошо видно.

Ещё раз проверяем композицию: выравнивание текста, отступы от краёв, общий вид — основная работа с этой композицией завершена.

Перейдите в композицию Title и перенесите туда композицию Mask.

Затем кликните по композиции Mask и добавьте в неё два видеофайла из папки Source — human и industrial.

Следующим этапом нужно сделать из парня маску — от него потребуется только силуэт, чтобы видео industrial показывалось внутри этого контура. Кликните по слою human правой кнопкой мыши и в контекстном меню выберите Mask → New Mask («Маска» → «Новая маска») или используйте сочетание клавиш Ctrl+Shift+N.

Поскольку внешне ничего не поменялось, откройте свойства слоя и убедитесь, что маска активна.

Всё в порядке, маска на месте.

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

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

Выберите пункт Luma Inverted Matte «human» («Инверсная маска яркости») в выпадающем меню в колонке TrkMat (Track Matte) («Слои-маски»).

Оцениваем результат.

Получился вот такой интересный эффект прозрачного человека с наложенным видео, которое остаётся в пределах контура слоя human.

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

Здесь всё довольно просто: найдите панель Effects & Presets («Эффекты и пресеты»), в поле поиска наберите Curves («Кривые») и перетащите этот пресет на слой human.

Он автоматически откроется на месте окна Project («Проект») — настройте кривую так, как показано ниже:

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

Найдите на панели Effects & Presets пресет Black & White («Чёрное и белое») и перетащите его на слой industrial. Выставите значения, как показано на скриншоте, и посмотрите, как меняется картинка в режиме реального времени:

Теперь найдите эффект Cartoon («Мультфильм»), перенесите на слой и поэкспериментируйте с настройками, выделенными на скриншоте:

Если настройки подобраны хорошо, с изображения пропадут мелкие детали, а картинка станет немного мягче.

Стоит помнить о том, что эффект Cartoon довольно сильно расходует компьютерные мощности, поэтому при тестировании видео его лучше отключать.

Теперь нужно слегка приглушить наполнение маски, для этого используем корректирующий слой.

Нажмите правой кнопкой мыши на панели слоёв и в контекстном меню выберите New → Adjustment Layer («Новый» → «Корректирующий слой»).

Примените к этому слою пресет Curves из панели Effects & Presets и настройте его примерно так:

Создайте новый слой-заливку: нажмите правой кнопкой мыши на панели слоёв и выберите New → Solid («Новый» → «Сплошной»).

В настройках нового слоя задайте цвет заливки #859CAB. Примените к полученному слою пресет Curves из панели Effects & Presets со следующими настройками кривой:

Также в настройках слоя можно выставить режим наложения Multiply («Умножение») для насыщенного фона и активных теней.

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

Основа второго экрана готова, теперь дорабатываем детали.

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

После того как разобрались с отдельным слоем, обрезаем всю композицию. На панели Timeline передвиньте ползунок на пятый кадр одиннадцатой секунды и выберите пункт Trim Comp to Work Area, как показано ниже. Теперь композиция занимает 11 секунд.

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

Теперь нужно добавить имена актёров в композицию Mask. Выберите на панели инструментов Text и создайте четыре текстовых слоя с именами, как мы делали в предыдущей композиции. Должно получиться вот так:

Настройки текста такие же, как в композиции Forest, но в этот раз будем использовать размер шрифта 37 px.

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

Перейдите на панель слоёв, выделите все текстовые слои и затем перенесите их в самый низ.

Создадим интересный эффект дрожания камеры ― для этого в After Effects есть специальный инструмент Wiggler («Дрожание камеры»), он находится там же, где и панель Effects & Presets.

Если панели Wiggler там не оказалось — идём в меню, выбираем Window → Wiggler («Окно» → «Дрожание камеры»).

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

Выберите два текстовых слоя — Michelle и Monaghan — и нажмите клавишу P, чтобы развернуть свойство Position для каждого из них. На первой и последней секунде композиции установите ключевые кадры.

Выделите эти кадры на панели Timeline для слоя Michelle, как показано ниже.

Для работы с каждым отдельным слоем эффект нужно создавать заново.

Перейдите к эффекту Wiggler и укажите следующие параметры:

Нажмите пробел и проверьте, что получилось. Эффект заметен, есть небольшое движение текста — то что нужно.

Для остального текста в композиции Mask примените эффект сами по тому же алгоритму:

• выберите текстовый слой;
• нажмите P для выбора свойства Position;
• установите на нужном промежутке ключевые кадры;
• выделите эти кадры;
• перейдите на панель Wiggler;
• укажите значения и нажмите Apply («Применить») для использования эффекта.

Результат вашей работы должен выглядеть примерно так:

Теперь нужно разобраться, что происходит с текстом после прохода человека: сейчас надписи зависают в воздухе, сюжета нет, смотрится пустовато и непонятно. Чтобы композиция выглядела законченной, используем свойство слоя Opacity («Прозрачность») для исчезновения текста.

Выберите два текстовых слоя — Michelle и Monaghan — и нажмите клавишу T, чтобы развернуть свойства прозрачности.

Переместите маркер индикатора времени на панели Timeline в самое начало на 0 секунду и создайте ключевые кадры.

Таким же образом создайте ключевые кадры на 3 и 5 секунде, а на 8 секунде поменяйте значение Opacity на 0.

Текст заходит за человека, но не появляется с другой стороны.

То же самое делаем со слоями Michael и Potts (можно поэкспериментировать и появление сделать тоже прозрачностью). Итоговый результат изменения свойства Opacity:

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

Композиция Forest перекрывает часть композиции Mask. Чтобы сделать переход, вернитесь в основную композицию — Title и сдвиньте тайминг слоя Mask на панели Timeline вправо так, чтобы он стартовал сразу после окончания композиции Forest.

Смотрим, как отрабатывается стык композиций.

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

Нажмите правой кнопкой мыши на панели слоёв и в контекстном меню выберите New → Adjustment Layer.

Уменьшите тайминг слоя на панели Timeline примерно до шести кадров. Сдвиньте его к краю окончания первой композиции, как показано на скриншоте.

Для слоя перехода добавьте эффект Glow («Свечение»), выбрав его на панели эффектов. Укажите следующие значения:

Особенно важно значение Glow Threshold («Порог свечения») ― именно это свойство мы будем анимировать.

В свойствах эффекта корректирующего слоя выберите Effects → Glow → Glow Threshold («Эффекты» → «Свечение → «Порог свечения») и создайте два ключевых кадра для этого свойства — один в начале тайминга корректирующего слоя, второй в конце. Значение — 0%.

Выделите оба кадра, нажмите правой кнопкой мыши на любом из них и в контекстном меню выберите Keyframe Assistant → Easy Ease («Помощник по ключевым кадрам» → «Смягчение») или нажмите клавишу F9, чтобы смягчить анимацию перехода.

Смотрим, что получилось.

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

Скопируйте слой, нажав Ctrl + D.

Затем сдвиньте слой в окончание воспроизведения и с помощью маркера временной шкалы обрежьте лишнее, как показано на скриншоте:

Тайминг ролика получился 15 секунд — довольно неплохо.

Проверяем ещё раз.

Урок Adobe After Effects 5

Введение в анимацию в Adobe After Effects. План урока. Руководство.

основы анимации

Adobe After Effects

Создание новой композиции: анимация

5 сек.

Выберите цвет фона.

Новая композиция будет добавлена ​​на панель вашего проекта.

Создайте новый слой Shape.

Новый слой формы появится на панели «Таймлайн».

Чтобы нарисовать фигуру на этом конкретном слое, ее нужно выделить.

Убедитесь, что это так.

Когда слой выбран — вы увидите Anchor point в центре.

Используйте инструмент Прямоугольник и нарисуйте прямоугольник. Выберите свойства заливки и обводки по своему усмотрению.

Откройте свойства содержимого слоя.

Затем разверните свойства прямоугольника 1.

Открыть свойства прямоугольного контура 1.

Этот параметр позволяет изменить форму и ее положение.

Все три свойства можно анимировать. Рядом с ними есть значок секундомера.

position

Изменение положения фигуры изменит расстояние фигуры от точки привязки.

При увеличении правого значения фигура будет двигаться вниз.

При увеличении левого значения — фигура будет двигаться вправо.

углы

переменные обводки

переменные заполнения

прямоугольник преобразования

Используйте эти настройки, если у вас есть несколько фигур на слое, и вы хотите анимировать только эту.

Преобразование содержимого слоя

Используйте настройки Преобразования для анимации слоя.

Точка привязки

Установка точки привязки на 0.0,0.0 поместит фигуру на исходное расстояние от точки привязки.

Изменение правильной настройки….

… приведет к вертикальному перемещению фигуры.

Чтобы сдвинуть фигуру в сторону — измените левую настройку.

Перемещение

Взгляните на параметр «Позиция»:

он показывает положение опорной точки в композиции.

Если вы установите положение 0.0 , 0.0…

… точка привязки будет помещена в верхний левый угол.

Два способа настройки опорной точки

#1:

Изменение переменных Transform Anchor Point в настройках слоя приведет к перемещению фигуры относительно Anchor Point.

Сама точка привязки останется на месте.

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

#2:

Используйте инструмент Anchor Point, чтобы изменить положение самой точки привязки.

Форма останется на месте, но точка привязки будет перемещена.

Используйте этот метод, если у вас есть форма в точном месте.

Чтобы опорная точка «привязывалась» к центру фигуры, углам или точкам фигуры, удерживайте нажатой клавишу Ctrl/Command при перетаскивании опорной точки с помощью инструмента «Панорамирование позади».

масштабирование

вращение

анимация

Для анимации объекта нам нужно иметь начало и конец моментов времени. Эти точки называются ключевыми кадрами .

Думайте об этом как о своем распорядке дня: допустим, у вас урок компьютерной графики с 11:40 до 12:25.

Таким образом, ваш первый ключевой кадр будет в кадре, помеченном как 11:40. Вашим следующим ключевым кадром будет кадр 12:25.

Время между этими ключевыми кадрами — самое интересное! :)

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

Чтобы добавить ключевой кадр — нажмите кнопку «Секундомер» рядом со свойством, которое хотите изменить.

Кнопка изменит цвет, чтобы показать анимацию свойства Position.

Вы можете добавить или удалить ключевые кадры, нажав на индикатор ключевого кадра.

Если индикатор ключевого кадра синий — в текущем кадре есть ключевой кадр.

Панель композиции показывает траекторию движения объекта

Если перетащить индикатор времени — вы увидите движение объекта.

Анимация происходит между двумя ключевыми кадрами.

Вы можете добавлять и удалять ключевые кадры между исходными ключевыми кадрами.

Откройте панель предварительного просмотра для управления анимацией.

5 уроков After Effects, которые я усвоил на собственном горьком опыте

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

После Эффекты — это богатое, но доступное приложение, и даже опытные пользователи нередко узнают что-то новое каждый раз, когда запускают программу. За свою карьеру в После Эффекты, некоторые из лучших уроков, которые я усвоил, были результатом ошибок, непонимания и/или просто невежества. Я искренне надеюсь, что вы не совершите тех же ошибок.

Имея такую ​​надежду, вот несколько уроков, которые я усвоил на собственном горьком опыте.

Если ваша анимированная графика постоянно выглядит искусственно или неестественно, вы, вероятно, используете встроенные функции интерполяции ключевых кадров в После Эффекты . На практике ваши ключевые кадры, вероятно, либо линейны, либо безье. Когда дело доходит до анимации, профессиональные дизайнеры используют инструмент, известный как Graph Editor , чтобы сделать свои движения более естественными.

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

В действительности с

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

Загрузите потрясающую шпаргалку по ярлыкам After Effects на MakeAWebsiteHub.

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

After Effects — это программное обеспечение для создания анимированной графики и композитинга, а Photoshop — это программное обеспечение для обработки фотографий, но многие люди выполняют задачи в Effects 6 90 , который обязательно нужно сделать в Photoshop.

Когда я впервые начал использовать После Эффекты , я ничего не знал о Photoshop. В результате я выполнял такие задачи, как редактирование фотографий, изменение размера и даже удаление фона в After Effects . Это было, конечно, ошибкой.

В Photoshop есть много инструментов (например, волшебная палочка), которые делают его превосходной программой для проектов, основанных на фотографиях. Если вы никогда не использовали Photoshop в рабочем процессе After Effects ,   Я просто не могу рекомендовать это достаточно. Одним из лучших мест для обучения является Lynda.com. Вот краткое руководство с YouTube-канала Линды.