Створення анімації в gimp

Створення анімації в GIMP.

Тепер збережіть отримане зображення як gif (Файл - Зберегти як). Після цього GIMP запропонує Вам експортувати зображення в gif. При цьому він дасть вибрати, об'єднувати чи шари в одне зображення або зберегти їх як анімацію. Оскільки нас цікавить саме анімація, виберемо друге і натиснемо "Експорт". Після цього відкриється меню вибору параметрів анімаційного gif:

- Безкінечний цикл. При включенні цього параметра, чергування шарів буде виконуватися нескінченно, тобто після відображення останнього шару буде відображений перший. Якщо цей параметр буде відключений, то анімація буде програна один раз і зупиниться на зображенні останнього шару.

- Затримка між кадрами - час в мікросекундах, яке за замовчуванням буде відображатися кожен шар.

- Розташування кадру - має три режими. Перший (за замовчуванням) - I Don`t Care (неважливо). каже GIMP розпорядитися самостійно. Другий - Combine (накладення шарів). накладвает один шар на інший не прибираючи попередні, тобто об'єднує їх. Таким чином, якщо у вас є прозорі місця в шарах, попередні шари будуть крізь них проглядатися. За замовчуванням GIMP зазвичай використовує саме цей режим як найбільш гнучкий. Я теж завжди використовую його. Третій режим - Replace (один кадр на шар). заміщає попередній шар на новий.

Використовуйте розташування шарів за замовчуванням, а час між кадрами поставте 200. В результаті повинен вийти ось такий gif:

Якщо тепер відкрити цей gif за допомогою GIMP, то побачимо, що в діалозі шарів в назві кожного шару в дужках додався параметр - час відображення. Таким чином, змінивши значення в дужках можна задати кожному шару своє персональне час відображення. Наприклад, Ви можете активувати 500 для останнього шару, щоб повний напис залишалася на екрані довше.

Це був найпростіший приклад створення анімашки. Але нам завжди полювання більшого! Настав час звернутися до спеціального пункту меню Фільтри - Анімація. Воно містить три пункти - Відтворення. Оптимізація і Разоптімізація. Розберемося що до чого:

- Відтворення. Цей пункт дозволяє нам відтворювати свежеполученной анімаційне зображення:

Вище наведено анімаційний gif імітує роботу цього фільтра, запущеного кнопкою Пуск / Стоп. Таким чином видно, що ця кнопка запускає програвання зображення і вона ж його зупиняє. Кнопка Перемотка повертає нас на перший кадр зображення, кнопка Крок дозволяє змінювати кадри вручну. Але все це далеко не найцікавіші можливості цього фільтра. Якщо клацнути мишкою на програвати зображення, то Ви побачите як курсор змінитися на вертикальну стрілку. Тепер ви можете перетягнути анимашку в будь-який (!) Місце екрану, наприклад у вікно браузера, щоб подивитися як буде вигляжеть цей анімаційний малюнок на Вашій сторінці. До речі, цією можливістю можна користуватися і для неанімаціонних зображень.

- Оптимізація. Коли я вперше застосував цей фільтр, моєму захопленню не було меж. Справа в тому, що кожен шар в анімаційному gif-е є, по суті, окреме зображення і зберігаючи gif як анімацію, ми зберігаємо відразу кілька зображень. Таким чином, при великій кількості шарів розмір нашого анімаційного gif зростатиме прямо на очах, що не є добре, враховуючи прагнення мінімізувати розмір зображень для web. Одним з виходів з положення, може бути зменшення в ручну розмірів кожного шару і знищення зайвих шматків. Забудьте про це. Фільтр Оптимізація за дві секунди зробить все за Вас. Фільтр робить приблизно наступне: він прораховує кожен шар і знаходить змінилися точки, щодо попереднього і залишає тільки їх, змінюючи розмір шару на мінімально можливий (тобто обрізаючи по крайнім зміненим точкам). При цьому всі незмінно точки всередині цього шару будуть замінені на прозорі. Візьміть недавно створений gif з написом GIMP і застосуєте цей фільтр.

Як бачите, в кожному шарі залишилося тільки по одній букві, причому весь білий колір був замінений на прозорий, тому що немає сенсу тягати його в кожен шар, маючи єдиний на всіх білий фон. Крім того, в назві шару в дужках з'явився ще один параметр - combine. Це як раз і є режим розташування кадру. Після застосування фільтра Оптимізація цей режим завжди буде мати значення combine. тобто новий кадр буде додаватися до попередніх. Спробуйте змінити цей параметр на значення replace і Ви отримаєте приблизно наступне:

Такого ж ефекту можна було б досягти і з режимом combine. залишивши спочатку в кожному шарі тільки одну букву і застосувавши фільтр Оптимізація. Різниця буде в тому, що при цьому кожен шар буде містити одну чорну букву і одну кольору фону, щоб зафарбувати попередню. В результаті - більший обсяг файлу. Однак, найчастіше, виграш не настільки великий, а працювати з replace не дуже зручно, тому особисто я ніколи ним не користуюся.
Крім усього іншого, Оптимізація дає неоціненну допомогу при роботі з шарами в якій присутні розмиті зображення. Оскільки gif містить в собі максимум 256 кольорів, то розмитість об'єкта на прозорому тлі відобразити дуже складно і часто вона просто-напросто пропадає. Тому я завжди використовую в кожному шарі фонове зображення, а на ньому вже малюю новий елемент. Наприклад, на сайті компанії в якій я працюю, мені потрібно було зобразити обертається сонячний відблиск на тлі будівлі. Коли я зробив кожен відблиск в новому шарі окремо від будівлі, при збереженні в gif він втратив половину своїх променів і перестав бути розмитим. Тоді я скопіював зображення будівлі в кожен шар, намалював на ньому відблиски і оптимізував. В результаті отримав те що хотів, а розмір файлу зменшився в три рази в порівнянні з неоптимізованими!

- Разоптімізація. Фільтр зворотний оптимізації. До сих пір я не знайшов йому належного застосування, але цілком можливо, що він може стати в нагоді, коли Вам потрібно буде внести зміни в оптимізоване зображення.

Отже, ми розібралися з основними принципами створення анімаційних gif за допомогою GIMP. Коротенько підбиваючи підсумки, можна зробити наступні висновки:
1. Кожен кадр анімації є окремий шар зображення.
2. Кожному кадру можна вказати два параметри: час показу в мікросекундах і його тип, combine (об'єднання) або replace (заміщення). Параметри задаються в імені шару і полягають в дужки, наприклад: Слой1 (1000ms) (combine).
3. Оптимізація шарів дозволяє помітно зменшити розміри анімаційного зображення.