Рабочий процесс «Экспорт для экранов» — это новый способ создания ресурсов разных размеров и форматов, одним действием. Возможность быстрого экспорта упрощает и ускоряет создание вспомогательных изображений (значков, логотипов, изображений, макетов и многих других) в особенности длябраузерови мобильных устройств.

Например, при разработке приложения для мобильных устройств дизайнеру пользовательского интерфейса может потребоваться часто перерисовывать обновленные значки и логотипы. Дизайнер может добавить эти значки и логотипы на панель «Экспорт ресурсов», а затем экспортировать их файлы разных форматов и размеров одним нажатием кнопки. 

Полезные функции

  • Экспорт в файлы различных форматов и размеров нажатием одной кнопки. 
  • Экспорт в файл типового или собственного размера (масштаба): 1x, 2x, 3x, 0,5x, 1,5x и пр.
  • Переработан алгоритм создания файлов PNG, чтобы обеспечивать следующие возможности.
    • Создание файлов PNG быстрее, чем раньше. 
    • Повышение уровня прозрачности в файлах PNG-8.

Доступные форматы: 

  • PNG (PNG-8, PNG-24)
  • JPEG (JPEG 100%, JPEG 85%, JPEG 50%, JPEG 25%)
  • SVG
  • PDF
Export-for-screens-dialog
Диалоговое окно «Экспорт для экранов» (вкладка «Ресурсы»)

Экспорт ресурсов (рабочий процесс «Экспорт для экранов»)

Экспортируйте отдельные объекты или монтажные области целиком.

  1. Выполните одно из следующих действий:

    • Комбинация клавиш: (Windows) Alt+Ctrl + E / (Mac) Cmd + Opt + E. 
    • Выберите «Файл» > «Экспорт» > «Экспорт для экранов».
    • Выберите объект и нажмите «Файл» > «Экспортировать выделенные элементы».
    • Нажмите правой кнопкой мыши выбранный объект и выберите пункт «Сбор для экспорта».

    В диалоговом окне «Экспорт для экранов» отредактируйте параметры, которые желаете использовать при экспорте объекта.

  2. Выберите область, которую нужно экспортировать. Доступны две вкладки:

    Вкладка «Монтажные области».

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

    Вкладка «Ресурсы».

    Выберите объекты из ресурсов, которые собрали на панели «Экспорт ресурсов». См. далее раздел «Панель "Экспорт ресурсов"».

    Примечание.

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

    Export-for-screens-dialog_artboards-tab
    Диалоговое окно «Экспорт для экранов» (вкладка «Монтажные области»)
  3. Открыв нужную вкладку, выберите объект для экспорта в виде файла. Флажок (галочка) указывает, выбраны ли монтажная область или ресурс.

    Вкладка Монтажные области.

    • Все. Выбор всех монтажных областей. Каждая монтажная область будет экспортироваться отдельно.
    • Диапазон. Служит для выбора отдельных монтажных областей на экспорт из доступных в документе. Например, 1, 2, 4-6 служит для выбора монтажных областей 1, 2, 4, 5 и 6.
    • Весь документ. Экспорт документа целиком как одного объекта.

    Вкладка «Ресурсы»

    • Все ресурсы. Выберите этот параметр для экспорта всех ресурсов, собранных на вкладке «Ресурсы».

    Примечание.

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

  4. Укажите параметры для экспортируемых файлов.

    • Масштаб.  Укажите коэффициент масштабирования для выходного файла.
    • Местоположение. Укажите местоположение папки, куда будут помещаться экспортируемые файлы.
    • Откройте «Местоположение» после «Экспорт». Выберите этот параметр, если вам нужны папки, содержащие экспортированные ресурсы, которые нужно открыть через средство просмотра файлов (Explorer или Finder).
    • Суффикс. Укажите суффикс, чтобы выходные файлы имели уникальные имена.
    • Формат. Укажите формат выходного файла: .png, .svg, .jpg или .pdf
    • Префикс. Укажите строку, которая будет стоять в начале создаваемых имен файлов.
    • Кнопка Добавить масштаб. Нажмите кнопку «Добавить масштаб», чтобы добавить дополнительный масштаб/формат для экспорта.
    • Кнопка Удалить. Нажмите на значок «X», чтобы удалить тип выходного файла.
    • Стили.
      • iOS. Нажмите, чтобы добавить в наборы параметров типы выходных файлов, которые, как правило, требуются для проектов на устройствах iOS.
      • Android. Нажмите, чтобы добавить в наборы параметров типы выходных файлов, которые, как правило, требуются для проектов на устройствах Android.
  5. (Необязательно) Нажмите на значок «Настройки» (), чтобы указать параметры формата экспортируемых файлов.

  6. Нажмите кнопку «Экспорт монтажных областей» или «Экспорт ресурсов».

Панель «Экспорт ресурсов»

Выполняйте сбор и экспорт за считанные секунды.

На панели «Экспорт ресурсов» отображаются ресурсы, которые пользователь собрал из своей работы. Как правило, это ресурсы, которые требуется часто экспортировать.

Например, при разработке приложения для мобильных устройств дизайнеру пользовательского интерфейса может потребоваться часто перерисовывать обновленные значки и логотипы. Дизайнер может добавить эти значки и логотипы на панель «Экспорт ресурсов», а затем экспортировать их файлы разных форматов и размеров одним нажатием кнопки. 

AssetExport_panel
Панель «Экспорт ресурсов»

Сбор графического объекта для экспорта

Можно собирать объекты на панели «Экспорт ресурсов» для экспорта в качестве нескольких ресурсов или одного ресурса.

Сбор графических объектов для экспорта в качестве нескольких ресурсов

Web

Чтобы собрать объекты или слои для экспорта в качестве нескольких ресурсов, добавьте их на панель «Экспорт ресурсов» (Окно > Экспорт ресурсов). Выполните одно из следующих действий:

  • Перетащите объект на панель «Экспорт ресурсов».
  • Нажмите ресурс правой кнопкой мыши и выберите Сбор для экспорта > Как несколько ресурсов. Или выделите графический объект и нажмите значок Создать несколько ресурсов из выбранного объекта () на панели «Экспорт ресурсов».
  • Чтобы добавить выделенные слои на панели «Слои» в качестве ресурсов, нажмите значок «Сбор для экспорта» в нижней части панели «Слои».

Примечание.

Каждый объект, который пользователь перетащит на панель «Экспорт ресурсов», попадает в число «собранных». При этом не создается дубликат объекта в монтажной области или библиотеках CC Libraries. Если пользователь обновит объект в документе, на панели «Экспорт ресурсов» автоматически обновляется соответствующий ресурс.

Сбор графических объектов для экспорта в качестве одного ресурса

Web

Выполните одно из следующих действий:

  • Удерживайте клавишу Alt или Option при перетаскивании графического объекта на панель «Экспорт ресурсов».
  • Нажмите ресурс правой кнопкой мыши и выберите Сбор для экспорта > Как один ресурс. Или выделите графический объект, затем, удерживая клавишу Alt либо Option, нажмите значок Создать один ресурс из выбранного объекта () на панели «Экспорт ресурсов».

Экспорт ресурсов (рабочий процесс на панели «Экспорт ресурсов»)

Выполнение экспорта ресурсов на панели «Экспорт ресурсов»

  1. Нажмите Окно > Экспорт ресурсов, чтобы открыть панель «Экспорт ресурсов».

  2. Просмотрите собранные ресурсы на панели «Экспорт ресурсов». Граница указывает, выбран ли данный ресурс для экспорта или нет.

    Примечание.

    Экспортируются только ресурсы, отмеченные границей. Нажмите миниатюру, чтобы выделить или отменить выделение.

  3. Нажмите треугольник «Экспорт настроек» , чтобы просмотреть либо добавить форматы или размеры выходных файлов.

    • Масштаб. Укажите коэффициент масштабирования для выходного файла.
    • Суффикс. Укажите суффикс, чтобы выходные файлы имели уникальные имена.
    • Формат. Укажите формат выходного файла: .png, .svg, .jpg или .pdf
    • Кнопка Добавить масштаб. Нажмите кнопку, чтобы добавить дополнительный масштаб/формат для экспорта.
    • Кнопка Удалить. Нажмите на значок «X», чтобы удалить тип выходного файла.
    • Стили:
      • iOS. Нажмите, чтобы добавить в наборы параметров типы выходных файлов, которые, как правило, требуются для проектов на устройствах iOS.
      • Android. Нажмите, чтобы добавить в наборы параметров типы выходных файлов, которые, как правило, требуются для проектов на устройствах Android.
  4. (Необязательно) Во всплывающем меню выберите Настройки формата, чтобы указать параметры экспортируемых файлов.

  5. (Необязательно) Во всплывающем меню нажмите «Открыть местоположение после экспорта» для просмотра экспортируемых файлов сразу после выполнения процесса экспорта.

  6. Для создания файлов нажмите кнопку «Экспорт».

    При экспорте ресурсов программа Illustrator создает  подпапки в каталоге для экспорта по умолчанию (в зависимости от выбранных настроек масштабирования). К примеру, при выборе нескольких форматов масштабирования на панели «Экспорт ресурсов» — 1x 2x и 3x для экспорта файлов в формате PNG — Illustrator создает подпапки с именами 1x, 2x и 3x для экспортируемых файлов. Для форматов, которые не поддерживают параметры масштабирования, Illustrator именует подпапки на основе выбранного формата файлов: например, SVG и PDF. 

    Чтобы экспортировать файлы в папку без создания  подпапки, снимите флажок Создавать вложенные папки на панели «Экспорт ресурсов» или в диалоговом окне «Экспорт для экранов».

    Примечание.

    Чтобы изменить местоположение папки для экспорта ресурса или указать дополнительные данные (например, префикс файла), используйте диалоговое окно «Экспорт для экранов». Нажмите  , чтобы открыть диалоговое окно «Экспорт для экранов». Все параметры, заданные на панели «Экспорт ресурсов», сохраняются в диалоговом окне «Экспорт для экранов».

Настройки экспортируемых ресурсов

Параметры формата экспортируемых ресурсов

В диалоговом окне «Настройки формата» можно указать параметры для каждого типа файла, которые вы можете экспортировать в:

  • Чтобы открыть диалоговое окно «Настройки формата» нажмите значок «Настройки» в диалоговом окне «Экспорт для экранов».
  • На панели «Экспорт ресурсов» нажмите выпадающее меню и выберите «Настройки формата».
Укажите настройки формата в диалоговом окне «Настройки формата»
Укажите настройки формата в диалоговом окне «Настройки формата»

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет