Бічна панель кривих анімації

За допомогою бічної панелі кривих анімації Krita надає змогу художникам анімувати (змінювати) значення деяких властивостей у часі.

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

Оскільки більшість речей можна звести до числових значень (наприклад, непрозорості у відсотках або координат розташування маски перетворення), і оскільки комп’ютери чудово пораються із математичними обчисленнями та автоматизацією, ми можемо накреслити і візуалізувати зміни у значення з часом у вигляді простого двовимірного графіка. Крім того, ми можемо також намалювати лінії і криві, які показують комп’ютеру, у який спосіб ми хочемо обчислювати значення між значеннями у ключових кадрах. Ця методика відома під назвою «інтерполяція» або твінінг.

Огляд

Якщо показано на наведеному вище зображенні, бічна панель кривих анімації Krita складається з таких частин:

1. Допоміжні інструменти — ліва частина панелі інструментів надає аніматорам пришвидшений доступ до усіх віджетів, які є критичними для робочого процесу; керування переходами (кнопки «Назад», «Пуск/Пауза», «Стоп» і «Далі»), лічильник кадрів, елементи керування попереднім переглядом (швидкість і відкидання кадрів), кнопки для додавання і вилучення скалярних ключових кадрів, кнопки для зміни режиму інтерполяції і режиму дотичних позначеного ключового кадру, панелі для встановлення вказаного значення для позначеного ключового кадру, а також кнопки, які допоможуть у масштабуванні та навігації основною панеллю графіка.

2. Параметри — хоча усі важливі елементи керування представлено безпосередньо, у правому кінці панелі інструментів також містяться кнопки для відкриття підменю для речей, подібних до кальки або параметрів, які ви можете встановити і забути (наприклад, діапазону відтворення, частоти кадрів та режиму автоматичних ключових кадрів).

3. Список каналів — у цьому розділі показано різноманітні канали поточного шару, які анімуються на бічній панелі кривих анімації. Кожен незалежний канал пов’язано із унікальним кольором, і його показ на панелі графіка можна вимкнути або увімкнути натисканням піктограми із зображенням ока.

4. Панель графіка — останньою, але не найменш важливою, є панель графіка, великий графік зміни значень із часом, який використовують для анімування значень параметрів з часом. Коли на поточному каналі додається ключовий кадр, його пункт з’являється як кольорове коло на панелі графіка. Після клацання на ключовому кадрі з метою його позначення ви можете змінити значення перетягуванням кола у вертикальному напрямку або введенням певного значення у поле значення на панелі інструментів. Так само, ви можете змінити час позначеного кадру перетягуванням кола у горизонтальному напрямку. Нарешті, ви можете позначити ключовий кадр за допомогою Інтерполяції кривою Безьє. Натискання відповідної кнопки призведе до появи одного або декількох засобів керування кривою. Ними можна скористатися для зміни форми кривої інтерполяції за часовою координатою.

Непрозорість анімації

Починаючи з версії Krita 5, бічною панеллю кривих анімації можна скористатися для анімування непрозорості шару і, за допомогою маски перетворення, його розташування, обертання, масштабування та перекошування.

Попередження

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

Спочатку розгляньмо анімацію непрозорості шару:

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

Після позначення шару, непрозорість якого ви хочете анімувати, вам слід вибрати кадр моменту часу, з якого слід розпочати зміну клацанням десь на часовому заголовку кадру згори панелі графіка. Так само, як і на бічній панелі монтажного столу, можна клацнути і перетягнути будь-яке місце на заголовку часу для «позиціювання» вашої анімації і попереднього перегляду результатів.

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

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

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

Так само, як ми створили перший ключовий кадр, слід створити другий. Знову змінимо час активного кадру (клацанням або перетягуванням уздовж заголовка розкладки за часом) і додамо ключовий кадр у нову позицію за часом (натисканням кнопки Додати ключовий кадр). Як і можна було сподіватися, з’явиться другий ключовий кадр у новій позиції часу і пряма лінія між двома ключовими кадрами.

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

І, коли ви натиснете кнопку відтворення, ви побачите, як непрозорість шару змінюється з часом!

Попередження

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

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

Якщо ви виберете перший ключовий кадр (кадр ліворуч) вашого відрізка прямої і натиснете кнопку Інтерполяція кривою Безьє у розділі інструментів смужки заголовка, ви зауважите, що на панелі графіка з’явиться ключовий кадр, який буде позначено порожнім колом. Це порожнє коло є елементом керування. Натиснувши його і перетягнувши у різних напрямках, ви можете змінити дугу кривої між вашими двома ключовими кадрами.

Так само, ви можете натиснути кнопку Лінійна інтерполяція, щоб знову перетворити вашу криву у пряму, або натиснути кнопку Стала, щоб зовсім вимкнути інтерполяцію і зробити так, щоб значення раптово перескакували між ключовими кадрами.

Примітка

Важливо слідкувати за тим, який кадр анімації позначено і який кадр є активним. Такий кадр показано підсвіченою вертикальною лінією на панелі графіка. Ключовий кадр, який змінюється при коригування параметрів в інших частинах програми, завжди залежатиме від часу активного кадру!

Гаразд, це не так просто описати словами… Але зрозумівши основи, ви зможете рухатися далі!

Анімація масок перетворення

Тепер, давайте трохи обговоримо те, як ми можемо скористатися масками перетворення для анімування позиції, обертання, масштабування та перекошування нашого шару для отримання ефектів «твінінгу»:

Анімування маски перетворення здебільшого подібне до анімування непрозорості, але спочатку нам потрібно додати маску перетворення. (Зробити це можна клацанням на шарі, який ви хочете анімувати, з наступним вибором пункту контекстного меню Додати ‣ Маску перетворення.)

За допомогою масок перетворення можна перетворювати (переносити, обертати, масштабувати або перекошувати) шар, із яким їх пов’язано, без зміни його початкового розташування. А починаючи з Krita 5, масками перетворення можна також скористатися для анімування перетворення шару!

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

Попередження

Пам’ятайте, що (у Krita 5.0) ми можемо лише безпосередньо анімувати криву непрозорості шару. Щоб анімувати позицію, обертання, масштаб та перекошування шару, нам слід долучити до нього маску перетворення і анімувати її.

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

Намагайтеся завжди пам’ятати про те, який тип шару ви вибрали для кривих анімації у Krita!

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

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

Порада

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

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

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

Натисніть кнопку відтворення, і (після певного кешування) ви побачите його, шар із анімованою маскою перетворення!

Керування

1. Список каналів

   • на піктограмі ока: показати або приховати канал.

   • Shift + на піктограмі ока: зробити канал каналом соло.

   • : відкрити контекстне меню шару або каналу. [Скинути канали]

2. Панель графіка

   • : вибрати ключовий кадр.

   • + перетягування : пересунути кадри.

   • подвійне клацання : позначити одночасно усі ключові кадри.

   • Alt + подвійне клацання : позначити усі ключові кадри каналу.

   • Пробіл + : панорамування.

   • Пробіл + : масштабування.

3. Заголовок позиціювання кадрів за часом

   • : перейти до моменту часу і позначити кадр активного шару.

   • + перетягування : гортання анімації та вибір кадру на активному шарі.

4. Заголовок значення

   • + перетягування : масштабування на панелі графіка.

   • Пробіл + + перетягування : панорамування на панелі графіка.