GIF- ан≥мац≥¤

GIF-ан≥мац≥¤ використовуЇ можлив≥сть GIF-формату збер≥гати у файл≥ дек≥лька зображень. якщо в GIF-файл≥ м≥ститьс¤ дек≥лька зображень, то вони будуть показан≥ по черз≥, ¤к невеликий ф≥льм. ќднак на в≥дм≥ну в≥д звичайного ф≥льму, у ¤кому швидк≥сть в≥дтворенн¤ визначаЇтьс¤ к≥льк≥стю кадр≥в за секунду, у GIF-файл≥ збер≥гаЇтьс¤ р¤д параметр≥в, що визначають, ¤ким чином ≥ ¤к довго кожне зображенн¤ буде демонструватис¤.  р≥м того, зображенн¤ GIF-файлу можуть бути р≥зного розм≥ру ≥ розм≥щен≥ в потр≥бн≥й позиц≥њ екрану незалежно в≥д зображень ≥нших кадр≥в.

 ожен GIF-файл м≥стить таблицю ≥ндекс≥в кольор≥в, ¤ку називають ≥ндексною кол≥рною пал≥трою. ¬она визначаЇ, ¤к≥ кольори використовуютьс¤ в зображенн≥ ≥ ¤кий ≥ндекс в≥дпов≥даЇ кожному кольору. ¬ залежност≥ в≥д способу збереженн¤ дл¤ ≥ндексу потр≥бно до 4 байт≥в даних, тому зображенн¤ з 256 кольорами маЇ пал≥тру розм≥ром до 1024-х байт.

¬ ан≥мованих GIF-файлах використовують два типи пал≥тр: глобальну (Global Palette), що визначаЇ кольори кожного зображенн¤ ан≥мац≥њ за замовчуванн¤м, ≥ локальну (Local Palette), ¤ка Ї ун≥кальною дл¤ кожного окремого кадру ан≥мац≥њ. ѕри додаванн≥ зображенн¤ в GIF-ан≥мац≥ю можна вказати, ¤ку з пал≥тр варто використовувати. ќднак не сл≥д прагнути до зменшенн¤ розм≥ру файлу, використовуючи т≥льки глобальну пал≥тру. ўоб забезпечити високу ¤к≥сть ан≥мац≥њ, дл¤ кадр≥в зображень, ¤к≥ значно в≥др≥зн¤ютьс¤ в≥д основних чи хоча б в≥д попереднього кадру, варто використовувати локальну пал≥тру.

≤снуЇ велике розмањтт¤ програм дл¤ створенн¤ ан≥мац≥йних GIF: Ulead GIF Animator, GIFFY, GIF Construction Set 32, Microsoft GIF Animator, Alchemy GIF An≥mator, An≥mated GIF Ed≥tor 95 та ≥нш≥. Ѕ≥льш детально розгл¤немо особливост≥ програми Ulead GIF Animator 5.

¬ Ulead GIF Animator 5 кожен кадр ≥менуЇтьс¤ шаром (layer), що в≥др≥зн¤Ї терм≥нолог≥ю ц≥Їњ програми в≥д терм≥нолог≥њ програмних продукт≥в ≥нших ф≥рм. —творити посл≥довн≥сть кадр≥в можна, створюючи зображенн¤ вручну, ≥мпортуючи посл≥довн≥сть файл≥в чи вм≥ст ц≥лоњ папки, а також використовуючи оцифровану в≥деопосл≥довн≥сть.

” в≥кн≥ програми GIF Animator 5 представлен≥ так≥ основн≥ зони: р¤док меню, головна панель ≥нструмент≥в, панель властивостей, робоча зона, панель ≥нструмент≥в малюванн¤, панель менеджера об'Їкт≥в, панель кадр≥в.

–обоча частина м≥стить зону поточного кадру документу, ¤ка розд≥лена на три вкладки:

" Edit (–едактирование) - тут можна сформувати ≥ редагувати ан≥мац≥ю, ман≥пулюючи ≥ перем≥щуючи об'Їкти, а також вид≥л¤ти певн≥ зони дл¤ застосуванн¤ до них ефект≥в;

" Optimize (ќптимизаци¤) - можна працювати з≥ стисненою ан≥мац≥Їю дл¤ оптим≥зац≥њ файл≥в з метою б≥льш швидкоњ передач≥ по мереж≥;

" Preview (ѕредварительный просмотр) - дозвол¤Ї попередньо перегл¤дати результати ан≥мац≥њ.

GIF Animator надаЇ можлив≥сть редагуванн¤ об'Їкт≥в безпосередньо в програм≥. –≥зн≥ ≥нструменти дозвол¤ють обирати специф≥чн≥ зони в межах кадру або нав≥ть в межах об'Їкту, щоб керувати њх установками або добавл¤ти нов≥ зм≥ни до об'Їкт≥в за допомогою ≥нструмент≥в Paintbrush ( исть), Text (“екст), ≥ Fill Tools («аливка).

