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