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

Створення динамічної графіки

Використовуйте динамічну графіку для роботи з шаблонами, створеними у Photoshop

Ось сценарій для вас: 

Це ваш перший тиждень роботи, і вам потрібно створити п’‎ять версій веб-банера з різними текстами й зображеннями, використовуючи один шаблон дизайну.

Чи знаєте ви, що динамічна графіка — найкращий спосіб виконати роботу?

Виконайте ці загальні кроки, щоб створювати узгоджені проєкти з різними текстами й зображеннями за допомогою наборів даних:

  1. Створіть базовий графічний документ, що використовуватиметься як шаблон. 

    Використовуйте шари, щоб відокремити елементи, які потрібно змінити в графічному наповненні.

  2. Визначте змінні у графічному наповненні. Як відомо, змінні визначають частини зображення, які необхідно змінити.

  3. Створюйте або імпортуйте набори даних. Набори даних можна створювати безпосередньо в шаблонах або імпортувати їх із текстового файлу. 

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

  5. Створіть графічні документи, експортувавши файли з даними. Ми рекомендуємо використовувати формат Photoshop (PSD). 

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

Змінні

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

Змінна видимості показує або приховує вміст шару.

Змінні заміщення тексту використовують для заміни тексту в текстовому шарі.

Змінні заміщення пікселів використовують для заміни пікселів у шарі пікселями з іншого зображення.

Примітка.

Під час роботи з фоновим шаром призначити змінні неможливо. 

Робота зі змінною

  1. Перейдіть до Зображення > Змінні > Визначити.

  2. Виберіть потрібний шар зі спливаючого меню Шар зі вмістом, який потрібно визначити як змінну.

  3. Виділіть один або кілька типів змінних: Видимість, Заміна пікселіві Заміна тексту.

    Видимість: показує або приховує вміст шару або групи шарів

    Заміщення пікселів: замінює пікселі шару пікселями з іншого зображення

    Заміщення тексту: замінює текст у текстовому шарі

  4. Виконайте одну з таких дій:

    • Введіть ім’‎я для змінної в поле Ім’‎я. Імена змінних можуть починатися з літери, знака підкреслення чи двокрапки. Вони не можуть містити пробіли або спеціальні символи (за винятком крапок, дефісів, знаків підкреслення та двокрапок).

      Або

    • Виберіть наявну змінну з випадного меню Ім’‎я, щоб призначити її шару. Шари, яким призначено ту саму змінну, показані поруч із меню Ім’‎я разом зі значком посилання.

  5. Під час використання змінних Заміщення пікселів виконайте такі дії.

    1. Виберіть потрібний метод масштабування зображення для заміни:
      • Метод Припасування змінює розмір зображення, щоб припасувати його до рамки розміру, зберігаючи пропорції.
      • Метод Заливка змінює розмір зображення, заповнюючи рамку розміру, зберігаючи пропорції. Це може перекривати краї в одному вимірі.
      • Метод Як є зберігає розмір зображення для заміни. Він може перекривати краї в одному або обох вимірах. 
      • Метод Підтвердження змінює розмір зображення, заповнюючи рамку розміру. Вихідні пропорції можуть не зберегтися. 
    2. За допомогою піктограми вирівнювання можна вибрати спосіб вирівнювання під час розміщення зображення в рамці розміру. (У разі вибору параметру Підтвердження цей параметр недоступний.)
    3. Щоб обрізати частини зображення, що виходять за межі рамки розміру, слід вибрати параметр Обрізати за рамкою розміру. Цей параметр можна застосовувати лише в разі вибору методів заміщення Заливка або Як є. (Цей параметр недоступний для Підтвердження.)
    Метод «Припасування» змінює розмір зображення, підганяючи його під рамку розміру, зберігаючи пропорції.
    Метод «Припасування» змінює розмір зображення, підганяючи його під рамку розміру, зберігаючи пропорції.

  6. Щоб призначити змінні для іншого шару, виберіть цей шар у випадному меню Шари й виберіть OK.

    Поруч із іменем шару, який містить змінні, з'являється зірочка. Для переходів між шарами можна використовувати навігаційні стрілки.