≤нколи потр≥бно в≥дредагувати об'Їкти в зовн≥шньому редактор≥, наприклад, Ulead PhotoImpact, или Adobe Photoshop. ƒл¤ того, щоб це зробити, необх≥дно зберегти файл ≥ пот≥м в≥дкрити його в ≥ншому редактор≥. «ам≥сть цього можна вказати образ редактора, ¤кий буде об'Їднаний з GIF-ан≥матором, скориставшись командою: Edit Favorite Image Editor Organize Favorite Image Editor. ѕот≥м потр≥бно вибрати програму з стандартноњ панел≥, в≥дредагувати файл в ≥ншому редактор≥ ≥ зберегти його, щоб повернутис¤ до GIF-ан≥матора.

Ulead GIF Animator п≥дтримуЇ ≥мпорт б≥льшe 30 розповсюджених формат≥в граф≥чних файл≥в, зокрема таких, ¤к GIF, JPEG, PCX, PSD, PCT, PNG, TGA, EPS, IFF, IMG, MAC, MSP, PCD ≥ BMP, та забезпечуЇ широку п≥дтримку р≥зних в≥деоформат≥в; пр¤мий ≥мпорт ≥ перетворенн¤ AVI-файл≥в, файл≥в AutoDesk animation з розширенн¤ми .FLI, .FLC, .FLX, файл≥в Quick Time Movie (.QT, .MOV).

 оманда File Add Video (‘айл ƒобавить видео) в≥дкриваЇ однойменне в≥кно, у ¤кому можна вказати файл-джерело, виконати його перегл¤д ≥ одержати повну ≥нформац≥ю про ≥мпортований файл, дл¤ чого варто клацнути на кнопц≥ Info (»нформаци¤), п≥сл¤ чого в≥дкриваЇтьс¤ в≥кно властивостей в≥деофайлу. ѕри ≥мпорт≥ можна вибрати д≥л¤нку в≥деопосл≥довност≥ ≥ задати початковий ≥ к≥нцевий кадри.

¬иб≥р кнопки Animation Wizard (ћастер анимации) у в≥кн≥ Startup Wizard (ћастер запуска) чи команди File Animation Wizard (‘айл ћастер анимации) запускаЇ ћайстер ан≥мац≥њ, у трьох посл≥довних в≥кнах ¤кого вводитьс¤ необх≥дна ≥нформац≥¤. ” першому в≥кн≥ за допомогою кнопок Add Image (ƒобавить картинку) ≥ Add Video (ƒобавить видео) можна додати в ан≥мац≥ю файли, що м≥ст¤ть малюнки чи в≥деопосл≥довност≥. ¬ другому в≥кн≥ вказуЇтьс¤ тип джерела, що м≥стить текст ≥ граф≥ку чи фотограф≥чне зображенн¤. ” третьому в≥кн≥ задаЇтьс¤ число кадр≥в у секунду ≥ в≥дпов≥дно час затримки в сотих частках секунди. –езультатом роботи ћайстра буде створенн¤ ан≥мац≥њ з посл≥довност≥ кадр≥в з локальними пал≥трами дл¤ кожного з них.

≤снуЇ к≥лька способ≥в зберегти ан≥мац≥ю. Ќайб≥льш очевидним способом Ї створенн¤ GIF-файлу, однак при цьому варто враховувати можливост≥ його оптим≥зац≥њ.  р≥м того, ан≥мац≥ю можна зберегти у файл≥, що виконуЇтьс¤, дл¤ ¤кого не потр≥бно програми-програвача, а також в одному з формат≥в в≥део.

GIF Animator дозвол¤Ї також експортувати частину кадр≥в ан≥мац≥њ з≥ створенн¤м нового ан≥мованого GIF-файлу або групи окремих GIF-файл≥в, що м≥ст¤ть по одному кадру.

GIF Animator дозвол¤Ї легко ≥ просто створити HTML-код дл¤ GIF-файлу, ¤кий пот≥м може бути розм≥щений на в≥дпов≥дн≥й Web-стор≥нц≥. ѕри цьому потр≥бно, щоб GIF-файл знаходивс¤ в т≥й же папц≥, що ≥ Web-стор≥нка.

GIF-ан≥мац≥¤, що вставл¤Їтьс¤, може м≥стити також г≥перпосиланн¤ на задану URL-адресу.

