Інформатика 7 клас

Практикум з використання інформаційних технологій. Урок № 60. (До ПР12)

Практична робота № 12. «Створення анімаційного оформлення для відео»

Інтерактивна практична робота для 7 класу НУШ

🎯 Мета уроку

  • Освітня: Навчити учнів створювати анімаційне оформлення для відео, використовуючи спеціалізований програмний редактор двовимірної анімації; ознайомити з основними принципами анімації об'єктів (рух, масштабування, обертання); навчити експортувати анімацію у відповідному форматі.
  • Розвивальна: Розвивати просторове та образне мислення, креативність при створенні власного анімаційного продукту; формувати вміння планувати послідовність дій для досягнення бажаного результату; розвивати уважність та точність у роботі з програмним забезпеченням.
  • Виховна: Виховувати естетичний смак, відповідальність за якість створеного продукту; формувати інтерес до комп'ютерної графіки та анімації.

✅ Очікувані результати

Після уроку учні зможуть:

  • Запускати програму для створення двовимірної анімації та створювати новий проект.
  • Додавати об'єкти (фігури, номери) до анімації.
  • Застосовувати різні анімаційні ефекти (обертання, масштабування) до об'єктів.
  • Визначати тривалість та послідовність кадрів для анімації.
  • Експортувати анімаційний ролик у форматі послідовності зображень PNG з прозорим фоном.
  • Пояснювати значення використання шарів та послідовного застосування ефектів.

📊 Групи результатів (НУШ)

Візуалізація важливості груп результатів для цього уроку.

📚 Тип уроку

Урок застосування знань, умінь та навичок (практична робота).

💻 Обладнання та ПЗ

  • Комп'ютери (для кожного учня) з встановленим редактором двовимірної анімації (наприклад, TupiTube).
  • Проєктор або інтерактивна дошка.
  • Зразки анімаційних відеороликів (за потреби).
  • Інструкційні картки (або текст завдання на екрані).

🔗 Міжпредметні зв'язки

  • Мистецтво (композиція, динаміка, дизайн).
  • Математика (координати, перетворення).

ПОВТОРЮЄМО

Дівчинка з книгою

Ви вже здобули певні знання та навички:

  • • навчилися користуватися електронною поштою, дізналися, що таке хмарні технології, ознайомилися з роботою деяких інших сервісів; з’ясували, що таке штучний інтелект і як його застосовують;
  • • ознайомилися з редактором двовимірної анімації та навчилися розробляти за його допомогою прості мальовані анімації;
  • • продовжили роботу зі створення інформаційних моделей, оволоділи новими засобами моделювання;
  • • продовжили роботу з табличним процесором, дізналися про нові способи його використання; навчилися проводити обчислювальні експерименти;
  • • продовжили вивчення мови програмування Python, навчилися працювати з рядками та списками, використовувати метод покрокової деталізації для розв’язування складних задач.
  1. Що таке хмарний диск і як його відкрити?
  2. Для чого складають сценарій анімаційного фільму?
  3. На яких уроках і як ви використовуєте моделі об’єктів?
  4. Що можуть містити клітинки електронної таблиці?
  5. Як організувати діалог користувача з програмою?

Знак питання

У цьому розділі («Практикум з використанням інформаційних технологій») ви створите інформаційні продукти, користуючись інструментами програмних середовищ, із якими ознайомилися в 7 класі.

Джерело: Підручник з інформатики для 7 класу (стор. 248)

Інтерактивний огляд ключових понять анімації

Анімація — це послідовність зображень (кадрів), які швидко змінюються, створюючи ілюзію руху. Кожен кадр відрізняється від попереднього незначними змінами, що сприймаються як плавний рух.

Приклад:

Animation Example Frame

Уявіть, що це послідовність швидко змінюваних кадрів, що створюють рух.

У комп'ютерній анімації ключові кадри (keyframes) — це точки на часовій шкалі, де ви визначаєте основні зміни об'єкта (наприклад, його положення, розмір, обертання). Програма автоматично створює проміжні кадри (інтерполяція), щоб забезпечити плавний перехід між ключовими кадрами.

Спробуйте: Анімація руху об'єкта

Шари дозволяють розділяти елементи анімації на окремі "аркуші", які накладаються один на одного. Це дозволяє незалежно керувати кожним елементом, не впливаючи на інші. Наприклад, фон може бути на одному шарі, а персонажі — на іншому.

Шар 1 (Фон)

Background Layer

Шар 2 (Об'єкт)

Object Layer

Разом (Ілюзія глибини)

Combined Layers

Практична робота: Симулятор анімації

Створіть просту анімацію, задавши початкові та кінцеві параметри об'єкта.

Налаштування анімації

Обертання:

Масштаб (розмір):

Прозорість (щільність):

Перегляд анімації

7

Об'єкт із номером "7" демонструє задані анімаційні ефекти.

Питання для самоперевірки

Натисніть на картку, щоб побачити відповідь.

Що таке "ключовий кадр" в анімації?
Це точка на часовій шкалі, де задаються основні зміни властивостей об'єкта (положенння, розмір, обертання).
Для чого використовуються шари в анімаційній програмі?
Шари дозволяють розділяти та незалежно керувати різними елементами анімації (наприклад, фоном і персонажами).
Який формат файлів рекомендується для експорту анімації з прозорим тлом?
Формат PNG (послідовність зображень), який підтримує прозорість.
Що таке інтерполяція в контексті анімації?
Це автоматичне створення проміжних кадрів програмою для забезпечення плавного переходу між ключовими кадрами.
Навіщо планувати сценарій анімації перед початком роботи?
Планування допомагає організувати процес, визначити послідовність дій та уникнути помилок, особливо зі складними ефектами.
Чому іноді потрібно створювати копії об'єктів для різних анімаційних ефектів?
Деякі програми (як TupiTube) можуть обмежувати одночасне застосування декількох автоматичних анімацій певного типу до одного об'єкта.

Домашнє завдання

1. Практична частина:

  • Виконати практичну роботу № 12 (стор. 249-251).
  • Приклад виконання: https://youtu.be/G_rLTyD_VoQ

2. Завдання за бажанням (для закріплення):

Дівчинка з книгою

Додаткові матеріали