Мала комп'ютерна академія

Візуальні ефекти
Урок №15. Силове поле
Урок №15. Силове поле
Глава. Увага!
Увага!
У цьому електронному уроці використовуються
передові можливості формату Adobe PDF, які дають
змогу створити інтерактивні змінні ілюстрації, а також
помістити на сторінки уроку звукові та відеофайли.
Більшість сторонніх додатків для перегляду фай­
лів формату PDF — зокрема, переглядачі, вбудовані
в операційні системи, — а також засоби перегляду на
мобільних пристроях можуть не вміти відображати
такий контент.
Якщо у вас виникли проблеми з переглядом уро­
ку, і якісь його елементи некоректно працюють або не
відображаються, ви можете безкоштовно завантажити
та встановити останню версію програми Adobe Reader
за цим посиланням і використовувати її для перегляду
електронних уроків.
В уроці є файли з відео матеріалами, які прикріпле-
ні до цього PDF-файлу.
У ЦЬОМУ УРОЦІ ВИКОРИСТОВУЄТЬСЯ
МАСШТАБУВАННЯ ІЛЮСТРАЦІЙ
Якщо ви бачите ілюстрацію із познач-
кою , ви можете збільшити масштаб
зображення, клацнувши по ньому
мишкою. Якщо клікнути мишкою ще
раз, розмір ілюстрації повернеться до
первісного.
У ЦЬОМУ УРОЦІ
ВИКОРИСТОВУЄТЬСЯ
ПЕРЕМИКАННЯ РИСУНКІВ
Щоразу, коли ви бачите рисунки з
кнопками перемикання «Рисунок 1»,
«Рисунок 2», ви можете перемкнути
зображення натисканням сірих кно-
пок. Червоним кольором позначаються
кнопки з активними рисунками.
Рисунок 1 Рисунок 2
Стр. 3
Урок №15. Силове поле
Глава. Силове поле

Силове поле
Продовжимо розбирати технології, які ви могли ба­ Перед тим як продовжити роботу, активуємо в проєкті
чити в кіновсесвіті Зоряних воєн. Сьогодні поговоримо аддони групи Node (рис. 2). Без них ми не зможемо візуа­
про силові поля — дивовижні технологічні щити, які не лізувати зміни матеріалів у вюпорті.
раз рятували героїв саги в різних складних ситуаціях
(відео 1).

Відео 1

Давайте розберемося, як же створити силове поле в Рисунок 1 Рисунок 2

Blen­­der. Створимо об'єкт Plane у центрі нової сцени та пе­
ремкнемося на вигляд зверху (рис. 1).
Весь проєкт буде побудований на налаштуваннях
і анімації матеріалів, тому паралельно з робочою областю
потрібно відкрити і вікно Shade Editor.
Потім переходимо до налаштування матеріалів. Ство­
рюємо новий матеріал і видаляємо стандартну ноду Prin­
ci­pled BSDF. Замість неї додаємо ноди Texture Coordinate,
Mapping і Gradient Texture у режимі Spherical (рис. 3).

Стр. 4
Урок №15. Силове поле
Глава. Силове поле

Рисунок 3 Рисунок 4 Рисунок 5 Рисунок 6

Далі затискаємо Shift і Ctrl, потім натискаємо лівою

кнопкою миші по ноді Gradient Texture, щоб додати допо­
міжну ноду Viewer. У результаті поточний матеріал відо­
бразиться у вюпорті (рис. 4).
Поміняємо параметри Mapping так, щоб коло перемі­
стилося в центр площини (рис. 5).
Потім додаємо в гілку ноди Color Ramp і Bright/Cont­
rast. Налаштуємо градієнт, як показано на рисунку 6.
У цьому випадку на текстурі з'явиться кільце (рис. 7).
Щоб анімувати наше силове поле, давайте знову звер­
немося до драйверів. Ми частково порушували цю тему
на одному з попередніх занять. В основі роботи з драй­ Рисунок 7

Стр. 5
Урок №15. Силове поле
Глава. Силове поле

верами лежить програмування дій на мові Python. Через

те, що Blender — це програма з відкритим кодом, багато
функцій у ній з'являється завдяки старанням користува­
чів. І драйвери не виняток.
Для анімації нам знадобиться нода Value. Замість
стандартного значення пропишемо в ній таку формулу:
#cos(frame*pi/30) (рис. 8). Зверніть увагу, якщо ви поста­
вите пробіл після cos, формула може не спрацювати.

Відео 2

Рисунок 8

У результаті кільце на текстурі почне блимати (відео 2).

Ускладнимо текстуру силового поля за допомогою нод
Mix RGB і Color ramp. З'єднаємо їх як на рисунку 9. Як ре­
зультат, контур кільця стане м'якшим. Рисунок 9

Стр. 6
Урок №15. Силове поле
Глава. Силове поле

Створимо третю гілку з трьох нод: Musgrave Texture,

Mix RGB і Color Ramp з такими налаштуваннями (рис. 10).

Рисунок 11

Рисунок 10

