ЈУ СШЦ ,,Милутин Миланковић''

Милићи, улица Николе Тесле 34.

Матурски рад из Рачунарства и информатике

ТЕМА: АНИМАЦИЈА

Ментор: Ученик:
Томислав Пантић, проф Вук Момчиловић, IV-1

Милићи, јун 2018. год.

 САДРЖАЈ

Страна

1. Увод.........................................................................................................................................3
2. Коришћење програма Microsoft GIF Animator.................................................................5
2.1. Израда анимације...........................................................................................................7
2.2. Покретање Microsoft GIF Animatora.............................................................................8
3. Увоз слика у GIF Animator....................................................................................................9
3.1.Подешавање параметара анимације............................................................................10
3.2. Подешавање особина кадра.........................................................................................11
4 Примјери израде анимације................................................................................................15
4.1. Примјери.......................................................................................................................15
5. Закључак..............................................................................................................................18
Литература...............................................................................................................................19

2
 1. УВОД

Шта је анимација?

 Гиф Анимација (Graphic Interchange Format) је начин приказивања непомичних слика

брзим измјењивањем (до 30 сличица у секунди) како би се створио дојам покрета (нпр.
цртани филмови).

Највише их налазимо на интернету. Разликујемо двије врсте:

1. ГИФ анимације – настају измјењивањем свега неколико сличица у заданом времену

приказивања. Намијењене су приказивању једноставних рекламних порука.

2. Флаш анимације – сложени анимирани прикази у којима се измијени до 30 сличица у

секунди. Флаш анимације често су интерактивне те се појављују у облику рачуналних
игрица које су преплавиле интернет.

Најчешће се израђују у програму који се назива: Microsoft GIF Animator 

* о њему ћемо касније више розговарати.

Слика 1.
Интерфејс
програма :
,,Microsoft GIF
Animator''
АНИМАЦИЈА Вук Момчиловић, IV-1

 Разлог што сам одабрао ову тему је једноставан, цртани филмови.

Одувијек сам био фасциниран њиховом израдом и занимало ме је како бих то могао
сам извести.

 Лично сматрам, да сваки омладинац треба ово научити да ради, јер ко зна, можда им то
буде будући посао, који је иначе тражен, а и плаћен.

 Једини проблем је тај, што захтјева много времена и стрпљења,а и креативности. За

обичне анимације, може се задржати много времена на рачунару, али исплати се на
крају.

 Microsoft GIF Animator, као програм, није тежак за употребу. Користим га већ дужи
период и добро се сналазим у њему. Он ће ми такође бити један од главних тема у овом
раду.

 Ко никад није имао додира са овим, топло бих му препоручио. Много је занимљиво,
убија вријеме, а можда вам и новац донесе.

4
АНИМАЦИЈА Вук Момчиловић, IV-1

2. КОРИШЋЕЊЕ ПРОГРАМА Microsoft GIF animator

Microsoft GIF Animator је историјски рачунарски софтвер за Microsoft Windows за креирање

једноставних анимираних GIF датотека заснованих на формату датотеке GIF89а. Било је бесплатно
преузети из Microsoft download centra, али је сада доступан само преко MSDN-а и сајтова за
преузимање трећих страна. Такође је укључен и Microsoft image composer и Microsoft FrontPage..

Анимације се могу окретати, окретати и избледети; корисници могу да одреде величину и

транспарентност слика. Подржане су аутоматске и прилагођене палете.

Један од алата помоћу кога можете да правите једноставнеанимације је Microsoft GIF Animator. Овај
програм можете наћи на интернету потпуно бесплатно. Функционише на истом принципу као и
традиционална анимација, тј. Сваки покрет је у посебном кадру. Можете креирати анимиране GIF
датотеке које садрже једну или више слика чијим се секвенцијалним приказивањем ствара привид
покретне слике, тј. производи ефекат анимације.

Изглед главног прозора програма:

Слика 2. Главни мени програма.

Прозор Microsoft GIF Animatora састоји се од три дела: линије са алатима, колоне за приказ кадрова
(енгл. Frame) са скрол траком, и три картице: Options, Animation и Image (слика 2.). Картице
Animation и Image се активирају тек после убацивања прве слике у кадар (слика 3.).

5
АНИМАЦИЈА Вук Момчиловић, IV-1

Слика 3. Активиране остале картице после убацивања слике.

Сви подаци у рачунару чувају се и обрађују у бинарномоблику. Начин на који ће се садржај слике
претворити у бинарне бројеве представља формат за запис слике. За смањење количине информација
потребних за запис слике користе се различите технике компресије које могу бити са губитком или
без губитка података.

То је осмобитни формат, ограничен на 256=28 боја (или нијанси сиве боје). Идеалан је за цртеже и
једноставне слике које садрже делове чисте боје или мотиве који се понављају. Уштеда меморијског
простора постиже се тзв. индексираним записом слике.

На овај начин добијају се веома мале датотеке па је GIF формат веома заступљен на Wеb-у и подржан
је од свих Wеb-прегледача.

Изузетне предности GIF формата у односу на друге формате су провидност (енгл. транспаренцy) и
могућност израде анимација (енгл. Аниматион).

На слици 4.а приказана је слика у JPEG формату, а на слици 4.б слика у GIF формату на којој је
примењена провидност позадине.

6
АНИМАЦИЈА Вук Момчиловић, IV-1

Слика 4. а) JPEG б) GIF

2.1. Израда анимације

Пошто смо се упознали са интерфејсом Мицрософт ГИФ Аниматора показаћемо на једноставном

примеру како можете направити анимацију за вашу презентацију.

Направићемо анимацију осциловања математичког клатна.

За то су нам потребне три слике које можемо нацртати у Паинту. Једна слика је положај клатна
крајње десно, друга слика положај клатна крајње лево и трећа слика положај клатна у стању
мировања.

Клатно ће се кретати од крајњег левог до крајњег десног положаја и од крајњег десног до крајњег
левог положаја (слика 5.).

Да би смо обезбедили овакву врсту кретања клатна слику мировања клатна искористићемо у два
кадра.

Слика 5. Потребне слике за израду анимације

 Слике су претходно обрађене тако да је позадина једнобојна,

што ће нам омогућити да искористимо ефекат транспарентности.

7
АНИМАЦИЈА Вук Момчиловић, IV-1

2.2. Покретање MS GIF ANIMATORA

Покрените програм Microsoft GIF Animator.

Колона за приказ кадрова је тренутно празна (слика 6.). Дечекирајте опцију ,,Main Dialog Windows
Always on Top’’ да вам прозор GIF Animatora не би био увек у првом плану. Чекирајте
опцију ,,Thumbnails Reflect Image Position’’ да би однос величине
слика и сцене за приказивање анимације био пропорционалан у односу на праву величину слика.

Слика 6. Подешавање програма

У зависности од сложености слика за анимацију, изаберите одговарајући метод за приказивање

палете боја.

GIF Animator нуди четири методе избора Solid (бира најближе индексиране боје, брз и практичан за
линије и слике са неколико боја), Pattern (прерачунава боје на основу малог узорка, веома је брз са
умереним бројем боја), Random (прерачунава боје на основу великог узорка, карактеришу га умерена
брзина, а погодан је за слике са више боја) и Error Diffusion (прерачунава боје прецизним мешањем
преко малих површина).

За израду анимације математичког клатна можете изабрати метод Solid јер наше слике нису сложене.

8
АНИМАЦИЈА Вук Момчиловић, IV-1

3. УВОЗ СЛИКА У ГИФ АНИМАТОР

Прва слика у GIF Animator се увози кликом на алатку Open из линије са алатима. Кликом на ову
алатку отвара се стандардни дијалог за отварање датотеке (слика 7.).

Из диалога изаберите једну од слика које ће се појавити у анимацији (slika1.gif), и кликните на дугме
''Open''. У колони за приказ кадрова појавиће се изабрана слика. Остале слике можете увести помоћу
алатке Insert.

Слика 7. Дијалог за отварање датотеке.

Увезите остале слике (slika 2.gif и slika 3.gif).

Слику slika 3.gif увезите два пута. Уколико сте погрешно унели неку слику њу можете обрисати тако
што је означите и кликнете на алат Delete.

Ако слике у колони за кадрове нису поређане одозго надоле следећим редоследом: slika1, slika2,
slika 3; помоћу алатке Move UP/DOWN поређајте их тим редоследом.

Померање кадрова вршите на тај начин што кликнете десним тастером миша на слику коју желите да
померите и помоћи алатке Move UP/DOWN померате је за једно место горе или доле.

9
АНИМАЦИЈА Вук Момчиловић, IV-1

3.1. Подешавање параметара анимације

Прво ћемо подесити величину сцене за приказ аниамције. У нумеричком пољу Animation Width
дефинише се ширина, а у пољу Animation Height висина простора у коме ће се одвијати анимација.

Microsoft GIF Animator на основу прве убачене слике сам дефинише потребну ширину и висину
анимације.

За кадрове који се крећу хоризонтално треба обезбедити шири, а за кадрове који се крећу вертикално
виши простор. За анимацију математичког клатна оставите вредности које је подесио сам GIF
Animator.

Слика 8. Подешавање у картици Animations

С обзиром да се ради о математичком клатну које бесконачно осцилује, у картици Animation ћемо
чекирати опције Looping и Repeat Forever да би се понављањем
aнимације направила илузија непрестаног осциловања (слика 6.).

Ако не чекирате опцију Repeat Forever можете у пољу Repeat Count подесити колико пута желите
анимација да вам се понови.

10
АНИМАЦИЈА Вук Момчиловић, IV-1

3.2. Подешавање особина кадра

За анимацију математичког клатна, позиција слика left и top остаће на нули (ове опција се користи
када слике за анимацију нису истих димензија).

Дужина трајања кадрова не мора да буде иста за све кадрове.

Ако желите да подесите дужину трајања за сваки кадар понаособ потребно је да

означите само кадар за који подешавате дужину трајања и пољу Duration унесете жељену дужину
(слика 9.).

За анимацију математичког клатна поставите Duration на 20 за сваки кадар.

Слика 9. Подешавање трајања анимације.

Коначан производ можете погледати опцијом Превиев (слика 9.а).

11
АНИМАЦИЈА Вук Момчиловић, IV-1

Слика 9.а Преглед.

Ова анимација је урађена без коришћења опције провидности, ако је уметнете у PowerPoint
презентацију појавиће се анимација са својом црном позадином (слика1а.).

Ако желите да анимација има позадину слајда у који је умећете мораћете да подесите опцију
провидности у аниматору.

За сваки кадар понаособ означите опцију Транспаренцy, а Undraw Method поставите на Restore
Background.

Undraw Method има четири опције које нам дефинишу како ће се кадрови појављивати и нестајати са
сцене. Ако желите да се са позадином не дешава ништа пре појављивања слике треба изабрати
опцију Undefined.

Ефекат сенке се може добити избором опције Leave. Restore Background омогућује
да се оригинална позадина поново појављује када се прикаже тренутна слика, а Restore Previous да се
претходна слика појави када се прикаже тренутна слика.

12
АНИМАЦИЈА Вук Момчиловић, IV-1

Слика 10. Подешавање провидности.

Прегледајте анимацију кликом на алатку Preview.

Слика 11. Промјењена провидност.

13
АНИМАЦИЈА Вук Момчиловић, IV-1

Као што видимо, сада се изгубила црна позадина у анимацији, што значи да је постала провидна.

Сачувајте анимацију кликом на алатку Save As под новим именом. Када се оваква анимација убаци у
PowerPoint презентацију имаће позадину слајда (слика 1.б).

Анимација математичког клатна урађена је само са три кадра и у анимацијама се ти кадрови зову
кључни кадрови.

За побољшање квалитета анимације додају се и међукадрови у којима су додатни положаји клатна.

Значајно побољшање ове анимације може се постићи додавањем само два међукадра (слике) са
положајима клатна између стања мировања и крајњег десног положаја и
стања мировања и крајњег левог положаја.

14
АНИМАЦИЈА Вук Момчиловић, IV-1

4. ПРИМЈЕРИ ИЗРАДЕ АНИМАЦИЈЕ

За вежбу можете направити лепу електонску честитку.

Нађите на Интернету слику зимске идиле и покушајте да јој додате падање снега. Потребно је да
нацртате неколико .гиф слика са пахуљама и са сликом са Интернета их увезете у ГИФ аниматор.

Добићете веома лепу анимацију.

За оне који не воле да цртају у прилогу се налази слика са Интернета и три слике на којима се налазе
пахуље.

Помоћу њих направите анимацију новогодишње честитке.

За децу може бити веома интересантна анимација улаза лопте у гол.

Нацртајте једну слику на којој ће бити фудбалски гол. Та слика ће бити позадина свих осталих слика.
Остало је само још да се нацртају слике са лоптом у различитим положајима.

4.1. Примјери

Примјер 1. Падање снијега:

Основна слика, без нацртаног снијега.

Завршена
слика са снијегом.

Следећи кораци су једноставни, треба распоредити пахуље на основној слици тако да се не поклапа
са другим.

15
АНИМАЦИЈА Вук Момчиловић, IV-1

Примјер 2. Математичко клатно:

Потребне су 3: Максимални лијеви, средњи и максимални десни положај. 

НАПОМЕНА!

Додавањем више слика, добија се детаљнији производ и квалитетнија GIF Animacija.

Максималан лијеви положај

Средњи положај (положај у мировању)

Максималан десни положај

Спајањем ових фрејмова (слика) добија се ефекат кретања Математичког клатна.

16
АНИМАЦИЈА Вук Момчиловић, IV-1

Примјер 3.

нормална, недеформисана призма

17
АНИМАЦИЈА Вук Момчиловић, IV-1

Благо је удубљена на средини

Исти случај, повећан интензитет.

5. ЗАКЉУЧАК
Анимација као анимација није лоше занимање. Она се појавила још у старом вијеку и развијала се
све до данас. Развијала се под лошим околностима, када нису још ни рачунари били развијени.
Замислио сам да, са данашњом техником и рачунарима може још више напредовати.
Очекујем да ће то бити једна међу
најразвијенијим гранама Рачунарства и
информатике па чак међу најплаћенијим
пословима на свијету.

Анимација, није толико тешка. Битна је машта и

инспирација, свако ко уложи мало труда и
времена, може успјети у овој области. Програми
који ово извршавају нису компликовани за
руководити и нису скупи, па чак су неки и
бесплатни. Тако да се пружа могућност
свакоме ко жели да се овим бави.

Да се анимација није појавила и да се није

толико брзо развијала, свијет би био скроз
другачији.
Већина данашњних филмова и цртаних се
своде на овај принцип рада и извршавају се у
истим програмима. Углавном се састоје из
покретних слика (фрејмова) који су обрађени у, горе наведеним, програмима.

18
АНИМАЦИЈА Вук Момчиловић, IV-1

Такође да нема ГИФ анимација, рекламе на интернету не би биле толико привлачне. То нам даје на
знање да ГИФ анимације имају велику улогу у маркетингу као и у свакодневном животу.

ЛИТЕРАТУРА

1. Драгољуб Мартиновић , Зоран Трандафиловић и др. Дигиталне Мултимедије 2, Висока школа

електротехнике и рачунарства струковних студија Београд 2012.

2. Горан Станојевић, Горан Стојковић и др. Електроснки часопис за наставнике, Београд, март
2008.

3. Elliote Rusty Harold, W. Scott Means: XML за програмере, превод 3. издања – Микрокњига
Београд, 2007.

4. Jobe Maar, Danny Patterson: Makromedia Flash 8 ActionScript – Компјутер,

19
АНИМАЦИЈА Вук Момчиловић, IV-1

Датум предаје: ______________

Комисија:
Председник _______________
Испитивач _______________
Члан _______________

Коментар:

Датум одбране: _____________ Оцена__________ (___)

20