Skip to main content

Израда анимираног ГИФ-а са ГИМП-ом

Anonim

ГИМП је изузетно моћан комад софтвера, с обзиром да је бесплатан. Конкретно, веб дизајнери могу бити захвални за његову способност производње једноставних анимираних ГИФ-ова.Анимирани ГИФ-ови су једноставне анимације које ћете видети на многим веб страницама и, док су они много мање софистицирани од Фласх анимација, они су врло једноставни за производњу од стране било кога са основним разумијевањем ГИМП-а.Следећи кораци приказују једноставну анимацију величине веб банера помоћу неколико основних графика, неког текста и логотипа.

Отворите нови документ

У овом примеру ћемо користити ГИМП за израду основног анимираног ГИФ веб банера. Изабрали смо предефинисани шаблон Веб баннер цоммон 468к60. За вашу анимацију можете одабрати унапред подешену величину или поставити прилагођене димензије у зависности од тога како ћете користити своју коначну анимацију.Наша анимација ће се састојати од седам оквира и сваки оквир ће бити представљен појединачним слојем, што значи да ће наша финална ГИМП датотека имати седам слојева, укључујући позадину.

Подесите Фраме Оне

Желимо да наша анимација почне са празним простором, тако да не правимо никакве промене у стварном Позадина слој који је већ обично бело.Међутим, морамо направити промјену имена слоја у Лаиерс палета. Десним тастером миша кликните на Позадина слој у палети и изаберите Едит Аттрибутес оф Лаиер. У Едит Аттрибутес оф Лаиер дијалог који се отвара, додамо (250мс) до краја имена слоја. Ово одређује колико ће се овај оквир приказивати у анимацији. Мс означава милисекунде и свака милисекунда је хиљаду секунде. Овај први оквир ће се приказати за четвртину секунде.

Поставите оквир два

Ми желимо да користимо графику за ову фрејму, тако да идемо Датотека> Отвори као слојеви и изаберите нашу графичку датотеку. Ово поставља отисак на нови слој који можемо позиционирати по потреби помоћу Мове Тоол. Као и са позадинским слојем, потребно је преименовати слој како би доделио време приказа за оквир. У овом случају смо изабрали 750мс.Белешка: у Лаиерс палета, приказ новог слоја изгледа да приказује црну позадину око графике, али у стварности ова област је транспарентна.

Поставите рамове три, четири и пет

Следећа три оквира су више отисака који ће ходати преко банера. Они се убацују на исти начин као оквир два, користећи исту графику и другу графику за другу стопу. Као и раније, време је постављено на 750мс за сваки оквир.Сваки слој за отиске је потребан бијеле позадине, тако да је само један оквир икад видљив - у овом тренутку, свако има транспарентну позадину. То можемо учинити стварањем новог слоја одмах испод слоја стопала, попуњавањем новог слоја бијелим, а затим десним кликом на слој стопала и кликом Споји се.

Подесите Фраме Сик

Овај оквир је само празан оквир испуњен бијелим бојама који ће дати изглед завршног отиска нестати пре него што се појави коначни оквир. Називали смо овај слој Интервал и изабрали смо да овај дисплеј буде приказан само 250мс. Не морате именовати слојеве, али то може учинити слојевитим датотекама лакшим радом.

Подесите Фраме Севен

Ово је коначни оквир и приказује неки текст заједно са логоом Абоут.цом. Први корак је додати још један слој са белом позадином.Затим, користимо Тект Тоол да додате текст. Ово се примењује на нови слој, али ћемо се тиме бавити тиме када додамо лого, што можемо учинити на исти начин као што смо раније додали графику. Када имамо ове договорене по жељи, можемо их користити Споји се да комбинују лого и слојеве текста, а затим спајају тај комбиновани слој са белим слојем који је претходно додан. Ово ствара један слој који ће представљати коначни оквир и изабрали смо да то приказујемо за 4000мс.

Прегледајте анимацију

Прије снимања анимираног ГИФ-а, ГИМП има опцију да га прегледа у акцији иди на Филтри> Анимација> Репродукција. Ово отвара дијалог за преглед са самозваним дугметима за репродукцију анимације.Ако нешто не изгледа добро, може се промијенити у овом тренутку. У супротном, може се снимити као анимирани ГИФ.

Белешка: Секвенца анимације постављена је по редоследу да се слојеви сложили у Лаиерс палета, почевши од позадине или најнижег слоја и рад на горе. Ако се ваша анимација изводи из секвенце, мораћете да подесите редослед слојева кликом на слој да бисте изабрали и користили стрелице нагоре и надоле у ​​доњем делу траке Лаиерс палета да промени своју позицију.

Сачувај анимирани ГИФ

Чување анимираног ГИФ-а је прилично једноставна вежба. Прво идите Датотека> Сачувај копију и дајте датотеку одговарајућем имену и одаберите место на коме желите да сачувате датотеку. Пре него што притиснете сачувати, изаберитеИзаберите тип датотеке (по екстензији) према доњем левом углу и, са листе која се отвори, изаберите ГИФ слика. У Извези датотеку дијалог који се отвори, изаберите Сачувај као анимацију радио дугме и кликните на Извоз дугме. Ако добијете упозорење о слојевима изван граница слике, изаберите Усев дугме.Ово ће сада довести до тога Сачувај као ГИФ дијалог са одељком Анимиране ГИФ опције. Можете их оставити под њиховим подразумеваним вредностима, мада ако желите само да се анимација репродукује једном, требало би да обришете Лооп заувек.

Закључак

Кораци приказани овде дају вам основне алате за израду сопствених једноставних анимација, користећи различите графике и величине докумената. Иако је крајњи резултат сасвим основан у смислу анимације, то је врло лак процес да свако са основним знањем о ГИМП-у може постићи. Анимирани ГИФ-ови су вероватно прошли свој први, али уз мало размишљања и пажљивог планирања, они се и данас могу брзо користити за стварање ефикасних анимираних елемената.