GIMP аніміраваныя GIF Вучэбны дапаможнік

Як вырабляць аніміраваны GIF з GIMP

GIMP з'яўляецца надзвычай магутным кавалкам праграмнага забеспячэння, улічваючы, што яна вольная. Вэб - дызайнеры , у прыватнасці, могуць быць удзячныя за яго здольнасць вырабляць простыя аніміраваныя GIF - файлы.

Аніміраваныя GIF простыя анімацыі , якія вы ўбачыце на многіх вэб - старонках , і, у той час як яны значна менш складанай , чым флэш - анімацыі , яны вельмі простыя , каб вырабіць любы чалавек з базавым разуменнем GIMP.

Наступныя крокі паказваюць просты вэб-банэр памерам, анімацыя з дапамогай пары асноўных графікі, які-небудзь тэкст і лагатып.

01 з 09

Адкрыйце новы дакумент

У гэтым прыкладзе я збіраюся выкарыстоўваць GIMP для стварэння вельмі просты аніміраваны GIF вэб-банэра. Я абраў зададзены шаблон вэб - банэра агульнай 468x60. Для анімацыі, вы можаце выбраць прадусталяваны памер ці ўсталяваць карыстацкія памеры ў залежнасці ад таго, як вы будзеце выкарыстоўваць сваю канчатковую анімацыю.

Мая анімацыя будзе складацца з сямі кадраў і кожны кадр будзе прадстаўлены на асобным пласце, а гэта азначае, што мой апошні GIMP файл будзе мець сем слаёў, у тым ліку на заднім плане.

02 з 09

Набор кадраў Адзін

Я хачу , каб мая анімацыю пачаць з пустой прасторай , так што я не ўносіць ніякіх зменаў у фактычным фонавым пласт , які ўжо проста белы.

Тым ня менш, мне трэба ўнесці змены імя пласта ў палітры пластоў. Я правая кнопка мышы на фонавым пласце ў палітры і абярыце Edit Layer Attributes. У Edit Layer Attributes дыялогу , які адкрываецца, я дадаю (250ms) да канца імя пласта. Гэта ўсталёўвае колькасць часу, што гэты кадр будзе адлюстроўвацца ў анімацыі. Мс азначае мілісекунды, і кожны мілісекунду з'яўляецца тысячнай доляй секунды. Гэты першы кадр будзе адлюстроўвацца на чвэрць секунды.

03 з 09

Набор кадраў Два

Я хачу выкарыстоўваць след графікі для гэтага кадра так што я іду ў меню Файл> Адкрыць як пласты і выберыце свой графічны файл. Гэта накладае адбітак на новы пласт , які можна размясціць у адпаведнасці з патрабаваннямі , выкарыстоўваючы Move Tool. Як і ў выпадку фонавага пласта, мне трэба перайменаваць пласт, каб прызначыць час адлюстравання для кадра. У гэтым выпадку, я выбраў 750ms.

Заўвага: у палітры пластоў, новы пласт папярэдняга прагляду з'яўляецца , каб паказаць чорны фон вакол графіка, але ў рэчаіснасці гэтая вобласць з'яўляецца празрыстай.

04 з 09

Набор фрэймаў Тры, чатыры і пяць

Наступныя тры кадра больш слядоў, якія будуць хадзіць па банэры. Яны ўстаўляюцца такім жа чынам, як кадр два, выкарыстоўваючы той жа графічны і іншай графікі для іншай ногі. Як і раней часу усталёўваецца як 750ms для кожнага кадра.

Кожны з пластоў след патрэбен белы фон, так што толькі адзін кадр заўсёды бачны - у цяперашні час, кожны з іх мае празрысты фон. Я магу гэта зрабіць, стварыўшы новы пласт непасрэдна пад пластом след, запаўняючы новы пласт з белым , а затым правай кнопкай мышы на след пласта і націснуўшы кнопку Merge Down.

05 з 09

Набор кадраў Шэсць

