Як створити живу картинку, об'єднання кадрів за допомогою zoner gif animator

У попередній статті були створені два кадри для бедующей анімації. Тут ми створимо інші відсутні кадри, і потім об'єднаємо їх в рухому картинку.

Відкриваємо Zoner GIF Animator.

На закладці Animation в блоці Animation size вибираємо Elastic size. Перевіряємо, що Loop включений і перемикач знаходиться в положенні infinite.

Швидше за все, розміри кадрів не збігаються. Визначимо максимальні розміри. Для цього відкриємо закладку Frame і по черзі виділимо кадри. Тепер поставимо нові розміри для нашого анімованого GIF файлу. Для цього на закладці Animation в блоці Animation size вибираємо Fixed size і задаємо фіксовані розміри, наприклад W = 83, H = 90.

Вирівняні по центру обидва кадру. Для цього скористаємося кнопками горизонтального (Horizontal) і вертикального (Vertical) вирівнювання.

Для обох кадрів задамо прозорість фону. На закладці FrameTransparency type вкажемо palette color. Натиснемо кнопку Transparent color і кликнемо по фону зображення. Тепер колір фону пропав.

Отже, у нас є 14 кадрів. Тепер потрібно виставити їх в потрібному порядку. Порядок повинен бути такий:
i1
i2
i3
i4
b4
b3
b2
b1
b7
b6
b5
i5
i6
i7
Переміщати кадри можна натисканням відповідних кнопок на панелі GIF аніматора або просто перетягувати мишею. Можна переміщати відразу кілька кадрів.

Задамо тривалість відображення кадрів. На закладці Frame для кадрів i2-i7 і b2-b7 визначимо значення Duration рівним 16. Для кадрів i1 і b1 встановимо тривалість - 100.

Виділимо всі кадри, натиснувши кнопку Select All на панелі інструментів. На закладці Frame встановимо властивість Redraw method як restore background color.

І, нарешті, останній штрих. Для того, щоб зменшити розмір підсумкового GIF файлу треба виконати оптимізацію. На закладці Optimize натиснемо однойменну кнопку. Розмір файлу зменшився майже в 10 разів.