Программное обеспечение Adobe позволяет переносить рабочие процессы и ресурсы из одной программы в другую. Хотя чаще всего это перекрестная работа используется через Adobe Dynamic Link между Premiere Pro и After Effects, After Effects также поддерживает многослойные файлы Photoshop.
Это важно, потому что After Effects меньше ориентирован на дизайн и манипуляции с изображениями. Таким образом, импортировав их через Photoshop, вы можете улучшить слои анимированной графики перед анимацией.
В этой статье мы покажем вам, как сделать несколько фотографий в Photoshop, обработать и подготовить их в слои, а затем импортировать их в After Effects для анимации.
Подготовка ваших изображений в Photoshop
Начнем с поиска изображений для окончательной анимированной графики.
Для своего собственного проекта вы можете использовать все, что захотите. Но в этом тематическом исследовании будут использоваться изображения из Pexels. Есть широкий выбор веб-сайты, которые позволяют загружать изображения без лицензионных отчислений.
Найдя нужные изображения, создайте новое изображение в Photoshop. В идеале вы хотите, чтобы размеры вашего файла Photoshop соответствовали выходному видео. Итак, если вы создаете анимацию в формате HD, вам нужно, чтобы размеры холста составляли 1920 пикселей в ширину и 1080 пикселей в высоту.
Загрузив холст HD, принесите загруженные изображения. В этом примере уже добавлены базовые изображения.
Затем давайте вырежем предметы, масштабируем их и добавим реквизит и текст. Если вы не знаете, как это сделать, или если вы немного застряли, наше руководство по основам редактирования в Photoshop должно помочь указать вам правильное направление.
Когда вы довольны своим редактированием, у вас должен быть базовый набор изображений и слоев.
Подготовка слоев
В этом примере мы хотим, чтобы лапа собаки ударила раздраженного кота по голове. Выберем лапу с помощью лассо.
После выбора щелкните правой кнопкой мыши на клавиатуре и выберите Слой через вырез. Выделение, которым в данном случае является лапа, теперь станет новым слоем.
Говоря о слоях, вы должны четко переименовать каждый из них. Тогда вы будете знать, что чему соответствует. Пример того, как это сделать, приведен ниже:
Наконец, вы хотите, чтобы кошка отреагировала на удар лапой собаки по голове. Давайте продублируем слой под названием Cat, назвав один Cat_Normal, и дубликат Cat_Bonked.
На слое Cat_Bonked были нарисованы глаза, чтобы добавить дополнительный эффект.
Итак, теперь у вас есть все элементы вашей графики. Убедитесь, что ваши слои помечены и все находится там, где вы хотите. Затем пора приступить к анимации в After Effects.
Перенос файла Photoshop в After Effects
Перво-наперво: вам нужно убедиться, что ваши слои сохранены как файл .PSD. Ударить Файл> Сохранить как. По умолчанию он сохраняется в формате .PSD. Вот как он затем импортируется в After Effects из Photoshop.
В этом примере файл будет называться Dog_Cat_Animation. PSD.
Затем откройте After Effects. Ударить Файл> Импорт> Файл. Перейдите к вашему новому файлу .PSD, где вы увидите диалоговое окно. в Вид импорта раскрывающееся меню выберите Композиция - сохранить размеры слоев.
Это импортирует все отдельные слои вашего файла Photoshop, сохраняя при этом размеры в соответствии с размерами (поэтому вы выбрали разрешение HD в начале). Ударить ОК.
Теперь у вас должна быть новая композиция с тем же именем, что и ваш файл .PSD. Дважды щелкните, чтобы открыть его. Каждый из ваших слоев из Photoshop теперь является слоем на шкале времени вашей композиции.
Теперь можно начинать анимацию. Начните с перемещения текста заголовка за пределы экрана, он будет анимирован, чтобы «упасть» на экран.
Давайте также переместим наших пушистых друзей вниз; они будут постепенно переходить в рамку по мере того, как текст размещается на своем месте.
Чтобы сэкономить время, нажмите Слой> Создать> Нулевой объект, и родительские слои Dog, Dog Paw, Cat_Normal и Cat_Bonk в него.
Теперь любое движение, которое вы применяете к нулевому объекту, будет применяться ко всем этим.
Давайте создадим ключевой кадр движения в нижней части композиции в кадре 0 и постепенно увеличим его в течение пяти секунд.
Не забывайте, что вы можете добавлять ключевые кадры в Движение параметры, щелкнув Секундомер значки тоже.
Теперь давайте оживим лапу собаки и реакцию кошки.
в Преобразовать атрибутов слоя лапы собаки установите Якорная точка к нижней части ноги собаки. Это гарантирует, что любое вращение, которое вы анимируете, будет вращаться вокруг этой точки, где естественно было бы соединение кости.
Затем, в зависимости от того, как вы хотите, чтобы это выглядело, вы можете либо создать ключевой кадр для поворота лапы собаки и добавить циклическое выражение, либо использовать Покачивание - вращение эффект для создания набора случайных движений.
Вы можете найти множество эффектов в Эффекты и пресеты панель. Перетащите его на слой, который нужно применить, и настройте параметры, чтобы определить скорость и величину поворота слоя.
Наконец, создайте эффект удара кошки лапой собаки, разрезая два кадра, которые мы подготовили ранее, чтобы создать иллюзию движения.
Анимируйте текст, и вот оно, у вас есть анимированная графика! Теперь вы можете использовать его где угодно.
Хотя без видео-примера продемонстрировать сложнее, можете не сомневаться, лапа собаки бьет кошку с радостным удовольствием.
Совместное использование Photoshop и After Effects
Это был краткий обзор того, как создать многослойное изображение в Adobe Photoshop, а затем анимировать отдельные слои и элементы в After Effects. Хотя рассмотренный пример был базовым, вы можете использовать те же шаги для создания сложных многоуровневых файлов, которые можно анимировать в After Effects.
Это быстрое упражнение должно дать вам понимание того, как две программы могут быть объединены вместе для создания потрясающего контента. И не забывайте, что весь этот процесс происходит в двух измерениях, чтобы упростить задачу, но будьте уверены, что вы также можете анимировать слои Photoshop с помощью 3D-движения.
Если вы хотите работать с 3D-слоями в Adobe After Effects, мы покажем вам, с чего начать.
Читать далее
- творческий
- Компьютерная анимация
- Adobe Photoshop
- Графический дизайн
Лори - видеоредактор и писатель, работавший на телевидении и в кино. Он живет в Юго-Западной Англии.
Подписывайтесь на нашу новостную рассылку
Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!
Еще один шаг…!
Пожалуйста, подтвердите свой адрес электронной почты в электронном письме, которое мы вам только что отправили.
