Как перенести слои из фотошопа в after effects
Программное обеспечение 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 теперь является слоем на шкале времени вашей композиции.
Теперь можно начинать анимацию. Начните с перемещения текста заголовка за пределы экрана – он будет анимирован, чтобы «упасть» на экран.
Давайте также переместим наших пушистых друзей вниз; они будут постепенно переходить в рамку по мере того, как текст размещается на месте.
Чтобы сэкономить время, нажмите Layer> New> Null Object и создайте родительские слои для слоев Dog, Dog Paw, Cat_Normal и Cat_Bonk.
Теперь любое движение, которое вы применяете к нулевому объекту, будет применяться ко всем этим.
Давайте создадим ключевой кадр движения в нижней части композиции в кадре 0 и постепенно увеличим его за пять секунд.
Не забывайте, что вы можете добавлять ключевые кадры в параметры движения, также щелкая значки секундомера .
Теперь давайте оживим лапу собаки и реакцию кошки.
В атрибутах Transform слоя лапы собаки установите точку привязки на нижнюю часть лапы собаки. Это гарантирует, что любое вращение, которое вы анимируете, будет вращаться вокруг этой точки, где естественно было бы соединение кости.
Затем, в зависимости от того, как вы хотите, чтобы это выглядело, вы можете либо создать ключевой кадр для поворота лапы собаки и добавить зацикленное выражение, либо использовать эффект « Покачивание – поворот», чтобы создать набор случайных движений.
Вы можете найти множество эффектов на панели « Эффекты и шаблоны» . Перетащите его на слой, который нужно применить, и настройте параметры, чтобы определить скорость и величину поворота слоя.
Наконец, создайте эффект удара кошки лапой собаки, разрезая два кадра, которые мы подготовили ранее, чтобы создать иллюзию движения.
Анимируйте текст, и вот оно, у вас есть анимированная графика! Теперь вы можете использовать его где угодно.
Хотя без видео-примера продемонстрировать сложнее, можете не сомневаться, лапа собаки бьет кошку с радостным удовольствием.
Совместное использование Photoshop и After Effects
Это был краткий обзор того, как создать многослойное изображение в Adobe Photoshop, а затем анимировать отдельные слои и элементы в After Effects. Хотя рассмотренный пример был базовым, вы можете использовать те же шаги для создания сложных многоуровневых файлов, которые можно анимировать в After Effects.
Это быстрое упражнение должно дать вам представление о том, как две программы можно объединить вместе для создания потрясающего контента. И не забывайте, что весь этот процесс происходит в двух измерениях, чтобы упростить задачу, но будьте уверены, что вы также можете анимировать слои Photoshop с помощью 3D-движения.
Facebook Если у вас не работает этот способ авторизации, сконвертируйте свой аккаунт по ссылке ВКонтакте Google RAMBLER&Co ID
Авторизуясь в LiveJournal с помощью стороннего сервиса вы принимаете условия Пользовательского соглашения LiveJournal
Из Photoshop в After Effects: готовим файлы
Adobe After Effects полностью поддерживает импорт файлов из программы Adobe Photoshop со всеми слоями и их свойствами, такими как: их расположение, непрозрачность, режим наложения, видимость, группы, маски, корректирующие слои и так далее. Однако если перенасытить PSD файл всеми этими элементами, то это может значительно замедлить работу After Effects, чего нам не нужно. О том, как следует обрабатывать файлы в Фотошопе перед их импортом в АЕ и пойдёт речь в этом посте.
Итак, для обеспечения большего быстродействия АЕ и удобства работы после импорта файлов из Фотошопа, вам следует:
- Упорядочить и назвать слои. Заметьте, что если вы переименуете в импортированном файле слой в Photoshop, After Effects сохранит связь с оригинальным слоем. Однако если вы решите удалить слой, то в АЕ получите ошибку об отсутствующих элементах.
- Убедитесь, что каждый слой назван правильно и удобно. Это не обязательное условие для работы с программой, но оно поможет вам не запутаться, особенно если слоёв – немалое количество.
- Если вы решите добавить несколько новых слоёв в исходный PSD документ, вам придётся заново импортировать его в АЕ – ведь даже после обновления файла, After Effects не увидит добавленных новых слоёв.
- Перед импортом разблокируйте все слои. В большинстве случаев это не необходимо, однако для некоторых видов слоёв это может оказаться важным. Например, фоновый слой не сможет преобразоваться в режим RGB корректно, если он заблокирован.
Удобная команда для импорта PSD файла: Layer > New > Adobe Photoshop File. При её использовании файл будет импортирован в композицию в кач-ве слоя, а также будет запощено приложение Photoshop для редактирования оного. Стоит заметить, что при такой связке любые изменения, сделанные в фотошопе, будут сразу же видны в After Effects. В другом же случае, чтобы обновить файл в АЕ, вы можете просто выбрать команду Reload Footage, в контекстном меню нужного вам файла на вкладке Project Files.
Используйте Adobe Bridge для применения шаблонов настроек анимации; выполнения сценариев автоматизации процесса взаимодействия программ; просмотра и управления файлами и папками; организации файлов путем добавления ключевых слов, подписей и рейтингов; поиска файлов и папок; просмотра, редактирования и добавления метаданных.
- Для открытия Adobe Bridge из After Effects выберите «Файл» > «Обзор в Bridge».
- Для открытия файла в Adobe Bridge выберите файл на панели «Проект» и нажмите «Файл» > «Открыть в Bridge».
- Для использования Adobe Bridge для просмотра стилей анимации, выберите «Анимация» > «Обзор стилей».
Программа Adobe Bridge входит в комплект программ Creative Cloud, она загружается и устанавливается с помощью Creative Cloud. Дополнительную информацию можно узнать из справочной документации и на странице продукта Adobe Bridge CC.
См. видео с обзором Adobe Bridge CC.
Работа с Photoshop и After Effects
При использовании Photoshop для создания неподвижных изображений можно использовать After Effects, чтобы собрать вместе эти неподвижные изображения и заставить их двигаться и меняться. В After Effects можно анимировать все изображение Photoshop или любой из его слоев. Можно даже анимировать отдельные свойства изображений Photoshop, например свойства стиля слоя. При использовании After Effects для создания фильмов можно использовать Photoshop для обработки отдельных кадров.
Сравнительные преимущества для определенных задач
Достоинства After Effects заключаются в ее функциях анимации и автоматизации. Это означает, что в After Effects лучше всего выполнять задачи, которые могут быть автоматизированы от кадра к кадру. Например, можно использовать функции трассировки движения After Effects для отслеживания движения микрофонной стойки, а затем автоматически применить это же движение к обводке, выполненной с помощью инструмента «Штамп». Таким образом можно удалить микрофон из каждого кадра съемки, и вам не придется обрисовывать микрофон вручную в каждом кадре.
С другой стороны, в Photoshop имеются великолепные инструменты для заливки и рисования.
Выбор приложения зависит от задачи. Обводки заливки в Photoshop непосредственно влияют на пикселы слоя. Обводки заливки в After Effects являются элементами эффекта, каждый из которых можно включать и отключать или изменять в любой момент. Если хотите полностью контролировать каждую обводку заливки после ее создания, или если хотите анимировать сами обводки заливки, используйте инструменты заливки After Effects. Если целью применения обводки заливки является окончательное изменение неподвижного изображения, используйте инструменты заливки Photoshop. При создании вручную нескольких обводок для устранения пыли рекомендуется использовать инструменты рисования Photoshop.
Функции анимации и видео в Photoshop включают простую анимацию на основе ключевых кадров. After Effects использует похожий интерфейс, но имеет гораздо больше разнообразных функций анимации.
After Effects может также автоматически создавать трехмерные слои для имитации плоскостей, созданных функцией «Перспектива» Photoshop.
Обмен неподвижными изображениями
After Effects может импортировать и экспортировать неподвижные изображения во многих форматах, но обычно рекомендуется использовать собственный формат Photoshop PSD при передаче отдельных кадров или последовательности неподвижных изображений между After Effects и Photoshop.
При импорте или экспорте файла PSD After Effects может сохранять отдельные слои, маски, стили слоев, и большинство других атрибутов. При импорте файла PSD в After Effects можно указать, будет ли он импортирован как сведенное изображение или как композиция с отдельными слоями без изменений.
Часто имеет смысл подготовить неподвижное изображение в Photoshop перед импортом в After Effects. Такая подготовка может включать коррекцию цвета, масштабирование и кадрирование. Часто лучше изменить исходное изображение в Photoshop, чем выполнять одну и ту же операцию много раз в секунду в рамках рендеринга каждого кадра для предпросмотра или окончательного вывода в приложении After Effects.
Создав новый документ PSD в диалоговом окне Новый файл Photoshop с шаблоном настроек Фильм и видео , вы можете начать работу с документом, правильно настроенным для определенного типа вывода видео. Если вы уже работаете в After Effects, можно создать новый документ PSD, соответствующий вашим настройкам композиции и проекта, выбрав «Файл» > «Создать» > «Файл Adobe Photoshop» .
Обмен фильмами
Также можно перемещать видеофайлы, например ролики QuickTime, между Photoshop и After Effects. При открытии фильма в Photoshop создается слой видео, который ссылается на файл исходного видеоряда. Слои видео позволяют рисовать на кадрах видеоряда не затрагивая оригинал аналогично тому, как After Effects работает со слоями, используя фильмы как их источники. При сохранении файла Photoshop со слоем видео сохраняются изменения, внесенные в слой видео, но не изменения в самом видеоряде.
Вы также можете делать рендеринг фильма непосредственно в Photoshop. Например, можно создать фильм QuickTime в Photoshop, а затем импортировать его в After Effects.
На внутреннем уровне After Effects работает с цветами в цветовом пространстве RGB (красный, зеленый, синий). Хотя After Effects может преобразовывать изображения CMYK в RGB, работу с видео и анимацией в Photoshop следует делать в RGB.
Если это важно для вашего конечного результата, лучше проверить, что цвета в вашем изображении нормально отображаются в Photoshop перед импортом изображения в After Effects. Это можно сделать, присвоив соответствующее конечное цветовое пространство, например, SDTV (Rec. 601) в документе Photoshop. After Effects выполняет управление цветом в соответствии с цветовыми профилями, встроенными в документы, включая импортированные файлы PSD.
Работа с Animate CC и After Effects
Если для создания видео или анимации используется Adobe Animate (прежнее название Flash Professional), то After Effects можно использовать для их редактирования и улучшения. Например, из Adobe Animate можно экспортировать анимации и приложения как фильмы QuickTime, .mp4 и в других стандартных видеоформатах. После этого можно воспользоваться приложением After Effects для редактирования видео и улучшения его качества.
При использовании After Effects для редактирования и монтажа видео можно затем опубликовать это видео с помощью приложения Animate.
В программах Animate и After Effects используются разные термины для одних и тех же понятий. В следующей таблице приведен список различий в терминах двух программ.
After Effects | Анимировать |
Композиция | Фрагмент ролика |
Рамка композиции (панель «Композиция») | Монт. стол |
Панель «Проект» | Панель «Библиотека» |
Файлы проекта | Файлы FLA |
Рендеринг и экспорт фильма | Публикация файла SWF |
Экспорт видео в формате QuickTime из приложения Animate
При создании анимации и приложений в приложении Animate можно экспортировать их в виде фильмов QuickTime с помощью команды «Файл» > Экспорт > «Экспортировать фильм». Для анимации Animate можно выбрать оптимальный формат видеовывода. В приложении Animate видео формируется в процессе работы приложения, позволяя пользователю управлять им. Это дает возможность зафиксировать ветви или состояния приложения, которые необходимо включить в видеофайл.
Импорт и публикация видео в приложении Animate
При импорте файла видеофильма в приложение Animate для управления визуальным интерфейсом, сопровождающим видео, можно использовать различные методы, например сценарии и компоненты Animate. Например, к видео можно приложить элементы управления воспроизведением и другие графические элементы. Также для создания композиции можно добавить графические слои поверх фильма.
Комбинирование графики, анимации и видео
Как Animate, так и After Effects включают множество возможностей, позволяющих производить сложное комбинирование видео и графики. Выбор приложения зависит от личных предпочтений и типа вывода, который должен быть создан в результате.
Приложение Animate в большей степени ориентировано на создание веб-содержимого, поскольку создает файлы небольшого размера. Кроме того, Animate позволяет управлять анимацией в реальном времени. Приложение After Effects ориентировано на производство видео и фильмов, предлагает широкий спектр визуальных эффектов и обычно используется для создания видеофайлов.
Оба приложения могут применяться для создания оригинальных изображений и анимации. Оба используют таймлайн и поддерживают создание сценариев для программного управления анимацией. After Effects содержит больше эффектов.
Оба приложения позволяют размещать графику и эффекты в разных слоях для последующего комбинирования. Эти слои можно включать и выключать по необходимости. Оба приложения позволяют применять эффекты к содержанию отдельных слоев.
В приложении Animate комбинирование не воздействует на видеосодержимое непосредственно; оно оказывает влияние на видео лишь во время воспроизведения в приложении Flash Player. Напротив, при комбинировании импортированного видео в приложении After Effects экспортируемый видеофайл действительно включает все объединенные графические объекты и эффекты.
Поскольку все операции рисования в After Effects выполняются на слоях, отдельных от слоя импортированного видео, все изменения являются обратимыми. Animate поддерживает режимы рисования с обратимыми и необратимыми изменениями.
Импорт файлов SWF в приложение After Effects
Приложение Animate обладает уникальным набором инструментов векторной графики, позволяющим создавать разнообразные объекты, которые невозможно создать с помощью After Effects или Adobe® Illustrator®. Файлы SWF можно импортировать в приложение After Effects для комбинирования с другим видео или создания видео с дополнительными творческими эффектами посредством рендеринга. Интерактивное содержимое и анимация со сценариями не сохраняются. Сохраняется анимация, определенная ключевыми кадрами.
Все файлы SWF, импортируемые в After Effects, сводятся в единый слой с постоянным растрированием и сохранением альфа-канала. Постоянное растрирование позволяет сохранить четкость графического объекта после его увеличения. Этот метод импорта позволяет использовать корневой слой или объект файлов SWF в качестве элемента с гладким рендерингом в приложении After Effects, что позволяет наилучшим образом использовать возможности обеих программ.
Импорт FLA-файлов в After Effects
FLA-файлы Animate можно импортировать в After Effects как композицию многоуровневых файлов .swf. Их можно комбинировать с видео или визуализировать как видео с дополнительными творческими эффектами.
Для использования этой функциональной возможности на том же компьютере должна быть установлена версия Animate 19.0.
При импорте документа Animate в After Effects отдельные слои экспортируются приложением Animate как файлы .swf, которые добавляются в композицию. Во время импорта укажите в диалоговом окне Импорт установок расположение импортированных файлов.
Если установлен флажок «Импортировать аудио», слои аудио экспортируются приложением Animate как файлы .wav.
Поддерживаются только документы ActionScript 3.0. Чтобы преобразовать документ HTML5 Canvas или WebGL в ActionScript 3.0, откройте его в Animate и выберите Файл > Преобразовать в > ActionScript 3.0 .
Работа с Adobe XD и After Effects
Слои и монтажные области можно экспортировать из Adobe XD в проект After Effects. Эта функциональная улучшает передачу ресурсов между XD и After Effects со встроенным сопоставлением слоев, монтажных областей, векторов, текста и графических объектов. Проектировщикам Adobe XD может отправлять в After Effects группы слоев и определять расширенные микровзаимодействия или монтажные области для создания сложных и уточненных переходов и взаимодействий. Если на вашем компьютере не установлена программа After Effects, то вариант After Effects в меню XD будет неактивен.
Чтобы экспортировать ресурсы для проектирования из XD в After Effects, выполните указанные ниже действия.
В XD выделите слой или монтажную область, которые требуется анимировать в After Effects.
Выберите Файл> Экспорт > After Effects . Приложение After Effects запускается (если было закрыто) или переходит на передний план (если было открыто в фоновом режиме).
В новой композиции слои и монтажные области добавляются в проект After Effects как собственные фигуры, тексты, ресурсы и вложенные композиции.
Экспорт в After Effects поддерживается только версиями After Effects CC 2018 и 2019. Если установлена более ранняя версия, опция экспорта в After Effects отключена в XD. Чтобы включить эту опцию, войдите в свою учетную запись Creative Cloud и обновите After Effects до последней версии.
Список поддерживаемых элементов XD
After Effects поддерживает следующие элементы XD:
- Векторные фигуры
- Контуры
- Текстовые слои
- Растровые изображения
- Маски
- Группы
- Монтажные области
- Символы
- Логические операции
- Обводки
- Заливки
- Тени
- Непрозрачность
- Размытие объекта
- Размытие и яркость фона
- Градиенты как изображения
- Повторные масштабные сетки
Работа с программами Adobe Premiere Pro и After Effects
Adobe Premiere Pro предназначен для захвата, импорта и редактирования фильмов. After Effects предназначен для создания графики движения, применения визуальных эффектов, составления визуальных элементов, выполнения цветокоррекции и других задач обработки фильмов.
Вы легко можете перемещать проекты, композиции, последовательности, дорожки и слои между After Effects и Adobe Premiere Pro:
-
В After Effects можно создавать композиции с шаблонами текста, которые позволяют редактировать исходный текст в Premiere Pro. См. раздел Шаблоны динамического текста.
Проект Adobe Premiere Pro можно импортировать в After Effects. См. раздел Импорт проекта Adobe Premiere Pro.
Проект After Effects можно экспортировать как проект Adobe Premiere Pro. См. раздел Экспорт проекта After Effects как проекта Adobe Premiere Pro.
Можно копировать и вставлять слои и дорожки в After Effects и Adobe Premiere Pro. См. раздел Копирование между After Effects и Adobe Premiere Pro.
Можно выполнять рендеринг и замену композиций After Effects в Premiere Pro, чтобы ускорить композиции, на рендеринг которых требуется много времени. (См. раздел Рендеринг и замена композиций After Effects в Adobe Premiere Pro.)
Если у вас есть Adobe Premiere Pro, вы можете делать следующее.
- С помощью Adobe Dynamic Link можно работать с композициями After Effects в Adobe Premiere Pro. Динамически подключенная композиция отображается в Adobe Premiere Pro как клип.
- С помощью Adobe Dynamic Link можно работать с эпизодами Adobe Premiere Pro в After Effects. Динамически связанный эпизод отображается в After Effects как элемент видеоряда.
- Запустите After Effects из Premiere Pro и создайте новую композицию с настройками, соответствующими настройкам проекта Premiere Pro.
- Выберите набор клипов в Adobe Premiere Pro и преобразуйте их в композицию After Effects.
Дополнительные сведения об использовании Dynamic Link совместно с After Effects и Premiere Pro см. в разделе Dynamic Link и After Effects и в разделах Dynamic Link справки Adobe Premiere Pro.
Работа с программами Adobe Media Encoder и After Effects
Adobe Media Encoder можно использовать для экспорта видео из After Effects. Adobe Media Encoder используется для таких форматов, как H.264, MPEG-2 и WMV. Другие форматы доступны в Adobe Media Encoder, но недоступны в After Effects. Например, формат DNxHD доступен в Adobe Media Encoder, но недоступен в After Effects.
При добавлении файлов проекта After Effects в папку отслеживания Adobe Media Encoder композиция автоматически будет добавляться в очередь кодирования Adobe Media Encoder. Подробные сведения см. в разделе Импорт файлов с помощью папок отслеживания справки Adobe Media Encoder.
Сведения об использовании Adobe Media Encoder с After Effects см. в разделе Adobe Media Encoder.
Изучите это учебное пособие, чтобы научиться экспортировать композиции After Effects с помощью Adobe Media Encoder.
Редактировать в Adobe Audition
При работе в After Effects, можно воспользоваться широкими возможностями редактора аудио Adobe Audition для редактирования звука. Можно использовать команду «Редактировать в Adobe Audition», чтобы запустить Adobe Audition из After Effects.
При редактировании аудиофайла (например, файла в формате WAV) в Adobe Audition можно изменить исходный файл. При редактировании слоя, который содержит и аудио, и видео (например, файл AVI), редактируется копия исходного аудиофайла.
Выберите слой, содержащий аудио для редактирования. Тип элемента должен быть таким, чтобы его можно было редактировать в Adobe Audition.
Выберите «Редактировать» > «Редактировать в Adobe Audition» , чтобы открыть клип в режиме редактирования в Adobe Audition.
Отредактируйте файл и выполните одно из предложенных ниже действий.
При редактировании только слоя аудио, выберите «Файл» > «Сохранить» , чтобы применить изменения к исходному аудиофайлу. Можно также выбрать «Файл» > «Сохранить как» , чтобы применить изменения к копии аудиофайла. При выборе «Файл» > «Сохранить как» импортируйте копию файла в After Effects.
При редактировании слоя, который содержит аудио и видео, выберите «Файл» > «Сохранить как» . После сохранения файла, импортируйте его в After Effects. Затем добавьте его к композиции и отключите исходное аудио в клипе, убрав флажок с параметра аудио на таймлайне .
Никакие эффекты, примененные к аудио в After Effects, не включаются в копию, передаваемую в Adobe Audition.
Узнайте, как перенести ресурсы в Adobe XD из Photoshop, Illustrator, Sketch и веб-браузеров, а также экспортировать ресурсы в After Effects.
Вы можете добавлять ресурсы в XD из других приложений Adobe, таких как Photoshop и Illustrator, а также из сторонних приложений, таких как Sketch, и веб-браузеров. В XD можно продолжить работу над этими ресурсами или использовать их для разработки интерактивных прототипов. Вы также можете экспортировать ресурсы из XD в After Effects для их дальнейшего улучшения.
В зависимости от приложения вы можете работать с внешними ресурсами разными способами:
Если вы хотите преобразовать файлы Photoshop и Illustrator в файлы XD, нажмите «Открыть». Если вы хотите добавить содержимое этих файлов в существующий файл XD, нажмите «Импорт».
Для переноса ресурсов Photoshop в XD можно пользоваться любым из приведенных ниже способов.
- Откройте файл .psd прямо в XD, выбрав Файл > Открыть . Затем можно отредактировать файл в XD, как и любой другой файл XD, создать взаимосвязи и опубликовать их в качестве прототипов или спецификаций проекта.
- Импортируйте файл .psd в XD, выбрав Файл > Импорт .
- Скопировать растровое и векторное изображение из Photoshop и вставить его в XD.
- Перетащить ресурсы Photoshop из панели Библиотеки на холст XD. Дополнительные сведения см. в разделе Creative Cloud Libraries в Adobe XD.
Скопировать файл .psd в буфер обмена ОС и с помощью команды Вставить оформление вставить изображение способом, предполагающим непосредственную заливку изображением.
Копирование и вставка SVG из Photoshop
Чтобы скопировать и вставить SVG из Photoshop, щелкните правой кнопкой мыши слой фигуры или векторный слой в Photoshop, щелкните Копировать SVG и вставьте его в XD.
Файлы Illustrator можно открыть в XD или импортировать.
Также можно скопировать векторные и растровые изображения из Adobe Illustrator и вставить их в XD с сохранением качества и возможности редактирования при открытии или импорте файлов Illustrator. Файлы Illustrator помещаются в открытый документ, а не открываются как отдельный документ. Смарт-объекты импортируются как расширенные слои, а не растровые изображения, а корректирующие слои сохраняются. Однако монтажную область Illustrator невозможно скопировать и вставить в XD.
Кроме того, можно скопировать векторный файл в буфер обмена ОС и с помощью команды Вставить оформление вставить изображение непосредственно в качестве заливки изображением.
Также в XD можно добавить ресурсы Adobe Illustrator, хранящиеся в Creative Cloud Libraries, перетаскивая их из панели Библиотеки на холст XD. Дополнительные сведения см. в разделе Creative Cloud Libraries в Adobe XD.
Копирование и вставка SVG в Illustrator из XD
Теперь можно скопировать векторное содержимое XD в буфер обмена, а затем вставить его как полностью редактируемые слои в Adobe Illustrator.
Чтобы скопировать и вставить содержимое из XD в Illustrator:
1. Щелкните правой кнопкой мыши по слою фигуры или векторному слою в XD и выберите Копировать в контекстном меню.
2. В Adobe Illustrator выберите Правка > Вставить , чтобы вставить векторное содержимое.
В версиях, предшествующих Photoshop CC, некоторые функциональные возможности, описанные в данной статье, могут быть доступны только при наличии Photoshop Extended. Photoshop CC не имеет специальной версии Extended. Все возможности Photoshop Extended доступны в Photoshop CC.
Трансформация видеослоев
Видеослой можно трансформировать так же, как любой другой слой. Однако перед тем, как осуществлять трансформирование, необходимо преобразовать слои видео в смарт-объекты.
На панели «Шкала времени» или «Слои» выберите видеослой.
- В меню «Редактировать» выберите команду «Свободное трансформирование» и с помощью маркеров в окне документа трансформируйте видео.
- В меню «Редактировать» выберите команду «Трансформирование», затем в подменю выберите конкретный вид трансформации.
Если слой видео не является смарт-объектом, Photoshop попросит осуществить требуемое преобразование.
Создание новых видеослоев
Новые видеослои можно создать, добавив видеофайл как новый слой или создав пустой слой.
Открытие видеофайла
Видео появится в видеослое в новом документе.
Добавление видеофайла в качестве нового видеослоя
Убедитесь, что для активного документа панель «Шкала времени» отображается в режиме временной шкалы.
Добавление пустого видеослоя
Убедитесь, что для активного документа панель «Шкала времени» отображается в режиме временной шкалы.
Задание времени появления слоя в видео или анимации
Чтобы указать, когда видеослой должен появиться в видео или анимации, можно использовать несколько методов. Например, можно отсечь (скрыть) кадры в начале или конце слоя. Тем самым изменяется начальная и конечная точки слоя видео или анимации. (Первый появляющийся кадр называется точкой входа, а последний — точкой выхода.) Можно также перетащить всю полосу длительности слоя на другой участок временной шкалы.
На панели «Шкала времени» выберите слой.
- Чтобы указать точки входа или выхода слоя, перетащите соответственно начало или конец полосы длительности этого слоя.
- Перетащите полосу длительности слоя на участок временной шкалы, где должен появиться этот слой.
Для получения лучших результатов перетаскивайте полосу длительности слоя после усечения.
- Переместите индикатор текущего времени на кадр, выбранный в качестве новой точки входа или выхода, а в меню панели выберите команду «Усечь начало слоя до текущего времени» или «Усечь конец слоя до текущего времени».
При этом сокращается длительность слоя: скрываются кадры между индикатором текущего времени и точкой входа или точкой выхода. (Расширение маркеров полосы длительности слоя открывает скрытые кадры.)
- Используйте ключевые кадры для изменения непрозрачности слоя в конкретное время или в конкретных кадрах.
Чтобы удалить материал в одном или нескольких слоях, используется команда «Приподнять рабочий участок ». Чтобы удалить участок указанной длительности из всех слоев видео или анимации, используется команда «Извлечь рабочий участок ».
Обрезка и перемещение видеослоя
Чтобы скрыть кадры в начале или конце видеослоя или слоя анимации, выполните обрезку слоя. Чтобы запустить или остановить видеоролик в другой момент времени, переместите видеослой.
При сдвиге видеослоев изменения становятся постоянными после сохранения файла. После обрезки видеоролика его можно восстановить, снова раздвинув маркеры на полосе длительности слоя.
На панели «Шкала времени» или «Слои» выберите нужный слой.
Переместите индикатор текущего времени в кадр (или на время), который следует использовать в качестве новой точки входа или точки выхода.
В меню панели «Шкала времени» выберите один из следующих вариантов.
Переместить начальную точку слоя на текущее время
Окончательно перемещает начало слоя к индикатору текущего времени.
Переместить конечную точку слоя на текущее время
Окончательно перемещает конец слоя к индикатору текущего времени.
Обрезать слой от его начала до текущего времени
Временно скрывает участок от индикатора текущего времени до начала слоя.
Обрезать слой от его конца до текущего времени
Временно скрывает участок от индикатора текущего времени до конца слоя.
Можно также использовать команду «Приподнять рабочий участок » для скрытия кадров в одном или нескольких слоях или команду «Извлечь рабочий участок » для скрытия заданной длительности во всех слоях видео или анимации.
«Приподнять рабочий участок»
Участок материала в выделенных слоях можно удалить, оставив интервал той же длительности, что и удаленный участок.
На панели «Шкала времени» задайте рабочий участок, чтобы указать длительность в выделенных слоях.
В меню панели «Анимация» выберите команду «Приподнять рабочий участок ».
Извлечь рабочий участок
Чтобы удалить фрагменты ролика и автоматически исключить лакуны, используйте команду « Извлечь рабочий участок ». Оставшееся содержимое копируется в новые видеослои.
На панели «Шкала времени» задайте рабочий участок, чтобы указать длительность анимации или видео.
В меню панели выберите команду «Извлечь рабочий участок ».
Разделение видеослоев
Видеослой можно разделить на два новых видеослоя на заданном кадре.
Выберите видеослой на панели «Шкала времени».
Переместите индикатор текущего времени на нужное время или номер кадра, где необходимо разделить видеослой.
Щелкните значок меню панели и выберите команду «Разделить слой».
Выделенный видеослой дублируется и появляется сразу над исходным слоем на панели «Шкала времени». Исходный слой усекается от начала до текущего времени, а дублирующий слой — с конца до текущего времени.
Группирование слоев в видео или анимации
По мере добавления слоев к видео или анимации может возникнуть необходимость их упорядочивания по иерархическому принципу путем группирования. Приложение Photoshop сохраняет кадры видео и анимации в сгруппированных слоях.
Можно также сгруппировать группу слоев. Группирование группы слоев, кроме того, что оно создает более сложную иерархию, позволяет также одновременно анимировать непрозрачность всех сгруппированных слоев. На панели «Анимация» отображается группа слоев с общим свойством непрозрачности.
Группировка видеослоев в Photoshop аналогична предварительной композиции в программе Adobe After Effects.
Читайте также: