Посібник користувача Скасувати

Створення ресурсів зображення із шарів

Примітка.

Ресурси зображення тепер містяться в розділі Файл > Автоматизація > Зовнішні модулі генератора.

Ви можете створювати ресурси зображення 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»:

  • 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%
  • Додайте перед іменем ресурсу потрібне значення розміру зображення (відносне або в підтримуваних форматах: px, in, cm і mm). 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
  • Додайте перед іменем ресурсу потрібне значення розміру зображення (відносне або в підтримуваних форматах: px, in, cm і mm). 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

  • Додайте перед іменем ресурсу потрібне значення розміру зображення (відносне або в підтримуваних форматах: px, in, cm і mm). Наприклад:
    • 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 пікселів, як 90% якості jpg
  • Foo Bar Baz.gif у підпапці Quux, із масштабом 250%, як gif.

Визначення стандартних параметрів для ресурсів

Ви можете вказати стандартні параметри для створених ресурсів, що поширюватимуться на всі документи. Виконайте такі дії:

  1. Створіть порожній шар у документі.
  2. Розпочніть назву шару з ключового слова default. Тепер введіть налаштування, які потрібно застосувати до всіх ресурсів зображень, створених із документа. Наприклад:

default hi-res/

Створює всі ресурси зображень у підпапці з назвою hi-res. Наприклад: [папка_ресурсу]/hi-res/Delicious.jpg.

default hi-res/@2x

Створює всі ресурси зображень у підпапці з назвою hi-res. Крім цього, додає префікс до назви ресурсу: @2x. Наприклад, [папка_ресурсу]/hi-res/Delicious@2x.jpg.

default 50% lo-res/

Зберігає ресурси зображення, зменшені на 50%, у підпапку lo-res у папці ресурсу документа 

default hi-res/@2x + 50% lo-res/

Створює 2 ресурси зображення з одного шару:

  • У підпапці hi-res ресурс зображення, назва якого містить суфікс @2x
  • У підпапці lo-res ресурс зображення, зменшений на 50%
Примітка.

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

Вимкнення створення ресурсів зображення для всіх документів

У меню «Параметри» можна вимкнути створення ресурсів зображення для всіх документів Photoshop.

  1. Виберіть Редагувати > Параметри > Зовнішні модулі.
  2. Зніміть прапорець Увімкнути генератор.
  3. Натисніть OK.
Примітка.

Якщо створення ресурсів зображення вимкнуто в меню Параметри, команда меню Файл > Автоматизація > Зовнішні модулі генератора буде недоступна. Цю функцію можна знову ввімкнути лише в діалоговому вікні Параметри.

Меню зовнішніх модулів генератора

До випуску Photoshop за липень 2024 року для настільного комп’ютера версії 25.11 зовнішні модулі генератора було розміщено в меню Файл > Створити.

Усі модулі генератора, включно із зовнішнім модулем Ресурси зображення, можна знайти в меню Файл > Автоматизація > Зовнішні модулі генератора.  Цю зміну було виконано, щоб поліпшити чіткість назви підменю та відрізняти його від нових генеративних функцій, як-от Створити зображення

Поширені запитання

Інші схожі теми

Отримуйте допомогу швидше й простіше

Новий користувач?