Работа с ресурсами проекта из Photoshop

Хотите улучшить свои проекты Photoshop? Узнайте, как перенести в XD монтажные области и ресурсы Photoshop, чтобы создать качественные прототипы.

Adobe XD дает возможность связать ваши проекты Photoshop и монтажные области, чтобы превратить их в интерактивные приложения или прототипы. Если вы хотите реализовать весь потенциал файлов .psd или просто выполняете копирование, интеграция XD и Photoshop позволит легко сделать это.

1

Что необходимо учитывать

Хотя некоторые функции Photoshop имеют аналоги в XD, есть некоторые функции, для которых нет однозначного соответствия. Для начала рассмотрим некоторые функции Photoshop и XD, которые не имеют прямого соответствия.

 

  • Некоторые элементы Photoshop нельзя растрировать и перенести в проект XD. Информацию о поддерживаемых элементах Photoshop см. в разделе Элементы Photoshop, поддерживаемые в XD.
  • Вы не можете экспортировать файлы XD в Photoshop как файлы .psd. Тем не менее с помощью меню «Файл» > «Открыть в XD» вы можете открыть изображения Photoshop, которые являются частью вашего проекта XD, чтобы использовать богатые возможности редактирования фотографий в Photoshop.
  • Если вы открыли файл .psd в XD, вы не сможете сохранить этот материал обратно в виде файла .psd.

Чтобы работа с XD и Photoshop была максимально эффективной, мы вносим улучшения в технологические процессы взаимодействия. Если у вас уже есть какие-либо предложения или отзывы, делитесь ими на UserVoice.

Доступ к проектам Photoshop в XD

Когда ваш проект будет готов в Photoshop, вот несколько способов перенести их в XD.

Импортируйте и открывайте проекты Photoshop
Подробнее

Копируйте и вставляйте ресурсы из Photoshop
Подробнее

Используйте ресурсы из библиотек Creative Cloud Libraries
Подробнее

Создание прототипов на основе импортированных монтажных областей

После импорта проектов Photoshop в XD попробуем создать прототип.

Когда вы работаете с Photoshop, вы можете создавать монтажные области XD, открывая монтажные области Photoshop прямо в XD. Монтажные области в Photoshop легко импортировать в формат монтажных областей XD.

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

Хотите улучшить свой проект XD? Воспользуйтесь эксклюзивными функциями XD, такими как повторяющиеся сетки, состояния, автоанимация, создание прототипов с помощью голоса и др.

Предоставление доступа к своим проектам в XD и совместная работа с другими пользователями

Вы хотите предоставить общий доступ к своему прототипу?

Одним из основных преимуществ использования Adobe XD для проектирования и создания интерактивных прототипов является возможность делиться проектами и прототипами и получать обратную связь от заинтересованных сторон.

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

Используйте режим общего доступа в XD, чтобы поделиться своими проектами и интерактивными прототипами с заинтересованными сторонами, которые смогут легко предлагать идеи и вносить изменения в проекты. Версии вашего документа автоматически сохраняются через заданные промежутки времени, что позволяет вам восстановить изменения из предыдущей версии.

Хотите знать, изменится ли разрешение ваших прототипов после того, как вы поделитесь ими в XD? Нет.

Попробуйте сами

Откройте файл Photoshop в XD и в режиме Прототип выберите следующие параметры в инспекторе прототипа.

  • Триггер: выберите Нажатие.  
  • Действие: выберите Переход.
  • Место назначения: выберите целевую монтажную область, если она еще не выбрана.
  • Анимация: выберите Сместить влево.
  • Смягчение: выберите этот параметр, чтобы создать эффект смягчения. Например, выберите Замедление в конце, чтобы анимация в прототипе постепенно замедлялась.
  • Длительность: задайте значение 0,2 секунды.

Скачайте образцы файлов и попробуйте выполнить это самостоятельно либо просмотрите это видео, чтобы получить больше информации.

Время просмотра: 1 минута.

Образцы файлов

 

Часто задаваемые вопросы

Как я могу преобразовать свои ресурсы Photoshop в компоненты и использовать их согласованно в проектах, соблюдая соглашения об именовании?

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

Как создать образец цвета с помощью файла изображения?

В XD нельзя создавать цветовые образцы или импортировать их из Photoshop. Можно использовать такое обходное решение: перетащить эти цвета из панели цветовых образцов в Photoshop на панель библиотек, открыть CC Libraries в XD, использовать их для объекта и добавить цвет в панель ресурсов.

Что дальше?

Мы поговорили о том, с чего начать работу над ресурсами проекта из Photoshop. Теперь рассмотрим, как создавать интерактивные прототипы и открывать к ним доступ дизайнерам и заинтересованным сторонам, чтобы получать от них отзывы.

Есть вопрос или идея?

community

Если вы хотите задать вопрос или поделиться интересной идеей, вступайте в сообщество Adobe XD. Мы будем рады услышать ваши идеи и увидеть ваши работы.

Логотип Adobe

Вход в учетную запись