Тема 2: «Комп’ютерна анімація». Урок № 16. (До § 12)
Створення анімаційних ефектів
Інтерактивний план-конспект уроку для 7 класу НУШ
🎯 Мета уроку
- Освітня: Узагальнити знання учнів про метод ключових кадрів та основи автоматичного створення анімації; ознайомити з різними автоматичними анімаційними ефектами в TupiTube: анімація масштабування, анімація зсуву, анімація цілісності, анімація розмальовування; навчити застосовувати декілька ефектів до одного об'єкта.
- Розвивальна: Розвивати логічне мислення при комбінуванні анімаційних ефектів; формувати вміння планувати складні анімаційні сценарії; розвивати просторову уяву та креативність при створенні динамічних зображень; заохочувати до експериментування з параметрами ефектів для досягнення бажаного результату.
- Виховна: Виховувати точність та уважність у роботі з анімаційними інструментами; формувати інтерес до комп'ютерної анімації як засобу творчого вираження; сприяти розвитку самостійності та відповідальності при виконанні практичних завдань.
✅ Очікувані результати
Після уроку учні зможуть:
- Пояснювати призначення анімації масштабування, зсуву, цілісності та розмальовування.
- Додавати різні анімаційні ефекти до одного об'єкта.
- Налаштовувати параметри кожного ефекту (коефіцієнт масштабування, напрям зсуву, діапазон прозорості, початковий/кінцевий колір).
- Створювати анімації, що поєднують кілька ефектів (наприклад, рух та обертання Колобка, анімація мерехтливої зірки, що змінює розмір).
- Аналізувати та коригувати параметри анімації для досягнення бажаного візуального ефекту.
📊 Групи результатів (НУШ)
Візуалізація важливості груп результатів для цього уроку.
📚 Тип уроку
Урок узагальнення, систематизації знань та формування практичних умінь.
💻 Обладнання та ПЗ
- Комп'ютери (для кожного учня) з встановленим редактором TupiTube.
- Проєктор або інтерактивна дошка.
- Презентація (з використанням скріншотів з підручника, прикладів анімації різних ефектів та їх комбінацій).
🔗 Міжпредметні зв'язки
- Математика (масштаб, координати, відсотки).
- Фізика (рух, трансформації).
- Образотворче мистецтво (композиція, динаміка, колір).
ПОВТОРЮЄМО
- Чому створення анімації без комп’ютерів потребувало багато часу або одночасної роботи багатьох людей?
- Поясніть суть методу ключових кадрів.
- Яка послідовність додавання до об’єкта автоматичного ані маційного ефекту?
- Як додати до об’єкта анімацію переміщення вздовж певної траєкторії?
- Як додати до об’єкта анімацію обертання?
- Поясніть різницю між неперервним і частковим обертанням.

Лабораторія Анімаційних Ефектів
Опануйте професійні анімаційні ефекти! Навчіться комбінувати рух, обертання, зміну розміру та кольору, щоб створювати справді видовищні сцени.
Симулятор Ефектів
Експериментуйте з різними ефектами та їх параметрами. Вмикайте їх одночасно, щоб побачити, як вони взаємодіють!
(Натисніть сюди, щоб перейти на сторінку "Симулятор Ефектів")
Векторний передній план
Це спеціальний шар, який завжди знаходиться попереду всіх об'єктів. Він дозволяє створювати ефект глибини або ховати частину сцени.
(Натисніть сюди, щоб перейти на сторінку "Симулятор Ефектів")
Фінальний проєкт
Тепер ви готові до виконання практичної роботи у TupiTube. Використовуйте цей план як інструкцію.
Вправа 12: План дій
1. Проєкт "Казка"
Доповніть проєкт, додавши до Колобка одночасно анімацію переміщення та обертання. Зробіть так, щоб сонце безперервно оберталося.
2. Проєкт "Зорі"
Створіть анімацію двох зірок, які мерехтять із різними періодами, використовуючи анімацію масштабування та цілісності.
3. Проєкт "Вогнище"
Створіть анімацію вогнища, що змінює колір та розмір, використовуючи анімацію розмальовування та масштабування. Додайте кілька язиків полум'я.
Перевірка знань
Натисніть на картку, щоб побачити відповідь.
1. Обрати потрібний інструмент на панелі інструментів.
2. Вибрати один або декілька об'єктів.
3. На панелі параметрів інструменту ввести назву нового ефекту і натиснути кнопку «Додати».
4. Задати властивості ефекту та натиснути кнопку «Застосувати».
Якщо анімація складається з 720 кадрів, то на кожному кадрі об'єкт повинен повертатися на 1800°/720=2.5°.
У тексті наводиться приклад, де для 120 кадрів і 3 обертів кут обертання становить 3×360°/120=9°.
- Початкові та кінцеві розміри.
- Ширина і висота.
- Коефіцієнт масштабування — множник, на який змінюються розміри об'єкта.
- Число ітерацій — кількість кадрів, протягом яких об’єкт змінюватиме свої розміри.
- Напрям зсуву.
- Значення зсуву по ширині та висоті.
- Назва ефекту.
- Початкова та кінцева щільності — значення від 0 (повністю прозорий) до 1 (повністю видимий).
- Число ітерацій — кількість кадрів, протягом яких змінюватиметься щільність.
- Тип заповнення (наприклад, штрих).
- Початковий та кінцевий колір (задаються як коди).
- Число ітерацій — кількість кадрів, протягом яких об'єкт змінюватиме колір від початкового до кінцевого.
Домашнє завдання
1. Теоретична частина: Опрацювати § 12 (стор. 71-75).
2. Практична частина:
- Виконати вправу № 12 (стор. 76).
- Приклад виконання п.1 (Казка): https://youtu.be/1pD-CMGC3H0
- Приклад виконання п.2 (Зорі): https://youtu.be/UDnHVZgMZtA
- Приклад виконання п.3 (Вогнище): https://youtu.be/lQVs9NHELAQ
3. Завдання за бажанням (для закріплення):
- Інтерактивна платформа IZZI (7 клас) до § 12: https://ua.izzi.digital/DOS/750894/838208.html

Додаткові матеріали
- Техніка безпеки
- Оцінювання учнів та учениць на уроках інформатики
- Підручник з інформатики для 7 класу (§ 12, стор. 71-76)
- Інтерактивна платформа IZZI (7 клас)
- Інтерактивна платформа IZZI (7 клас) до § 12: https://ua.izzi.digital/DOS/750894/838208.html