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

Тема 2: «Комп’ютерна анімація». Урок № 16. (До § 12)

Створення анімаційних ефектів

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

🎯 Мета уроку

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

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

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

  • Пояснювати призначення анімації масштабування, зсуву, цілісності та розмальовування.
  • Додавати різні анімаційні ефекти до одного об'єкта.
  • Налаштовувати параметри кожного ефекту (коефіцієнт масштабування, напрям зсуву, діапазон прозорості, початковий/кінцевий колір).
  • Створювати анімації, що поєднують кілька ефектів (наприклад, рух та обертання Колобка, анімація мерехтливої зірки, що змінює розмір).
  • Аналізувати та коригувати параметри анімації для досягнення бажаного візуального ефекту.

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

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

📚 Тип уроку

Урок узагальнення, систематизації знань та формування практичних умінь.

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

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

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

  • Математика (масштаб, координати, відсотки).
  • Фізика (рух, трансформації).
  • Образотворче мистецтво (композиція, динаміка, колір).

ПОВТОРЮЄМО

  1. Чому створення анімації без комп’ютерів потребувало багато часу або одночасної роботи багатьох людей?
  2. Поясніть суть методу ключових кадрів.
  3. Яка послідовність додавання до об’єкта автоматичного ані маційного ефекту?
  4. Як додати до об’єкта анімацію переміщення вздовж певної траєкторії?
  5. Як додати до об’єкта анімацію обертання?
  6. Поясніть різницю між неперервним і частковим обертанням.

Знак питання

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

Лабораторія Анімаційних Ефектів

Опануйте професійні анімаційні ефекти! Навчіться комбінувати рух, обертання, зміну розміру та кольору, щоб створювати справді видовищні сцени.

Симулятор Ефектів

Експериментуйте з різними ефектами та їх параметрами. Вмикайте їх одночасно, щоб побачити, як вони взаємодіють!

(Натисніть сюди, щоб перейти на сторінку "Симулятор Ефектів")

Векторний передній план

Це спеціальний шар, який завжди знаходиться попереду всіх об'єктів. Він дозволяє створювати ефект глибини або ховати частину сцени.

(Натисніть сюди, щоб перейти на сторінку "Симулятор Ефектів")

Фінальний проєкт

Тепер ви готові до виконання практичної роботи у TupiTube. Використовуйте цей план як інструкцію.

Вправа 12: План дій

1. Проєкт "Казка"

Доповніть проєкт, додавши до Колобка одночасно анімацію переміщення та обертання. Зробіть так, щоб сонце безперервно оберталося.

2. Проєкт "Зорі"

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

3. Проєкт "Вогнище"

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

Перевірка знань

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

1. Як додати до об’єкта декілька анімаційних ефектів?
Щоб додати до об’єкта декілька анімаційних ефектів, необхідно:
1. Обрати потрібний інструмент на панелі інструментів.
2. Вибрати один або декілька об'єктів.
3. На панелі параметрів інструменту ввести назву нового ефекту і натиснути кнопку «Додати».
4. Задати властивості ефекту та натиснути кнопку «Застосувати».
2. На який кут має повертатися об’єкт на кожному кадрі, щоб в анімації із 720 кадрів він здійснив 5 обертів?
Для того, щоб об'єкт здійснив 5 обертів, він повинен повернутися на загальний кут 5×360°=1800°.
Якщо анімація складається з 720 кадрів, то на кожному кадрі об'єкт повинен повертатися на 1800°/720=2.5°.
У тексті наводиться приклад, де для 120 кадрів і 3 обертів кут обертання становить 3×360°/120=9°.
3. Які параметри задають для анімації масштабування?
Для анімації масштабування задають такі параметри:
- Початкові та кінцеві розміри.
- Ширина і висота.
- Коефіцієнт масштабування — множник, на який змінюються розміри об'єкта.
- Число ітерацій — кількість кадрів, протягом яких об’єкт змінюватиме свої розміри.
4. Які параметри задають для анімації зсуву?
Для анімації зсуву задають такі параметри:
- Напрям зсуву.
- Значення зсуву по ширині та висоті.
5. Які параметри задають для анімації щільності?
Для анімації щільності задають такі параметри:
- Назва ефекту.
- Початкова та кінцева щільності — значення від 0 (повністю прозорий) до 1 (повністю видимий).
- Число ітерацій — кількість кадрів, протягом яких змінюватиметься щільність.
6. Які параметри задають для анімації розмальовування?
Для анімації розмальовування задають такі параметри:
- Тип заповнення (наприклад, штрих).
- Початковий та кінцевий колір (задаються як коди).
- Число ітерацій — кількість кадрів, протягом яких об'єкт змінюватиме колір від початкового до кінцевого.
7. Поясніть, чим відрізняється векторний передній план від векторного тла.
Векторний передній план — це режим, який дозволяє додати шар, розташований попереду всіх об'єктів анімації. Він використовується, наприклад, для того, щоб приховати частини об'єктів або додати елементи, які мають бути зверху. У режимі «Векторного переднього плану» інші шари не видно, так само як і при роботі з тлом./div>

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

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

1. Теоретична частина: Опрацювати § 12 (стор. 71-75).

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

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

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