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

Можно создавать графические ресурсы JPEG, PNG, GIF или SVG из содержимого слоя или группы слоев в PSD-файле. Ресурсы автоматически формируются при добавлении поддерживаемого расширения формата изображения к имени слоя или группы слоев. При желании можно также указать качество и размер для формируемых графических ресурсов.

Формирование графических ресурсов из PSD-файла особенно полезно в сфере веб-дизайна для нескольких устройств.

Инструкции по созданию и экспорту веб-графики см. в документе Экспорт файлов Photoshop в различных форматах.

Чтобы лучше понять принцип работы генератора графических ресурсов, рассмотрим простой PSD-файл (загрузите его по этой ссылке) со следующей иерархией слоев:

Иерархия слоев для этого файла имеет две группы слоев: Rounded_rectangles (Прямоугольники со скругленными углами) и Ellipses (Эллипсы). Каждая из этих групп слоев содержит пять слоев.

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

1. Откройте PSD-файл и выберите «Файл» > «Автоматизировать» > «Внешние модули генератора» > «Графические ресурсы».
2. Добавьте соответствующие расширения форматов файлов (.jpg, .png, .gif или .svg) к названиям слоев или групп слоев, из которых требуется сформировать графические ресурсы. Например, переименуйте группы слоев, Rounded_rectangles и Ellipses в Rounded_rectangles.jpg и Ellipses.png; а слой Ellipse_4 в Ellipse_4.gif.

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

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

Если вы работаете с облачным документом, ресурсы будут сохранены в каталоге «Деловые партнеры Photoshop Cloud»:

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

Формирование нескольких ресурсов из слоя или группы слоев

Чтобы сформировать несколько ресурсов из слоя или группы слоев, разделяйте имена ресурсов запятыми. Например, следующее имя слоя формирует три ресурса:

Ellipse_4.jpg, Ellipse_4b.png, Ellipse_4c.png

Сохранение ресурсов во вложенной папке

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

[вложенная папка]/Ellipse_4.jpg 

Пример использования для веб-дизайна

Формирование графических ресурсов из PSD-файла особенно полезно в сфере веб-дизайна для нескольких устройств. Рассмотрим следующий пример веб-дизайна и его структуру слоев:

Давайте извлечем значок сверху и верхнюю строку таблицы изображений Global Hotspots (Глобальные точки доступа) в качестве графических ресурсов изображения:

• добавьте расширения графических форматов к соответствующим именам слоев.

Переименование соответствующих слоев или групп слоев

Photoshop формирует ресурсы и сохраняет их в том же местоположении, что исходный PSD-файл.

Указание параметров качества и размера

Ресурсы JPEG по умолчанию формируются с качеством 90 %. Ресурсы PNG по умолчанию формируются как 32-битные изображения. Ресурсы GIF формируются с базовой прозрачностью альфа-канала.

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

Параметры для ресурсов JPEG

• Добавьте нужное качество вывода в качестве суффикса к имени ресурса: .jpg(1–10) или .jpg(1–100 %). Например:
  • Ellipse_4.jpg5
  • Ellipse_4.jpg50%
• Добавьте желаемый размер выходного изображения (относительный или в поддерживаемых форматах: пикселы, дюймы, см и мм) в качестве префикса к имени ресурса. Photoshop масштабирует изображение соответствующим образом. Например:
  • 200% Ellipse_4.jpg
  • 300 x 200 Rounded_rectangle_3.jpg
  • 10in x 200mm Rounded_rectangle_3.jpg
    

Примечание. Обязательно добавьте пробел между префиксом и именем ресурса. Если размер указывается в пикселах, можно пропустить единицу измерения. Например, 300 x 200.

Параметры для ресурсов PNG

• Добавьте нужное качество вывода в качестве суффикса к имени ресурса: 8, 24 или 32. Например:
  • Ellipse_4.png24
• Добавьте желаемый размер выходного изображения (относительный или в поддерживаемых форматах: пикселы, дюймы, см и мм) в качестве префикса к имени ресурса. Photoshop масштабирует изображение соответствующим образом. Например:
  • 42% Ellipse_4.png
  • 300mm x 20cm Rounded_rectangle_3.png
  • 10in x 50cm Rounded_rectangle_3.png

Примечание. Обязательно добавьте пробел между префиксом и именем ресурса. Если размер указывается в пикселах, можно пропустить единицу измерения. Например, 300 x 200.

Параметры для ресурсов GIF

• Добавьте желаемый размер выходного изображения (относительный или в поддерживаемых форматах: пикселы, дюймы, см и мм) в качестве префикса к имени ресурса. Например:
  • 42% Ellipse_4.gif
  • 300mm x 20cm Rounded_rectangle_3.gif
  • 20in x 50cm Rounded_rectangle_3.gif

