Импорт SVG файлов

Узнайте, как импортировать файлы SVG как собственные редактируемые слои-фигуры, готовые к анимации без необходимости преобразования.

  1. Дважды щелкните внутри панели Проект или используйте Файл > Импорт > Файл, чтобы найти и импортировать SVG файл.

    Примечание

    Последняя бета-версия After Effects позволяет импортировать файл как видеоряд или композицию.

  2. Перетащите импортированный файл SVG на панель Таймлайн.

  3. Выберите слой, чтобы использовать раздел Содержимое слоя на панели Свойства для просмотра структуры SVG.

    Панель «Свойства» открыта, и под разделом «Содержимое слоя» перечислено содержимое SVG.
    Используйте панель «Свойства» для просмотра содержимого файла SVG и настройки его свойств.

    Вы также можете нажать на стрелку рядом со слоем, чтобы развернуть его, затем развернуть раздел Содержимое. Вы увидите все отдельные элементы и их свойства, такие как Контур, Заливка и Трансформация.

    Выбран слой с файлом SVG, и раздел «Содержимое» развернут для отображения его свойств, включая «Контур», «Заливка» и «Трансформация».
    Разверните раздел «Содержимое» SVG-слоя для доступа и редактирования его свойств, включая «Контур», «Заливка» и «Трансформация».

  4. Вы можете использовать эти свойства для анимации так же, как и любой другой слой фигуры. Например:

    • Анимируйте Контур для создания эффектов морфинга
    • Изменяйте цвет заливки со временем для динамических переходов
    • Используйте свойства Трансформация для независимого масштабирования, вращения или перемещения элементов
  5. Если слои имеют градиентные заливки и обводки, можно использовать свойства Масштаб и Поворот для анимации градиента.

    Выбран один из слоев с градиентным элементом, и выделена Градиентная заливка 1.
    Используйте свойства градиентной заливки для настройки градиента или их анимации.

Импорт SVG-файла как футажа или композиции

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

Импортировать как видеоряд

Импортировать как композицию

Импортирует SVG как единый, непрерывно растеризуемый векторный слой.

Импортирует SVG как композицию, состоящую из редактируемых слоев фигур.

Поддерживает связь с внешним SVG-файлом.

Каждый элемент преобразуется в собственную редактируемую фигуру.

Подходит для однослойной векторной графики, когда не нужно разбивать изображение на части.

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

Вы можете управлять тем, какой способ импорта используется по умолчанию при импорте SVG-файлов, установив параметр Перетаскивание нескольких элементов файла как в настройках Импорт.

  • macOS: After Effects > Настройки > Импорт > Перетаскивание нескольких элементов файла как
  • Windows: Правка > Настройки > Импорт > Перетаскивание нескольких элементов файла как
Открыто диалоговое окно «Настройки». На вкладке «Импорт» открыто выпадающее меню «Перетаскивание нескольких элементов файла как», предлагающее варианты выбора способа импорта.
Установите предпочтение по умолчанию для импорта SVG-файла, выбрав, импортировать ли его как футаж или как композицию.

  1. Дважды щелкните внутри панели Проект или используйте Файл > Импорт > Файл, чтобы найти и импортировать SVG файл.

  2. Используйте выпадающее меню Импортировать как в диалоговом окне Импорт файла, чтобы выбрать один из следующих вариантов:

    • Видеоряд
    • Композиция - сохранить размеры слоев

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

    macOS

    Открыто диалоговое окно «Import file» с параметрами импорта файла как видеоряда или как композиции.

    Windows

    Открыто диалоговое окно «Import file» с параметрами импорта файла как видеоряда или как композиции.

  3. Выберите следующие параметры, если применимо:

    • Создать композицию. Создает новую композицию с настройками по умолчанию и автоматически размещает импортированный SVG, либо как видеоряд, либо как композицию со слоями фигур, на временной шкале, избавляя вас от необходимости вручную создавать композицию и перетаскивать в нее SVG-файл.
    • Масштабируемая последовательность векторной графики. Импортирует несколько пронумерованных файлов SVG и обрабатывает их как покадровую последовательность векторных изображений.
  4. Если вы импортировали SVG-файл как композицию, используйте раздел Содержимое слоя на панели Свойства или раздел Содержимое слоя на временной шкале для просмотра и работы с отдельными элементами и их свойствами. 

    При импорте в качестве видеоряда он ведет себя как обычный слой и может быть откорректирован с помощью стандартных свойств опции Преобразовать.

    Совет

    Как и с файлами illustrator, если векторный файл импортирован как видеоряд, можно выбрать слой на временной шкале, затем щелкнуть правой кнопкой мыши и выбрать Создать > Создать фигуры из векторного слоя для преобразования в редактируемые слои фигур, что позволит анимировать отдельные контуры, обводки и заливки.

  5. При импорте SVG как футажа After Effects сохраняет активную связь с исходным файлом, поэтому любые изменения, внесенные в этот SVG вне приложения, автоматически обновляются внутри вашего проекта.

Копирование и вставка контента illustrator и SVG

Контент SVG из буфера обмена теперь можно вставлять в After Effects с помощью команды Правка > Вставить. Контент импортируется как собственные редактируемые слои фигур, готовые к анимации, без промежуточного этапа импорта.

Копировать контент из Illustrator

  1. Откройте иллюстрацию в Adobe Illustrator.

  2. Убедитесь, что выбрана настройка Включить код SVG .

    • macOS. Выберите Illustrator > Настройки > Обработка буфера обмена и выберите Включить код SVG.
    • Windows. Выберите Правка > Настройки > Обработка буфера обмена и выберите Включить код SVG.
    Диалоговое окно «Настройки» открыто в Illustrator, и выбран параметр «Включить код SVG».
    Включите параметр «Включить код SVG», чтобы ваши изображения оставались редактируемыми и высокого качества в других приложениях Adobe.

  3. Выберите графический объект, который хотите скопировать.

    Совет

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

  4. Выберите пункт меню Изменить > Копировать.

  5. Переключитесь в After Effects и выполните одно из следующих действий в зависимости от состояния вашего проекта:

    • Если проект не открыт, выберите команду Правка > Вставить, чтобы создать новый проект с композицией, содержащей контент SVG в виде слоя-фигуры.
    • Если проект открыт, но композиция не выбрана, выберите команду Правка > Вставить, чтобы создать новую композицию в текущем проекте с вставленным контентом.
    Выбран параметр «Правка > Вставить», и контент импортируется как собственные редактируемые слои-фигуры, готовые к анимации.
    Параметр «Правка > Вставить» импортирует контент как редактируемые слои-фигуры, готовые к анимации.

    Если композиция выбрана в After Effects, выберите Правка > Вставить, чтобы добавить контент SVG как новый слой-фигуру в эту композицию.

Вставка SVG из других приложений

Контент SVG, скопированный из любого приложения, которое записывает SVG в системный буфер обмена, можно вставить, используя тот же технологический процесс Правка > Вставить. Поддержка зависит от того, помещает ли исходное приложение действительные данные SVG в буфер обмена.

Adobe, Inc.

Получайте помощь быстрее и проще

Новый пользователь?