Выделите объект.
Последнее обновление
8 июн. 2021 г.
- Руководство пользователя Adobe XD
- Введение
- Новые возможности Adobe XD
- Распространенные вопросы
- Создание дизайна, прототипов и совместная работа в Adobe XD
- Управление цветом
- Системные требования
- Основные сведения о рабочей среде
- Изменение языка приложения в Adobe XD
- Доступ к наборам для дизайна пользовательского интерфейса
- Доступность в Adobe XD
- Сочетания клавиш
- Советы и рекомендации
- Дизайн
- Монтажные области, направляющие и слои
- Фигуры, объекты и путь
- Выделение, изменение размера и поворот объектов
- Перемещение, выравнивание, распределение и упорядочивание объектов
- Группирование, блокирование, дублирование, копирование и зеркальное отражение объектов
- Задание обводки, заливки и теней для объектов
- Создание повторяющихся элементов
- Создание перспективных проектов с помощью 3D-преобразований
- Редактирование объектов с помощью логических операций
- Текст и шрифты
- Компоненты и состояния
- Маскировка и эффекты
- Макет
- Видео и анимации Lottie
- Создание прототипа
- Создание интерактивных прототипов
- Анимирование прототипов
- Свойства объекта, которые поддерживаются при автоматическом анимировании
- Создание прототипов с клавиатуры и геймпада
- Создание прототипов с помощью голосовых команд и воспроизведения
- Создание синхронизированных переходов
- Добавление наложений
- Создание голосовых прототипов
- Создание якорных ссылок
- Создание гиперссылок
- Предварительный просмотр проектов и прототипов
- Публикация, экспорт и проверка
- Публикация выбранных монтажных областей
- Предоставление совместного доступа к проектам и прототипам
- Настройка разрешений на доступ к ссылкам
- Работа с прототипами
- Просмотр прототипов
- Работа со спецификациями дизайна
- Предоставление общего доступа к спецификациям дизайна
- Проверка спецификаций дизайна
- Навигация в спецификациях дизайна
- Проверка и комментирование спецификаций дизайна
- Экспорт ресурсов дизайна
- Экспорт и загрузка ресурсов из спецификаций дизайна
- Корпоративный групповой совместный доступ
- Резервное копирование или перенос ресурсов XD
- Системы дизайна
- Системы дизайна с библиотеками Creative Cloud Libraries
- Работа с ресурсами документа в Adobe XD
- Работа с библиотеками Creative Cloud Libraries в Adobe XD
- Переход от связанных ресурсов к библиотекам Creative Cloud Libraries
- Работа с проектными токенами
- Использование ресурсов из библиотек Creative Cloud Libraries
- Облачные документы
- Интеграция и плагины
- Работа с внешними ресурсами
- Работа с ресурсами проекта из Photoshop
- Копирование ресурсов из Photoshop
- Как импортировать или открыть проекты Photoshop
- Работа с ресурсами Illustrator в Adobe XD
- Импортирование и открытие проектов Illustrator
- Копирование векторных объектов из Illustrator в XD
- Плагины для Adobe XD
- Создание плагинов и управление ими
- Интеграция Jira с XD
- Подключаемый модуль Slack для XD
- Подключаемый модуль Zoom для XD
- Публикация работы из XD на Behance
- XD для iOS и Android
- Устранение неполадок
- Выявленные неполадки и исправленные ошибки
- Установка и обновления
- Запуск и сбой
- Облачные документы и библиотеки Creative Cloud Libraries
- Прототип, публикация и обзор
- Импорт, экспорт и работа с другими приложениями
Научитесь задавать обводку, заливку тени и внутренние тени, а также создавать эффекты наложения для объектов в Adobe XD.
Применение цвета заливки к объекту
-
-
Щелкните прямоугольник рядом с инструментом Заливка. Откроется палитра цветов.
Палитра цветов
Палитра цветов Примечание.Также можно использовать инструмент «Пипетка» для заливки цветов. Клавиша [i] запускает инструмент «Пипетка» для выбора цвета заливки.
- Если нажать эту клавишу один раз, откроется инструмент «Пипетка» для выбора цвета заливки.
- Если снова нажать эту клавишу, инструмент «Пипетка» для выбора цвета заливки закроется.
-
Вы можете:
- Указать HSBA, RGB или шестнадцатеричные значения, если вам известны точные цветовые значения. Вы также можете переключиться между различными цветовыми режимами.
- Настроить цвет, используя поле «Цвет» и шкалу цвета. При этом числовые значения HSBA, RGB и шестнадцатеричные значения корректируются соответствующим образом.
- Задать цвет заливки и установить непрозрачность заливки с помощью шкалы цвета или указав значение в процентах.
- Использовать инструмент «Пипетка» для выбора цвета из монтажной области.
- Применить градиентные заливки к объекту. Дополнительную информацию о градиентах см. в разделе Создание и изменение градиентов.
Вы можете просматривать изменения на монтажной области в ходе изменения параметров с использованием палитры цветов.
Примечание.Adobe XD также поддерживает условные обозначения для шестнадцатеричных кодов. Например, если вы наберете 0 и нажмете Return, XD автоматически отобразит цвет с кодом #000000.
-
Вы можете сохранить цвет как цветовой образец для будущего использования. Чтобы сохранить цвет как цветовой образец, щелкните значок + в нижней части палитры цветов.
Добавление цветовых образцов
Добавление цветовых образцов Вы можете изменить порядок расположения цветовых образцов в палитре цветов, перетащив их на новые места. Чтобы удалить цветовой образец, перетащите его за пределы палитры цветов.
Применение заливки изображением к объектам
Сначала включите заливку, если она еще не включена (как описано в разделе Применение цвета заливки к объекту). Затем перетащите изображение на объект из места его сохранения (например, Finder или Windows Explorer).
Кадрирование и размещение изображения для заливки
Теперь вы можете дважды щелкнуть изображения, размещенные в контейнерах (Объект > Маска с помощью фигуры), чтобы кадрировать и изменить положение изображения (при перетаскивании с компьютера) для заливки. Используйте режим кадрирования для заливки изображением, чтобы:
- Дважды щелкнуть и войти в режим кадрирования изображения для заливки
- Изменить положение изображения в режиме кадрирования или
- Переместить изображение в любое место в режиме кадрирования
Это расширенный функционал распространяется также на файлы, импортированные из Photoshop и Sketch. Импортированные файлы сохраняют изображения для заливки и кадрирование, выполненное в исходном приложении.
Вставка изображения из буфера обмена
Вы также можете скопировать изображение, которое не находится в Adobe XD, в буфер обмена своей операционной системы, а затем вставить это изображение из буфера обмена как изображение для заливки. Изображения также заполнят фигуру, если эта фигура выделена и пользователь выбирал Файл > Импорт.
Создание обводки и выбор цвета для нее
-
Выделите объект.
-
Ширина обводки по умолчанию равна 1. Чтобы указать другое значение, задайте его для параметра Рамка.
-
Нажмите на прямоугольный значок выбора цвета рядом с параметром Рамка. Откроется палитра цветов.
Палитра цветов
Палитра цветов -
Вы можете:
- Указать HSBA, RGB или шестнадцатеричные значения, если вам известны точные значения.
- Настроить цвет, используя поле «Цвет» и шкалу цвета. При этом числовые значения HSBA, RGB и шестнадцатеричные значения корректируются соответствующим образом.
- Использовать инструмент «Пипетка» для выбора цвета из монтажной области.
- Установить непрозрачность рамки с помощью шкалы цвета или ввести значения в процентах.
- Редактировать размер рамки и создать пунктирные линии.
- Указать типы концов (срезанные, скругленные, выступающие) и стыков (угловые, скругленные, скошенные), а также внутреннюю и внешнюю обводку.
Вы можете просматривать изменения цвета обводки на объекте в ходе изменения параметров с использованием палитры цветов.
-
Вы можете сохранить цвет как цветовой образец для будущего использования. Чтобы сохранить цвет как цветовой образец, щелкните значок + в нижней части палитры цветов.
Добавление цветовых образцов
Добавление цветовых образцов Вы можете изменить порядок расположения цветовых образцов в палитре цветов, перетащив их на новые места. Чтобы удалить цветовой образец, перетащите его за пределы палитры цветов.
-
Если объект является замкнутым, вы можете указать ширину обводки. Чтобы выровнять обводку вдоль контура, выберите один из следующих параметров, приведенных на иллюстрации ниже.
По умолчанию XD выравнивает внутреннюю обводу по замкнутому контуру.
Стили обводки A. Внутренняя обводка B. Внешняя обводка C. Центральная обводка D. Срезанные концы E. Скругленные концы F. Выступающие концы G. Угловые стыки H. Скругленные стыки I. Скошенные стыки
Стили обводки Примечание.Изменение ширины или выравнивания обводки не меняет фактический размер объекта (с точки зрения ограничительной рамки). Однако при экспорте объекта его размеры могут измениться в зависимости от используемого типа обводки.
SVG поддерживает только центральную обводку. Если вы экспортируете объект с внутренней или внешней обводкой в формате SVG, размер экспортируемого изображения будет выглядеть так, как если бы он имел центральную обводку.
Создавайте редактируемые векторные фигуры из линий, контуров, фигур, текста, изображений и логических групп с помощью обводки контура. После создания фигуры можно продолжить ее изменения с помощью элементов управления или изменения ее свойств на панели свойств.
Попробуйте выполнить эти действия, чтобы создать значок с помощью обводки контура, как показано здесь.
Добавление теней
Тени и внутренние тени можно добавлять к таким объектам, как переключатели, кнопки, ползунки и иллюстрации.
-
Щелкните объект, затем щелкните Тень или Внутренняя тень в инспекторе свойств.
-
На палитре цветов
а. Чтобы добавить цвет в тень, выполните одно из следующих действий:
- Задайте значение HSB, RGB или шестнадцатеричное значение цвета. Вы также можете с легкостью переключаться между этими цветовыми режимами.
- Настроить цвет, используя поле «Цвет» и шкалу цвета. При этом HSB, RGB или шестнадцатеричные значения корректируются автоматически.
- Использовать инструмент «Пипетка» для выбора цвета из монтажной области.
b. Установите непрозрачность тени с помощью шкалы непрозрачности или введите значение непрозрачности в процентах.
Чтобы сохранить цвет как цветовой образец, щелкните значок + в нижней части палитры цветов. Вы можете изменить порядок расположения цветовых образцов в палитре цветов, перетащив их на новые места. Чтобы удалить цветовой образец, перетащите его за пределы палитры цветов.
Внутренняя тень
Тень
Применение эффектов наложения
Выберите изображение или объект (включая фигуры, текстовые слои, группы, маски или компоненты) на холсте дизайна. В инспекторе свойств выберите и примените режим наложения по своему выбору. Дополнительные сведения см. в разделе Применение эффектов наложения.
Удаление заливки, тени или обводки объекта
Выделите объект. Затем щелкните флажок рядом с параметром Рамка, Заливка или Тень в инспекторе свойств. Если вы хотите вернуть заливку, обводку или тень, снова щелкните этот флажок.