Перейменування змінної

  1. Перейдіть до Зображення > Змінні > Визначити.

  2. У випадному меню Шари виберіть шар, що містить змінну.

  3. Щоб перейменувати змінну, введіть ім’‎я в текстовому полі Ім’‎я.

    Імена змінних мають починатися з літери, знака підкреслення чи двокрапки, та не повинні містити пробіли чи спеціальні символи (за винятком крапок, дефісів, знаків підкреслення та двокрапок).

  4. Скасуйте вибір змінної, щоб видалити її.

Набори даних

Набір даних — це набір змінних і пов’язаних із ними даних. Набір даних можна визначати для кожної новоствореної версії графічного файлу.

  1. Виконайте одну з таких дій:

    • Перейти до Зображення > Змінні > Набори даних

    Або

    • Якщо відкрите діалогове вікно Змінні, виберіть Набори даних з розкривного меню або виберіть Далі.
    Примітка.

    Перш ніж змінювати набір даних за замовчуванням, потрібно визначити принаймні одну змінну. 

  2. Натисніть кнопку «Новий набір даних» (), щоб створити новий набір даних на основі поточного.

  3. Виберіть змінну з розкривного списку Ім’я.

  4. Редагування змінних:

    • У разі змінних типу Видимість виберіть значення Видимий, якщо потрібно показати вміст шару, або Невидимий, якщо цей вміст потрібно приховати.

    • Для змінних Заміщення пікселів виберіть Вибрати файл, а потім файл зображення для заміни. Щоб залишити шар у поточному стані, перед застосуванням набору даних слід натиснути кнопку Не заміняти.

    Примітка.

    Команда Не заміняти не відновлює файл до вихідного стану, якщо перед цим було здійснено іншу заміну.

    • Для змінних типу Заміщення тексту уведіть текстовий рядок у текстове поле Значення.
  5. При створенні нових версій графічного файлу для кожної нової версії слід призначити додатковий набір даних.

Відредагуйте, перейменуйте або видаліть свій набір даних, вибравши його з меню Набір даних і відредагувавши параметри. Для переходів між наборами даних можна використовувати навігаційні стрілки. Щоб видалити набір даних, натисніть значок Видалити.

Перегляд і застосування набору даних

Застосовуйте вміст набору даних до основного зображення, навіть не змінюючи змінні й набори даних.

Це призведе до зміни подання зображення таким чином, щоб воно містило значення набору даних. Використовуйте параметр «Перегляд», щоб подивитися, який вигляд матимуть версії з кожним набором даних.

Перейдіть до Зображення > Застосувати набір даних для вибору набору даних зі списку та перегляду зображення у вікні документа.

Виберіть Застосувати, щоб застосувати набір даних. Натисніть кнопку Скасувати, якщо хочете лише здійснити попередній огляд і не хочете змінювати вихідне зображення.

Можна застосувати набори даних і переглянути результат застосування за допомогою команди Зображення > Змінні > Набори даних і встановивши прапорець Перегляд.

Примітка.

Застосування набору даних призводить до того, що вихідний документ перезаписується новим.

Створення графічних файлів за допомогою наборів даних

Визначивши змінні та один або більше наборів даних, можна створити вихідні зображення в пакетному режимі, використовуючи ці значення наборів даних. Створений результат буде як файли PSD.

  1. Перейдіть до Файл > Експортувати > Набори даних як файли.

  2. Введіть базове ім’я для всіх створених файлів. В разі потреби можна створити власну схему найменування файлів.
  3. Щоб вибрати розташування для збереження файлів, натисніть кнопку Вибрати теку.

  4. Виберіть набори даних для експорту й натисніть кнопку 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>
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>
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
{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
{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.

Імпорт набору даних

  1. Виконайте одну з таких дій:

    • Перейдіть до «Файл» > «Імпорт» > «Змінні дані об’єкта».

    Або

    • Перейдіть до «Зображення» > «Змінні» > «Набори даних» і скористайтеся кнопкою Імпорт, щоб перейти до текстового файлу для імпорту.
  2. Налаштуйте параметри імпорту.

    • Використовувати перший стовпець для назв наборів даних: як назви наборів даних використовується вміст першого стовпчика текстового файлу (значення першої змінної у списку). Інакше, набори даних іменуються таким чином: «Набір даних 1», «Набір даних 2» тощо.
    • Замінити наявні набори даних: усі поточні набори даних перед імпортом буде видалено
  3. Укажіть кодування текстового файлу або залиште значення «Автоматично», перш ніж вибирати OK.

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

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