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

Студія Анімаційних Шарів
Створюйте глибину та життя у своїх анімаціях! Навчіться малювати на растровому тлі та керувати шарами, щоб ваші світи оживали.
Пульт Керування Шарами
Уявіть, що анімація — це аплікація. Кожен шар — це окремий елемент. Керуйте ними, щоб створити ідеальну сцену.
(Натисніть сюди, щоб перейти на сторінку "Пульт Керування Шарами")
Растрова палітра
Растрове тло дозволяє малювати, як у звичайному графічному редакторі. Спробуйте різні пензлі.
(Натисніть сюди, щоб перейти на сторінку "Растрова палітра")
Фінальний проєкт
Час застосувати знання на практиці! Виконайте завдання у TupiTube, використовуючи цей план.
Вправа 11: План дій
1. Доопрацювання проєкту
Відкрийте попередній проєкт (Вправа 9-2) і доопрацюйте його, перемістивши нерухомі об'єкти на статичне тло.
2. Створення зимової сцени
- Створіть новий проєкт.
- На статичному растровому тлі намалюйте сонце.
- На динамічному растровому тлі намалюйте сніжинки, що падають.
- На динамічному векторному тлі створіть хмари, що рухаються.
- Упорядкуйте шари так, щоб сонце було позаду хмар.
- Збережіть проєкт.
Перевірка знань
Натисніть на картку, щоб побачити відповідь.
- Покадровий режим
- Режим статичного векторного тла
- Режим динамічного векторного тла
- Режим статичного растрового тла
- Режим динамічного растрового тла
- Режим векторного переднього плану
Динамічне тло — це зображення на тлі, яке під час перегляду анімації рухається в певному напрямку.
Растрове тло — це зображення, що додається з комп’ютера, планшета або телефону.
Домашнє завдання
1. Теоретична частина: Опрацювати § 10 (стор. 60-63).
2. Практична частина:
- Виконати вправу № 10 (стор. 63).
- Приклад виконання: https://youtu.be/8eYvNOveujg
3. Завдання за бажанням (для закріплення):
- Інтерактивна платформа IZZI (7 клас) до § 10: https://ua.izzi.digital/DOS/750894/838214.html

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