Створіть або відкрийте документ із остаточними розмірами в пікселях та роздільною здатністю, які потрібні для експорту (наприклад, 1080 × 1080 для квадратного зображення в соціальних мережах).
Дізнайтеся, як підготувати шаблон Adobe Photoshop (.psd) із тегами об’єднання даних і передати його до вузла «Об’єднання даних Photoshop».
Використовуйте Workflow Builder для створення результатів на основі зображень і даних у великих масштабах, підготувавши шаблон Adobe Photoshop (.psd) із тегами Злиття даних і передавши його до вузла Об’єднання даних Photoshop.
Що робить вузол «Об’єднання даних Photoshop»
Вузол «Об’єднання даних Photoshop» працює за тим самим принципом, що й об’єднання даних в InDesign: ви зберігаєте фіксований дизайн (шаблон PSD) і замінюєте змінний вміст для кожного запуску процесу.Замість заповнювачів <<Ім’я поля>> у InDesign, шаблони Photoshop у Workflow Builder використовують позначення {{FieldName}}, щоб позначити те, що можна замінити.Коли PSD передається, ці теги розпізнаються автоматично й відображаються як вхідні порти на вузлі, щоб ви могли підключити текст, зображення та інші результати процесу до дизайну.
Типові випадки використання включають локалізовані креативи для соціальних мереж, головні зображення для роздрібної торгівлі з динамічним текстом, знімки продуктів із змінними етикетками та будь-які растрові результати, де макет залишається незмінним, але текст і зображення змінюються.
Позначення замінного вмісту в Photoshop
Workflow Builder шукає теги з подвійними дужками: {{tagName}}.Рядок усередині дужок (наприклад, heading, sub-heading, background) стає назвою вхідного порту на вузлі Об’єднання даних Photoshop після передавання файлу.
Текстові шари
- Поставте тег у текстовому вмісті – введіть {{heading}} (або назву свого тегу) безпосередньо в тексті на полотні.Під час об’єднання цей рядок можна замінити новим текстом, наданим через процес.
- Поставте тег у назві шару – або назвіть сам шар, використовуючи тег (наприклад, текстовий шар із назвою {{heading}}).Використовуйте один підхід для кожного поля послідовно, щоб документ залишався легким для читання на панелі «Шари».
Будь-який метод може визначити замінне текстове поле; виберіть той, який відповідає вашим конвенціям найменування шарів.
Smart Objects і шари зображень
Для шарів, які повинні отримати нове зображення (включно з Smart Objects і шарами растрових зображень), помістіть {{tag}} у назву шару.Крок об’єднання використовує назву шару, щоб визначити, який ресурс із процесу повинен замінити пікселі цього шару.
Приклад: шар «Смарт-об’єкт» із назвою {{background}} відповідає порту з назвою background для надання фонового зображення для кожного запуску.
Статична ілюстрація (наприклад, логотип) може залишатися звичайним шаром без тегу, якщо вона не повинна змінюватися.
Приклад макета
На знімку екрана нижче показано квадратне полотно з трьома замінними областями: два текстові теги в тексті ({{heading}}, {{sub-heading}}) і смарт-об’єкт із шаром з ім’ям {{background}}.
Панель «Шари» (підсумок): текстові шари «Заголовок» і «Підзаголовок» містять рядки тегів у тексті; фоновий смарт-об’єкт використовує {{background}} як ім’я шару.
Перш ніж почати
- Використовуйте Adobe Photoshop для створення PSD-файлу.Підтримуйте шрифти й вбудовані або пов’язані ресурси відповідно до того, що дозволяє ваша організація в Workflow Builder.
- Якщо ви новачок у збірці на основі даних у Photoshop, перегляньте Створення вбудованих смарт-об’єктів у посібнику користувача Photoshop для загального контексту щодо використання смарт-об’єктів та іменування шарів (Workflow Builder використовує конвенцію {{tag}}, описану тут для злиття).
- Для паралельного процесу макетування сторінок в InDesign перегляньте Злиття даних (InDesign) та Злиття даних InDesign.
Визначити теги
Перелічіть кожен фрагмент вмісту, який має змінюватися між запусками: заголовки, підзаголовки, фонові зображення, фотографії продукту тощо.Для кожного виберіть унікальну назву тегу (без пробілів у самому тегу; використовуйте sub-heading або subheading замість sub heading).
Ці імена стануть іменами портів на вузлі після передавання, тому робіть їх короткими, унікальними та стабільними в різних версіях шаблонів, коли це можливо.
Створіть шаблон Photoshop
Додайте текстові шари та введіть {{yourTag}} у текст або назвіть шар {{yourTag}}, дотримуючись правил у розділі Позначення замінного вмісту вище.
Для смарт-об’єктів або шарів зображень, які мають змінюватися під час кожного запуску, установіть назву шару як {{yourTag}} (наприклад, {{background}}).
Залиште незмінні шари (логотипи, юридичні рядки, фони, які ніколи не змінюються) без позначок.
Збережіть файл .psd.
Переглядайте файл у Photoshop, щоб переконатися, що текст поміщається, а розумні об’єкти масштабуються належним чином; виправте переповнення або обрізання перед передаванням.
Передайте шаблон до вузла
У конструкторі процесів додайте вузол Об’єднати дані Photoshop на полотно.
Відкрийте вузол і скористайтеся функцією Передати шаблон (або відповідним елементом керування), щоб вибрати файл .psd.
Виконайте всі додаткові кроки, які потребує вузол (наприклад, користувацькі шрифти, якщо шаблон використовує нестандартні накреслення).
Дочекайтеся перевірки.Після успішного завершення визначені позначки з’являються як вхідні порти, які можна під’єднати.
Якщо перевірка не вдається, прочитайте помилку: поширені проблеми включають неправильно сформовані теги (невідповідні дужки), дублікати назв тегів там, де потрібна унікальність, або відсутні шрифти.
Налаштуйте параметри та підключіть процес
Після перевірки шаблону:
- Підключіть кожен порт до попереднього вузла, який надає правильний тип (текст для текстових тегів, зображення для тегів зображень або Smart Object), або введіть статичне значення там, де вузол це дозволяє.
- Установіть параметри вихідних даних у вузлі (наприклад, jpeg / PNG та якість) відповідно до ваших вимог щодо надання результатів.
- Підключіть вихід зображення (або файлу) вузла до вузла попереднього перегляду, вихідного вузла або подальшої обробки.
Непідключені теги можуть поводитися як порожні входи або зберігати стандартні параметри документа – підтвердьте поведінку в збірці, якщо навмисно залишаєте порт непідключеним.
Перетворюйте текст на ілюстрації в Adobe Firefly
Створюйте приголомшливі зображення й відеокліпи з текстових запитів за допомогою генеративного ШІ.