≤снують три основних способи ≥стотного скороченн¤ розм≥ру ан≥мованого GIF-файлу: скороченн¤ кол≥рноњ пал≥три, зменшенн¤ к≥лькост≥ кадр≥в (шар≥в), оптим≥зац≥¤ окремих кадр≥в ан≥мац≥њ. ѕри цьому варто пам'¤тати, що головною метою Ї одержанн¤ ¤к≥сноњ ан≥мац≥њ дл¤ Web-стор≥нки, а не файлу м≥н≥мального розм≥ру. “ому варто шукати компром≥с м≥ж ¤к≥стю ан≥мац≥њ ≥ розм≥ром файлу дл¤ його швидкоњ передач≥ по мереж≥. Ќайкращим способом дл¤ скороченн¤ кол≥рноњ пал≥три Ї використанн¤ глобальноњ пал≥три Global Palette дл¤ завданн¤ кольору окремих кадр≥в. якщо ¤к≥сь кадри незначно розр≥зн¤ютьс¤ за кол≥рною гамою, то немаЇ необх≥дност≥ створювати дл¤ них локальну пал≥тру Local Palette, а, використовуючи вкладку General (ќбщие) в≥кна Preferences (”становки), додати ц≥ кольори в Global Palette. ƒл¤ кадр≥в, що мають ≥стотн≥ розходженн¤ в кольор≥, створюють своњ локальн≥ пал≥три Local Palette, але видал¤ють з них кольори, сп≥льн≥ з кольорами глобальноњ пал≥три Global Palette.

≤ншим способом скоротити розм≥р файлу Ї видаленн¤ окремих кадр≥в, ¤к≥ не Ї необх≥дними, ¤кщо це не приводить до значного спотворенн¤ ан≥мац≥њ при њњ в≥дтворенн≥. “акож варто звернути увагу на розм≥р кадр≥в. якщо ан≥мований об'Їкт займаЇ малу частину в≥кна, то немаЇ потреби збер≥гати дл¤ нього кадри того ж розм≥ру, що ≥ фон. “ому дл¤ кадр≥в з об'Їктом можна задати менший розм≥р, вказавши його положенн¤ на лог≥чному екран≥, що ≥стотно скоротить загальний розм≥р GIF-файлу.

Ќайб≥льш ефективним способом скороченн¤ розм≥ру файлу Ї оптим≥зац≥¤.

ѕри оптим≥зац≥њ GIF-ан≥мац≥њ зд≥йснюЇтьс¤ видаленн¤ надлишкових кольор≥в з пал≥три, ¤к≥ не використовуютьс¤ в зображенн¤х, з'¤вл¤ютьс¤ т≥льки один раз або близьк≥ до кольор≥в, ¤к≥ часто використовуютьс¤. “акож зд≥йснюЇтьс¤ зм≥на Global Palette додаванн¤м до нењ кольор≥в локальних пал≥тр, що дозвол¤Ї скоротити к≥льк≥сть використовуваних локальних пал≥тр, та видаленн¤ повторюваних частин зображень у кадрах.

 оманди меню Video F/X (¬идеоэффекты) дозвол¤ють легко додати до ан≥мац≥њ р≥зн≥ ефекти, але при цьому варто врахувати, що њхнЇ використанн¤ також зб≥льшуЇ розм≥р GIF-файлу.

ѕроцес створенн¤ ан≥мац≥њ з посл≥довност≥ файл≥в включаЇ:

" запуск GIF-ан≥матора ≥ у в≥кн≥ Startup Wizard (ћастер запуска) виб≥р самост≥йного створенн¤ ан≥мац≥њ (Blank animation);

" виб≥р командою File Add Images (‘айл ƒобавить картинку) в≥дразу к≥лька файл≥в (це можна зд≥йснити також шл¤хом перет¤гуванн¤ фал≥в з в≥кна ѕров≥дника Windows на робочу область в≥кна GIF-ан≥матора);

" перех≥д на вкладку Preview (ѕредварительный просмотр) дл¤ перегл¤ду ан≥мац≥њ;

" перех≥д на вкладку Optimize (ќптимизаци¤) ≥ зд≥йсненн¤ оптим≥зац≥њ файлу.

ѕроцес створенн¤ ан≥мац≥њ з в≥деофайлу включаЇ:

" запуск GIF-ан≥матора ≥ у в≥кн≥ Startup Wizard (ћастер запуска) виб≥р Open an existing video file (—оздание анимации из видеофайла);

" дл¤ вид≥леного файлу у в≥кн≥ Add video (ƒобавить видео) у пол¤х Subject (“ема) ≥ Description (ќписание) вказуютьс¤ коротк≥ в≥домост≥ про файл;

" в≥дкритт¤ в≥кна Duration (ѕродолжительность) ≥ при посл≥довному перегл¤д≥ позначенн¤ м≥тками початку ≥ к≥нц¤ в≥дпов≥дних кадр≥в (¤кщо вставл¤Їтьс¤ в≥деофайл ц≥лком, то в≥кно Duration (ѕродолжительность) можна не в≥дкривати);

" клацанн¤ на кнопц≥ Open (ќткрыть) у в≥кн≥ Add video (ƒобавить видео), при цьому вс≥ вид≥лен≥ кадри в≥деофайлу посл≥довно розташовуютьс¤ на панел≥ кадр≥в;

" додаванн¤ до ан≥мац≥њ ефект≥в;

" збереженн¤ результату.

¬исока ¤к≥сть ≥ малий розм≥р вих≥дного файлу зробили в даний час програму Ulead GIF Animator 5.0 одн≥Їю з самих попул¤рних у Web- дизайнер≥в.