Формирование графических ресурсов из слоев

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

Этот рабочий процесс лучше всего подходит, когда вам нужен единообразный повторяемый экспорт в нескольких форматах или разрешениях — например, при создании версий @1x, @2x и @3x для адаптивного дизайна.Для разового экспорта или если вам нужны элементы управления для конкретного формата, используйте вместо этого Файл > Экспорт > Экспорт как…

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

• Документ Photoshop с именованными слоями или группами слоев
• Документ сохранён в известном расположении (иначе ресурсы появятся на рабочем столе)
• Понимание необходимых выходных форматов для вашего проекта

Включить создание ресурсов изображений

Photoshop создает файл изображения во вложенной папке рядом с сохраненным документом. Если вы еще не сохранили документ, ресурсы появятся в новой папке на рабочем столе. Генератор остается активным — любые изменения в слоях с включенным Генератором автоматически обновляют соответствующие ресурсы.

Создайте несколько форматов из одного слоя

Один слой может одновременно создавать ресурсы в разных форматах, размерах и с разными уровнями качества. Разделяйте каждую спецификацию ресурса в имени слоя запятой или знаком плюс.

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

Управление качеством и масштабом ресурсов для разных экранов

Суффиксы качества управляют сжатием файлов JPG (1–100) и глубиной цвета файлов PNG (8, 24 или 32). Префиксы размера принимают процентные значения для относительного масштабирования или абсолютные значения в пикселях. Можно использовать разные единицы измерения — например, "10in x 5cm banner.jpg" — и не указывать одно из измерений для пропорционального масштабирования: "1080 x icon.png" задает ширину 1080 пикселей с сохранением пропорций.

Примеры относительного масштабирования:

200% logo.png увеличивает размер ресурса в два раза

50% thumbnail.jpg уменьшает размер ресурса наполовину

Примеры абсолютного масштабирования:

300 x 200 hero.png создает изображение размером 300×200 пикселей

10in x 5cm banner.jpg использует разные единицы измерения (ширина 10 дюймов, высота 5 сантиметров)

1080 x icon.png задает ширину 1080 пикселей, высота масштабируется пропорционально

Организация ресурсов в подпапках

По умолчанию все созданные ресурсы сохраняются в одной папке рядом с файлом PSD. Если добавить имя подпапки перед именем файла, генератор автоматически создаст и будет использовать эту подпапку. Это позволяет упорядочить связанные ресурсы без необходимости вручную управлять папками.

Укажите путь к подпапке в имени слоя с помощью прямых слэшей: subfolder/filename.png или icons/logo.svg. Можно вкладывать несколько уровней: assets/icons/logo.png.

Экспортировать ресурсы в определенные папки

Photoshop автоматически создает структуру папок и помещает каждый ресурс в назначенное место. Сочетание вложенных папок с префиксами размера и настройками качества обеспечивает полный контроль над организацией ресурсов: mobile/200% button@2x.png, desktop/button.jpg90.

Задать общие настройки документа

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

Создайте пустой слой и назовите его, начав с «default», а затем укажите нужные настройки.Среди распространённых конфигураций — «default 200%» для масштабирования всех ресурсов до 200%, «default assets/» для сохранения всего в подпапке assets или «default @2x» для добавления суффикса @2x ко всем именам файлов.

Можно объединить несколько настроек по умолчанию: "default 200% retina/ @2x" масштабирует все ресурсы до 200%, сохраняет их в подпапке retina и добавляет суффикс @2x к именам файлов. Настройки отдельного слоя имеют приоритет над настройками документа по умолчанию — если по умолчанию указано "default 200%", но имя слоя содержит "50% thumbnail.png", этот слой будет сгенерирован с масштабом 50%.

Работа с облачными документами

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

Ресурсы для облачных документов отображаются в следующих расположениях:

• Windows: C:\Usersusername>\Documents\Adobe\Photoshop Cloud Associates
• macOS: /Users//Documents/Adobe/Photoshop Cloud Associates

Каждый облачный документ создает собственную подпапку в этом каталоге. Ресурсы создаются автоматически по мере работы, но остаются на локальном компьютере, пока вы явно не предоставите к ним доступ или не синхронизируете их в Creative Cloud.

Отключить генерацию ресурсов

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

Чтобы отключить генерацию для текущего документа, снимите флажок File > Automate > Generator Plugins > Image Assets.Это остановит автоматическое создание ресурсов, но сохранит все существующие ресурсы и имена слоев.

Чтобы отключить Генератор глобально во всех документах, выберите Редактирование > Установки > Подключаемые модули, снимите флажок Включить Генератор и выберите ОК. Это полностью отключает функциональность Генератора, пока вы не включите её снова в Установках.