Растрова та векторна анімація

Тип уроку: урок формування компетентностей

Растрова анімація

Загальна технологія створення растрової анімації:

1. Будь-яким способом створюються кадри (послідовні зображення):

   • малювання класичними засобами;

   • фотографування;

   • малювання на комп'ютері.

2. За допомогою спеціальної програми з певним інтервалом часу послідовно відображаються створені зображення

GIF-анімація як один із форматів зберігання та відтворення анімації

Особливості растрової GIF-анімації:

• використовує палітру до 256 кольорів;

• один з кольорів у зображенні можна встановити як прозорий;

• підтримує зберігання у файлі набору зображень, що уможливлює відтворення анімації;

• можливість задання величини затримки кожного кадру на екрані;

• можливість задання кількості повторень або зациклювання послідовності кадрів

Формат WebP, як сучасна альтернатива формату GIF

Переваги формату WebP перед форматом GIF:

• підтримується більша кількість кольорів у зображеннях;

• більш оптимізовані для використання в Інтернеті алгоритми стиснення даних

Векторна анімація

Загальна технологія створення векторної анімації:

1. Засобами редактора векторної графіки та анімації вручну створюються ключові кадри.

2. Задаються тип переходу між ключовими кадрами та кількість проміжних кадрів.

3. Інструменти редактора векторної графіки автоматично створюють проміжні кадри між ключовими

Особливості векторної анімації:

• не потрібно промальовувати кожен кадр, а тільки ключові та задати тип переходу між ними;

• можливість задання кількості кадрів за секунду;

• невеликий інформаційний об'єм файлів

Створення растрової анімації з набору наявних зображень

Хмарний редактор Animated GIF Maker

Редактор GIF-анімації, завантаження файлів

Налаштування кадрів

Параметри анімації

Завдання.

1. Створити GIF-анімацію із запропонованого вчителем набору зображень (завантажити [2]) з одноразовим відтворенням. Затримка на кадрах змінюється за задумом анімації.

2. Відкрити створений GIF-файл для перегляду анімації

Підручник, п. 5.2