Поняття про морфінг Растровий морфінг

1.

Урок № 40 7 клас НУШ
Поняття про морфінг
Растровий морфінг

2.

Повідомлення теми і мети уроку
Сьогодні на уроці ми дізнаємось
1. Поняття морфінгу та його використання в
анімації
2. Технологія створення морфінгу
3. Приклади використання морфінгу у відомих
фільмах та мультфільмах
4. Огляд програм для морфінгу
5. Кінеограф (фліпбук) як пристосування для
створення анімації.

3.

1) Чи бачили ви, як у фільмах
Актуалізація
знань
або
мультфільмах один персонаж змінює свій
вигляд? Де саме?
2) Як працюють додатки, що змінюють
обличчя (наприклад, FaceApp або
Snapchat-фільтри)?
3) Уявіть, що вам потрібно зробити так, щоб
один малюнок плавно перетворився в інший.
Як би ви це зробили?

4.

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

5.

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

6.

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

7.

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

8.

Одним з перших ефект морфінгу використав відомий співак Майкл Джексон.

9.

Фрагмент із фільму «Термінатор 2: Судний день»

10.

Фрагмент із фільму «Аладдін» (1992, реж. Джон Маскер

11.

Фрагмент із фільму «Аладдін» (1992, реж. Джон Маскер

12.

Фрагмент із фільму «Аладдін» (1992, реж. Джон Маскер

13.

Фрагмент із фільму «Русалонька» (1989, реж. Рон Клементс

14.

Фрагмент із фільму «Чаклунка: Повелителька темряви» (2019 реж.

15.

Фрагмент із фільму «Гаррі Поттер і в'язень Азкабану» (2004, реж.

16.

Як створюється морфінг?
1. Планування анімації
Визначаємо, як саме буде відбуватися
перетворення (наприклад, зміна
обличчя людини на обличчя тварини).
2. Підготовка зображень
Обираємо два зображення:
початкове та кінцеве.
Коригуємо їх, щоб вони мали
однаковий розмір та пропорції.

17.

Як створюється морфінг?
3. Завантаження зображень у програму
для морфінгу
Використовуємо спеціальні програми,
наприклад: FotoMorph, Morpheus Photo
Morpher, WinMorph,Magic Morph,
FaceMorpher.
4. Позначення контрольних точок
Визначаємо головні елементи на
зображеннях (наприклад, очі, рот, контури
обличчя).
Це допомагає програмі правильно поєднати

18.

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

19.

7. Збереження анімації
Експортуємо створений морфінг у
вигляді відео або GIF-файлу.

20.

Створення морфінгу обличчя
https://facemorph.me/

21.

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

22.

Приклади

23.

Запитання для
рефлексії
Що нового ви дізналися на цьому
уроці?
Що було найцікавішим для вас під час
уроку?
Чи
є
питання,
незрозумілими?
які
залишилися

24.

Домашнє завдання
ст.208-218

25.

СПИСОК ВИКОРИСТАНОЇ ЛІТЕРАТУРИ ТА ДЖЕРЕЛ
1. Morphing shape icon, transition geometric [Електронний ресурс]. – Режим доступу: https://www.vectorstock.com/royalty-free-vector/morphing-shape-icon-transition-geometricvector-28436135
2. Simple vector morphing from frames without waypoints [Електронний ресурс] // Synfig Forums. – Режим доступу: https://forums.synfig.org/t/simple-vector-morphing-from-frameswithout-waypoints/4121
3. Michael Jackson - Black Or White (Official Video - Shortened Version) [Електронний ресурс] // YouTube. – Режим доступу: https://www.youtube.com/watch?v=F2AitTPI5U0
4. Аладдін [Електронний ресурс] // uakino.me. – Режим доступу: https://uakino.me/cartoon/415-aladdn.html
5. Русалонька [Електронний ресурс] // uakino.me. – Режим доступу: https://uakino.me/cartoon/features/765-rusalonka.html
6. Термінатор 2: Судний день [Електронний ресурс] // uakino.me. – Режим доступу: https://uakino.me/filmy/genre-action/42-termnator-2-sudniy-den.html
7. Чаклунка: Повелителька темряви [Електронний ресурс] // uakino.me. – Режим доступу: https://uakino.me/filmy/genre_adventure/10320-chaklunka-povelitelka-temryavi.html
8. Гаррі Поттер і в’язень Азкабану [Електронний ресурс] // uakino.me. – Режим доступу: https://uakino.me/filmy/genre_adventure/213-garr-potter-vyazen-azkabanu.html
9. FaceMorph — Online Face Morphing Tool [Електронний ресурс] // facemorph.me. – Режим доступу: https://facemorph.me/
10. Ривкінд О. В. Інформатика. 7 клас [Електронний ресурс] / О. В. Ривкінд. – 2024. – Режим доступу: https://pidruchnyk.com.ua/2809-informatyka-ryvkind-7-klas-2024.html
11. Super Bowl Shark Dance Flipbook / theflippist [Електронний ресурс] // YouTube. – Режим доступу: https://www.youtube.com/watch?v=11tQImuHrmo
12. Gifer [Електронний ресурс] // Gifer. – Режим доступу: https://gifer.com/en/1aoi
13. Simple vector morphing from frames without waypoints [Електронний ресурс] // Synfig Forums. – Режим доступу: https://forums.synfig.org/t/simple-vector-morphing-from-frameswithout-waypoints/4121
14. Naimark J. Play Logo Morph [Електронний ресурс] // Dribbble. – Режим доступу: https://dribbble.com/shots/2589517-Play-Logo-Morph
15. Morphing Elements [Електронний ресурс] // Celwizard. – Режим доступу: https://celwizard.com/product/morphing-elements/
16. Cinderella dress transformation GIFs [Електронний ресурс] // Tenor. – Режим доступу: https://tenor.com/search/cinderella-dress-transformation-gifs
17. Transformation GIF [Електронний ресурс] // Alphacoders. – Режим доступу: https://gifs.alphacoders.com/gifs/view/88370
18. Transformation Animation [Електронний ресурс] // Pinterest. – Режим доступу: https://www.pinterest.com/pin/466896686350034578/
19. Hulk Smash GIF [Електронний ресурс] // Tenor. – Режим доступу: https://tenor.com/uk/view/hulk-smash-gif-12896779
20. Maghrabi A. Car Morphing [Електронний ресурс] // Dribbble. – Режим доступу: https://dribbble.com/shots/4524848-Car-Morphing

26.

Ця презентація створена ВИКЛЮЧНО для освітніх та некомерційних
цілей. Використані у ній фрагменти фільмів та кліпів належать їхнім
правовласникам та використовуються відповідно до принципів
добросовісного використання (fair use) для ілюстрації навчального
матеріалу. Жодні авторські права не порушуються навмисно.