Пактегі анимацияға арналған сызбалар. Paint бағдарламасында анимацияны қалай жасауға болады? Анимациялық gif жасаудың теориялық аспектілері

Бөлімдер: Есептеу техникасы

Сабақтың мақсаты: «Теңіз» тақырыбына анимациялық сурет құру.

Сабақтың мақсаттары:

1. Білім беру – Paint және Power Point графикалық редакторының көмегімен «Теңіз» тақырыбына анимациялық кескін жасау.
2. Тәрбиелік – сабақ барысында зейінділік пен дербестіктің қалыптасуына ықпал ету.
3. Дамытушылық - оқушылардың шығармашылық ойлауын дамыту.

Сабақтың түрі: жаңа материалды меңгерту сабағы

Сабақтың құрылымы.

1. Ұйымдастыру кезеңі. (2 минут.)
2. Кіріспе және мотивациялық кезең. (10 мин.)
3. Операциялық және мазмұндық кезең. (20 минут.)
4. Рефлексиялық – бағалау кезеңі. (5 минут).
5. Үйге тапсырма (3 мин.)

Құрал-жабдықтар: тақта, бор, ДК, бағдарламалық құрал, оқу-әдістемелік кешен.

Сабақтар кезінде.

1. Ұйымдастыру кезеңі.

Сәлеметсіңдер ме, балалар, отырыңдар. Бүгін сабақта біз анимациялық кескінді жасауды үйренеміз. Бұл нені білдіреді?

Анимация жасау үшін қиялыңызды пайдаланыңыз
Сізге кешіктірмей сурет салу керек!
Сіз траекторияны көрсетесіз, сызба өмірге келеді,
Ол сізді қиялдың кең әлеміне шақырады!!

Бүгін біз сиқырлы су асты әлеміне сүңгеміз.

Теңізді салайық, біз бұл туралы көп білеміз,
Керемет сегізаяқ теңізде жүзеді.
Сұлулығымен тартады,
Балықтар жүзіп келе жатқанда, бас иеді!

2. Кіріспе-мотивациялық кезең (базалық білімді жаңарту).

Өткен сабақта біз «Ақпаратты кодтау» тақырыбын оқып, осы тақырып бойынша практикалық жұмыс жүргіздік. Сұрақтарға жауап беріңіз: Ақпаратты қалай кодтауға және декодтауға болады? Кодтау дегеніміз не? Декодтау дегеніміз не? Ақпаратты кодтау және декодтау үшін қандай бағдарламалар мен қолданбаларды қолдандық?

Есте сақтау бұл тақырыпкомпьютерде практикалық тапсырманы орындау. Сабағымыздың тақырыбын декодтау.

Сандар мен сандар әлемі өте үлкен,
Сіз, студент, олардың сырын түсіне білдіңіз!
Өйткені, мұнда әрбір сан әріпті сақтайды,

Оны декодтаңыз және оны бірден оқыңыз!

Ақпаратты декодтау Блокнот бағдарламасында жүзеге асырылады. Әріптің шифры сандық кодты 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. Мәзір жолағында Сурет – Атрибуттар тармағын таңдаңыз. Параметрлерді орнату: биіктігі 24 см, ені 32 см.

3. Құралдар тақтасында толтыруды таңдап, құжатты көк түспен толтырыңыз.

4. Құралдар тақтасындағы эллипс пішінін пайдаланып, теңіз қиыршық тастарын (кез келген өлшем мен мөлшерде) салыңыз. Толтыру арқылы тастарды әртүрлі түстермен бояңыз.

5. Curve құралын пайдаланып, балдырларды салыңыз.

Қандай шексіз сұлулар,
Қандай керемет, керемет көрініс,
Бірақ бұл жерде бізге бір нәрсе жетіспейді,
Тыныштық пен тыныштық орнайды.
Мұнда қиыршық тастар әдемі, су астында,
Мұнда балдырлар ұзын және жасыл,
Бірақ алтын балық жоқ,
Сезіммен сұлулықтан ләззат алу!
Сенімен балық салайық,
Ол үшін кішкене сиқыр жасайық!

6. Алынған сызбаны сақтаңыз. (Файл – Басқаша сақтау – сурет атауы Sea).

7. Paint графикалық редакторын ашыңыз (Бастау – Бағдарламалар – Қосымша – Paint)

8. Мәзір жолағында Сурет – Атрибуттар тармағын таңдаңыз. Параметрлерді орнату: биіктігі 3 см, ені 5 см.

9. Құралдар тақтасында толтыруды таңдап, құжатты көк түспен толтырыңыз.

10. Балықтың суретін сал.

11. Алынған сызбаны сақтаңыз. (Файл – Басқаша сақтау – суреттің аты Балық).

Міне, ол сұлу, алтын балық,
Теңізді ойлап, тез жүзеді!
Бірақ балық жалықпауы үшін,
Біз оған дос құруымыз керек!

12. Paint графикалық редакторын ашыңыз (Бастау – Бағдарламалар – Қосымша – Paint)

13. Мәзір жолағында Сурет – Атрибуттар тармағын таңдаңыз. Параметрлерді орнатыңыз: биіктігі 5 см, ені 3 см.

14. Құралдар тақтасында толтыруды таңдап, құжатты көк түспен толтырыңыз.

15. Сегізаяқтың суретін сал.

16. Алынған сызбаны сақтаңыз. (Файл – Басқаша сақтау – суреттің аты Octopus).

Оның аяғы көп
Бұл кім? Сегізаяқ!
Ол балықпен жүзеді,
Ал бізді теңізге апарып тастайды.

17. Power Point презентациясын ашыңыз (Бастау – Бағдарламалар – Power Point).

18. Мәзір жолағында Кірістіру – Сурет – Файлдан – Теңіз тармағын таңдаңыз

19. Мәзір жолағында Кірістіру – Сурет – Файлдан – Балық таңдаңыз

20. Мәзір жолағында Кірістіру – Сурет – Файлдан – Сегізаяқ тармағын таңдаңыз

21. Объектіні, балықты таңдап, тінтуірдің оң жақ түймешігімен басып, пайда болған мәзірден анимация параметрлерін таңдаңыз.

22. Таңдаңыз: Әсерді қосу – Жолдарды жылжыту – Таңдамалы курсты салу – Қисық. Ерікті қисық сызыңыз.

23. Объектіні, сегізаяқты таңдап, тінтуірдің оң жақ түймешігімен басып, пайда болған мәзірден анимация параметрлерін таңдаңыз.

24. Таңдаңыз: Әсерді қосу - Жолдарды жылжыту - Таңдамалы курсты салу - Қисық. Ерікті қисық сызыңыз.

25. Мәзір жолағынан Слайд-шоу – Көрсетуді бастау таңдаңыз.

Теңіздің сұлулығы шексіз,
Теңіздің сұлулығы өзгермелі,
Өмір қозғалыста, бұл бізге таныс
Әрқашан қозғалайық.
Теңіз, балық, мұхиттар,
Барлық сұлулықты жеткізу мүмкін емес,
Құпия пердесін көтеру үшін,
Бізге анимация жасау керек.

4. Рефлексиялық-бағалау кезеңі (5 мин).

Сабақ бағалары қойылады

5. Үйге тапсырма.

Тегін анимациялық кескін жасаңыз.

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

Кез келген веб-бетті веб-анимациясыз, оның ішінде анимациялық GIF-терсіз елестету мүмкін емес, оларды жасау үшін веб-дизайнерлер әртүрлі әзірлеушілердің мамандандырылған бағдарламаларының толық жиынтығын қолдануға мәжбүр болды, бірақ танымал 2D-де сәйкес мүмкіндіктер пайда болды графикалық пакеттер негізінен екі өлшемділермен жұмыс істеуге бағытталған растрлық графикажәне сонымен бірге оларды толықтыратын сәйкес утилиталардың арқасында Animation GIF форматында файлдарды жасауға мүмкіндік береді, бәрі әлдеқайда қарапайым болды. Бұл пакеттерге GIF анимацияларын жасауға арналған Animation Shop бағдарламасын қамтитын Jasc Paint Shop Pro кіреді: анимациялық түймелер, баннерлер және басқа анимациялық элементтер.

Paint Shop Pro және Animation Shop бір-бірімен тығыз жұмыс істейді, толық үйлесімді және бір-бірін тамаша толықтырады, бұл анимация жасау кезеңінде бір бағдарламадан екінші бағдарламаға қайта-қайта ауысуға және Paint Shop Pro бағдарламасында кескін жақтауларын өңдеуге мүмкіндік береді, бұл сәйкес кадрлар Анимация дүкенінде өзгертіледі. Сондай-ақ, қабаттарды кадрларға және керісінше экспорттай аласыз, сонымен қатар көп қабатты кескінге анимацияны жасай аласыз. Сонымен қатар, бұл бағдарламалардың әрқайсысы веб-графика тұрғысынан өзіндік мамандану болып қала береді: әдетте, Paint Shop Pro бағдарламасында кадрларды дайындау және өңдеу, динамикалық әсерлерді, оңтайландыруды және, әрине, анимацияның өзін қолданған дұрыс. - анимация дүкенінде.

Animation Shop пайдаланушыға ыңғайлы интерфейсті және оларды айналдыру, айна және қию мүмкіндігі бар кадрларды өңдеуге арналған қарапайым және ыңғайлы режимді, сондай-ақ құралдардың кең ауқымын ұсынады: щеткалар, пішіндер, өшіру және қию құралдары, мәтіндік құралдарт.б. Осының барлығы жұмыс істеу қабілетімен біріктірілген қадамдық шеберлер, тіпті кәсіби емес адамдарға GIF анимацияларын жылдам жасауға мүмкіндік береді. Сонымен қатар, Animation Shop анимация жасау кезінде пайдалануға болатын кәсіби әсерлер мен сүзгілердің үлкен жиынтығын ұсынады. Бағдарлама кескін сапасына, оның өлшеміне және жүктеу жылдамдығына қатысты оның терезесінде көрсетілетін деректер негізінде оңтайлы шешімді жылдам табуға және «тірі» кескіннің өлшемін айтарлықтай азайтуға мүмкіндік беретін тиімді және ыңғайлы оңтайландыру әдістерін қолдайды.

Теориялық аспектілеранимациялық gif жасау

Өздеріңіз білетіндей, анимация - бұл бастапқы графикалық материалды Animation Shop және Paint Shop Pro-да алдын ала дайындауға болатын кадрлар тізбегі және қолданбаны таңдау белгілі бір анимацияның мүмкіндіктерімен анықталады.

Animation Shop қолданбасындағы Gif анимациясын үш жолмен жасауға болады. Олардың біріншісі және ең ыңғайлысы - PspImage немесе PSD пішімінде сақталған және Animation Shop бағдарламасында ашылған Paint Shop Pro бағдарламасында көп қабатты кескінді алдын ала дайындау - бұл жағдайда кескіннің әрбір жеке қабаты үшін жеке кадр жасалады. . Қабаттар әртүрлі графикалық және мәтіндік элементтерден анимациялық кескінді композициялық түрде құрудың ыңғайлы әдісін қамтамасыз етеді және сізге қолдануға мүмкіндік береді. әртүрлі элементтеркескіндерді, әртүрлі сүзгілерді, мөлдірлік дәрежесін және қабаттарды араластыру режимін өзгертіңіз, жарықтылықты реттеңіз және Paint Shop Pro қолданбасында қол жетімді басқа түрлендірулерді қолданыңыз, осылайша әртүрлі әсерлер береді.

Екінші әдіс - тәуелсіз gif аниматорларында анимацияларды жасаудың дәстүрлі нұсқасы және шебердің көмегімен алдын ала жасалған бір қабатты кескін кадрларын дәйекті түрде қосудан тұрады. Бұған қоса, қарапайым анимацияланған GIF-ті тікелей Animation Shop ортасында нөлден жасауға теориялық тұрғыдан мүмкін.

Сондай-ақ кадрларды құрудың түбегейлі басқа мүмкіндігі бар - аралық кадрларды автоматты түрде жасау, бұл тегіс анимацияларды өндіруді айтарлықтай жылдамдатады, өйткені әрбір кадрды қолмен жасаудың қажеті жоқ. Ол үшін негізгі кадрлар анықталады, содан кейін компьютер бағдарламада анықталған әсерге (айналу, қозғалыс, түс сипаттамаларының өзгеруі және т.б.) сәйкес олардың арасындағы бос орындарда болуы керек нәрсенің барлығын автоматты түрде қалыптастырады. Дегенмен бұл мүмкіндікАнимациялар дүкенінде қол жетімді әсерлер санымен шектеледі (жалпы әсерлер өте көп екенін мойындау керек, бірақ барлық жағдайлар үшін емес) және кадрларды өзгертудің болжанған принципі қол жетімді санына қосылмаса әсерлер, содан кейін барлық аралық кадрлар Paint Shop Pro бағдарламасында қолмен жасалуы керек.

Анимацияларды экспорттау және жаңарту

Жоғарыда айтылғандай, анимация жасау кезеңінде сіз олардың арасында ауыса аласыз Paint бағдарламалары Shop Pro және Animation Shop, бірақ Animation Shop бағдарламасында кадрларды Paint Shop Pro-ға қабатты кескіндер ретінде экспорттау құсбелгісі қосылғанда ғана. Ол үшін File=>Preferences=>General Program Preferences=>Layered Files (Файл=>Параметрлер=>Бағдарламаның жалпы параметрлері=>Қабатты файлдар) командасын қолданып, көрсетілген құсбелгіні қойыңыз (1-сурет). Бұл жағдайда бір немесе барлық анимациялық кадрларды өңдеу қажет болса, келесі әдістердің бірін пайдаланып Animation Shop-тен Paint Shop Pro-ға таңдалған кадрларды экспорттау жеткілікті болады:
мәзірден File=>Export Frames=>To Paint Shop Pro командасын таңдаңыз;
құралдар тақтасындағы Paint Shop Pro-ға кадрларды экспорттау түймесін басыңыз;
Таңдалған кадрларды тінтуірдің оң жақ түймешігімен нұқыңыз және қалқымалы мәзірден Paint Shop Pro-ға кадрларды экспорттау опциясын таңдаңыз.

Күріш. 1. Paint Shop Pro бағдарламасына кадрларды экспорттау мүмкіндігін қосу

Содан кейін Paint Shop Pro ортасында қажетті түрлендірулерді жасап, файлды сақтамай жабу керек - бұл жағдайда бағдарлама Animation Shop ішіндегі сәйкес кадрларды жаңарту қажеттілігі туралы сұрақ қояды. Егер жауап иә болса, Paint Shop Pro бағдарламасында жасалған барлық өзгертулер Animation Shop қолданбасында ашылған анимацияға ауыстырылады, оны көруге болады.

Paint Shop Pro бағдарламасынан анимацияны жаңартудың тағы бір мүмкіндігі бар: Paint Shop Pro файлын жаппастан Өңдеу=>Анимация дүкеніне қайта жаңарту пәрменін пайдаланыңыз. Содан кейін Анимация дүкеніне ауысып, 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-сурет). Барлық эффектілер «Эффекттер» мәзірінде орналасқан және олар үш топқа бөлінеді: кескіннің қозғалыс әсерлері (Insert Image Transition командасы), кескін эффектілері (Insert Image Effect және Apply Image Effect командалары) және мәтіндік әсерлер (Insert Text Effect және Apply Text Effect командалары). . Осы командалардың кейбірін пайдалану (олар Insert... сөзінен басталады) автоматты түрде қолмен жасалған бастапқы кадрлар арасында біркелкі өтуді қамтамасыз ете отырып, аралық кадрлардың тұтас сериясын генерациялауға әкелетінін атап өткен жөн. Өз кезегінде, Apply Image Effect және Apply Text Effect командалары әсерді таңдалған кадрларға аралық кадрларды жасамай қолданады.

Күріш. 3. Еріту әсерін қолдану

Анимация сипаттарын көру және өзгерту

«Анимациялар дүкені» терезесінде «Анимацияны қарау» түймесін басу арқылы нәтижені бірден көруге болады және қажет болса, қажетті өзгерістерді енгізуге болады, мысалы, бір немесе бірнеше кадрдың кешігу ұзақтығын реттеу және т.б. Әдепкі бойынша, барлық кадрлар үшін дисплей кідірісі секундтың жүзден бір бөлігін құрайды және бұл жағдайда кадрлар бір-бірін бірден ауыстырады. Дегенмен, әрбір кадрдың ойнату уақытын Animation=>Frame Properties=>Display Time командасы арқылы оңай өзгертуге болады.

Сонымен қатар, Animation=>Animation Properties=>Canvas Color командасы арқылы анимация фонының түсін реттеу қиын емес, сонымен қатар Animation=>Resize Animation (Анимация өлшемін өзгерту) командасы арқылы кадр өлшемін өзгерту) (4-сурет). .

Күріш. 4. Анимация кадрларының өлшемін өзгерту

Анимацияларды сақтау және оңтайландыру

Жұмыстың соңында бағдарлама анимациялық файлды оңтайландыру арқылы сақтауға мүмкіндік береді, яғни дыбыс көлемін азайтып, түстер санын азайтып, одан кескіннің статикалық аймақтары туралы ақпаратты алып тастайды және т.б. (Cурет 2). 5) Файл => Сақтау командасын қолдану (тек бірінші рет сақтау кезінде) немесе Файл=>Оңтайландыру шебері (Файл=>Оңтайландыру шебері) пәрменімен оңтайландыру шеберін шақыру арқылы. Айта кету керек, біріншіден, бағдарлама оңтайландыру нәтижесін тіпті алдын ала қарау терезесінде оңтайландыру сатысында көрсетеді, ал екіншіден, соңында ол қысылған файлдың өлшемін түпнұсқамен салыстырғанда және әртүрлі қосылымдар үшін жүктеу уақытын хабарлайды. опциялары (Cурет 6) . Мұның бәрі бірге оңтайландырылған файлдың соңғы нұсқасын таңдауға көмектеседі, кескін сапасы мен оның өлшемі арасында ақылға қонымды ымыраға келеді.

Күріш. 5. Оңтайландыру параметрлерін анықтау

Күріш. 6. Оңтайландыру кезінде анимациялық файлды қысу нәтижесі

Нәтижесінде ол құрылады қысылған файл Animation GIF пішімінде, қажет болған жағдайда кез келген уақытта File=>Open (Файл=>Ашу) пәрменімен жүктеуге және қажетінше түрлендіруге болады.

Тәжірибеде Gif анимациясы

Веб-дизайнда дәстүрлі түрде қолданылатын және қазірдің өзінде классикалық болып кеткен әртүрлі анимация опцияларының керемет саны бар. Бұл мәтінді тұтастай немесе оның жеке таңбаларын, сондай-ақ басқа нысандарды жылжытудың әртүрлі нұсқалары; нысандарды түрлендірудің әртүрлі нұсқалары мен әртүрлі айналулар. Сонымен қатар, объектілер барлық жағынан жыпылықтайды және жарқырайды, түсін өзгертеді, ериді, жойылады және баяу пайда болады, кішірейеді және өседі және т.б. Тақырыптың ауқымдылығына байланысты біз барлығын және барлығын қамтуды мақсат етпейміз және Paint Shop Pro пакетінің функционалдық мүмкіндіктерін Animation Shop қызметтік бағдарламасымен тиімді біріктіру мүмкіндіктерін көрсететін бірнеше мысалға ғана тоқталамыз.
Масштабтау анимациясы

Бұл әсер көбінесе мәтінге де, басқа нысандарға да бірдей дерлік қолданылады және қарастырылып отырған бағдарламалардың көмегімен өте қарапайым түрде жүзеге асырылады.

Масштабтау анимациясын алу үшін Paint Shop Pro бағдарламасын ашып, жаңа сызба жасау керек (7 және 8-сурет) - бұл жағдайда бұл ақ фонда қандай да бір векторлық кескін. Векторлық қабатты тінтуірдің оң жақ түймешігімен басып, Растрлық қабатқа түрлендіруді таңдау арқылы растрлық деңгейге түрлендіру. Содан кейін олардың біреуін тінтуірдің оң жақ түймешігімен басып, Біріктіру=>Барлығын біріктіру пәрменін таңдау арқылы екі қабатты біріктіріңіз.

Күріш. 7. Түпнұсқа сурет

Күріш. 8. Қабаттар палитрасы

Жасалған бірқабатты кескінді Paint Shop Pro түпнұсқа пішімінде сақтаңыз және оны Animation Shop қолданбасында ашыңыз, нәтижесінде бір кадр пайда болады (9-сурет). Суретте көрсетілген параметрлермен Effects=>Insert Image Transition (Effects=>Insert image transition effect) пәрмені арқылы Масштабтау әсерін қолданыңыз. 10. Нәтижесінде кадрлардың тұтас сериясы қалыптасады - шамамен суреттегідей. 11. Анимацияны қарау түймешігін басу арқылы жасалған анимацияны қараңыз және оны қажетті оңтайландыру параметрлерімен Animation GIF форматындағы File=>Save командасы арқылы сақтаңыз. Нәтижесінде суретте көрсетілгендей шамамен бірдей анимация алынады. 12.

Күріш. 9. Бастапқы күйтерезе жақтаулары

Күріш. 10. Масштабтау әсерін таңдау және реттеу

Күріш. 11. Масштабтау эффектісін қолданғаннан кейін кадрлар терезесі

Күріш. 12. Дайын анимация

Жыпылықтау әсері бар анимация

Веб-дизайнда дәстүрлі түрде қолданылатын жыпылықтайтын мәтінді жасауға тырысайық. Paint Shop Pro ашыңыз, жаңа сызба жасаңыз және кез келген мәтінді ақ фонда басып шығарыңыз, мысалы, суреттегідей. 13. Сонымен бірге жыпылықтау эффектісін жасайтын көмекші файлды ашыңыз (Cурет 14).

Күріш. 13. Бастапқы мәтін

Күріш. 14. Көмекші сурет

Таңдау құралын пайдаланып, көмекші суреттен ерікті тікбұрышты аймақты таңдап, оны алмасу буферіне көшіріп, Правка=>Вставить=>Жаңа қабат ретінде қою (Өңдеу=>Қою=) пәрмені арқылы бастапқы мәтінге жаңа қабат ретінде қойыңыз. >Жаңа қабат ретінде қою) вектордың үстіне мәтіні бар бір қабат. Содан кейін жаңа растрлық қабатты уақытша көрінбейтін етіп жасаңыз, мәтіндік қабатқа өтіп, «Сиқырлы таяқша» құралымен мәтіннен тыс аймақты таңдаңыз. Енгізілген растрлық қабатқа оралыңыз және әріптердің сыртындағы таңдауды өшіру үшін Del пернесін басыңыз. Нәтижесінде мәтін суреттегідей болады. 15, ал қабаттар терезесі суреттегідей болады. 16.

Күріш. 15. Суреттің қажет емес бөліктерін алып тастағаннан кейін мәтін

Күріш. 16. Растрлық қабатты реттеу нәтижесіндегі қабат палитрасының күйі

Болашақ анимация үшін қажет емес мәтіні бар Фондық қабатты және векторлық қабатты жойыңыз. Қалған растрлық қабаттың көшірмесін жасаңыз және алынған көшірмеде қабаттың мөлдірлігін сәйкесінше азайтыңыз, мысалы, 80% (Cурет 17 және 18).

Күріш. 17. Мәтіннің соңғы көрінісі

Күріш. 18. Қабаттар палитрасының соңғы көрінісі

Жасалған екі қабатты кескінді Paint Shop Pro түпнұсқалық PspImage пішімінде немесе PSD пішімінде сақтаңыз (екі жағдайда да қабаттар сақталады) және оны Animation Shop қолданбасында ашыңыз. Көпқабатты кескінді ашқан кезде қабаттар автоматты түрде кадрларға түрлендіріледі (Cурет 19). Анимацияны қарау түймешігін басу арқылы жасалған анимацияны қараңыз - нәтиже өте жақсы болмайды: әдепкі қара фонда әріптер өте әсерлі көрінбейді және жыпылықтау тым тез пайда болады. Анимацияның фонын өзгерту үшін Animation=>Animation Properties=>Canvas Color (Animation=>Animation Properties=>Canvas Color) командасын қолданып, түсті ақ етіп орнатыңыз (20 және 21-сурет). Кадр жиілігін бәсеңдету үшін «Кадрлар» терезесінде екі кадрды да таңдап, «Анимация» мәзірінен «Кадрлардың қасиеттері=>Дисплей уақыты» пәрменін ашыңыз және кадрдың кешігуінің ұзақтығын өзгертіңіз, мысалы, суреттегідей. 22. Анимацияны қайта қарап шығыңыз және нәтиже қанағаттанарлық болса, оны қажетті оңтайландыру параметрлерімен Animation GIF пішіміндегі File=>Save командасы арқылы сақтаңыз. Нәтижесінде суретте көрсетілгендей шамамен бірдей анимация алынады. 23.

Күріш. 19. Frames терезесінің бастапқы күйі

Күріш. 20. Анимация сипаттары терезесінде фон түсін өзгерту

Күріш. 21. Кенеп түсін өзгерткеннен кейінгі жақтаулар

Күріш. 22. Frame Properties терезесінде кадрдың жылжу жылдамдығын өзгерту

Күріш. 23. Дайын анимация

Анимациядағы түстерді өзгерту

Анимациядағы түсті өзгертуге болады әртүрлі жолдар, төтенше жағдайларда нысандар қолмен қайта боялатын жақтауларды жасау арқылы. Бірақ ыңғайлырақ әдіс бар: реңк (Реңк) және Қанықтылық (Қанығу) параметрлерін реттеу арқылы - біз оны қарастырамыз.

Түсті анимациялық өзгертуді жүзеге асырғыңыз келетін Paint Shop Pro қолданбасында түпнұсқа кескінді ашыңыз (Cурет 24). «Сиқырлы таяқша» құралын пайдаланып, өңді таңдап, одан кейін инверсия жасаңыз (25-сурет), таңдалған аймақты алмасу буферіне көшіріңіз және оны Правка=>Қою=>Жаңа сурет ретінде қою (Өңдеу=) командасымен жаңа суретке қойыңыз. >Қою=>Жаңа сурет ретінде қою) (Cурет 26).

Күріш. 24. Түпнұсқа сурет

Күріш. 25. Суреттің фрагментін таңдау

Күріш. 26. Таңдалған фрагментті жаңа суретке кірістіру нәтижесі

Қабат палитрасындағы «Қабатты қайталау» түймесін басу арқылы бастапқы растр 1 қабатын бірнеше рет көшіріңіз. Түс реңктерін үнемі өзгерту үшін сізге мұндай қабаттардың көп мөлшерін жасау керек; ыңғайлы болу үшін оларды суретте көрсетілгендей қайта атаңыз. 27. Осыдан кейін Растр 1 және Растр 2-ден басқа барлық қабаттарды уақытша көрінбейтін етіп жасаңыз, Растр 2 қабатын белсендіріңіз және Реттеу=>Реңк және қанықтылық=>Реңк/Қанығу/Жарықтық (Реттеу=>Реңк және қанықтылық=> Реңк/) командасын қолданыңыз. Қанықтылық/Жарықтық) түсін өзгертіңіз, мысалы, суреттегідей. 28. Растр 3 қабатын көрінетін етіп, ондағы кескіннің түсін солай өзгертіңіз. Барлық қалған қабаттар үшін бірдей әрекеттерді орындаңыз.

Күріш. 27. Қабаттарды көшіруден кейінгі қабат палитрасының күйі

Күріш. 28. Кескіннің түсін реттеу

Жасалған көпқабатты кескінді Paint Shop Pro-ның түпнұсқа PspImage пішімінде немесе PSD пішімінде сақтаңыз және оны Animation Shop бағдарламасында ашыңыз - бұл жағдайда қабаттар автоматты түрде кадрларға түрлендіріледі (Cурет 29). Анимацияны қарау түймешігін басу арқылы жасалған анимацияны қараңыз және оны қажетті оңтайландыру параметрлерімен Animation GIF форматында Файл=>Сохранить командасын пайдаланып сақтаңыз. Нәтижесінде суретте көрсетілгендей шамамен бірдей анимация алынады. отыз.

Күріш. 29. Frames терезесінің бастапқы күйі

Күріш. 30. Дайын анимация

Жасалған анимацияны аздап өңдеуге тырысайық - түстер бір-бірін тек бір бағытта ғана емес, сонымен қатар керісінше ауыстырады. Ол үшін тінтуірдің оң жақ түймешігімен әрбір кадрды ретімен басып, Таңдалған көшірме командасын таңдау арқылы біріншіден басқа әрбір кадрдың бір көшірмесін жасаңыз. Содан кейін жақтаулардың көшірмелерін тінтуірдің көмегімен көлеңкелер бір-бірін тегіс ауыстыратындай етіп сүйреңіз, алдымен бір, содан кейін басқа бағытта, нәтижесінде «Жақтаулар» терезесі суреттегідей болады. 31. Диссонанс енді анимацияның ортасына жылжытуға болатын бірінші, ең жарқын кадрмен ғана туындайды - онда оның көлеңкесі көрші кадрлардың реңктеріне жақынырақ болады. Ол үшін оныншы кадрды таңдап, оны тінтуірдің оң жақ түймешігімен басып, Insert Frames => Empty командасын таңдап, Ok түймесін басыңыз - ортасында бос кадр пайда болады. Содан кейін оған ең жарқын бірінші кадрды сүйреңіз. Алынған анимацияны қараңыз. Жаңа ғана жылжытылған кадрдың көлеңкесі әлі де барлық басқа реңктерден айтарлықтай ерекшеленетінін көруге болады - бұл кадрдағы анимацияны көргенде, кескін түсі қатты өзгереді, сондықтан оны таңдау және оны таңдау арқылы бұл кадрды толығымен жойған дұрыс. Del пернесін басу.

Күріш. 31. Фреймдерді көшіру және жылжытудан кейінгі фреймдер терезесі

Жасалған анимацияңызды қараңыз және оны қажетті оңтайландыру опцияларымен анимация GIF ретінде сақтаңыз. Алынған анимация суретте көрсетілген. 32.

Күріш. 32. Дайын анимация

Теориялық тұрғыдан түс өзгерістері бар анимацияны тікелей анимациялар дүкенінде жасауға болады - сәйкес Түстерді айналдыру әсерінің арқасында ол әлдеқайда жылдамырақ болады. Дегенмен, бұл әсерді пайдалану әсерді орнату кезінде өзгертуге болмайтын түстер мен реңктерді автоматты түрде таңдаумен шектеледі. Бір қабатты кескінге Rotate Colors әсерін қолданып көрейік (Cурет 33). Анимация дүкенінде кескінді ашыңыз - алдымен Frames терезесінде тек бір кадр пайда болады, өйткені кескінде тек бір қабат болды. Суретте көрсетілген параметрлермен Effects => Insert Image Effect (Эффектілер => Кескін әсерін кірістіру) пәрменімен түс өзгерту әсерін қолданыңыз. 34. Нәтиже Frames палитрасындағы 21-ші кадрдың автоматты генерациясы болады (35-сурет), оны Animation GIF форматында сақтай отырып, сіз суретте көрсетілген анимацияны аласыз. 36.

Paint-те анимацияны қалай жасауға болады және ең жақсы жауап алды

Алексей Хорошевтан жауап[гуру]
Тегін Paint.Net бағдарламасы интерфейсінің қарапайымдылығына қарамастан, көп функциялы және оның көмегімен таңғажайып, керемет нәрселер жасай аласыз.
Анимация дегеніміз не? Бұл слайд-шоуға өте ұқсас дәйекті түрде өзгеретін суреттер (кадрлар), тек кадрлар әдеттегіден жылдам өзгереді және анимация жасауға арналған суреттер (кадрлар) «jpeg» немесе «jpg» емес, «gif» кеңейтімінде сақталады. ”, әдеттегідей біз суреттерді сақтауға дағдыланғанбыз.
Мәселе мынада, анимация жасау үшін сізге қажет қосымша бағдарлама«gif» кеңейтіміндегі суреттермен жұмыс істейтін аудармашы.
Мұндай бағдарламалар көп, бірақ біз сізді UnFREEz бағдарламасына апарамыз, оның утилитасы бір ғана функцияны орындайды - ол анимациялық қозғалатын файлдарды жасайды.
UnFREEz бағдарламасы тегін, жылдам жүктеледі, өте аз орын алады, анық, жылдам жұмыс істейді және орнатуды қажет етпейді, сіз жүктеген мұрағат - бұл бағдарламаның өзі.
Жүктелген, ықшамдалған және сіз оны пайдалана аласыз.
Бағдарлама интерфейсінде суреттерді жүктеп салатын терезе, тек үш жұмыс түймесі және кадрдың ауысу уақытын центисекундпен (секундтың 1/100) белгілейтін терезе бар.
Құсбелгі шеңберде жүктеп салынған кадрлардан бейнелерді «ойнату» үшін жауап береді.
Суреттерді жүктеп салу үшін (тінтуірмен сүйреу арқылы) барлығының өлшемі бірдей және «gif» кеңейтімінде болуы керек.
Осымен болды. Анимацияның қалай орындалатыны қазірдің өзінде белгілі болды.
Paint.Net ашыңыз, «Эффектілер» мәзіріне өтіңіз және редакторда «Нүктелерді бұзу» плагинінің бар-жоғын тексеріңіз.
Мұнда сіз «Point Warp» плагинін жүктей аласыз:. ru/soft/base/point_warp/point_warp_11/ Бос орынды алып тастаңыз.
Оны Effects қалтасына қойыңыз - (C:Program FilesPaint.NETEffects), плагин бірден болмаса, редакторды қайта ашқанда өзі орнатылады.
Кескінді Paint.NET бағдарламасында ашыңыз.

Paint.net - бұл қымбатты жартылай алмастыра алатын ыңғайлы тегін графикалық редактор Adobe Photoshop. Оның құралдар жиынтығы фотосуреттерді өңдеу және коллаждар жасау үшін жеткілікті. Редактордың өзінде анимация жасау мүмкін емес, сондықтан сізге тегін UnFREEz утилитасын қосымша пайдалануға тура келеді.

Саған қажет болады

• - Paint.net графикалық редакторы;
• - UnFREEz бағдарламасы.

Нұсқаулар

UnFREEz бағдарламасының мұрағатын әзірлеушінің веб-сайтынан жүктеп алыңыз, оны орауыштан шығарып, компьютеріңізге орнатыңыз. Paint.net іске қосыңыз. Оның интерфейсі үлкен ағасы Photoshop интерфейсіне өте ұқсас, сондықтан осы әйгілі редакторды бұрын пайдаланған болсаңыз, шарлау қиын болмайды.

Анимацияны құру принциптерін түсіну үшін жазу сияқты қарапайым нәрседен бастаған дұрыс. Түр құралын белсендіру үшін құралдар тақтасында «T» белгішесін басыңыз.

Түс палитрасында сәйкес реңкті және сипаттар тақтасында қаріп түрі мен өлшемін көрсетіңіз. Қабаттар тақтасындағы «Жаңа қабат қосу» белгішесін басып, мәтінді енгізіңіз. «Файл» мәзіріндегі «Басқаша сақтау...» пәрменін пайдаланып, суретті .jpg кеңейтімі бар қалаған қалтаға сақтаңыз, мысалы, 1.jpg. Бұл анимацияның бірінші кадры болады.

Қабаттар тақтасында Қайталанатын қабат белгішесін басыңыз. Жаңа қабат көшірілетін қабатпен бірдей атпен жасалады. Егер сіз қабаттың атын өзгерткіңіз келсе, қабаттар тақтасында оны екі рет басып, басқа атау енгізіңіз.

«Эффектілер» мәзірінде «Бұрмалау» тобына өтіп, «Бұзулар» пәрменін таңдаңыз. Бастау үшін бұрмалау параметрлерін төмен мәндерге орнатыңыз. Нәтижеге қанағаттансаңыз, сақтау үшін OK түймесін басыңыз. Сәтсіз өзгерістерді болдырмау үшін «Өңдеу» мәзіріндегі «Болдырмау» пәрменін немесе Ctrl+Z пернелерін пайдаланыңыз.

Кадрлар тізбегін араластырмау үшін жаңа суретті сол қалтаға 2.jpg атауымен сақтаңыз. Сақтау кезінде бағдарлама бірінші қадамда сақталған суреттің бұлыңғырлық деңгейін және сапасын таңдауды, екіншісінде - барлық қабаттарды біріктіруді немесе біріктіруден бас тартуды ұсынады. «Барлық қабаттарды біріктіру» таңдаңыз. Кескінді сақтағаннан кейін барлық қабаттар «Фон» деп аталатын бір қабатқа біріктіріледі. Оларды қайтадан бөлу үшін Өңдеу мәзіріндегі Болдырмау түймесін басыңыз.

Қабаттың басқа көшірмесін жасаңыз және бұрмалау параметрлерін арттырыңыз. Кескінді 3.jpg ретінде сақтаңыз. Операцияны бірнеше рет қайталаңыз. Неғұрлым көп кадрлар жасасаңыз, анимация соғұрлым тегіс болады.

Сақталған gif файлдары бар қалтаны ашыңыз. UnFREEz бағдарламасын іске қосыңыз және суреттерді бір-бірден Frames терезесіне апарыңыз. Frame delay терезесінде кадрларды өзгертуге арналған уақыт аралығын таңдап, «Анимацияланған GIF жасау» түймесін басыңыз. Бағдарлама сұраған кезде анимацияның атын және оны сақтайтын қалтаны енгізіңіз (әдепкі бойынша, сақталған gif файлдары бар қалта ұсынылады).

Қабатты жою үшін қабаттар тақтасындағы крестті басыңыз. Кем дегенде 2 қабат болған кезде қабаттарды жоюға болады.

Бұл сабақ келушілеріміздің көптеген сұрақтары негізінде дайындалды. Шын мәнінде, анимациялық сызбаларды жасауда қиын ештеңе жоқ. Жылжымалы суреттерге, мысалы, ең танымал пішім қолдау көрсетеді графикалық файлдар GIF. Оны анимациялық ететінін ескеріңіз JPG файлынемесе BMP жұмыс істеуі екіталай, себебі бұл пішімдер кадрдың интервалын қолдамайды.

Paint.NET-те қозғалатын фильм кадрларын қалай жасауға болады

Сонымен, анимациялық бейне жасау үшін бізге кадрлар қатарын жасау керек болады. Бұл қабаттармен жұмыс істеуге мүмкіндік беретіндіктен, жақтауларды жасау қиын емес. Мысалы, біздің веб-сайтта жарияланған «3D смайликті қалай салуға болады» Paint.NET сабағында жасалған смайлик бейнесін қолданайық.

Бірнеше кадрларды жасау үшін осы оқулықтан 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 жүйесінде кадрларды жасау үшін жоғарыда сипатталған әдіс осы шарттың орындалуын қамтамасыз етеді, өйткені барлық кадрлар бір негізгі кескіннен жасалған.