В Sketch выделите один или несколько слоев или групп и нажмите Сделать экспортируемым.
Узнайте, как перенести ресурсы в Adobe XD из Photoshop, Illustrator, Sketch и веб-браузеров, а также экспортировать ресурсы в After Effects.
Вы можете добавлять ресурсы в XD из других приложений Adobe, таких как Photoshop и Illustrator, а также из сторонних приложений, таких как Sketch, и веб-браузеров. В XD можно продолжить работу над этими ресурсами или использовать их для разработки интерактивных прототипов. Вы также можете экспортировать ресурсы из XD в After Effects для их дальнейшего улучшения.
В зависимости от приложения вы можете работать с внешними ресурсами разными способами:
Если вы хотите преобразовать файлы Photoshop и Illustrator в файлы XD, нажмите «Открыть». Если вы хотите добавить содержимое этих файлов в существующий файл XD, нажмите «Импорт».
Для переноса ресурсов Photoshop в XD можно пользоваться любым из приведенных ниже способов.
Скопировать файл .psd в буфер обмена ОС и с помощью команды Вставить оформление вставить изображение способом, предполагающим непосредственную заливку изображением.
Дополнительные сведения см. в разделе Работа с графическими ресурсами из 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.
Теперь можно скопировать векторное содержимое XD в буфер обмена, а затем вставить его как полностью редактируемые слои в Adobe Illustrator.
Чтобы скопировать и вставить содержимое из XD в Illustrator:
1. Щелкните правой кнопкой мыши по слою фигуры или векторному слою в XD и выберите Копировать в контекстном меню.
2. В Adobe Illustrator выберите Правка > Вставить, чтобы вставить векторное содержимое.
Файлы Illustrator (.ai) можно напрямую открыть в XD и преобразовать в файлы XD. Открыв файлы, их можно отредактировать в XD, создать взаимосвязи и опубликовать их в качестве прототипов или спецификаций проекта.
Чтобы открыть файл Illustrator в XD, выполните следующие действия:
При открытии файла Illustrator в XD не все элементы поддерживаются с абсолютным качеством. Список поддерживаемых и неподдерживаемых элементов см. в разделе Поддерживаемые элементы при открытии файлов Illustrator в XD.
Чтобы импортировать файл Illustrator в XD, выберите Файл > Импорт. Если в импортированном файле Illustrator есть монтажные области, то эти монтажные области размещаются под монтажными областями XD. Если под монтажными областями XD недостаточно места, импортированные монтажные области помещаются в доступные области. Если в импортированном файле нет монтажных областей, его ресурсы помещаются в центр холста. Если в импортированном файле нет монтажных областей, его ресурсы помещаются в центр холста.
Файлы Sketch (.sketch) можно напрямую открыть в XD и преобразовать в файлы XD. Открыв файлы, их можно отредактировать в XD, создать взаимосвязи и опубликовать их в качестве прототипов или спецификаций проекта.
Можно открыть только те файлы Sketch, которые созданы с помощью Sketch версии 43 или более новой. Если у вас более старый файл, сохраните его в последней версии Sketch, а затем откройте файл в XD.
Чтобы открыть файл Sketch в XD, выполните одно из следующих действий.
Также можно воспользоваться сочетанием клавиш Cmd+O (Mac) или Ctrl+O (Windows).
При открытии файла Sketch в XD не все элементы поддерживаются с абсолютным качеством. Список поддерживаемых и неподдерживаемых элементов см. в разделе Поддерживаемые элементы при открытии файлов Sketch в XD.
В Sketch выделите один или несколько слоев или групп и нажмите Сделать экспортируемым.
Выберите формат SVG и перетащите слой из Sketch в XD.
Содержимое вставляется в XD как редактируемое векторное содержимое.
Теперь можно переместить содержимое Sketch в XD и продолжить работу над системами проектирования. Символы и элементы Sketch можно не только преобразовать в компоненты XD, но и использовать как связанные ресурсы.
Для работы с компонентами в XD придерживайтесь этих рекомендаций:
Дополнительные сведения см. в разделе Работа с компонентами в XD.
Посмотрите эту анимированную иллюстрацию, чтобы узнать больше о преобразовании библиотек Sketch в системы проектирования XD.
Время просмотра: 30 секунд.
Изображения можно перетаскивать на монтажные области непосредственно из всех современных веб-браузеров. Также можно перетаскивать изображения в объект на монтажной области — при этом размер изображения автоматически корректируется под объект.
Кроме того, можно скопировать изображение в буфер обмена ОС и с помощью команды Вставить оформление вставить изображение непосредственно в качестве заливки изображением.
Чтобы импортировать такие ресурсы, как PNG, JPG, TIFF, GIF, SVG, поддерживаемые видеофайлы и файлы Lottie, выполните одно из действий, описанных ниже.
Из XD вы можете экспортировать файл только в After Effects 2018 и более поздние версии. Если у вас установлена более старая версия, опция экспорта в After Effects отключена. Чтобы включить ее, войдите в приложение Creative Cloud для настольных ПК и обновите After Effects до новейшей версии.
Чтобы с помощью After Effects превращать свои проекты XD в пользовательские анимации или микровзаимодействия, выполните следующее действия:
При экспорте содержимого XD в After Effects не все элементы поддерживаются с абсолютным качеством. Список поддерживаемых и неподдерживаемых элементов см. в разделе Поддерживаемые функции при экспорте файлов XD в After Effects.
Чтобы узнать об ограничениях импорта и экспорта, см. раздел Почему я не могу импортировать или экспортировать файлы в Adobe XD?
Вход в учетную запись