Adobe assets что это
Чтобы создавать высококачественные проекты и прототипы в Adobe XD, используйте Adobe Asset Link для XD. Добавляйте цифровые ресурсы из Experience Manager Assets на холст XD. Adobe Asset Link для XD позволяет дизайнерам и маркетологам совместно работать на протяжении всего процесса проектирования. Подробнее.
Используйте Adobe Asset Link, чтобы улучшить совместную работу дизайнеров и маркетологов над созданием контента.
Подключитесь к Adobe Experience Manager (AEM) Assets через панель Adobe Asset Link в приложениях Creative Cloud для настольных ПК: Adobe InDesign, Photoshop, Illustrator и XD. Просматривайте контент, который хранится в Experience Manager Assets, не выходя из приложения Creative Cloud. Вы можете просматривать, искать, загружать и отправлять ресурсы с помощью панели Adobe Asset Link.
Adobe Asset Link устанавливается в качестве расширения в ваших приложениях Creative Cloud. Вы можете открыть панель из меню «Расширения» в InDesign и Illustrator ( Окно > Расширения > Adobe Asset Link ).
Чтобы открыть панель Adobe Asset Link в Photoshop, выберите Окно > Расширения (устаревшие) > Adobe Asset Link .
В Adobe XD вы можете открыть панель Adobe Asset Link из меню Плагины . Для получения дополнительной информации см. раздел Adobe Asset Link для XD.
Вы также можете настроить рабочую среду для включения панели Adobe Asset Link. См. раздел Управление окнами и панелями.
(A). Отображает расположение файла. Щелкните по раскрывающейся стрелке, чтобы вернуться в главную папку.
(B). Позволяет сортировать ресурсы или результаты поиска по алфавиту, размеру и последнему изменению.
(C). Позволяет искать ресурсы. Введите ключевое слово в поле поиска и нажмите Enter.
Поиск расположения папки
(D). Позволяет осуществлять поиск в определенном месте, например в папке, коллекции или во всем хранилище Experience Manager.
(E). Отображает действия, которые вы можете выполнять на панели, например настройка места извлечения ресурсов и управление средами Experience Manager.
(F). Позволяет фильтровать результаты поиска по Experience Manager, Creative Cloud, а также по определенным папкам и коллекциям по типу файла и дате изменения ресурса.
(G). Позволяет переключаться между разными способами отображения ресурсов (списком, сеткой и галереей).
(H). Отображает все ресурсы, которые были извлечены из Experience Manager Assets.
(I). Отображается на миниатюре ресурса, если он извлечен. Данный значок указывает, что ресурс заблокирован, и только тот, кто его извлек, может изменить его.
(J). Отображает действия, которые вы можете выполнить с ресурсом. В зависимости от состояния ресурса действия включают в себя «Извлечение/регистрацию», «Отмену извлечения», «Открытие», «Загрузку», «Место», «Поиск похожих» и «Сведения о файле». У каждого ресурса есть контекстное меню.
Adobe Asset Link предназначен для работы с ресурсами, хранящимися в Adobe Experience Manager Assets (системе управления цифровыми ресурсами организации), и для их изменения. Благодаря встроенной панели можно не использовать браузер для загрузки или отправки ресурсов. Панель Adobe Asset Link отображает цифровые ресурсы из среды Experience Manager Assets. При этом вам не нужно входить в систему Experience Manager Assets. При входе в приложение Creative Cloud вы автоматически в фоновом режиме проходите аутентификацию в Experience Manager с помощью системы управления удостоверениями Adobe (IMS).
Используйте панель Adobe Asset Link для просмотра или поиска ресурса. Чтобы редактировать ресурс, извлеките его из приложения Creative Cloud. После редактирования вы можете вернуть ресурс на место, не выходя из приложения. Вы также можете использовать Adobe Asset Link, чтобы найти ресурсы, предназначенные только для чтения, в Experience Manager Assets, в том числе логотипы, стандартные дизайны или шаблоны. Такие ресурсы можно загрузить и включить в творческие артефакты. Однако эти ресурсы нельзя изменить.
Adobe Asset Link также предотвращает конфликты, указывая, что ресурсы уже извлечены, и не позволяя другим пользователям перезаписывать ресурсы.
Организации могут хранить цифровые ресурсы в нескольких развертываниях Experience Manager (включая Experience Manager Assets как Cloud Service, Experience Manager Assets Essentials или в локальных развертываниях). Например, организация может хранить свои ресурсы в различных развертываниях, что обусловлено ее гетерогенной инфраструктурой хранения. Каждое отдельное развертывание называется виртуальной средой Experience Manager в Adobe Asset Link.
Организация с многочисленными цифровыми ресурсами также может разделять ресурсы по их размеру и типу MIME, и хранить соответствующие ресурсы в различных средах для эффективного управления.
Если ваша организация хранит ресурсы в распределенных средах Experience Manager, используйте панель Adobe Asset Link для доступа к среде, в которой находятся ваши ресурсы.
При запуске Adobe Asset Link вы автоматически подключаетесь к среде Experience Manager, для которой у вас есть право доступа. Если у вас есть право на использование нескольких сред, Adobe Asset Link перечислит все доступные вам среды в представлении Управление средами .
Если вы используете локальный экземпляр AMS или Experience Manager, ваш ИТ-администратор должен настроить среду вручную, прежде чем вы сможете подключиться к ней.
В зависимости от того, где хранятся ваши ресурсы, вы можете переключаться между соответствующими средами. Вы также можете изменить свойства активной среды. Кроме того, вы можете добавлять и удалять среды Experience Manager из Adobe Asset Link.
Открытие представления «Управление средами»
Чтобы отобразить представление «Управление средами AEM», выберите пункт Управление средами в меню панели Adobe Asset Link.
В представлении Управление средами перечислены среды Experience Manager, которые добавляются в Adobe Asset Link, а также указано наличие у вас права доступа к ним. Среда, к которой вы в данный момент обращаетесь, будет отмечена галочкой.
Оригинал: Adobe Extract: Free Code Extraction From PSD Files in the Cloud
Автор: Kezz Bracey
Дата публикации: 22 августа 2014
Перевод: Семененко В.
Дата перевода: июнь 2015 г.
В июне 2014 года была написана статья, посвященная прекрасному инструменту для извлечения кода из PSD-макета - проекту компании Adobe под названием Project Parfait. Это был бесплатный online-инструмент, цель которого состояла в создании процесса преобразования PSD-макетов в код для команд разработчиков, использующих Photoshop как основной инструмент при создании различных дизайнов.
Компания Adobe произвела реинкарнацию проекта Project Parfait, добавив в него поддержку бесплатного дискового пространства и сервиса обмена Creative Cloud Assets, а также переименовав его в Extract:
Проект Extract сохранил всю существующую функциональность Project Parfait, а интеграция с CC Files наряду с новой возможностью обмена файлами позволила улучшить и ускорить взаимодействие между веб-дизайнерами и веб-разработчиками.
Ниже представлен пример работы в Extract.
Загрузка или синхронизация файлов
Загрузить файлы на сервер можно двумя способами. Первый способ заключается в использовании web-интерфейса , доступного через любой web-браузер. Второй способ основан на использовании специального desktop-приложения, с помощью которого можно автоматически синхронизировать файлы на локальном компьютере с файлами в облачном сервисе Creative Cloud:
Второй способ является наиболее простым и надежным, поэтому в дальнейших шагах этой статьи будет использоваться именно этот способ.
Первым делом, необходимо скачать приложение и установить его в системе, а затем авторизоваться в нем с помощью личного Adobe ID. Открыв приложение, необходимо в нем перейти на вкладку Assets, а внутри этой вкладки перейти в еще одну вкладку Files. Должно получиться примерно следующее:
В этом окне опускаемся вниз и нажимаем кнопку Open Folder, что приведет к автоматическому открытию папки Creative Cloud Files на локальном компьютере. Находясь внутри этой папки, необходимо скопировать PSD-файл из другого источника сюда, что автоматически запустит синхронизацию с облачным пространством Creative Cloud.
Когда операция загрузки на сервер Creative Cloud будет успешно завершена, на миниатюре PSD-файла появиться маленькая зеленая галочка, как в данном случае:
Если теперь снова вернуться назад, в web-интерфейс Creative Cloud, то обнаружим там миниатюру только что загруженного PSD-файла, готового для открытия в Extract:
Работа в Extract
Для того, чтобы открыть загруженный в Creative Cloud файл Photoshop, нужно щелкнуть мышью по миниатюре этого файла, затем снова щелкнуть мышью на этот раз по вкладке Extract (на изображении ниже она помечена как Preview). PSD-файл тотчас же отобразится в окне приложения Extract, готовый для извлечения из него CSS-кода:
Процесс извлечения кода из PSD-файла в Extract остался неизменным, каким он был в приложении Project Parfait, о чем было подробно описано в предыдущей статье "Конвертирование файлов Photoshop с помощью Project Parfait". Однако, с того момента в Extract были добавлены несколько новых возможностей, которые будут рассмотрены ниже.
Новые возможности Extract
Некоторые из новых возможностей приложения Extract были унаследованы им от Project Parfait спустя некоторое время после опубликования ранее упоминавшейся статьи-обзора "Конвертирование файлов Photoshop с помощью Project Parfait". Другие же новшества появились в Extract благодаря его интеграции с сервисом Creative Cloud.
Прозрачность тени
Ранее тени на CSS генерировались без поддержки прозрачности, значениями в формате HEX. Теперь имеется поддержка прозрачности теней в сгенерированном CSS-коде, значениями в формате RGBA:
Настройки шрифта
Теперь нет необходимости работать только с пикселями (px) в качестве размера шрифтов в сгенерированном CSS-коде. В Extract добавлена поддержка единиц измерения em и rem для шрифтов:
Также добавлена возможность установки базового шрифта для всей страницы в целом. Размеры шрифтов всех остальных элементов страницы будут расчитываться на основе этого базового размера, в тех единицах измерения ( em или rem ), которые были выбраны ранее:
Препроцессоры и миксины
В Extract была добавлена поддержка препроцессоров Sass(SCSS) и LESS совместно с библиотеками миксинов для этих препроцессоров. Таким образом, теперь можно выбрать - генерировать код не в чистом CSS, а в SCSS + Bourbon или LESS + LESSHat . Такая возможность дает большие преимущества для тех веб-разработчиков, которые используют какой-либо из этих препроцессоров:
Я надеюсь, что в дальнейшем в Extract будет добавлена поддержка препроцессора Stylus (поклонником которого являюсь), совместно с библиотеками миксинов под этот препроцессор - Nib и Kuoto Swiss . Этого было бы более чем достаточно в плане поддержки препроцессоров в Extract.
Примечание переводчика: на момент перевода данной статьи в Extract добавлена поддержка препроцессора Stylus и его библиотеки миксинов Nib ; поддержка библиотеки Kuoto Swiss отсутствует; помимо этого, добавлена поддержка супер-популярной библиотеки Compass под препроцессор Sass .
Действия
В результате интеграции сервиса Creative Cloud в Extract добавилось новое меню Actions, в котором можно выбрать действия над редактируемым PSD-файлом: скачать файл, переименовать файл, архивировать файл или переместить файл:
Общий доступ
Также благодаря интеграции Creative Cloud в Extract появилась возможность предоставления общего доступа к файлам с помощью меню Share, откуда можно выложить выполненную работу прямо в своем портфолио на Behance.
Веб-разработчику даже нет необходимости иметь учетную запись в Creative Cloud для того, чтобы пользоваться инструментом Extract. Это означает, что любой из членов команды разработчиков, который специализируется на создании кода, теперь совсем не обязан иметь дело с такими программами для рисования графики, как Photoshop:
Timeline
Приложение Extract абсолютно бесплатно для использования. Проект Project Parfait все еще остается доступным вплоть до октября 2014 года, с целью предоставить достаточно времени всем разработчикам, использующим его, чтобы своевременно перейти на проект Extract.
У вас нет никакой необходимости быть платным подписчиком, чтобы иметь возможность использовать приложение Extract; поэтому, даже если вы являетесь платным подписчиком программы Photoshop, вы можете свободно отправлять свои дизайнерские наработки другим веб-разработчикам для кодинга. С другой стороны, веб-разработчик, который получил от вас ссылку на вашу наработку, совсем необязательно должен быть платным подписчиком, чтобы открыть эту ссылку. И даже больше - этот разработчик может вообще не иметь учетной записи в Creative Cloud, чтобы пользоваться приложением Extract.
Я приглашаю всех читателей этой статьи воспользоваться сервисом Adobe Extract и высказать свои пожелания по поводу использования этого ресурса.
Если вы дизайнер или маркетолог, используйте Adobe Asset Link в приложениях Creative Cloud для настольных ПК, чтобы работать совместно над созданием контента.
Подключайтесь к Adobe Experience Manager Assets через панель Adobe Asset Link в приложениях Adobe InDesign, Photoshop, Illustrator и XD. Просматривайте и редактируйте контент, хранящийся в Experience Manager Assets, не выходя из приложений Creative Cloud.
Чтобы создавать высококачественные проекты и прототипы в Adobe XD, используйте Adobe Asset Link для XD. Добавляйте цифровые ресурсы из Experience Manager Assets на холст XD. Adobe Asset Link для XD позволяет дизайнерам и маркетологам совместно работать на протяжении всего процесса проектирования. Подробнее.
Теперь вы автоматически подключаетесь к любой облачной среде Experience Manager Assets, для которой у вас есть право доступа. Все среды, к которым вы мож��те получить доступ, отображаются в представлении «Управление средами» панели Adobe Asset Link. Вы можете переключаться между этими средами или изменять их.
Adobe Asset Link поддерживает Experience Manager as a Cloud Service и Experience Manager Assets Essentials. Также поддерживаются Experience Manager 6.4 и Experience Manager 6.5 с актуальными пакетами обновлений.
Ниже приведены новые важные функции в Adobe Asset Link.
- Поддержка Adobe Experience Manager Assets Essentials
- Автоматическое подключение к облачным средам, таким как Experience Manager Assets as a Cloud Service и Experience Manager Assets Essentials
- Поддержка устройств ARM
- Поддержка модели корпоративного хранилища (ESM)
- Поддержка актуальных версий приложений Adobe InDesign, Photoshop и Illustrator 2022
- Улучшенная скорость отправки ресурсов в Experience Manager Assets as a Cloud Service и Experience Manager Assets Essentials
- Поддержка удостоверений Business ID
- Управление элементами контроля сред в плагине Adobe Asset Link XD
- Поддержка специальных возможностей в плагине Adobe Asset Link XD
- Поддержка 11 других языков
Убедитесь, что выполнены указанные ниже необходимые условия Adobe Asset Link.
Необходимые условия Creative Cloud
Одна или несколько действующих подписок Creative Cloud для организаций (Creative Cloud для организаций с планом «Все приложения» или с планом подписки на одно приложение) для Adobe Photoshop, Illustrator или InDesign.
- Поддерживаются подписки, приобретенные с помощью программ покупки VIP и соглашений ETLA. Подробнее.
Для поддержки Business ID для Experience Manager 6.5 требуется пакет обновления 11 или более поздней версии, а для Experience Manager 6.4 требуется актуальный накопительный пакет исправлений (CFP).
- Adobe Asset Link в настоящее время не поддерживает прокси-среды (например, Kerberos).
Необходимые условия для установки Adobe Experience Manager
- Лицензия Experience Manager Assets (включает клиентов с надстройками Assets) с Adobe Managed Services или локальными развертываниями.
- Experience Manager Assets Essentials
Версии Experience Manager Assets с 6.4.0 по 6.4.3 требуют установки дополнительного пакета функций в Experience Manager. Для получения дополнительной информации см. раздел Настройка Experience Manager Assets для Adobe Asset Link.
Настройка Adobe Asset Link для авторов очень проста. Выполните шаги, описанные ниже.
1. Создание группы пользователей
Создайте уникальную группу творческих пользователей в Adobe Admin Console, в которой находятся разрешения Creative Cloud для организаций. Пользователи, добавленные в группу, должны иметь Enterprise ID или Federated ID. Подробнее. Вам требуются права администратора для создания групп пользователей.
2. Настройка Experience Manager Assets
Чтобы пользователи в своих приложениях Creative Cloud могли получить доступ к цифровым ресурсам, хранящимся в Experience Manager Assets, настройте свой экземпляр Experience Manager Assets. Чтобы разрешить InDesign взаимодействовать с Experience Manager Assets, добавьте идентификатор клиента InDesign Client ID в свою среду Experience Manager Assets. Подробнее.
3. Установка Adobe Asset Link
Создайте расширение Adobe Asset Link, используя технологический процесс «Пакеты» в Adobe Admin Console. Затем установите расширение Adobe Asset Link. В зависимости от типа развертывания пользователи Creative Cloud автоматически подключаются к среде Experience Manager, либо для такого подключения требуется настройка со стороны администратора. Подробнее.
4. Использование Adobe Asset Link
Вы готовы к использованию Adobe Asset Link с Photoshop, Illustrator или InDesign. Чтобы открыть панель в InDesign или Illustrator, последовательно выберите Окна > Расширения > Adobe Asset Link . Чтобы открыть панель в Photoshop, перейдите в раздел Окно > Расширения (устаревшие) > Adobe Asset Link .
Используйте Adobe Asset Link для работы с ресурсами, хранящимися в системе управления цифровыми ресурсами вашей организации (Experience Manager Assets), а также для их изменения.
Чтобы узнать, как авторы могут использовать Adobe Asset Link, см. раздел Управление ресурсами с помощью панели Adobe Asset Link.
Чтобы узнать о функциях и возможностях Adobe Asset Link, см. видео Использование Adobe Asset Link с Experience Manager Assets (8 минут).
С помощью Adobe Asset Link бренды могут добавить агентства как доверенные домены в свою среду и запросто предоставить им доступ к проектным ресурсам. Пошаговые инструкции см. в разделе авторизованные домены. Если использование доверенных доменов не соответствует требованиям политики, компания должна предоставить агентству место в Creative Cloud для организаций, чтобы агентство могло владеть своими ресурсами.
Оригинал: Adobe Extract: Free Code Extraction From PSD Files in the Cloud
Автор: Kezz Bracey
Дата публикации: 22 августа 2014
Перевод: Семененко В.
Дата перевода: июнь 2015 г.
В июне 2014 года была написана статья, посвященная прекрасному инструменту для извлечения кода из PSD-макета - проекту компании Adobe под названием Project Parfait. Это был бесплатный online-инструмент, цель которого состояла в создании процесса преобразования PSD-макетов в код для команд разработчиков, использующих Photoshop как основной инструмент при создании различных дизайнов.
Компания Adobe произвела реинкарнацию проекта Project Parfait, добавив в него поддержку бесплатного дискового пространства и сервиса обмена Creative Cloud Assets, а также переименовав его в Extract:
Проект Extract сохранил всю существующую функциональность Project Parfait, а интеграция с CC Files наряду с новой возможностью обмена файлами позволила улучшить и ускорить взаимодействие между веб-дизайнерами и веб-разработчиками.
Ниже представлен пример работы в Extract.
Загрузка или синхронизация файлов
Загрузить файлы на сервер можно двумя способами. Первый способ заключается в использовании web-интерфейса, доступного через любой web-браузер. Второй способ основан на использовании специального desktop-приложения, с помощью которого можно автоматически синхронизировать файлы на локальном компьютере с файлами в облачном сервисе Creative Cloud:
Второй способ является наиболее простым и надежным, поэтому в дальнейших шагах этой статьи будет использоваться именно этот способ.
Первым делом, необходимо скачать приложение и установить его в системе, а затем авторизоваться в нем с помощью личного Adobe ID. Открыв приложение, необходимо в нем перейти на вкладку Assets, а внутри этой вкладки перейти в еще одну вкладку Files. Должно получиться примерно следующее:
В этом окне опускаемся вниз и нажимаем кнопку Open Folder, что приведет к автоматическому открытию папки Creative Cloud Files на локальном компьютере. Находясь внутри этой папки, необходимо скопировать PSD-файл из другого источника сюда, что автоматически запустит синхронизацию с облачным пространством Creative Cloud.
Когда операция загрузки на сервер Creative Cloud будет успешно завершена, на миниатюре PSD-файла появиться маленькая зеленая галочка, как в данном случае:
Если теперь снова вернуться назад, в web-интерфейс Creative Cloud, то обнаружим там миниатюру только что загруженного PSD-файла, готового для открытия в Extract:
Работа в Extract
Для того, чтобы открыть загруженный в Creative Cloud файл Photoshop, нужно щелкнуть мышью по миниатюре этого файла, затем снова щелкнуть мышью на этот раз по вкладке Extract (на изображении ниже она помечена как Preview). PSD-файл тотчас же отобразится в окне приложения Extract, готовый для извлечения из него CSS-кода:
Процесс извлечения кода из PSD-файла в Extract остался неизменным, каким он был в приложении Project Parfait, о чем было подробно описано в предыдущей статье "Конвертирование файлов Photoshop с помощью Project Parfait". Однако, с того момента в Extract были добавлены несколько новых возможностей, которые будут рассмотрены ниже.
Новые возможности Extract
Некоторые из новых возможностей приложения Extract были унаследованы им от Project Parfait спустя некоторое время после опубликования ранее упоминавшейся статьи-обзора "Конвертирование файлов Photoshop с помощью Project Parfait". Другие же новшества появились в Extract благодаря его интеграции с сервисом Creative Cloud.
Прозрачность тени
Ранее тени на CSS генерировались без поддержки прозрачности, значениями в формате HEX. Теперь имеется поддержка прозрачности теней в сгенерированном CSS-коде, значениями в формате RGBA:
Настройки шрифта
Теперь нет необходимости работать только с пикселями (px) в качестве размера шрифтов в сгенерированном CSS-коде. В Extract добавлена поддержка единиц измерения em и rem для шрифтов:
Также добавлена возможность установки базового шрифта для всей страницы в целом. Размеры шрифтов всех остальных элементов страницы будут расчитываться на основе этого базового размера, в тех единицах измерения (em или rem), которые были выбраны ранее:
Препроцессоры и миксины
В Extract была добавлена поддержка препроцессоров Sass(SCSS) и LESS совместно с библиотеками миксинов для этих препроцессоров. Таким образом, теперь можно выбрать - генерировать код не в чистом CSS, а в SCSS + Bourbon или LESS + LESSHat. Такая возможность дает большие преимущества для тех веб-разработчиков, которые используют какой-либо из этих препроцессоров:
Я надеюсь, что в дальнейшем в Extract будет добавлена поддержка препроцессора Stylus (поклонником которого являюсь), совместно с библиотеками миксинов под этот препроцессор - Nib и Kuoto Swiss. Этого было бы более чем достаточно в плане поддержки препроцессоров в Extract.
Примечание переводчика: на момент перевода данной статьи в Extract добавлена поддержка препроцессора Stylus и его библиотеки миксинов Nib; поддержка библиотеки Kuoto Swiss отсутствует; помимо этого, добавлена поддержка супер-популярной библиотеки Compass под препроцессор Sass.
Действия
В результате интеграции сервиса Creative Cloud в Extract добавилось новое меню Actions, в котором можно выбрать действия над редактируемым PSD-файлом: скачать файл, переименовать файл, архивировать файл или переместить файл:
Общий доступ
Также благодаря интеграции Creative Cloud в Extract появилась возможность предоставления общего доступа к файлам с помощью меню Share, откуда можно выложить выполненную работу прямо в своем портфолио на Behance.
Веб-разработчику даже нет необходимости иметь учетную запись в Creative Cloud для того, чтобы пользоваться инструментом Extract. Это означает, что любой из членов команды разработчиков, который специализируется на создании кода, теперь совсем не обязан иметь дело с такими программами для рисования графики, как Photoshop:
Timeline
Приложение Extract абсолютно бесплатно для использования. Проект Project Parfait все еще остается доступным вплоть до октября 2014 года, с целью предоставить достаточно времени всем разработчикам, использующим его, чтобы своевременно перейти на проект Extract.
У вас нет никакой необходимости быть платным подписчиком, чтобы иметь возможность использовать приложение Extract; поэтому, даже если вы являетесь платным подписчиком программы Photoshop, вы можете свободно отправлять свои дизайнерские наработки другим веб-разработчикам для кодинга. С другой стороны, веб-разработчик, который получил от вас ссылку на вашу наработку, совсем необязательно должен быть платным подписчиком, чтобы открыть эту ссылку. И даже больше - этот разработчик может вообще не иметь учетной записи в Creative Cloud, чтобы пользоваться приложением Extract.
Я приглашаю всех читателей этой статьи воспользоваться сервисом Adobe Extract и высказать свои пожелания по поводу использования этого ресурса.
The Assets panel is located on the left side of the screen, and, if not visible by default, it can be displayed by clicking on the Assets panel icon at the bottom of the left toolbar.
In this section you can see, edit and re-use the Colors, Character Styles and Components present in your XD project.
Colors
Add Colors to the Assets panel
The colors used in your project are not included by default in the Assets panel. If you want them there, you need to add them first.
• You can easily add every single color used in your project by first selecting all the artboards in your document and then clicking on the “+” icon next to the Colors label in the Assets panel. The Colors section will now expand and show a list of every single color and gradient used in your project.
• If you don’t want to all the colors of your project, but just a few ones, then only select the objects you want their color to be included in the Assets panel and then click on the “+” icon.
Apply and manage Colors from the Assets panel
You can easily apply the colors included in your Assets panel to new or existing objects included in your XD document.
• To apply a fill color, just select an object and then click on the color you want to apply in the Assets panel. The fill of the object will be instantly changed to the new color. You can do the same thing by right clicking on the color thumbnail in the Assets panel and selecting “Apply as fill“.
• To apply a border color to an object, select it, right click on the color thumbnail in the Assets panel and select “Apply as border“.
• By right clicking on a color thumbnail in the Assets panel you can also Edit the color, copy its Hex values, or delete it from the Assets panel.
Character Styles
Add Character Styles to the Assets panel
As for the colors, also the character styles used in your project are not included by default in the Assets panel. If you want them there, you need to add them first.
• You can easily add every single character style used in your project by first selecting all the artboards in your document and then clicking on the “+” icon next to the Character Styles label in the Assets panel. The Character Styles section will now expand and show a list of every single font style (name, weight, size and color) used in your project.
• If you don’t want to add every character style included in your project, but just a few ones, then only select the text objects you want their style to be included in the Assets panel and then click on the “+” icon.
Apply and manage Character Styles from the Assets panel
You can easily apply the character styles included in your Assets panel to new or existing text objects included in your XD document.
• To apply a character style, just select a text object in your document and then click on the character styles you want to apply in the Assets panel. The font style of the selected object will be instantly changed.
• By right clicking on a character style in the Assets panel, you can also Edit the style or delete it from the Assets panel.
Components
Components are a very specific type of objects and they deserve a chapter on their own. See the next chapter.
I suggest you get confident with the Assets panel. When used correctly, it can bring a huge productivity boost to your Adobe XD workflow.
Читайте также: