Цртежи за анимација во боја. Како да направите анимација во Paint? Теоретски аспекти на создавање анимирани гифови

Секции: Компјутерски науки

Цел на часот: Креирање анимирана слика на тема: „Море“

Цели на лекцијата:

1. Образовни – креирајте анимирана слика со помош на графичкиот уредувач Paint и Power Point на тема: „Море“
2. Образовни - да се промовира формирањето на внимание и независност за време на часот.
3. Развојна - развој на креативното размислување кај учениците.

Тип на лекција: лекција за учење нов материјал

Структура на лекцијата.

1. Организациска фаза. (2 минути.)
2. Воведна и мотивациска фаза. (10 мин.)
3. Оперативна и содржинска фаза. (20 минути.)
4. Рефлексивно - евалуативна фаза. (5 минути).
5. Домашна работа (3 мин.)

Опрема: табла, креда, компјутер, софтвер, наставни материјали.

За време на часовите.

1. Организациска фаза.

Здраво момци, седнете. Денес во лекцијата ќе научиме како да креираме анимирана слика. Што значи тоа?

За да креирате анимација, користете ја вашата имагинација
Треба да нацртате цртеж без одлагање!
Ја покажувате траекторијата, цртежот ќе оживее,
Тој ќе ве повика во огромниот свет на фантазијата!!

Денес ќе се нурнеме во магичниот подводен свет.

Ајде да го нацртаме морето, знаеме многу за ова,
Прекрасен октопод ќе заплива во морето.
Тој привлекува со својата убавина,
Додека рибите пливаат, тие се поклонуваат!

2. Воведно-мотивациска фаза (ажурирање на основни знаења).

Во последната лекција ја проучувавме темата: „Кодирање на информации“ и извршивме практична работа на оваа тема. Одговорете на прашањата: Како може да се кодираат и декодираат информациите? Што е кодирање? Што е декодирање? Кои програми и апликации ги користевме за кодирање и декодирање на информации?

Да запамети оваа темазавршете ја практичната задача на компјутер. Дешифрирајте ја темата на нашата лекција.

Светот на броеви и броеви е многу голем,
Ти, студентот, можеше да ја сфатиш нивната тајна!
На крајот на краиштата, секој број овде складира буква,

Дешифрирајте го и прочитајте го веднаш!

Декодирањето на информациите се врши во програмата Notepad. Буквата се дешифрира со притискање на нумеричкиот код истовремено со копчето Alt.

Следниот текст е кодиран во задачата:

ДЕНЕС ВО ЛЕКЦИЈА ЗА ИНФОРМАЦИИ ЌЕ СОЗДАВАМЕ АНИМАЦИЈА ВО УРЕДНИКОТ НА ГРАФИКАТА PAINT. ИМ ПОСАКУВАМ НА СИТЕ ПЛОДНА РАБОТА И ДОБРО РАСПОЛОЖЕНИЕ!

1. 0209 0197 0195 0206 0196 0205 0223
2. 0205 0192
3. 0211 0208 0206 0202 0197
4. 0200 0205 0212 0206 0208 0204 0192 0210 0200 0202 0200
5. 0204 0219
6. 0193 0211 0196 0197 0204
7. 0209 0206 0199 0196 0192 0194 0192 0210 0220
8. 0192 0205 0200 0204 0192 0214 0200 0222
9. 0195 0208 0192 0212 0200 0215 0197 0209 0202 0206 0204
10. 0208 0197 0196 0192 0202 0210 0206 0208 0197
11. 080 065 073 078 084
12. 0198 0197 0203 0192 0222
13. 0194 0209 0197 0204
14. 0207 0203 0206 0196 0206 0210 0194 0206 0208 0205 0206 0201
15. 0208 0192 0193 0206 0210 0219
16. 0213 0206 0208 0206 0216 0197 0195 0206
17. 0205 0192 0209 0210 0208 0206 0197 0205 0200 0223 033

3. Оперативна и содржинска фаза. (20 минути.)

Создавање анимирана слика.

Работен план. Сега одиме на подводно патување, ќе ја создадеме анимацијата „Море“.

4. Креирање на анимацијата „Море“.

1. Отворете графички уредник Paint (Почеток - Програми - Додатоци - Paint)

2. Во лентата со мени, изберете Picture – Attributes. Поставете параметри: висина 24 см, ширина 32 см.

3. На лентата со алатки, изберете пополнување и пополнете го документот со сино.

4. Користејќи ја формата на елипсата на лентата со алатки, нацртајте морски камчиња (било која големина и количина). Со помош на полнење, обојте ги камчињата со различни бои.

5. Со помош на алатката Curve, нацртајте алги.

Какви безгранични убавини,
Каков прекрасен, прекрасен поглед,
Но, тука ни недостасува нешто,
Владее спокојство и тишина.
Овде камчињата се убави, под вода,
Овде алгата е долга и зелена,
Но златната рипка недостасува,
Да уживаш во убавината со чувство!
Ајде да нацртаме риба со тебе,
Ајде да направиме малку магија за ова!

6. Зачувајте го добиениот цртеж. (Датотека – Зачувај како – име на сликата Море).

7. Отворете го графичкиот уредувач Paint (Start – Programs – Accessories – Paint)

8. Во лентата со мени, изберете Picture – Attributes. Поставете параметри: висина 3 см, ширина 5 см.

9. На лентата со алатки, изберете пополнување и пополнете го документот со сино.

10. Нацртајте риба.

11. Зачувајте го добиениот цртеж. (Датотека – Зачувај како – име на сликата Риба).

Еве ја, убавица, златна риба,
Брзо ќе плива, размислувајќи за морето!
Но, за рибите да не се досадуваат,
Треба да создадеме пријател за неа!

12. Отворете го графичкиот уредувач Paint (Start – Programs – Accessories – Paint)

13. Во лентата со мени, изберете Picture – Attributes. Поставете параметри: висина 5 см, ширина 3 см.

14. На лентата со алатки, изберете пополнување и пополнете го документот со сино.

15. Нацртајте октопод.

16. Зачувајте го добиениот цртеж. (Датотека – Зачувај како – име на сликата Октопод).

Тој има многу нозе
Кој е ова? Октопод!
Тој ќе плива со рибите,
И ќе бидеме однесени во морето.

17. Отворете ја Power Point презентацијата (Start – Programs – Power Point).

18. Во лентата со мени, изберете Вметни – Слика – Од датотека – Море

19. Во лентата со мени, изберете Вметни – Слика – Од датотека – Риба

20. Во лентата со мени, изберете Вметни – Слика – Од датотека – Октопод

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

22. Изберете: Додај ефект – Премести патеки – Нацртај приспособен курс-Крива. Нацртајте произволна крива.

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

24. Изберете: Додај ефект – Премести патеки – Нацртај приспособен курс-Крива. Нацртајте произволна крива.

25. Изберете Slide Show – Start Show од лентата со мени.

Убавината на морето е неограничена,
Убавината на морето е променлива,
Животот е во движење, а тоа ни е познато
Ајде секогаш да се движиме.
Море, риба, океани,
Не постои начин да се пренесат сите убавини,
Да се ​​подигне превезот на тајноста,
Треба да создадеме анимација.

4. Рефлексивно-евалуативна фаза (5 мин).

Се даваат оценки за лекциите

5. Домашна задача.

Направете бесплатна анимирана слика.

Светлана Шлјахтина

Секоја веб-страница е незамислива без веб-анимација, вклучително и анимирани гифови. Долго време, за да ги создадат, веб-дизајнерите беа принудени да користат цел сет на специјализирани програми од различни развивачи. Меѓутоа, со доаѓањето на соодветните способности во популарната 2D графички пакети ориентирани првенствено на работа со дводимензионални растерска графикаи во исто време овозможувајќи ви да креирате датотеки во формат Animation GIF поради соодветните алатки што ги надополнуваат, сè стана многу поедноставно. Овие пакети вклучуваат Jasc Paint Shop Pro, која ја вклучува програмата Animation Shop, дизајнирана за создавање на GIF анимации: анимирани копчиња, банери и други анимирани елементи.

Paint Shop Pro и Animation Shop тесно соработуваат, се целосно компатибилни и совршено се надополнуваат едни со други, што овозможува, во фазата на создавање анимација, постојано да се префрлате од една во друга програма и да уредувате рамки на слики во Paint Shop Pro, што гарантира дека соодветните рамки се менуваат во Animation Shop. Можете исто така да извезувате слоеви во рамки и обратно, како и анимација на повеќеслојна слика. Во исто време, секоја од овие програми останува своја специјализација во однос на веб-графиката: по правило, подобро е да се подготвуваат и уредуваат рамки во Paint Shop Pro и да се применат динамички ефекти, оптимизација и, се разбира, самата анимација. - во продавница за анимации.

Animation Shop располага со интерфејс лесен за корисникот и едноставен и удобен режим за уредување рамки со можност за ротирање, пресликување и отсекување, како и широк спектар на алатки: четки, форми, алатки за бришење и сечење, текстуални алаткиитн Сето ова, во комбинација со способноста за работа со чекор по чекор мајстори, овозможува дури и непрофесионалци брзо да креираат GIF анимации. Дополнително, Animation Shop обезбедува голем сет на професионални ефекти и филтри кои можете да ги користите кога креирате анимација. Програмата поддржува ефективни и практични методи за оптимизација кои ви овозможуваат брзо да го пронајдете оптималното решение врз основа на податоците прикажани во неговиот прозорец во врска со квалитетот на сликата, нејзината големина и брзината на вчитување и значително да ја намалите големината на „живата“ слика.

Теоретски аспектикреирање анимирани гифови

Како што знаете, анимацијата е низа од рамки, изворниот графички материјал за кој може однапред да се подготви и во Animation Shop и Paint Shop Pro, а изборот на апликацијата се одредува според карактеристиките на одредена анимација.

Gif-анимацијата во Animation Shop може да се креира на три начини. Првиот и најзгодно од нив е претходно да се подготви повеќеслојна слика во Paint Shop Pro, зачувана во формати PspImage или PSD и отворена во Animation Shop - во овој случај, се создава посебна рамка за секој поединечен слој на сликата. . Слоевите обезбедуваат пригоден начин за композициски да изградите анимирана слика од различни графички и текстуални елементи и ви дозволуваат да аплицирате на различни елементислики, разни филтри, променете го степенот на транспарентност и режимот на мешање на слоеви, приспособете ја осветленоста и применете други трансформации достапни во Paint Shop Pro, а со тоа обезбедувајќи различни ефекти.

Вториот метод е традиционалната опција за создавање анимации во независни гиф-аниматори и се состои од последователно поврзување на претходно создадените еднослојни рамки за слики со помош на волшебник. Покрај тоа, теоретски е можно да се создаде едноставен анимиран gif од нула директно во околината на Animation Shop.

Исто така, постои фундаментално различна можност за креирање рамки - автоматско генерирање на средни рамки, што значително го забрзува производството на мазни анимации, бидејќи нема потреба рачно да се креира секоја рамка. За да го направите ова, се одредуваат клучните рамки, а потоа компјутерот автоматски формира се што треба да биде на просторите меѓу нив, во согласност со ефектот дефиниран во програмата (ротација, движење, промена на карактеристиките на бојата итн.). Сепак оваа можносте ограничен со бројот на ефекти достапни во Animation Shop (вреди да се препознае дека генерално има доста ефекти, но не за сите прилики), и ако предвидениот принцип на менување рамки не е вклучен во бројот на достапни ефекти, тогаш сите средни рамки ќе треба да се креираат рачно во Paint Shop Pro.

Извезување и ажурирање на анимации

Како што веќе беше забележано, во фазата на создавање анимација, можете да се префрлате помеѓу програмите Paint Shop Pro и Animation Shop, иако само ако полето за избор Export frame to Paint Shop Pro as layered images е овозможено во програмата Animation Shop. За да го направите ова, користете ја командата File=>Preferences=>General Program Preferences=>Layered Files (File=>Settings=>General program settings=>Layered files) и овозможете го наведеното поле за избор (сл. 1). Во овој случај, ако треба да уредите една или сите рамки за анимација, ќе биде доволно да ги извезете избраните рамки од Animation Shop во Paint Shop Pro користејќи еден од следниве методи:
изберете ја командата File=>Export Frames=>To Paint Shop Pro од менито;
кликнете на копчето Export Frames to Paint Shop Pro во лентата со алатки;
Десен-клик на избраните рамки и изберете Export Frames to Paint Shop Pro од менито што се појавува.

Ориз. 1. Овозможување на можноста за извоз на рамки во Paint Shop Pro

Потоа треба да ги направите потребните трансформации во околината Paint Shop Pro и да ја затворите датотеката без зачувување - во овој случај, програмата ќе постави прашање во врска со потребата да се ажурираат соодветните рамки во Animation Shop. Ако одговорот е да, сите промени направени во Paint Shop Pro ќе бидат префрлени на анимацијата отворена во Animation Shop, која може да се прегледа.

Постои уште една опција за ажурирање на анимацијата од Paint Shop Pro: без затворање на датотеката Paint Shop Pro, користете ја командата Edit=>Update Back to Animation Shop. Потоа префрлете се на Продавница за анимации и прекинете ја врската помеѓу анимацијата и привремено креираната повеќеслојна слика користејќи ја командата File=>Export Frames=>Break Link With Exported Frames (File=>Export Frames=>Break Link with Exported Frames). Последниот чекор е неопходен затоа што без прекин на врската понатамошни активностиво продавница за анимации нема да биде можно.

За жал, мора да признаеме дека и двете опции не се многу погодни, бидејќи е невозможно да се создаде ефективна анимација само со прибегнување кон процедурата за уредување рамка во Paint Shop Pro. Најчесто, треба да уредувате рамки, да ја ажурирате анимацијата, да го видите резултатот и повторно да уредувате многу пати. И секој пат за ова треба да ги извезувате рамките во Paint Shop Pro. Очигледно, втората опција е прецизно дизајнирана за можноста за постојано уредување на повеќеслојна слика со редовни ажурирања на анимација, меѓутоа, таа не е целосно имплементирана и затоа практично не дава ништо, што ви овозможува да ја ажурирате анимацијата и да забранувате какви било дејства во анимацијата Купувајте, и што е најважно, гледање анимација. Би сакал да верувам дека оваа непријатна нијанса ќе биде елиминирана во следните верзии на Paint Shop Pro и Animation Shop.
Работете со персоналот

Главниот прозорец при развивање на анимација е прозорецот Рамки, во кој се наоѓаат самите рамки (сл. 2). За да работите со одредена рамка, само изберете ја во овој прозорец и подложете ја на потребните трансформации - уредете, применувајте ефект, менувајте својства итн. Изборот на неколку рамки се врши на вообичаен начин со држење на копчињата Ctrl или Shift , и сите рамки може да се изберат одеднаш со помош на командата Уреди => Изберете ги сите (Уреди=>Избери ги сите).

Ориз. 2. Прозорец со рамки: кратенката F го означува бројот на рамката, а кратенката D го означува неговото времетраење во стотинки

Во однос на рамки, можете да извршите едноставни трансформации: ротации и спекуларни рефлексии(мени Анимација - Анимација), а исто така извршите пресврт со менување на насоката на кадрите во спротивно користејќи ја командата Animation=>Reverse Frames (Animation=>Reverse Frames).

Најинтересна работа кога работите со рамки е примена на ефекти врз нив, кои ви овозможуваат да ги поврзувате рамки едни со други користејќи широк спектар на трансформации (сл. 3). Сите ефекти се наоѓаат во менито „Ефекти“ и се поделени во три групи: ефекти на движење на сликата (команда за вметнување на транзиција на слика), ефекти на сликата (команди за вметнување ефект на слика и примени ефект на слика) и текстуални ефекти (наредби за внесување текстуален ефект и примени текстуален ефект) . Вреди да се напомене дека употребата на некои од овие команди (тие започнуваат со зборот Вметни...) автоматски доведува до генерирање на цела серија на средни рамки, обезбедувајќи непречена транзиција помеѓу рачно креираните изворни рамки. За возврат, командите Apply Image Effect и Apply Text Effect го применуваат ефектот на избраните рамки без да создаваат средни рамки.

Ориз. 3. Примена на ефектот Раствори

Приказ и промена на својствата на анимацијата

Во прозорецот Продавница за анимации, можете веднаш да го видите резултатот со кликнување на копчето Прикажи анимација и доколку е потребно, да ги направите бараните промени, на пример, приспособете го времетраењето на доцнењето на една или неколку рамки, итн. Стандардно, доцнењето на приказот за сите рамки е една стотинка од секундата, и во овој случај, кадрите се заменуваат речиси веднаш. Сепак, времето на репродукција за секоја рамка може лесно да се промени со помош на командата Animation=>Frame Properties=>Display Time.

Дополнително, не е тешко да се прилагоди бојата на позадината на анимацијата со помош на командата Animation=>Animation Properties=>Canvas Color, а исто така да се смени големината на рамката со помош на командата Animation=>Resize Animation. Променете ја големината на анимацијата) (сл. 4) .

Ориз. 4. Промена на големината на рамки за анимација

Зачувување и оптимизирање на анимации

На крајот од работата, програмата ви овозможува да ја зачувате датотеката за анимација со оптимизација, односно со намалување на волуменот, намалување на бројот на бои, исклучување од него информации за статични области на сликата итн. (Сл. 5) користење на командата File => Save (само кога се зачувува за прв пат) или со повикување на волшебникот за оптимизација со командата File=>Optimization Wizard (File=>Optimization Wizard). Вреди да се напомене дека, прво, програмата го прикажува резултатот од оптимизација дури и во фазата на оптимизација во прозорецот за преглед, и второ, на крајот ја пријавува големината на компресираната датотека во споредба со оригиналот и неговото време на вчитување за различни конекции опции (сл. 6) . Сето ова заедно помага да се избере конечната верзија на оптимизираната датотека, наоѓајќи разумен компромис помеѓу квалитетот на сликата и нејзината големина.

Ориз. 5. Одредување на параметри за оптимизација

Ориз. 6. Резултат од компресија на датотеката за анимација при оптимизација

Како резултат на тоа, ќе се создаде компресирана датотекаво формат Animation GIF, кој по потреба може да се вчита во секое време со наредбата File=>Open (File=>Open) и да се конвертира по потреба.

Гиф анимација во пракса

Има неверојатен број на различни опции за анимација кои традиционално се користат во веб дизајнот и веќе станаа класични. Ова се различни опции за преместување и на текстот како целина или на неговите поединечни знаци, како и на други објекти; различни опции за трансформација на објекти и разни ротации. Освен тоа, предметите можат да трепкаат и да треперат буквално на секој начин, да ја променат својата боја, да се растворат, бришат и полека да се појавуваат, да се намалуваат и растат итн. Поради обемноста на темата, немаме за цел да опфатиме сè и секого и ќе се фокусираме само на неколку примери кои можат да ги покажат можностите за ефективно комбинирање на функционалноста на пакетот Paint Shop Pro со алатката Animation Shop.
Зумирање анимација

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

За да добиете анимација за скалирање, треба да отворите Paint Shop Pro и да креирате нов цртеж (сл. 7 и 8) - во овој случај, тоа е некоја векторска слика на бела позадина. Претворете го векторскиот слој во растерски слој со десен клик на него и избирање Convert To Raster Layer. Потоа спојте ги двата слоја со десен клик на еден од нив и избирање Merge=>Merge All.

Ориз. 7. Оригинална слика

Ориз. 8. Палета на слоеви

Зачувајте ја креираната слика со еден слој во мајчин формат на Paint Shop Pro и отворете ја во Animation Shop, што ќе резултира со една рамка (Слика 9). Применете го ефектот Зумирање користејќи ја командата Effects=>Insert Image Transition (Effects=>Insert image tranition effect) со параметрите прикажани на сл. 10. Како резултат на тоа, ќе се формира цела серија рамки - приближно како на сл. 11. Погледнете ја креираната анимација со кликнување на копчето View Animation и зачувајте ја со помош на командата File=>Save во Animation GIF формат со саканите параметри за оптимизација. Како резултат на тоа, ќе се добие приближно истата анимација како што е прикажано на сл. 12.

Ориз. 9. Почетна состојбапрозорски рамки

Ориз. 10. Избирање и прилагодување на ефектот Зум

Ориз. 11. Прозорец за рамки по примена на ефектот Зум

Ориз. 12. Завршена анимација

Анимација со ефект на трепкање

Ајде да се обидеме да создадеме текст што трепка традиционално се користи во веб дизајнот. Отворете Paint Shop Pro, креирајте нов цртеж и испечатете кој било текст на бела позадина, на пример, како на Сл. 13. Во исто време, отворете ја помошната датотека со која ќе го имплементирате ефектот на трепкање (сл. 14).

Ориз. 13. Изворен текст

Ориз. 14. Придружна слика

Користејќи ја алатката Selection, изберете произволна правоаголна област на помошната слика, копирајте ја на таблата со исечоци и залепете ја како нов слој на изворниот текст користејќи ја командата Edit=>Paste=>Paste As New Layer на врвот на векторскиот слој со текст. Потоа привремено направете го новиот растерски слој невидлив, одете во слојот на текст и изберете ја областа надвор од текстот со алатката Magic Wand. Вратете се на вградениот растерски слој и притиснете Del за да го избришете изборот надвор од буквите. Како резултат на тоа, текстот ќе изгледа нешто како оној на сл. 15, а прозорецот со слоеви ќе изгледа како на сл. 16.

Ориз. 15. Текст откако ќе ги отстраните непотребните делови од сликата

Ориз. 16. Состојба на палетата на слоеви како резултат на прилагодување на растерскиот слој

Избришете го слојот за позадина и векторскиот слој со текст што се непотребни за идната анимација. Умножете го преостанатиот растерски слој и на добиената копија, намалете ја непроѕирноста на слојот како што е соодветно, на пример на 80% (сл. 17 и 18).

Ориз. 17. Завршен изглед на текстот

Ориз. 18. Завршен изглед на палетата Layer

Зачувајте ја креираната двослојна слика во мајчиниот формат PspImage на Paint Shop Pro или во формат PSD (во двата случаи слоевите ќе се зачуваат) и отворете ја во Animation Shop. Кога ќе отворите повеќеслојна слика, слоевите автоматски ќе се претворат во рамки (сл. 19). Погледнете ја креираната анимација со кликнување на копчето View Animation - резултатот нема да биде многу добар: буквите не изгледаат многу импресивно на стандардната црна позадина и трепкањето се случува премногу брзо. За да ја промените позадината на анимацијата, користете ја командата Animation=>Animation Properties=>Canvas Color (Animation=>Animation Properties=>Canvas Color) и поставете ја бојата на бела (сл. 20 и 21). За да ја забавите стапката на слики, изберете ги двете рамки во прозорецот Рамки, отворете ја командата Frame Properties=>Display Time од менито Animation и променете го времетраењето на доцнењето на рамката, на пример како на Сл. 22. Повторно прегледајте ја анимацијата и ако резултатот е задоволителен, зачувајте ја со помош на командата File=>Save во Animation GIF формат со потребните параметри за оптимизација. Како резултат на тоа, ќе се добие приближно истата анимација како што е прикажано на сл. 23.

Ориз. 19. Почетна состојба на прозорецот Рамки

Ориз. 20. Промена на бојата на позадината во прозорецот Својства на анимација

Ориз. 21. Рамки по промена на бојата на платното

Ориз. 22. Промена на брзината на лизгање на рамката во прозорецот Својства на рамката

Ориз. 23. Завршена анимација

Промена на боите во анимацијата

Бојата во анимацијата може да се смени различни начини, во екстремни случаи, со едноставно создавање рамки во кои предметите ќе се пребојуваат рачно. Но, постои попогоден начин: со прилагодување на параметрите Hue (Hue) и Saturation (Saturation) - ќе го разгледаме.

Отворете ја оригиналната слика во Paint Shop Pro за која сакате да имплементирате анимирана промена на бојата (сл. 24). Користејќи ја алатката Magic Wand, изберете ја позадината, потоа направете инверзија (сл. 25), копирајте ја избраната област на таблата со исечоци и залепете ја на нова слика со командата Edit=>Paste=>Paste As New Image (Edit= >Paste=>Залепи како нова слика) (сл. 26).

Ориз. 24. Оригинална слика

Ориз. 25. Избор на фрагмент од слика

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

Умножете го оригиналниот Raster 1 слој повеќе пати со кликнување на копчето Duplicate Layer во палетата Layer. За постојано менување на нијанси на бои, ќе треба да создадете доста такви слоеви; за погодност, преименувајте ги како што е прикажано на сл. 27. После ова, привремено направете ги сите слоеви освен Растер 1 и Растер 2 невидливи, активирајте го Растер 2 слојот и користете ја командата Adjust=>Hue and Saturation=>Hue/Saturation/Lightness (Adjustment=>Hue and Saturation=> Hue/ Заситеност/Осветленост) сменете ја бојата, на пример како на сл. 28. Направете го Raster 3 слојот видлив и променете ја бојата на сликата на него на ист начин. Направете ги истите операции за сите преостанати слоеви.

Ориз. 27. Состојба на палетата на слоеви по дуплирање на слоеви

Ориз. 28. Приспособување на бојата на сликата

Зачувајте ја креираната повеќеслојна слика во мајчиниот формат PspImage на Paint Shop Pro или во формат PSD и отворете ја во Animation Shop - во овој случај, слоевите автоматски ќе се претворат во рамки (сл. 29). Погледнете ја креираната анимација со кликнување на копчето View Animation и зачувајте ја со помош на командата File=>Save во Animation GIF формат со саканите параметри за оптимизација. Како резултат на тоа, ќе се добие приближно истата анимација како што е прикажано на сл. триесет.

Ориз. 29. Почетна состојба на прозорецот Рамки

Ориз. 30. Завршена анимација

Ајде да се обидеме малку да ја уредиме креираната анимација - така што боите непречено се заменуваат едни со други не само во една насока, туку и во спротивна насока. За да го направите ова, направете по една копија од секоја рамка, освен првата, со последователно кликнување на секоја рамка со десното копче на глувчето и избирање на командата Duplicate Selected. Потоа повлечете ги копиите од рамките со глувчето така што нијансите непречено се заменуваат една со друга, прво во една, а потоа во друга насока, како резултат на тоа, прозорецот Рамки ќе изгледа нешто како на Сл. 31. Дисонанцата сега ќе биде предизвикана само од првата, најсветлата рамка, која може да се премести до средината на анимацијата - таму нејзината нијанса ќе биде поблиску до нијансите на соседните рамки. За да го направите ова, изберете ја десеттата рамка, кликнете со десното копче на неа, изберете ја командата Insert Frames => Empty и кликнете Ok - во центарот ќе се појави празна рамка. Потоа повлечете ја најсветлата прва рамка врз неа. Погледнете ја добиената анимација. Може да се види дека сенката на штотуку поместената рамка сè уште е сосема различна од сите други вклучени нијанси - кога ја гледате анимацијата на оваа рамка, сликата во голема мера ја менува бојата, па затоа е подобро да ја избришете оваа рамка целосно со избирање и притискање на копчето Del.

Ориз. 31. Прозорец за рамки по дуплирање и поместување рамки

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

Ориз. 32. Завршена анимација

Теоретски, анимацијата со промени во боја може да се креира директно во продавницата за анимации - ќе биде многу побрза благодарение на присуството на соодветниот ефект на Rotate Colors. Сепак, употребата на овој ефект е ограничена на автоматскиот избор на бои и нијанси, што не може да се промени при поставување на ефектот. Ајде да се обидеме да го примениме ефектот Rotate Colors на слика со еден слој (сл. 33). Отворете ја сликата во Animation Shop - на почетокот ќе се појави само една рамка во прозорецот Рамки, бидејќи сликата имаше само еден слој. Применете ефект на промена на бојата со командата Effects => Insert Image Effect (Effects => Inserting an image effect) со параметрите прикажани на сл. 34. Резултатот ќе биде автоматско генерирање на 21-та рамка во палетата Рамки (сл. 35), зачувувајќи ја во форматот Animation GIF, ќе ја добиете анимацијата прикажана на сл. 36.

Како да направите анимација во Paint и го добивте најдобриот одговор

Одговор од Алексеј Хорошев[гуру]
Бесплатната програма Paint.Net, и покрај очигледната едноставност на нејзиниот интерфејс, е мултифункционална и со нејзина помош можете да создадете неверојатни, прекрасни работи.
Што е анимација? Се работи за последователно менување на слики (рамки), многу слични на слајд шоу, само кадрите се менуваат побрзо од вообичаеното и сликите (рамките) за креирање анимација се зачувуваат во екстензијата „gif“, а не во „jpeg“ или „jpg “, како и обично Навикнати сме да зачувуваме слики.
Поентата е, за да креирате анимација, ви треба дополнителна програмапреведувач кој работи со слики во екстензијата „gif“.
Има многу такви програми, но ние ќе ве однесеме до програмата UnFREEz, чија алатка извршува само една функција - прави анимирани датотеки што се движат.
Програмата UnFREEz е бесплатна, брзо се презема, зафаќа многу малку простор, работи јасно, брзо и не бара инсталација, архивата што ја преземавте е самата програма.
Преземено, отпакувано и можете да го користите.
Програмскиот интерфејс содржи прозорец во кој поставувате слики, само три работни копчиња и го поставувате времето на алтернација на кадрите во центисекунди (1/100 од секундата).
Полето за избор е одговорно за „репродукција“ на видеа од поставените рамки во круг.
За да прикачувате слики (со влечење со глувчето), треба сите да имаат иста големина и во екстензијата „gif“.
Тоа е се. Веќе станува јасно како се прави анимацијата; сè што треба да направиме е да ги направиме овие слики (рамки) во Paint.Net.
Отворете го Paint.Net, одете во менито „Ефекти“ и проверете дали го имаме приклучокот „Point Warp“ на уредувачот.
Овде можете да го преземете приклучокот „Point Warp“:. ru/soft/base/point_warp/point_warp_11/ Отстранете го просторот.
Ставете го во папката Ефекти - (C:Program FilesPaint.NETEffects), приклучокот ќе се инсталира сам, ако не веднаш, тогаш кога повторно ќе го отворите уредувачот.
Отворете ја сликата во Paint.NET.

Paint.net е удобен бесплатен графички уредник кој делумно може да го замени скапиот Adobe Photoshop. Неговиот сет на алатки е доволен за обработка на фотографии и создавање колажи. Не постои начин да креирате анимација во самиот уредник, и затоа ќе мора дополнително да ја користите бесплатната алатка UnFREEz.

Ќе ви треба

• - графички уредник Paint.net;
• - UnFREEz програма.

Инструкции

Преземете ја архивата на програмата UnFREEz од веб-страницата на развивачот, отпакувајте ја и инсталирајте ја на вашиот компјутер. Стартувајте го Paint.net. Неговиот интерфејс е многу сличен на оној на неговиот постар брат Photoshop, па нема да биде тешко да се движите доколку претходно сте го користеле овој познат уредник.

За да ги разберете принципите на создавање анимација, подобро е да започнете со нешто едноставно, како што се натписи. Во лентата со алатки, кликнете на иконата „Т“ за да ја активирате алатката Тип.

Наведете ја соодветната нијанса во палетата на бои, а типот и големината на фонтот во панелот со својства. Кликнете на иконата „Додај нов слој“ во панелот Слоеви и внесете текст. Користејќи ја командата „Зачувај како...“ од менито „Датотека“, зачувајте ја сликата во саканата папка со наставката .jpg, на пример, 1.jpg. Ова ќе биде првиот кадар од анимацијата.

Во панелот Layers, кликнете на иконата Duplicate Layer. Ќе се создаде нов слој со истото име како и оној што се копира. Ако сакате да преименувате слој, кликнете двапати на него во панелот Layers и внесете друго име.

Во менито „Ефекти“, одете во групата „Изобличување“ и изберете ја командата „Денти“. За почеток, поставете ги параметрите за изобличување на ниски вредности. Ако сте задоволни со резултатот, кликнете OK за да зачувате. За да ги вратите неуспешните промени, користете ја командата „Врати“ во менито „Уреди“ или копчињата Ctrl+Z.

Зачувајте ја новата слика во истата папка под името 2.jpg за да не ја измешате низата кадри. Кога зачувувате, програмата во првиот чекор ќе понуди да го изберете нивото на заматување и квалитетот на зачуваната слика, во вториот - да ги спои сите слоеви или да одбие да се спои. Изберете „Спој ги сите слоеви“. По зачувувањето на сликата, сите слоеви ќе се спојат во еден наречен „Позадина“. Кликнете Врати на менито Уреди за повторно да ги одделите.

Направете друга копија од слојот и зголемете ги поставките за изобличување. Зачувајте ја сликата како 3.jpg. Повторете ја операцијата неколку пати. Колку повеќе рамки креирате, толку помазна ќе биде анимацијата.

Отворете ја папката со зачуваните gif-датотеки. Стартувајте ја програмата UnFREEz и повлечете ги сликите една по една во прозорецот Рамки. Во прозорецот за одложување на рамката, изберете го временскиот интервал за менување рамки и кликнете Направи анимиран GIF. Кога програмата ќе ве поттикне, внесете го името на вашата анимација и папката за зачувување (стандардно, ќе се предложи папката со зачуваните gif-датотеки).

За да избришете слој, кликнете на крстот во панелот со слоеви. Можете да избришете слоеви кога има најмалку 2 од нив.

Оваа лекција е подготвена врз основа на бројни прашања од нашите посетители. Всушност, нема ништо тешко во создавањето анимирани цртежи. Подвижните слики се поддржани, на пример, со најпознатиот формат графички датотеки GIF. Ве молиме имајте предвид дека направете го анимиран JPG датотекаили BMP веројатно нема да работи, бидејќи овие формати не поддржуваат преплетување на рамки.

Како да креирате подвижни филмски рамки во Paint.NET

Значи, за да создадеме анимирано видео, ќе треба да направиме серија рамки. Благодарение на фактот што ви овозможува да работите со слоеви, правењето рамки не е воопшто тешко. На пример, да ја искористиме сликата на смајли направена во лекцијата за Paint.NET „Како да нацртате 3Д смајли“ објавена на нашата веб-страница.

За да создадеме неколку рамки, ајде да ја земеме 3D смајли сликата од овој туторијал и да создадеме копија од слојот со сликата со смешковци во бројот на рамки од видеото што ни се потребни. За да го направите ова, можете да го користите, на пример, менито "Слој" - "Направете копија од слој" или да го копирате слојот директно во прозорецот "Слоеви" Paint.NET.

Не можете веднаш да копирате слоеви, но на пример, за да направите втора рамка, копирајте го првиот слој, а потоа променете ја шемата на копираниот слој во согласност со идејата на видеото. На пример, го стискавме смешкото лице и го поместувавме горе-долу малку рамка по рамка. Можете да видите пример на прозорецот „Слоеви“ на Paint.NET на сликата лево; нормално, сите рамки не се вклопуваа на него, но можете да ја видите општата идеја.

Како да зачувате рамки од филм што се движи во посебни датотеки

За да поврзете поединечни рамки во саканиот редослед во анимирано видео со помош на програмата UnFREEz, прво треба да ги зачувате кадрите како посебни датотеки. И во ова нема ништо комплицирано. Можете, на пример, да ја копирате целата содржина на саканиот слој, да креирате нова слика и да ја залепите сликата копирана од слојот во неа. Потоа зачувајте го како посебна GIF-датотека. Можете да ја изберете целата слика на слој, на пример, со притискање на комбинацијата на копчиња Ctrl+A. Описите на другите копчиња на Paint.NET се во делот за инструкции на оваа страница.

Друг начин, на пример, е едноставно да ја исклучите видливоста на слоевите што не се потребни на тековната рамка, а потоа да ги зачувате видливите слоеви како посебна GIF слика. Ова може да се направи во менито Paint.NET „Датотека“ - „Зачувај како“. Кога се зачувува како GIF, Paint.NET ќе понуди да ги спои сите слоеви на сликата, т.е. Излегува дека привремено оневозможените слоеви ќе исчезнат. Но, откако ќе ја зачувате датотеката со рамката, можете да кликнете на копчето „Откажи“ во хоризонталниот панел на Paint.NET и последната акцијаспојувањето на слоевите ќе се откаже и сите слоеви ќе се вратат назад.

Ве молиме запомнете повторно дека за потоа да се комбинираат рамки со програмата UnFREEz во една анимирана GIF-датотека, неопходно е сите рамки да имаат иста големина на сликата. Тоа е, на пример, ако големината на сликата на една рамка е 20 на 30 пиксели, тогаш останатите рамки треба да имаат иста големина. Методот опишан погоре за создавање рамки во Paint.NET гарантира дека овој услов е исполнет, бидејќи сите рамки се направени од една главна слика.