Растрова графіка

Урок 13

 Анімація в растровому графічному редакторі


Gif анімація - це формат зображень, який підтримує анімацію картинок. 

Анімація - створення ілюзії руху на екрані монітора. Комп'ютерна анімація використовує швидку зміну кадрів, яку очей людини сприймає як безперервний рух. Чим більше кадрів змінюється за одну хвилину, тим більше повна ілюзія руху виникає у людини, до речі, кадрів має бути не менше, ніж 24.

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

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

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

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

·        збільшення кількості кадрів у часовому проміжку анімації збільшує розмір файлу

Для зберігання зображень в комп’ютерній графіці використовують декілька десятків форматів файлів. Деяка частина з них стала стандартами і використовується в більшості графічних програм. За типами графічні формати можна розділити на:

· растрові формати – призначені для зберігання растрових даних;

· векторні формати – призначені для зберігання векторних даних;

· метафайлові формати – можуть зберігати як растрові, так і векторні дані;

· формати сцени – містять додатково інструкції, що дозволяють програмі візуалізації відновити зображення цілком;

· формати анімації – прості дозволяють відображати зображення в циклі одне за іншим, а складні, зберігають початкове зображення та різниці між двома зображеннями, які послідовно відображаються;

· мультимедійні формати – призначені для зберігання даних різних типів (графіки, звуку, відео) в одному файлі;

· тривимірні формати – містять опис форми і кольору об’ємних моделей.

 

Приведемо коротку загальну характеристику найбільш розповсюджених форматів графічних і анімаційних файлів.

Формат GIF 

(розширення імені файлу .GIF). GIF є растровим форматом і розроблявся для мереж з низькими швидкостями передачі даних. Він став першим графічним форматом, що підтримується Web. Анімаційні файли GIF дозволяють в одному файлі зберігати декілька зображень, які відтворюються послідовно. Його показують всі браузери. У нього є прозорий шар, тобто під картинкою буде видно фон, на якому вона лежить. Для анімації зберігає серію повноцінних картинок. Це мінус. Файл з 24 кадрами буде в 24 рази більше вихідного статичного. GIF показує тільки 256 кольорів. 

 

APNG формат

Цей формат (Animated PNG) є розширенням поширеного формату PNG. Однак розробники останнього не включили це розширення в специфікацію. Вийшло, що мало хто програми можуть його правильно відображати. Більшість браузерів покаже перший кадр статичної картинки, а анімацію не відображає.

 

WEBP формат

Цей формат з'явився в 2010 році. Розробник, компанія Google, позиціонує його як заміну GIF і інших форматів. WEBP має всі можливості GIF, але тільки в поліпшеному варіанті:

При анімації наступний кадр зберігає тільки зміни попереднього. А раз так, то розмір анімованого файлу зменшується.

Формат підтримується ще не скрізь. 

 

BPG формат

BPG - найновіший. Він був запропонований в кінці 2014 року. Формат став позиціюватися як заміна JPEG зі значними поліпшеннями. Стиснення зображення буде ефективніше, ніж у предка. З'явиться підтримка анімації (JPEG не вміє цього робити). Але формат тільки починає свій розвиток, рекомендувати його для використання ще не можна, а ось стежити за ним можна.

 

Фліки 

(розширення імені файлу .FLA; .FLI; .FLC; .FLH; .FLT; .FLZ). Фліки є форматами анімаційних файлів. Усі дані в цих файлах групуються у фрейми (frame). Фрейм - це один кадр фільму. В основі дельта-стиску, що використовується у фліках, лежить ідея зберігати тільки відмінності одного кадру від іншого. Це дозволяє програвати файли навіть на повільних відеоадаптерах, тому що потрібно виводити тільки частину зображення. Самі дані стискаються за схемою RLE. Перший фрейм містить повне зображення, відносно якого і будуються відмінності інших фреймів.

Сімейство фліків:

.FLI (розмір: до 320 ´ 200; палітра 256 кольорів);

.FLC (розмір: будь-який; палітра 256 кольорів);

.FLH (розмір: будь-який; колір: 15 біт на точку 5-5-5 розмір: будь-який; колір: 16 біт на точку 5-6-5);

.FLT (розмір: будь-який; колір: 24 біта на точку);

.FLZ (розмір: будь-який; колір: будь-який; замість RLE-компресії використовується LZW- компресія, як у ZIP).

Недоліком даних форматів фільмів є відсутність звукового супроводу, який просто усунути в конкретній реалізації, ввівши при програванні фільму звуковий супровід. Також недоліком є відсутність опорних кадрів, але цей недолік також просто усунути, створивши утиліту для розміщення у файлі опорних кадрів і вказівників на ці кадри. Перевагою даного формату вважається його поширеність, простота створення в ньому анімаційних файлів та досить висока міра стиснення. Фліки використовуються в анімаційних програмах, комп’ютерних іграх , де потрібно виконувати тривимірні операції з векторними даними. Вони найкращим чином пристосовані для зберігання анімаційних послідовностей, створених за допомогою комп’ютера або намальованих вручну.

На жаль, не існує універсального формату, який можна було б рекомендувати на всі випадки життя. 

GIF-анімація - це послідовність растрових графічних зображень (кадрів). Весь набір кадрів зберігається в одному растровому графічному файлі в форматі GIF.

Програмне забезпечення для створення кадрів

Створення набору кадрів можна виконувати в будь-який растровому редакторі і векторний графічний редактор.

Перетворення цього набору кадрів в GIF-анімацію - можна створити в GIMP  і в спеціальному Конструкторі анімацій:

GIMP - безкоштовна

PivotStickfigureAnimator - безкоштовна (https://pivotanimator.net/

Stykz - безкоштовна (http://www.stykz.net/

Synfig - безкоштовна (http://synfig.org )

Морфінг

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

Морфінг

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

Кольорова анімація

Робота за комп’ютером до уроку 13

Анімація в растровому графічному редакторі (GIMP) 

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки і санітарно-гігієнічних норм

Анімація "Ялинка"

Анімація "Квіткове поле"

Анімація із буквами

інструкція