Тимчасово підключимо цю гілку до ноди Viewer, аби

бачити результат (рис. 11).
Тепер додамо трохи хвилеподібних переливів на по­
верхню силового поля. Для цього підключимо ноди Noise
Texture і Vector Curves. Пограємо зі значеннями Scale для
шуму та вигинами кривої по різних осях (рис. 12). Рисунок 12

Стр. 7
Урок №15. Силове поле
Глава. Силове поле

Потім підключимо ще одну ноду Mapping між Tex­ нод Mix RGB і виведемо їх на ноду Viewer. Уважно звірте
ture Coordinate і Vector Curves. Пропишемо формулу правильність підключення зв'язків з рисунком 14.
#frame*0.004 у блоці Location по осі Y (рис. 13).

Відео 3

Рисунок 13

У результаті хвилі на поверхні щита почнуть рухати­

ся (відео 3). Повернемо видимість першій гілці ефекту з
кільцями. Для цього з'єднаємо гілки за допомогою двох Рисунок 14

Стр. 8
Урок №15. Силове поле
Глава. Силове поле

У фіналі в нас має вийти такий ефект анімації (відео 4).

Рисунок 15

Відео 4

Налаштування анімації готове. Далі нам належить

створити текстуру силового поля. Для цього скористає­
мося зображенням із додаткових матеріалів. Перетягніть
картинку hex.png з папки у вікно Shader Editor. У результа­
ті з'явиться нода Image Texture з підключеним зображен­
ням (рис. 15).
Рисунок 16
Для зміни розгортки текстури додаємо ноду Mapping,
а для інверсії кольору — Color Ramp. Налаштування ви­ Далі об'єднуємо нову гілку з іншими. Зверніть увагу на
бираємо за смаком (рис. 16). слоти, у які підключена кожна гілка (рис. 17).

Стр. 9
Урок №15. Силове поле
Глава. Силове поле

Рисунок 18

Рисунок 17

Додамо ще один Mix RGB і з'єднаємо всі ефекти. За­

уважте, що гілку з текстурою ми підключаємо в слот ко­
льору, а попередні гілки — у рядок Factor (рис. 18).
А також необхідно додати ноду Color Ramp в ос­
новній зв'язці, відразу перед останнім блоком Mix RGB
(рис. 19). Рисунок 19

Стр. 10
Урок №15. Силове поле
Глава. Силове поле

Останній Color Ramp додаємо в гілку текстури для
зміни кольору сітки (рис. 20).
Щоб перетворити площину на півсферу, додамо на
модель кілька модифікаторів: Displace, Subdivision і Cast
(рис. 21). Налаштування можна виставити за своїм ба­
жанням. Не забудьте додати об'єкту кілька додаткових
ребер.
Тепер необхідно зробити сферу напівпрозорою. Для
цього потрібно створити розгортку моделі. Переходимо в
режим редагування й натискаємо U — Unwrap (рис. 22).

Рисунок 20

Рисунок 22

Відкриваємо вікно UV Editor і розміщуємо розгортку

так, як показано на рисунку 23. Якщо цього не зробити,
Рисунок 21
візерунок на силовому полі відобразиться некоректно.

Стр. 11
Урок №15. Силове поле
Глава. Силове поле

Рисунок 24

Рисунок 23

Виходимо з режиму редагування об'єкта і повертаємо­

ся до текстури. У кінці всіх гілок додаємо ноди Mix Shader
і Transparency. Підвищуємо значення Strength ноди Viewer
до 5 для посилення світіння текстури, а фактор змішуван­
ня ноди Mix Shader — до 0.8, щоб зробити силове поле
максимально прозорим (рис. 24).
Проєкт готовий. За бажанням можна анімувати змі­
ну кольору. Виставляємо камеру і ставимо силове поле на
рендер (відео 5).
Відео 5

Стр. 12
Візуальні ефекти
Урок №15. Силове поле

© STEP IT Academy, www.itstep.org

Усі права на захищені авторським правом фото, аудіо та відеотвори, фрагменти яких використані в матеріалі,
належать їхнім законним власникам. Фрагменти творів використовуються з ілюстративною метою в обсязі,
виправданому поставленим завданням, в межах навчального процесу і в навчальних цілях Відповідно до
ст. 21 і 23 Закону України «Про авторське право й суміжні права». Обсяг і спосіб цитованих творів відповідає
прийнятим нормам, не завдає шкоди нормальному використанню об'єктів авторського права і не обмежує
законні інтереси автора та правовласників. Цитовані фрагменти творів на момент використання не можуть
бути замінені альтернативними, що незахищені авторським правом аналогами, і як такі відповідають
критеріям сумлінного і чесного використання.
Усі права захищені. Повне або часткове використання матеріалів заборонено. Узгодження використання
творів або їхніх фрагментів проводиться з авторами і правовласниками. Узгоджене використання матеріалів
можливе лише за умов згадування джерела.
Відповідальність за несанкціоноване копіювання і комерційне використання матеріалів визначається чинним
законодавством України.