Примечание. Обязательно добавьте пробел между префиксом и именем ресурса. Если размер указывается в пикселах, можно пропустить единицу измерения. Например, 300 x 200.

Параметры качества недоступны для ресурсов GIF.

Создание сложных имен слоев

Присваивая имя слою для формирования ресурсов, можно указать несколько имен ресурсов с параметрами. Например:

120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif

Photoshop формирует следующие ресурсы из этого слоя:

• Delicious.jpg (изображение JPG с качеством 8 и масштабом 120 %)
• Delicious.png (24-битное изображение PNG с масштабом 42 %)
• Delicious_2.jpg (изображение JPG с качеством 90 %, которое имеет абсолютный размер 100x100 пикс.)
• Delicious.gif (изображение GIF с масштабом 250 %)

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

Подходящие примеры абсолютного масштабирования

• 100x80 foo.png (простое абсолютное масштабирование)
• 80 x 100px foo.png (пробелы между значениями длины)
• 4in x100 foo.png (сочетание значений с единицами и без единиц)
• 90mm x120cm foo.png (смесь различных единиц)
• 100x? foo.png (подстановочный знак)
• ?x60in foo.png (подстановочный знак в начале)

Неподходящие примеры абсолютного масштабирования

• 100x100foo.png (без пробела перед именем файла)
• 80x100 60% foo.png (сочетание абсолютного и относительного масштабирования)
• 50% 80x100 foo.png (сочетание абсолютного и относительного масштабирования)
• 20in cm x50cm foo.png  (несколько разных единиц)
• 30nm x20 nano.png  (недопустимые единицы)

Форматирование и разделение нескольких файлов

Подходящие примеры

• Layer 1.png (пробел в имени файла разрешен - позволяет получить один файл с названием «Layer 1.png»)
• Layer 1.png,Layer 2.jpg (запятая в качестве разделителя)
• Layer 1.png, Layer 2.jpg (запятая с пробелом в качестве разделителя)
• Layer 1.png+Layer 2.jpg (знак «плюс» в качестве разделителя)
• Layer 1.png + Layer 2.jpg (знак «плюс» с пробелом в качестве разделителя)

Объединение файлов

100% Delicious, 42% Layer 1.png24 + 100x100 Layer.jpg-90% , 250% Quux/Foo Bar Baz.gif дает три файла (строка «100% Delicious» игнорируется, поскольку она не является именем файла):

• Layer 1.png, при масштабировании 42%, в виде 24-битного файла png
• Layer.jpg, с абсолютным размером 100x100 пикселей, в виде файла jpg с уровнем качества 90%
• Foo Bar Baz.gif во вложенной папке Quux, с масштабом 250%, в формате gif.

Настройка параметров по умолчанию для ресурсов

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

1. Создайте пустой слой в документе.
2. Начните имя слоя с ключевого слова по умолчанию. Теперь введите параметры, которые требуется применить ко всем графическим ресурсам, созданным из документа. Например:
   

Создает все графические ресурсы во вложенной папке hi-res. Например, [папка_ресурсов]/hi-res//Delicious.jpg.

Создает все графические ресурсы во вложенной папке hi-res. Кроме того, к именам ресурсов добавляется суффикс @2x. Например, [папка_ресурсов]/hi-res//Delicious@2x.jpg.

Сохраняет графические ресурсы, уменьшенные на 50 % во вложенной папке lo-res в папке ресурсов документа 

Создает два графических ресурсов изображений из слоя:

• Во вложенной папке hi-res сохраняется графический ресурс, к имени которого добавляется суффикс @2x
• Во вложенной папке lo-res сохраняется графический ресурс, уменьшенный на 50 %
  

Отключение формирования графических ресурсов изображений для всех документов

Можно отключить формирование графических ресурсов глобально для всех документов Photoshop в окне Установки.

1. Выберите Редактирование > Установки > Внешние модули.
2. Снимите флажок Включить Генератор.
3. Нажмите кнопку ОК.

Меню «Внешние модули генератора»

До выхода Photoshop для настольных ПК за июль 2024 года версии 25.11 внешние модули генератора располагались в меню «Файл» > «Генерировать».

Теперь все внешние модули генератора, включая внешний модуль по умолчанию «Графические ресурсы», находятся в меню «Файл» > «Автоматизировать» > «Внешние модули генератора».Цель этого изменения — сделать название подменю понятнее и отделить его от новых генеративных функций, таких как «Создать изображение».

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