Импортировать как видеоряд
Узнайте, как импортировать файлы SVG как собственные редактируемые слои-фигуры, готовые к анимации без необходимости преобразования.
Параметры импорта кадров и композиций
Импорт SVG в After Effects обеспечивает гибкость и более точное управление тем, как SVG-файлы импортируются в ваш проект. При импорте файла SVG вы можете выбрать, импортировать его как видеоряд или как композицию.
|
|
Импортировать как композицию |
|---|---|
|
Импортирует SVG как единый, непрерывно растеризуемый векторный слой. |
Импортирует SVG как композицию, состоящую из редактируемых слоев фигур. |
|
Поддерживает связь с внешним SVG-файлом. |
Каждый элемент преобразуется в собственную редактируемую фигуру. |
|
Подходит для однослойной векторной графики, когда не нужно разбивать изображение на части. |
Подходит для редактирования контуров, фигур и деталей на уровне слоя, когда нужно анимировать отдельные элементы. |
Вы можете управлять тем, какой способ импорта используется по умолчанию при импорте SVG-файлов, установив параметр Перетаскивание нескольких элементов файла как в настройках Импорт.
- macOS: After Effects > Настройки > Импорт > Перетаскивание нескольких элементов файла как
- Windows: Правка > Настройки > Импорт > Перетаскивание нескольких элементов файла как
Выберите способ импорта файла SVG
Дважды щелкните внутри панели Проект или используйте Файл > Импорт > Файл, чтобы найти и импортировать SVG файл.
Используйте выпадающее меню Импортировать как в диалоговом окне Импорт файла, чтобы выбрать один из следующих вариантов:
- Видеоряд
- Композиция - сохранить размеры слоев
Выбор опции Видеоряд импортирует файл как единый сведенный слой без доступа к отдельным элементам, что делает его подходящим для статического использования или когда анимация не требуется. Выбор Композиция - сохранить размеры слоев создает новую композицию, где каждый исходный слой импортируется отдельно, размер которого соответствует его фактическому содержимому, делая точки привязки более четкими, а трансформации проще для анимации.
Выберите следующие параметры, если применимо:
- Создать композицию. Создает новую композицию с настройками по умолчанию и автоматически размещает импортированный SVG, либо как видеоряд, либо как композицию со слоями фигур, на временной шкале, избавляя вас от необходимости вручную создавать композицию и перетаскивать в нее SVG-файл.
- Масштабируемая последовательность векторной графики. Импортирует несколько пронумерованных файлов SVG и обрабатывает их как покадровую последовательность векторных изображений.
Используйте раздел Содержимое слоя на панели Свойства или раздел Содержимое слоя на шкале времени, чтобы просматривать отдельные элементы и их свойства и работать с ними, если вы импортировали SVG-файл как композицию. При импорте в качестве видеоряда он ведет себя как обычный слой и может быть откорректирован с помощью стандартных свойств опции Преобразовать.
Как и в случае с файлами Illustrator, если векторный файл импортирован как видеоряд, вы можете выбрать слой на временной шкале, щелкнуть по нему правой кнопкой мыши и выбрать Создать > Создать фигуры и текст из векторного слоя, чтобы преобразовать его в редактируемые слои, что позволит анимировать отдельные контуры, обводки и заливки. В After Effects текст в исходном файле преобразуется в редактируемые слои текста, что позволяет сохранить шрифт, размер, заливку, положение, стили, обводки и настройки меняющегося шрифта.
При импорте SVG как футажа After Effects сохраняет активную связь с исходным файлом, поэтому любые изменения, внесенные в этот SVG вне приложения, автоматически обновляются внутри вашего проекта.
Импортируйте файл SVG и анимируйте его элементы
Дважды щелкните внутри панели Проект или используйте Файл > Импорт > Файл, чтобы найти и импортировать SVG файл.
Перетащите импортированный файл SVG на панель Таймлайн.
Выберите слой, чтобы использовать раздел Содержимое слоя на панели Свойства для просмотра структуры SVG.
Вы также можете нажать на стрелку рядом со слоем, чтобы развернуть его, затем развернуть раздел Содержимое. Вы увидите все отдельные элементы и их свойства, такие как Контур, Заливка и Трансформация.
Вы можете использовать эти свойства для анимации так же, как и любой другой слой фигуры. Например:
- Анимируйте Контур для создания эффектов морфинга
- Изменяйте цвет заливки со временем для динамических переходов
- Используйте свойства Трансформация для независимого масштабирования, вращения или перемещения элементов
Если слои имеют градиентные заливки и обводки, можно использовать свойства Масштаб и Поворот для анимации градиента.
В After Effects, когда слой Illustrator импортируется как видеоряд, весь текст в исходном файле преобразуется в отдельный редактируемый текстовый слой, а не сводится в контуры фигур. Это означает, что шрифт, размер, заливка, положение, стили (например, полужирный и курсив), обводки и настройки меняющегося шрифта сохраняются, поэтому вы можете продолжать редактировать текст прямо в After Effects, не создавая его заново и не возвращаясь в Illustrator для внесения изменений.
Выберите Файл > Импорт > Файл, а затем файл Illustrator, который вы хотите импортировать.
В диалоговом окне Импортировать файл убедитесь, что для параметра Импортировать как установлено значение Видеоряд при выборе файла для импорта.
В диалоговом окне импорта убедитесь, что для параметра Тип импорта установлено значение Видеоряд, и выберите настройки в разделе Параметры слоев в зависимости от того, какие элементы файла Illustrator вы хотите импортировать.
Перетащите импортированный файл на панель Таймлайн.
Щелкните правой кнопкой мыши на слое Illustrator и выберите Создать > Создать фигуры и текст из векторного слоя или воспользуйтесь меню Слой > Создать > Создать фигуры и текст из векторного слоя.
Текст преобразуется в редактируемый слой текста, который точно соответствует шрифту, размеру, заливке и положению исходного файла. Затем вы можете редактировать и настраивать текст прямо в After Effects.
Текст, у которого есть только обводка, по-прежнему преобразуется в контуры, а не в редактируемый слой текста.
Векторное содержимое, не являющееся текстом, по-прежнему преобразуется в слои фигур, как и раньше, а если файл Illustrator содержит и то, и другое, вы получите сочетание текстовых слоёв и слоёв фигур.
Контент SVG из буфера обмена теперь можно вставлять в After Effects с помощью команды Правка > Вставить. Контент импортируется как собственные редактируемые слои фигур, готовые к анимации, без промежуточного этапа импорта.
Откройте иллюстрацию в Adobe Illustrator.
Убедитесь, что выбрана настройка Включить код SVG .
- macOS. Выберите Illustrator > Настройки > Обработка буфера обмена и выберите Включить код SVG.
- Windows. Выберите Правка > Настройки > Обработка буфера обмена и выберите Включить код SVG.
Выберите графический объект, который хотите скопировать.
Выберите пункт меню Изменить > Копировать.
Переключитесь в After Effects и выполните одно из следующих действий в зависимости от состояния вашего проекта:
- Если проект не открыт, выберите команду Правка > Вставить, чтобы создать новый проект с композицией, содержащей контент SVG в виде слоя-фигуры.
- Если проект открыт, но композиция не выбрана, выберите команду Правка > Вставить, чтобы создать новую композицию в текущем проекте с вставленным контентом.
Если композиция выбрана в After Effects, выберите Правка > Вставить, чтобы добавить контент SVG как новый слой-фигуру в эту композицию.
- Контент SVG, скопированный из любого приложения, которое записывает SVG в системный буфер обмена, можно вставить, используя тот же технологический процесс Правка > Вставить. Поддержка зависит от того, помещает ли исходное приложение действительные данные SVG в буфер обмена.
- Преобразуйте любой текст SVG в кривые перед копированием, поскольку текст SVG не поддерживается при вставке.
Создавайте потрясающие 3D-анимации в After Effects
Анимируйте персонажей и иллюстрации, добавляйте анимацию в текст и многое другое.