Створіть базовий графічний документ, що використовуватиметься як шаблон.
Використовуйте шари, щоб відокремити елементи, які потрібно змінити в графічному наповненні.
Використовуйте динамічну графіку для роботи з шаблонами, створеними у Photoshop
Ось сценарій для вас:
Це ваш перший тиждень роботи, і вам потрібно створити п’ять версій веб-банера з різними текстами й зображеннями, використовуючи один шаблон дизайну.
Чи знаєте ви, що динамічна графіка — найкращий спосіб виконати роботу?
Виконайте ці загальні кроки, щоб створювати узгоджені проєкти з різними текстами й зображеннями за допомогою наборів даних:
Створіть базовий графічний документ, що використовуватиметься як шаблон.
Використовуйте шари, щоб відокремити елементи, які потрібно змінити в графічному наповненні.
Визначте змінні у графічному наповненні. Як відомо, змінні визначають частини зображення, які необхідно змінити.
Створюйте або імпортуйте набори даних. Набори даних можна створювати безпосередньо в шаблонах або імпортувати їх із текстового файлу.
Попередньо перегляньте документ із кожним набором даних. Перед експортуванням файлу перевірте попередній перегляд щоб дізнатися, який вигляд матиме остаточне зображення.
Створіть графічні документи, експортувавши файли з даними. Ми рекомендуємо використовувати формат Photoshop (PSD).
Змінні використовують для того, щоб визначити, які елементи шаблону підлягають зміні. Можна визначати три типи змінних.
Змінна видимості показує або приховує вміст шару.
Змінні заміщення тексту використовують для заміни тексту в текстовому шарі.
Змінні заміщення пікселів використовують для заміни пікселів у шарі пікселями з іншого зображення.
Під час роботи з фоновим шаром призначити змінні неможливо.
Перейдіть до Зображення > Змінні > Визначити.
Виберіть потрібний шар зі спливаючого меню Шар зі вмістом, який потрібно визначити як змінну.
Виділіть один або кілька типів змінних: Видимість, Заміна пікселіві Заміна тексту.
Видимість: показує або приховує вміст шару або групи шарів
Заміщення пікселів: замінює пікселі шару пікселями з іншого зображення
Заміщення тексту: замінює текст у текстовому шарі
Виконайте одну з таких дій:
Введіть ім’я для змінної в поле Ім’я. Імена змінних можуть починатися з літери, знака підкреслення чи двокрапки. Вони не можуть містити пробіли або спеціальні символи (за винятком крапок, дефісів, знаків підкреслення та двокрапок).
Або
Виберіть наявну змінну з випадного меню Ім’я, щоб призначити її шару. Шари, яким призначено ту саму змінну, показані поруч із меню Ім’я разом зі значком посилання.
Під час використання змінних Заміщення пікселів виконайте такі дії.
Щоб призначити змінні для іншого шару, виберіть цей шар у випадному меню Шари й виберіть OK.
Поруч із іменем шару, який містить змінні, з'являється зірочка. Для переходів між шарами можна використовувати навігаційні стрілки.
Перейдіть до Зображення > Змінні > Визначити.
У випадному меню Шари виберіть шар, що містить змінну.
Щоб перейменувати змінну, введіть ім’я в текстовому полі Ім’я.
Імена змінних мають починатися з літери, знака підкреслення чи двокрапки, та не повинні містити пробіли чи спеціальні символи (за винятком крапок, дефісів, знаків підкреслення та двокрапок).
Скасуйте вибір змінної, щоб видалити її.
Набір даних — це набір змінних і пов’язаних із ними даних. Набір даних можна визначати для кожної новоствореної версії графічного файлу.
Виконайте одну з таких дій:
Або
Перш ніж змінювати набір даних за замовчуванням, потрібно визначити принаймні одну змінну.
Натисніть кнопку «Новий набір даних» (), щоб створити новий набір даних на основі поточного.
Виберіть змінну з розкривного списку Ім’я.
Редагування змінних:
У разі змінних типу Видимість виберіть значення Видимий, якщо потрібно показати вміст шару, або Невидимий, якщо цей вміст потрібно приховати.
Для змінних Заміщення пікселів виберіть Вибрати файл, а потім файл зображення для заміни. Щоб залишити шар у поточному стані, перед застосуванням набору даних слід натиснути кнопку Не заміняти.
Команда Не заміняти не відновлює файл до вихідного стану, якщо перед цим було здійснено іншу заміну.
Відредагуйте, перейменуйте або видаліть свій набір даних, вибравши його з меню Набір даних і відредагувавши параметри. Для переходів між наборами даних можна використовувати навігаційні стрілки. Щоб видалити набір даних, натисніть значок Видалити.
Застосовуйте вміст набору даних до основного зображення, навіть не змінюючи змінні й набори даних.
Це призведе до зміни подання зображення таким чином, щоб воно містило значення набору даних. Використовуйте параметр «Перегляд», щоб подивитися, який вигляд матимуть версії з кожним набором даних.
Перейдіть до Зображення > Застосувати набір даних для вибору набору даних зі списку та перегляду зображення у вікні документа.
Виберіть Застосувати, щоб застосувати набір даних. Натисніть кнопку Скасувати, якщо хочете лише здійснити попередній огляд і не хочете змінювати вихідне зображення.
Можна застосувати набори даних і переглянути результат застосування за допомогою команди Зображення > Змінні > Набори даних і встановивши прапорець Перегляд.
Застосування набору даних призводить до того, що вихідний документ перезаписується новим.
Визначивши змінні та один або більше наборів даних, можна створити вихідні зображення в пакетному режимі, використовуючи ці значення наборів даних. Створений результат буде як файли PSD.
Перейдіть до Файл > Експортувати > Набори даних як файли.
Щоб вибрати розташування для збереження файлів, натисніть кнопку Вибрати теку.
Виберіть набори даних для експорту й натисніть кнопку OK.
Щоб швидко створити значну кількість наборів даних, можна створити зовнішній текстовий файл, що міститиме всю інформацію про змінні, та завантажити цей файл у PSD-документ, що містить змінні.
В цьому методі слід увести необхідні дані в текстовий файл або електронну таблицю Microsoft Excel та експортувати його у файл із комою у якості розділювача (формат CSV) або у файл зі знаком табуляції у якості розділювача.
Дотримуйтеся такого синтаксису для зовнішнього текстового файлу (причому кожен рядок у цьому файлі, що починається зі «Змінна» або «Значення», є закінченим рядком):
VariableName1<sep>VariableName2<sep> <sep>VariableNameN <nl> Value1-1<sep>Value2-1<sep><sep>ValueN-1<nl> Value1-2<sep>Value2-2<sep><sep>ValueN-2<nl> Value1-M<sep>Value2-M<sep><sep>ValueN-M<nl>
Всі імена змінних перелічені в першому рядку, в порядку їх розташування у наступних рядках. Кожен наступний рядок позначає один набір даних зі значеннями для кожної відповідної змінної.
Щоб створити групу текстових рядків у одному рядку тексту набору даних, потрібно взяти текст у подвійні лапки та вставити примусовий розрив рядка у файлі, розділеному комами або символами табуляції, у місце, де потрібно зробити розрив.
Зовнішній текстовий файл | Синтаксичні елементи |
<sep> |
Як у файлі з комою у якості розділювача (формат CSV), так і у файлі зі знаком табуляції у якості розділювача, розділяє усі назви змінних або значень між собою |
<nl> |
Символ нового рядка, що закінчує кожен набір даних, може бути символ переведення рядка, повернення каретки, або обидва одночасно |
«true» і «false» |
Допустимі значення змінної видимості |
Пробіли |
Під час синтаксичного аналізу файлу пробіли навколо роздільників буде видалено. Між словами в рядку значень (наприклад, two of a kind) пробіли буде збережено, а щоб зберегти пробіли на початку та наприкінці рядка, потрібно взяти значення в лапки (наприклад, “one kind ”) |
Лапки |
Можуть входити в склад значення, якщо їх узято ще в одні лапки (наприклад, «B» буде використовуватися в наборі даних як значення «B»). |
Якщо <sep> або <nl> є частиною складу змінної, тоді вам потрібно взяти все значення в лапки.
Усі змінні, визначені у вашому PSD-файлі, мають бути визначені в текстовому файлі, або якщо існує невідповідність між кількістю змінних у текстовому файлі та у вашому документі, відобразиться повідомлення про помилку.
Створіть текстовий файл за допомогою шаблону для квітів, у якому зберігаються змінні для тюльпанів і соняшників. Це може бути, як показано тут:
{contents of FlowerShow.txt} Змінна 1, Змінна 2, Змінна 3 true, TULIP, c:\My Documents\tulip.jpg false, SUNFLOWER, c:\My Documents\sunflower.jpg false, CALLA LILY, c:\My Documents\calla.jpg true, VIOLET, c:\My Documents\violet.jpg
Якщо текстовий файл знаходиться у тій самій папці, що й файл зображення, можна вказувати відносний шлях до файлу зображення. Скажімо, остання частина в цьому прикладі може виглядати таким чином: true, VIOLET, violet.jpg.
Виконайте одну з таких дій:
Або
Налаштуйте параметри імпорту.
Укажіть кодування текстового файлу або залиште значення «Автоматично», перш ніж вибирати OK.