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

Додавання розширень файлів до назв шарів запускає генератор 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.

Вимкнути створення ресурсів

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

Щоб вимкнути створення ресурсів для поточного документа, скасуйте вибір Файл > Автоматизація > Плагіни генератора > Ресурси зображень.Це зупиняє автоматичне створення ресурсів, але зберігає всі наявні ресурси та назви шарів.

Щоб вимкнути генератор для всіх документів одразу, виберіть Редагування > Параметри > Додаткові модулі, скасуйте вибір параметра Увімкнути генератор і натисніть OK.Це повністю вимикає функції генератора, доки ви не увімкнете їх знову в параметрах.