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

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

Ефект появи в кадрі

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

Рисунок 1 Рисунок 2

Насамперед необхідно перетворити всі вершини моде-

Відео 1
Ми відтворимо подібну технологію за допомогою
Blender. Розберемо принципи створення такого спеце-
фекту на прикладі 3D-моделі, яку ви можете знайти в до-
даткових матеріалах (рис. 1).
лі на єдину групу, яку ми зможемо наділити потрібними
властивостями. Для цього переходимо в режим редагу-
вання моделі та виділяємо всі крапки. Відкриваємо вклад-
ку Object Data Properties, натискаємо на «+», щоб створи-
ти нову групу, а потім на Assign, щоб помістити вершини
в групу (рис. 2).

Стр. 4
Урок №5. Ефект появи в кадрі
Глава. Ефект появи в кадрі
Додамо в сцену Ico Sphere. Збільшимо її до розмірів
моделі. Як видно на рисунку 4, сфера відкидає тінь.
Рисунок 3
Зробимо об'єкт прозорим. Для цього виділимо сферу
і перейдемо у вкладку Object Properties — Viewport Display.
Поміняємо опцію Display As на Wire (Показати як — Кар-
кас) (рис. 4).
Положення сфери впливатиме на видимість моделі в
кадрі. Налаштувати ж сам ефект прояву можна за допо-
могою модифікаторів.
Виділимо модель і привласнимо їй модифікатор Vertex
Weight Proximity (рис. 6). Цей модифікатор впливає на
Рисунок 4 Рисунок 5 Рисунок 6
вагу вершин залежно від наближення до моделі певного
об'єкта.
Розглянемо на практиці, як це працює. Спершу нала-
штуємо модифікатор. У рядок Vertex Group підключимо
групу вершин моделі, яку ми створили раніше. У рядок
Target Object підключимо Icosphere — об'єкт, який буде
впливати на персонажа. Також поміняємо Proximity Mode
на Geometry, щоб сфера впливала саме на сітку моделі
(рис. 6).
Стр. 5
Урок №5. Ефект появи в кадрі
Глава. Ефект появи в кадрі

Результат впливу сфери на модель можна оцінити в ре-
жимі Weight Paint (рис. 7).
У результаті червону частину моделі буде чітко видно
на рендері, а решта частин плавно зникнуть із кадру.
Тепер створимо ефект, при якому модель з'являти-
меться в кадрі як сітка, що світиться. Для цього пові-
симо на персонажа ще один модифікатор — Wireframe
(рис. 9).

Рисунок 7

Поміняємо ступінь впливу сфери на геометрію так, як

показано на рисунку 8.

Рисунок 9

Рисунок 8 Підключимо в модифікатор групу вершин (рис. 10).

Стр. 6
Урок №5. Ефект появи в кадрі
Глава. Ефект появи в кадрі

У результаті персонаж перетвориться на сітку, види-

мість якої буде обмежена сферою (рис. 11).

Рисунок 12

Рисунок 10 Рисунок 11

Щоб обмежити зону впливу сфери, розділимо її нав-

піл. Повернемо сферу по осі Х на 90° (рис. 12).
Модель має залишатися видимою після проходження
сфери. До того ж, з сітки вона має перетворитися на пов-
ноцінний об'єкт. Щоб домогтися такого ефекту, скопіює-
мо персонажа, видалимо з нього модифікатор Wireframe
і на час відключимо видимість оригіналу в списку об'єктів
(рис. 13). Рисунок 13

Стр. 7
Урок №5. Ефект появи в кадрі
Глава. Ефект появи в кадрі

Додамо на копію іншій модифікатор — Mask (рис. 14).

Рисунок 15

Рисунок 14

Підключимо в нього групу вершин і побачимо такий ре-

зультат (рис. 15). Цей модифікатор схожий з Wireframe —
він так само приховує частину моделі, але при цьому зали-
шає повну геометрію.
Необхідно зробити так, щоб сітка моделі та сама мо-
дель з'являлися в кадрі по черзі. Для цього потрібно ство-
рити інший об'єкт, який впливатиме на видимість моделі
незалежно від сітки. Давайте скопіюємо готову напівсфе-
ру (рис. 16). Рисунок 16

Стр. 8
Урок №5. Ефект появи в кадрі
Глава. Ефект появи в кадрі

Призначимо копію сфери як Target Object для цілого

персонажа (рис. 17).

Рисунок 18

Рисунок 17

Повернемо видимість сіткового персонажа і розмісти-

мо дві напівсфери так, як показано на рисунку 18: сітку
має бути видно повністю або майже повністю, а цілого
персонажа лише частково. Так ми зможемо створити ілю-
зію, що персонаж поступово матеріалізується в кадрі з
частинок.
Для анімації нам знадобиться батьківський зв'язок
між напівсферами. Виділимо спершу правий, потім лі-
вий об'єкти, натиснемо Ctrl+P і виберемо варіант Object
(рис. 19) Рисунок 19

Стр. 9
Урок №5. Ефект появи в кадрі
Глава. Ефект появи в кадрі
Заанімуємо появу персонажа. У першому кадрі треба
розмістити сфери так, щоб персонаж став повністю неви-
димим (рис. 20). Створимо ключ для значення Lo­cation.
Рисунок 20
Рисунок 21
Перейдемо в 150 кадр, перемістимо сфери так, щоб
персонаж повністю з'явився в кадрі, і знову зафіксуємо
Location за допомогою ключа (рис. 21).
Щоб у момент телепортації сітка персонажа блищала,
необхідно присвоїти їй матеріал. Виділимо модель-сітку,
видалимо стандартний матеріал і створимо новий типу
Emission. Колір (Color) і яскравість (Strength) сяйва може-
те вибрати на свій смак (рис. 22).
Рисунок 22
Стр. 10
Урок №5. Ефект появи в кадрі
Глава. Ефект появи в кадрі

Аби посилити сяйво матеріалу, активуємо опцію Bloom

у вкладці Render Properties (рис. 23).

Відео 2

Рисунок 23

Після цього можемо запустити анімацію. Наш ефект

телепортації готовий (відео 2)!
Телепортація також є однією з популярних суперсил.
Яскравий приклад можна знайти у фільмах про Людей
Ікс. Згадайте Курта Вагнера — Нічного Змія, який умів
переміщатися в просторі (відео 3). Відео 3

Стр. 11
Візуальні ефекти
Урок №5. Ефект появи в кадрі

© STEP IT Academy, www.itstep.org

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