Гэты кадр проста пусты каркас, запоўнены з белым, які дасць з'яўленне канчатковага следу знікае да з'яўлення апошняга кадра. Я назваў гэты пласт Interval і абралі для гэтага дысплея для ўсяго 250мс. Вам не трэба называць пласты, але гэта можа зрабіць слаістай файлы лягчэй працаваць.

06 з 09

Набор кадраў Seven

Гэта апошні кадр і адлюстроўвае тэкст разам з лагатыпам Пададзены. Першы крок тут, каб дадаць яшчэ адзін пласт з белым фонам.

Далей я выкарыстоўваю Text Tool , каб дадаць тэкст. Гэтая заява дзейнічае на новы пласт, але я буду мець справу з гэтым, як толькі я дадаў лагатып, які я магу зрабіць, такім жа чынам, што я дадаў след графікамі раней. Калі я атрымаў гэта па сваім жаданні, я магу выкарыстоўваць Merge Down , каб аб'яднаць лагатып і тэкставыя пласты , а затым аб'яднаць гэты аб'яднаны пласт з белым пластом , які быў дададзены раней. Гэта вырабляе адзін пласт, які будзе фармаваць канчатковы кадр, і я выбраў, каб адлюстраваць гэта для 4000ms.

07 з 09

Папярэдні прагляд анімацыі

Перад захаваннем анімаванага GIF, GIMP мае магчымасць праглядаць яго ў дзеянні, перайшоўшы ў Filters> Анімацыя> Прайграванне. Адкрыецца дыялогавае акно папярэдняга прагляду з самообъясняющими кнопкамі, каб гуляць анімацыю.

Калі нешта выглядае не так, ён можа быць зменены ў дадзены момант. У адваротным выпадку, ён можа быць захаваны як аніміраваны GIF.

Заўвага: Паслядоўнасць анімацыі ўсталёўваюцца ў парадку , што пласты выкладзеныя ў палітры пластоў, пачынаючы ад фону або ніжняга пласта і працаваць ўверх. Калі ваша анімацыя гуляе з паслядоўнасці, вам трэба будзе рэгуляваць парадак вашых слаёў, націснуўшы на пласт , каб выбраць і з дапамогай стрэлак уверх і ўніз ў ніжняй радку палітры пластоў , каб змяніць сваю пазіцыю.

08 з 09

Захаваць Аніміраваныя GIF

Захаванне анімаванага GIF з'яўляецца даволі прама наперад практыкаваннем. Ва- першых, перайдзіце ў меню Файл> Захаваць копію і даць файлу адпаведнае імя і выбраць , куды вы хочаце захаваць файл. Перад націскам кнопкі Захаваць, націсніце Выбраць тып файла (па пашырэнні) да ніжняй левай і, з спісу , які адкрываецца, абярыце GIF выявы. У дыялогавым акне Экспарт файла , які адкрываецца, націсніце кнопку Захаваць як анімацыю радыё і націсніце кнопку Экспарт. Калі вы атрымаеце папярэджанне аб пластах , якія распасціраюцца за межы фактычных межаў малюнка, націсніце кнопку Crop.

Зараз гэта прывядзе да Захаваць як GIF дыялог з участкам Аніміраваныя GIF Options. Вы можаце пакінуць іх у іх значэння па змаўчанні, але калі вы хочаце толькі анімацыю , каб гуляць адзін раз, вы павінны зніміце сцяжок Loop назаўжды.

09 з 09

выснову

Крокі, паказаныя тут, дадуць вам асноўныя прылады, каб ствараць уласныя простыя анімацыі, выкарыстоўваючы розныя графікі і фарматы дакументаў. У той час як канчатковы вынік вельмі асноўным з пункту гледжання анімацыі, гэта вельмі просты працэс, які любы чалавек з базавымі ведамі GIMP можа дасягнуць. Аніміраваныя GIF, верагодна, у мінулым росквіце сіл зараз, аднак з трохі думкі і ўважлівага планавання, яны могуць быць выкарыстаны для стварэння эфектыўных анімаваных элементаў вельмі хутка.