Руководство пользователя Отмена

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

Примечание.

Модуль «Графические ресурсы» теперь находится в меню «Файл» > «Автоматизировать» > «Внешние модули генератора».

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

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

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

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

Чтобы лучше понять принцип работы генератора графических ресурсов, рассмотрим простой 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
Имена графических ресурсов формируются из имен слоев или группы слоев

Примечание.

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

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

Если вы работаете с облачным документом, ресурсы будут сохранены в каталоге «Деловые партнеры 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

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

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

Примечание.

Из содержимого слоя/группы слоев формируется один графический ресурс. Например, группа слоев AdventureCo Logo на приведенном выше снимке экрана содержит слой-фигуру и интерактивный текстовый слой. Эти слои сводятся при создании графического ресурса из группы слоев.

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

Созданные графические ресурсы в Photoshop
Сформированные графические ресурсы

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

Ресурсы 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.

Примечание.

Как показано, можно смешивать различные единицы измерения и пикселы при указании требуемого размера изображения вывода. Например, 4in x 100 Rounded_rectangle_3.jpg представляет собой допустимое имя слоя для создания ресурса.

Параметры для ресурсов 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.

Примечание.

Как показано, можно смешивать различные единицы измерения и пикселы при указании требуемого размера изображения вывода. Например, 4in x 100 Rounded_rectangle_3.png представляет собой допустимое имя слоя для создания ресурса.

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

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

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

Примечание.

Как показано, можно смешивать различные единицы измерения и пикселы при указании требуемого размера изображения вывода. Например, 4in x 100 Rounded_rectangle_3.gif представляет собой допустимое имя слоя для создания ресурса.

Параметры качества недоступны для ресурсов 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. Например, [папка_ресурсов]/hi-res//Delicious.jpg.

по умолчанию hi-res//@2x

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

по умолчанию 50 % lo-res/

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

по умолчанию hi-res//@2x + 50 % lo-res/

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

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

Коэффициенты масштабирования по умолчанию переопределяются коэффициентами масштабирования, указанными для отдельных слоев.

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

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

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

Команда меню «Файл» > «Автоматизировать» > «Внешние модули генератора» недоступна, если формирование графических ресурсов отключено в окне «Установки». Эту функцию можно включить повторно только в диалоговом окне Установки.

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

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

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

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

Похожие темы

Получайте помощь быстрее и проще

Новый пользователь?