Руководство пользователя Отмена

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

  1. Руководство пользователя Adobe XD
  2. Введение
    1. Новые возможности Adobe XD
    2. Распространенные вопросы
    3. Создание дизайна, прототипов и совместная работа в Adobe XD
    4. Управление цветом
    5. Системные требования
      1. Требования к оборудованию и программному обеспечению
      2. Adobe XD, Big Sur и Apple Silicon | macOS 11
    6. Основные сведения о рабочей среде
    7. Изменение языка приложения в Adobe XD
    8. Доступ к наборам для дизайна пользовательского интерфейса
    9. Доступность в Adobe XD
    10. Сочетания клавиш
    11. Советы и рекомендации
  3. Дизайн
    1. Монтажные области, направляющие и слои
      1. Начало работы с монтажными областями
      2. Использование направляющих и сеток
      3. Создание прокручиваемых монтажных областей
      4. Работа со слоями
      5. Создание групп прокрутки
    2. Фигуры, объекты и путь
      1. Выделение, изменение размера и поворот объектов
      2. Перемещение, выравнивание, распределение и упорядочивание объектов
      3. Группирование, блокирование, дублирование, копирование и зеркальное отражение объектов
      4. Задание обводки, заливки и теней для объектов
      5. Создание повторяющихся элементов
      6. Создание перспективных проектов с помощью 3D-преобразований
      7. Редактирование объектов с помощью логических операций
    3. Текст и шрифты
      1. Работа с инструментами для рисования и создания текста
      2. Шрифты в Adobe XD
    4. Компоненты и состояния
      1. Работа с компонентами
      2. Работа с вложенными компонентами
      3. Добавление нескольких состояний для компонентов
    5. Маскировка и эффекты
      1. Создание маски с фигурами
      2. Работа с эффектами размытия
      3. Создание и изменение градиентов
      4. Применение эффектов наложения
    6. Макет
      1. Адаптивное изменение размера и ограничения
      2. Установка фиксированного отступа для компонентов и групп
      3. Создание динамичных проектов с подборками
    7. Видео и анимации Lottie
      1. Работа с видео
      2. Создание прототипов при помощи видео
      3. Работа с анимацией Lottie
  4. Создание прототипа
    1. Создание интерактивных прототипов
    2. Анимирование прототипов
    3. Свойства объекта, которые поддерживаются при автоматическом анимировании
    4. Создание прототипов с клавиатуры и геймпада
    5. Создание прототипов с помощью голосовых команд и воспроизведения
    6. Создание синхронизированных переходов
    7. Добавление наложений
    8. Создание голосовых прототипов
    9. Создание якорных ссылок
    10. Создание гиперссылок
    11. Предварительный просмотр проектов и прототипов
  5. Публикация, экспорт и проверка
    1. Публикация выбранных монтажных областей
    2. Предоставление совместного доступа к проектам и прототипам
    3. Настройка разрешений на доступ к ссылкам
    4. Работа с прототипами
    5. Просмотр прототипов
    6. Работа со спецификациями дизайна
    7. Предоставление общего доступа к спецификациям дизайна
    8. Проверка спецификаций дизайна
    9. Навигация в спецификациях дизайна
    10. Проверка и комментирование спецификаций дизайна
    11. Экспорт ресурсов дизайна
    12. Экспорт и загрузка ресурсов из спецификаций дизайна
    13. Корпоративный групповой совместный доступ
    14. Резервное копирование или перенос ресурсов XD
  6. Системы дизайна
    1. Системы дизайна с библиотеками Creative Cloud Libraries
    2. Работа с ресурсами документа в Adobe XD
    3. Работа с библиотеками Creative Cloud Libraries в Adobe XD
    4. Переход от связанных ресурсов к библиотекам Creative Cloud Libraries
    5. Работа с проектными токенами 
    6. Использование ресурсов из библиотек Creative Cloud Libraries
  7. Облачные документы
    1. Облачные документы в Adobe XD
    2. Совместная работа и совместное редактирование проектов
    3. Совместное редактирование документов, к которым вам предоставили доступ
  8. Интеграция и плагины
    1. Работа с внешними ресурсами
    2. Работа с ресурсами проекта из Photoshop
    3. Копирование ресурсов из Photoshop
    4. Как импортировать или открыть проекты Photoshop
    5. Работа с ресурсами Illustrator в Adobe XD
    6. Импортирование и открытие проектов Illustrator
    7. Копирование векторных объектов из Illustrator в XD
    8. Плагины для Adobe XD
    9. Создание плагинов и управление ими
    10. Интеграция Jira с XD
    11. Подключаемый модуль Slack для XD
    12. Подключаемый модуль Zoom для XD
    13. Публикация работы из XD на Behance
  9. XD для iOS и Android
    1. Предварительный просмотр на мобильных устройствах
    2. Часто задаваемые вопросы по Adobe XD для мобильных устройств
  10. Устранение неполадок
    1. Выявленные неполадки и исправленные ошибки
      1. Выявленные неполадки
      2. Исправленные неполадки
    2. Установка и обновления
      1. XD отображается как несовместимый в Windows
      2. Код ошибки 191
      3. Код ошибки 183
      4. Проблемы при установке плагинов XD
      5.  Запрос на удаление и переустановку XD в Windows 10
      6. Проблемы с миграцией предпочтений
    3. Запуск и сбой
      1.  XD аварийно завершает работу при запуске в Windows 10
      2.  XD закрывается при выходе из Creative Cloud
      3. Проблема со статусом подписки в Windows
      4. Предупреждение о заблокированном приложении при запуске XD в Windows
      5. Создание аварийного дампа в Windows
      6. Сбор и отправка журнала сбоев
    4. Облачные документы и библиотеки Creative Cloud Libraries
      1. Проблемы с облачными документами XD
      2. Проблемы со связанными компонентами
      3. Проблемы с библиотеками и ссылками
    5. Прототип, публикация и обзор
      1. Не удается записать взаимодействия прототипов в macOS Catalina
      2. Проблемы с процессами публикации
      3. Опубликованные ссылки не отображаются в браузерах
      4. Прототипы некорректно отображаются в браузерах
      5. На общих ссылках внезапно появляется панель комментариев
      6. Невозможно опубликовать библиотеки
    6. Импорт, экспорт и работа с другими приложениями
      1. Импорт и экспорт в XD
      2. Файлы Photoshop в XD
      3. Файлы Illustrator в XD
      4. Экспорт из XD в After Effects
      5. Файлы Sketch в XD
      6. В разделе экспорта не представлены сторонние приложения

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

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

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

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

Хотя некоторые функции 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

 

Подробнее

В XD 57 и более поздних версиях вы получите единообразные цвета при копировании ресурса с цветовым профилем sRGB из Photoshop в документ XD с цветовым профилем sRGB. Если документ XD имеет Неизменяемый цветовой профиль, вы получите сообщение с предложением переключить цветовой профиль на sRGB.

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

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

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

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

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

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

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

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

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

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

С XD 57 и более поздними версиями у вас есть возможность обеспечить единообразную цветопередачу для работающих с вами лиц. Для получения такого результата переключите цветовой профиль документа на sRGB. Если вы попытаетесь предоставить общий доступ к выбранным монтажным областям из документа с неизменяемым цветовым профилем, вы получите сообщение, информирующее вас о возможном несоответствии цветов, с которым могут столкнуться работающие с вами лица. Дополнительные сведения см. в разделе Управление цветом.

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

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

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

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

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

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

Что дальше?

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

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

Спросите сообщество

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

 Adobe

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

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