ឥឡូវ​យើង​ធ្វើ​កិច្ចការ​ឱ្យ​ស្មុគស្មាញ​បន្តិច - តោះ​បង្កើត​បដា Flash មាន​ចលនា។ ជាការពិតណាស់វាមិនចាំបាច់ក្នុងការនិយាយអំពីចលនា Flash ពេញលេញក្នុងករណីនេះទេ - មានកញ្ចប់ឯកទេសសម្រាប់រឿងនេះ។ ប៉ុន្តែ​អ្នក​ក៏​អាច​ប្រើ Illustrator ដើម្បី​បង្កើត​វីដេអូ​សាមញ្ញ​មួយ​ដែល​មិន​ចូលចិត្ត​។

មិនមានឧបករណ៍ពិសេស និងឧបករណ៍ចំណុចប្រទាក់ ដូចជាបន្ទាត់ពេលវេលា ដែលមានលក្ខណៈធម្មតាសម្រាប់កម្មវិធីអភិវឌ្ឍន៍ចលនានៅក្នុង Adobe Illustrator ទេ។ ប៉ុន្តែមានភាពទន់ភ្លន់មួយ - ស្រទាប់អាចត្រូវបានប្រើជាស៊ុម។

បង្កើតបដាដែលមានតែអត្ថបទ។

1. ដាក់និមិត្តសញ្ញាជាក្រុមដោយពាក្យបញ្ជា វត្ថុ › ក្រុម(វត្ថុ › ក្រុម).
2. ភារកិច្ចបន្ទាប់គឺបង្កើតវត្ថុវណ្ឌវង្កចេញពីតួអក្សរពុម្ពអក្សរ បើមិនដូច្នេះទេ ការបង្កើតស្រទាប់ត្រឹមត្រូវនឹងមិនដំណើរការទេ។ ដើម្បីធ្វើដូចនេះជ្រើសរើសក្រុមហើយជ្រើសរើស ប្រភេទ › បង្កើតគ្រោង(ពុម្ពអក្សរ › ដាន) ។
3. បន្ទាប់ពីនោះបើកម៉ឺនុយក្ដារលាយ ស្រទាប់(ស្រទាប់) ដោយចុចលើប៊ូតុងក្នុងទម្រង់ជាព្រួញនៅលើក្ដារលាយ (រូបភាព ៨.១១)។

អង្ករ។ ៨.១១. ម៉ឺនុយក្ដារលាយស្រទាប់

យើងចាប់អារម្មណ៍នឹងពាក្យបញ្ជានៅក្នុងម៉ឺនុយនេះ។ លែងជាស្រទាប់ (លំដាប់)(បំប្លែងទៅជាស្រទាប់ (តាមលំដាប់លំដោយ)) ដែលបកប្រែវត្ថុនីមួយៗទៅស្រទាប់ថ្មីមួយ។ សូមចំណាំថានៅពេលអនុវត្តពាក្យបញ្ជា ក្រុមត្រូវតែត្រូវបានជ្រើសរើស ក្រុមមិនមែនស្រទាប់ទេ។ ស្រទាប់ 1.

អ្វីដែលក្ដារលាយគួរតែមើលទៅ ស្រទាប់(ស្រទាប់) បន្ទាប់ពីប្រតិបត្តិ លែងជាស្រទាប់ (លំដាប់)(បំប្លែងទៅជាស្រទាប់ (តាមលំដាប់)) ដែលបង្ហាញក្នុងរូប។ ៨.១២.

អង្ករ។ ៨.១២. ក្ដារលាយ​ស្រទាប់​បន្ទាប់​ពី​ចេញ​ទៅ​ស្រទាប់ (លំដាប់)

នេះបញ្ចប់ការរៀបចំ អ្នកអាចរក្សាទុកដោយប្រើ រក្សាទុកសម្រាប់គេហទំព័រ(រក្សាទុកសម្រាប់គេហទំព័រ) ទៅ SWF ។ SWFគឺជាទម្រង់ក្រាហ្វិកចម្បងដោយផ្អែកលើបច្ចេកវិទ្យា Flash ។ វានឹងកាន់តែត្រឹមត្រូវក្នុងការនិយាយថានេះគឺជាទម្រង់ Flash (រូបភាព 8.13)។

ប្រហែលជាសព្វថ្ងៃនេះ អ្នកប្រើប្រាស់ទាំងអស់ស្គាល់ Flash ច្រើន ឬតិច។ បច្ចុប្បន្ននេះវាគឺជាទម្រង់គំនូរជីវចលទូទៅបំផុតនៅលើអ៊ីនធឺណិត ហើយត្រូវបានប្រើប្រាស់ដើម្បីបង្កើតគេហទំព័រពហុព័ត៌មាន។

ជាការពិតណាស់ សូម្បីតែមួយភាគដប់នៃសមត្ថភាពរបស់ Flash មិនត្រូវបានអនុវត្តនៅក្នុង Adobe Illustrator ទេ ព្រោះកម្មវិធីមិនត្រូវបានរចនាឡើងសម្រាប់រឿងនេះ។ ទោះយ៉ាងណាក៏ដោយ នៅក្នុងវា អ្នកអាចបង្កើតរូបភាពឋិតិវន្ត ឬជាចលនាសាមញ្ញ។

អង្ករ។ ៨.១៣. ការកំណត់ការបង្កើនប្រសិទ្ធភាពសម្រាប់ទម្រង់ SWF

មានការកំណត់ដូចខាងក្រោម។

• អាច​បាន​តែ​អាន(បានត្រឹមតែអាន)។ ប្រសិនបើអ្នកធីកប្រអប់នោះ ឯកសារនឹងត្រូវបានសរសេរតាមរបៀបដែលវាមិនអាចបើកសម្រាប់កែសម្រួលក្នុងកម្មវិធីណាមួយបានទៀតទេ។ ម្យ៉ាងវិញទៀត វាកាត់បន្ថយទំហំនៃឯកសារ ហើយម្យ៉ាងវិញទៀត ការពារការរក្សាសិទ្ធិរបស់អ្នក។
• ការកំណត់ដែលមានស្លាក 1. ប៉ារ៉ាម៉ែត្របញ្ជាក់ប្រភេទនៃការរក្សាទុក - រូបភាពឬចលនា។
• ប្រសិនបើអ្នកជ្រើសរើសជម្រើស ឯកសារ AI ទៅឯកសារ SWF(ឯកសារ Illustrator ទៅឯកសារ SWF) រូបភាពនឹងត្រូវបានរក្សាទុកជារូបភាពឋិតិវន្តដូចអ្វីដែលអ្នកឃើញនៅលើអេក្រង់នៅពេលធ្វើការនៅក្នុង Illustrator ។
• ស្រទាប់ទៅស៊ុម SWF(ស្រទាប់ទៅស៊ុម SWF) អនុញ្ញាតឱ្យអ្នកធ្វើចលនាស្រទាប់ដែលមានស្រាប់ ដែលនឹងត្រូវបានបង្ហាញជាស៊ុម។ យើងត្រូវជ្រើសរើសជម្រើសនេះ។
• គុណភាពខ្សែកោង(គុណភាពនៃខ្សែកោង) ។ ភាពត្រឹមត្រូវនៃខ្សែកោងធ្វើឡើងវិញឯកសារខ្សែកោងនៃរូបភាពដើម។ ការថយចុះការកំណត់នេះកាត់បន្ថយគុណភាពយ៉ាងខ្លាំង ជាពិសេសនៅក្នុងផ្នែកនៃព័ត៌មានលម្អិតតូចៗ ប៉ុន្តែកាត់បន្ថយទំហំឯកសារ។ សម្រាប់ករណីរបស់យើងតម្លៃល្អបំផុតគឺ "7" ។
• អត្រាស៊ុម(ការពន្យារពេលស៊ុម) ។ អត្រាស៊ុម ហើយជាលទ្ធផល ល្បឿនចលនា។ ដើម្បីឱ្យប្រសិទ្ធភាពត្រឹមត្រូវ កំណត់មិនលើសពី 4 ហ្វ្រេមក្នុងមួយវិនាទី។
• រង្វិលជុំ(ផ្សាយឡើងវិញ) ។ លេងចលនាច្រើនដង។ ស័ក្តិសមសម្រាប់ចលនាដែលរង្វិលជុំដដែលៗមានសារៈសំខាន់។ បដាជាកម្មសិទ្ធិរបស់ប្រភេទនេះ។

កម្មវិធី Adobe Illustrator និង After Effects
នាំចូលនិងចលនាសាមញ្ញ

ជំរាបសួរ។ ថ្ងៃនេះយើងកំពុងពិនិត្យមើលចលនាសាមញ្ញមួយនៅក្នុង After Effects។

ធនធាន៖ Adobe Illustrator CC
Adobe After Effects CC

ចូរចាប់ផ្តើមដោយការគូរនៅក្នុង Illustrator ។

យើងគូរ
1) គូរចតុកោណកែងពណ៌លឿងជាផ្ទៃខាងក្រោយ

រូបភាពទី 1 - ចតុកោណកែង

2) គូររង្វង់មួយហើយបំពេញវាដោយជម្រាល
តោះធ្វើការលើរង្វង់បន្តិច៖
- ដកចំណុចទាបនៅលើវណ្ឌវង្កយើងទទួលបានធ្នូមួយ;
- គូរបន្ទាត់ត្រង់បិទបាតនៃធ្នូយើងទទួលបានពាក់កណ្តាលរង្វង់

រូបភាពទី 2 - 1) គូររង្វង់; 2) ជម្រាល; 3) ចំណុចលុប

3) គូរចតុកោណមួយហើយធ្វើច្បាប់ចម្លងរបស់វា។
- ចតុកោណកែងពណ៌ប្រផេះមួយ;
- ចតុកោណកែងពណ៌ប្រផេះងងឹតមួយទៀត
4) គូរត្រីកោណពីសញ្ញាផ្កាយដោយកំណត់ចំនួនកាំរស្មី - 3

រូបភាពទី 3 - 1) rect light; 2) ងងឹតត្រង់; 3)ត្រីកោណ

5) គូរឆ្មាដោយប្រើប៊ិចនិងរាងសាមញ្ញ

រូបភាពទី 4 - 1) ក្បាល; 2) ក; 3) រាងកាយ; 4) ជើង; 5) កន្ទុយ

ហើយឥឡូវនេះច្រើនបំផុត មេពេល
តោះចែកចាយរូបភាពទៅជាស្រទាប់ (អ្វីដែលនឹងមានចលនា - នៅលើស្រទាប់ដាច់ដោយឡែក) ដូចនេះ៖

រូបភាពទី 5 - រូបភាពទាំងអស់ (សម្គាល់ពណ៌ក្រហមស្រទាប់សំខាន់ៗ)

អ្វីគ្រប់យ៉ាងឥឡូវនេះយើងរក្សាទុក។
តោះមើលការកំណត់រក្សាទុក

រូបភាពទី 6 - រក្សាទុក

ហើយឥឡូវនេះដំណាក់កាលបន្ទាប់។ បិទAdobe Illustrator ហើយបើក After Effects។

នាំចូល​ទៅ​ក្នុង​កម្មវិធី After Effects
ឯកសារ - នាំចូល - ឯកសារ - ជ្រើសរើសឯកសារដែលបានរក្សាទុករបស់យើង។អ្នកគូររូប។
តោះជ្រើសរើស នាំចូលស្រទាប់ពី Illustrator បើយើងដាក់ជើង យើងនឹងទទួលបានរូបភាពដែលមានស្រទាប់បញ្ចូលគ្នា ប៉ុន្តែយើងមិនត្រូវការវាទេ។

រូបភាពទី 7 - នាំចូលជាសមាសភាព

នាំចូលទាំងអស់។
ឥឡូវនេះសូមមើលអ្វីដែលយើងមាន។ ចុចពីរដងលើសមាសភាព អ្វីដែលនឹងបើកហើយយើងនឹងឃើញស្រទាប់ (ប្រសិនបើអ្វីៗគ្រប់យ៉ាងត្រូវបានធ្វើបានត្រឹមត្រូវវានឹងមានស្រទាប់ជាច្រើន) ។ យើងទទួលបានវាសូមមើលរូបភាព

រូបភាពទី 8 - សមាសភាពបើកចំហ

ហើយឥឡូវនេះអ្វីដែលយើងនៅទីនេះនៅថ្ងៃនេះសម្រាប់ - ចលនា។

ចលនានៅក្នុង បន្ទាប់​ពី​ផល​ប៉ះពាល់
កំណត់ចំណុចស្នូលនៅសញ្ញាព្រួញនៅផ្នែកខាងលើរបស់វាដោយប្រើឧបករណ៍ Pan Behind (ផ្លូវកាត់ - Y) ។ គ្រាន់តែយកចំណុចមួយហើយផ្លាស់ទីវាទៅកន្លែងដែលអ្នកចង់បាន។ ជាលទ្ធផលវានឹងមើលទៅដូចនេះ ..

រូបភាពទី 9 - ឧបករណ៍ Pan និងស្រទាប់

នោះហើយជាវា ឥឡូវនេះយើងបន្តទៅស្រទាប់សម្រាប់ចលនា។
យើងត្រូវការស្រទាប់ Arrow និង Head_cat ។
ចូរចាប់ផ្តើមដោយព្រួញ។
ពង្រីកបញ្ជីស្វែងរក ហើយចុចលើនាឡិកា។ ដូច្នេះយើងដាក់ចំណុចទីមួយនៅសូន្យវិនាទី។ សរុបមក ចលនានឹងមានរយៈពេល 2 វិនាទី។
ដូច្នេះទាំងនេះគឺជាការកំណត់ដែលអ្នកត្រូវធ្វើ (យើងនឹងដាក់ពិន្ទុសរុបចំនួន 3)

ទីពីរ	0	1	2
	+66	- 70	+66

នេះជារបៀបដែលវានឹងមើលទៅ៖

រូបភាពទី 10 - ព្រួញបង្វិល

ឥឡូវនេះ ចូរយើងធ្វើចលនាក្បាលឆ្មា។
ពង្រីក head_cat ហើយស្វែងរក ទីតាំង.
វានឹងមាន 4 ពិន្ទុ។
វានឹងផ្លាស់ប្តូរតែកូអរដោណេចុងក្រោយដោយមិនប៉ះអ្វីដែលនៅសល់។

ទីពីរ	0.1	0.17	1.12	2.0
ទីតាំង	689.3	729.3	729.3	689.3

តោះមើលរូបភាព។

រូបភាពទី 11 - ក្បាលទីតាំង

ដូច្នេះគោលការណ៍នៃចលនាគឺដូចនេះ។ ព្រួញហោះពីចំហៀងទៅម្ខាង ដរាបណាវាចូលទៅជិតកូនឆ្មា វាទាញក្បាលវាចូលខ្លួនវា ដេកក្នុងទីតាំងនេះបន្តិច ហើយបន្ទាប់មកត្រឡប់ទៅកន្លែងរបស់វា។

ដំណាក់កាលចុងក្រោយ

ផលិតផល
អ្នកត្រូវបង្កើតផលិតផលដែលបានបញ្ចប់ពីការងាររបស់អ្នក។
ចូលទៅកាន់ម៉ឺនុយ - បន្ថែមទៅជួរ Render
បន្ទះបង្ហាញបើក ហើយក្នុងម៉ូឌុលលទ្ធផល (ចុចពីរ) ជ្រើសរើសទម្រង់លទ្ធផល។ ខ្ញុំបានយក *.mov

រូបភាពទី 12 - ការបង្ហាញ

ចុចលើប៊ូតុង RENDER ហើយទទួលបានលទ្ធផល (កុំភ្លេចបញ្ជាក់ផ្លូវ)។
អស់ហើយ។

ទ្រង់ទ្រាយឯកសារ Flash (SWF) គឺផ្អែកលើក្រាហ្វិចវ៉ិចទ័រ ហើយត្រូវបានបម្រុងទុកសម្រាប់ក្រាហ្វិចបង្រួមតូចដែលអាចធ្វើមាត្រដ្ឋានបានសម្រាប់គេហទំព័រ។ ដោយសារទម្រង់ឯកសារនេះផ្អែកលើក្រាហ្វិកវ៉ិចទ័រ វត្ថុរក្សាគុណភាពរូបភាពនៅកម្រិតណាមួយ ហើយល្អសម្រាប់បង្កើតស៊ុមចលនា។ នៅក្នុង Illustrator អ្នកអាចបង្កើតស៊ុមគំនូរជីវចលបុគ្គលនៅលើស្រទាប់ ហើយបន្ទាប់មកនាំចេញស្រទាប់រូបភាពជាស៊ុមបុគ្គលសម្រាប់ប្រើនៅលើគេហទំព័រ។ អ្នកក៏អាចកំណត់ផងដែរ។ និមិត្តសញ្ញានៅក្នុងឯកសារ Illustrator ដើម្បីកាត់បន្ថយទំហំនៃចលនា។ នៅពេលនាំចេញ និមិត្តសញ្ញានីមួយៗត្រូវបានកំណត់តែម្តងគត់ក្នុងឯកសារ SWF ។

ពាក្យបញ្ជានាំចេញ (SWF)

ផ្តល់នូវការគ្រប់គ្រងច្រើនបំផុតលើចលនា និងការបង្ហាប់ប៊ីត។

ផ្តល់នូវការគ្រប់គ្រងបន្ថែមទៀតលើការលាយបញ្ចូលគ្នានៃទម្រង់ SWF និង bitmap ក្នុងប្លង់ដែលបានបែងចែក។ ពាក្យបញ្ជានេះផ្តល់ជម្រើសរូបភាពតិចជាងពាក្យបញ្ជានាំចេញ (SWF) ប៉ុន្តែប្រើជម្រើសពាក្យបញ្ជានាំចេញដែលប្រើថ្មីៗបំផុត (សូមមើល) ។

សូមចងចាំការណែនាំខាងក្រោមនៅពេលរៀបចំវត្ថុសម្រាប់រក្សាទុកជា SWF ។

ជាមួយ Device Central អ្នកអាចមើលឃើញពីរបៀបដែលស្នាដៃសិល្បៈ Illustrator នឹងមើលទៅក្នុង Flash Player នៅលើឧបករណ៍យួរដៃផ្សេងៗ។

ការបញ្ចូលក្រាហ្វិក Illustrator

វត្ថុក្រាហ្វិកដែលបានបង្កើតនៅក្នុង Illustrator អាចត្រូវបានចម្លង និងបិទភ្ជាប់យ៉ាងរហ័ស ងាយស្រួល និងរហ័សទៅក្នុងកម្មវិធី Flash ។

នៅពេលអ្នកបិទភ្ជាប់ក្រាហ្វិក Illustrator ទៅក្នុងកម្មវិធី Flash គុណលក្ខណៈខាងក្រោមត្រូវបានរក្សាទុក។

វណ្ឌវង្កនិងរាង

• កម្រាស់ដាច់សរសៃឈាមខួរក្បាល

  និយមន័យនៃជម្រាល

  អត្ថបទ (រួមទាំងពុម្ពអក្សរ OpenType)

  រូបភាពពាក់ព័ន្ធ

• របៀបលាយ

លើសពីនេះទៀត Illustrator និង Flash គាំទ្រមុខងារខាងក្រោមនៅពេលបិទភ្ជាប់ក្រាហ្វិក។

ការជ្រើសរើសស្រទាប់ខាងលើទាំងមូលនៅក្នុងស្នាដៃសិល្បៈ Illustrator ហើយបិទភ្ជាប់ពួកវាទៅក្នុង Flash រក្សាស្រទាប់ និងលក្ខណៈសម្បត្តិរបស់វា (ភាពមើលឃើញ និងការទប់ស្កាត់)។

ទម្រង់ពណ៌ Illustrator ក្រៅពី RGB (CMYK មាត្រដ្ឋានប្រផេះ និងទម្រង់ផ្ទាល់ខ្លួន) ត្រូវបានបំប្លែងដោយ Flash ទៅ RGB ។ ពណ៌ RGB ត្រូវបានបញ្ចូលតាមរបៀបធម្មតា។

នៅពេលអ្នកនាំចូល ឬបិទភ្ជាប់ស្នាដៃសិល្បៈ Illustrator អ្នកអាចប្រើជម្រើសផ្សេងៗដើម្បីរក្សាទុកបែបផែនជាក់លាក់ (ដូចជាស្រមោលអត្ថបទ) ជាតម្រង Flash ។

Flash រក្សាទុករបាំង Illustrator ។

នាំចេញឯកសារ SWF ពី Illustrator

ឯកសារ SWF ដែលនាំចេញពី Illustrator មានគុណភាព និងការបង្ហាប់ដូចគ្នាទៅនឹងឯកសារ SWF ដែលបាននាំចេញពី Flash ។

នៅពេលអ្នកនាំចេញ អ្នកអាចជ្រើសរើសពីរចនាប័ទ្មជាច្រើនដែលបានកំណត់ជាមុនសម្រាប់លទ្ធផលដ៏ល្អប្រសើរ ហើយបញ្ជាក់ពីរបៀបដែលអ្នកចង់ប្រើផ្ទាំងគំនូរច្រើន របៀបនិមិត្តសញ្ញា ស្រទាប់ អត្ថបទ និងរបាំងត្រូវបានបំប្លែង។ ឧទាហរណ៍ អ្នកអាចជ្រើសរើសដើម្បីនាំចេញនិមិត្តសញ្ញា Illustrator ជាភាពយន្ត ឬក្រាហ្វិក ហើយបង្កើតនិមិត្តសញ្ញា SWF ពីស្រទាប់ Illustrator។

ការនាំចូលឯកសារ Illustrator ទៅក្នុងកម្មវិធី Flash

ដើម្បីបង្កើតប្លង់ពេញលេញនៅក្នុង Illustrator ហើយបន្ទាប់មកនាំចូលវាទៅក្នុង Flash ក្នុងជំហានមួយ អ្នកអាចរក្សាទុកស្នាដៃសិល្បៈរបស់អ្នកជាទម្រង់ Illustrator native (AI) ហើយនាំចូលវាដោយភាពស្មោះត្រង់ខ្ពស់ទៅក្នុង Flash ដោយប្រើពាក្យបញ្ជា File > Import to Workspace area" ឬ " ឯកសារ"> "នាំចូលទៅបណ្ណាល័យ"។

ប្រសិនបើឯកសារ Illustrator មាន artboards ច្រើន សូមជ្រើសរើស artboard ដើម្បីនាំចូលពីប្រអប់ Flash Import ហើយបញ្ជាក់ការកំណត់សម្រាប់ស្រទាប់នីមួយៗនៅក្នុង artboard នោះ។ វត្ថុទាំងអស់នៅក្នុងផ្ទាំងគំនូរដែលបានជ្រើសរើសត្រូវបាននាំចូលទៅក្នុង Flash ជាស្រទាប់តែមួយ។ នៅពេលអ្នកនាំចូល artboard ផ្សេងទៀតពីឯកសារ AI ដូចគ្នា វត្ថុពី artboard នោះត្រូវបាននាំចូលទៅក្នុង Flash ជាស្រទាប់ថ្មី។

នៅពេលអ្នកនាំចូលស្នាដៃសិល្បៈ Illustrator ជាឯកសារ AI, EPS ឬ PDF នោះ Flash រក្សានូវគុណលក្ខណៈដូចគ្នានឹងពេលដែលអ្នកបិទភ្ជាប់ស្នាដៃសិល្បៈ Illustrator ដែរ។ ផងដែរ ប្រសិនបើឯកសារ Illustrator ដែលអ្នកកំពុងនាំចូលមានស្រទាប់ អ្នកអាចនាំចូលពួកវាដោយប្រើវិធីមួយក្នុងចំណោមវិធីខាងក្រោម។

បំលែងស្រទាប់ Illustrator ទៅជាស្រទាប់ Flash ។

បំលែងស្រទាប់ Illustrator ទៅជា Flash Frames។

បំប្លែងស្រទាប់ Illustrator ទាំងអស់ទៅជាស្រទាប់ Flash មួយ។

អ្នកមានរូបតំណាងមួយ ឬពីរ ដែលអ្នកចង់ធ្វើឱ្យមានជីវិតជាមួយនឹងចលនា។ តើអ្នកនឹងចាប់ផ្តើមនៅឯណា? ឧបមាថាអ្នកមានឯកសារ SVG, Illustrator CC និង After Effects CC ប៉ុន្តែដំណោះស្រាយនឹងគេចចេញពីអ្នក។

នៅក្នុងអត្ថបទនេះ ខ្ញុំនឹងបង្ហាញអ្នកពីរបៀបធ្វើចលនាឯកសារ SVG យ៉ាងងាយស្រួល រួមទាំងការរៀបចំឯកសារ SVG នៅក្នុង Illustrator និងនាំចូលវាទៅក្នុង After Effects CC ។ ខ្ញុំក៏នឹងពន្យល់ពីរបៀបដែលអ្នកអាចបំប្លែងវាទៅជា Shape Layers និងបន្ថែមចលនា។ ហើយចុងក្រោយសូមនិយាយអំពីការនាំចេញ និងការបង្ហាញ។

លទ្ធផលចុងក្រោយនៃការងារ។

ឥឡូវនេះសូមចុះទៅផ្នែកដែលគួរឱ្យចាប់អារម្មណ៍បំផុត - រៀនពីរបៀបធ្វើឱ្យរូបភាពមានចលនា។

កំពុងរៀបចំឯកសារ SVG នៅក្នុង Illustrator

ចូរចាប់ផ្តើមដោយបើកឯកសារ SVG របស់អ្នកនៅក្នុង Adobe Illustrator CC ។ ខ្ញុំ​នឹង​ធ្វើ​ចលនា​រូប​តំណាង​រថយន្ត​តូច​មួយ​ដែល​អាច​រក​បាន​ដោយ​ឥត​គិត​ថ្លៃ​នៅ​លើ​ Week Of Icons។

បន្ទាប់​ពី​បើក​ឯកសារ យើង​ត្រូវ​បំបែក​ក្រុម និង​បំបែក​វត្ថុ​ទាំងអស់​ជា​ស្រទាប់។ អ្នកអាចធ្វើវាដោយដៃឬប្រើ ការចេញផ្សាយទៅស្រទាប់ (លំដាប់)ដើម្បីបង្កើនល្បឿនដំណើរការ។ មុនពេលយើងនាំចូលឯកសារទៅក្នុង After Effects យើងត្រូវរក្សាទុកវាជាទម្រង់ឯកសារ Illustrator ។

យើង​អាច​បំបែក​វត្ថុ​ដោយ​ប្រើ​ការ​បញ្ចេញ​ទៅ​ស្រទាប់ (លំដាប់) ដើម្បី​កុំ​ឱ្យ​ខាត​ពេល​វេលា​ដ៏​មាន​តម្លៃ។

ការនាំចូល និងរៀបចំឯកសារនៅក្នុង After Effects CC

ឥឡូវនេះអ្នកត្រៀមខ្លួនរួចជាស្រេចក្នុងការនាំចូលទៅក្នុង After Effects CC ។ តោះប្រើផ្លូវកាត់ក្តារចុច បញ្ជា (Ctrl) + ខ្ញុំ (វីនដូ)ឬ ពាក្យបញ្ជា + I (ម៉ាក់)ដើម្បីផ្ទុកប្រអប់ ឯកសារនាំចូលឬទៅ ឯកសារ > នាំចូល > ឯកសារ...នៅកន្លែងដដែល សូមជ្រើសរើសឯកសារ Illustrator CC ដែលយើងបានរៀបចំរួចចុច នាំចូល។ប្រអប់តូចមួយគួរតែបង្ហាញជាមួយឈ្មោះឯកសារដែលបានជ្រើសរើស។ ជ្រើសរើស ការ​តែង​និពន្ធពីបញ្ជីទម្លាក់ចុះដែលហៅថា ប្រភេទនាំចូល.

វិធីលឿនជាងមុនក្នុងការនាំចូលឯកសារគឺត្រូវចុចពីរដងលើទីតាំងជួរឈរក្នុងបន្ទះគម្រោង។

នៅក្នុង Timeline Panel យើងនឹងឃើញសមាសភាពថ្មី។ យើងចុចពីរដងលើវា។ ឥឡូវនេះ យើងគួរតែឃើញស្រទាប់ Illustrator CC ដែលមានរូបតំណាងពណ៌ទឹកក្រូចនៅខាងឆ្វេងនៃឈ្មោះរបស់ពួកគេ។

មុនពេលដែលយើងចុះទៅអាជីវកម្ម យើងត្រូវបំប្លែងស្រទាប់ទាំងអស់នេះទៅជា ស្រទាប់រាង. យើងត្រូវជ្រើសរើសពួកវាទាំងអស់។ បញ្ជា(Ctrl)+A/បញ្ជា+កឬដោយប្រើដោយដៃ ប្ដូរ (Shift) + កណ្ដុរឆ្វេង. បន្ទាប់ពីនោះចុចខាងស្តាំលើស្រទាប់ហើយជ្រើសរើស បង្កើត > បង្កើតរាងពីស្រទាប់វ៉ិចទ័រ.

ឥឡូវនេះ ស្រទាប់ថ្មីត្រូវបានជ្រើសរើស អូសពួកវាទៅផ្នែកខាងលើនៃបន្ទះខាងលើស្រទាប់ Illustrator CC ហើយបន្ទាប់មកលុបស្រទាប់ Illustrator CC ដើម្បីកុំឱ្យពួកវាចូល។

ការបំប្លែង Illustrator CC Layers ទៅជា Shape Layers នៅក្នុង After Effects CC

ទោះបីជាមិនចាំបាច់ក៏ដោយ វាជារឿងសំខាន់ដែលយើងត្រូវផ្តល់ឱ្យស្រទាប់នីមួយៗនូវឈ្មោះ និង/ឬពណ៌សមរម្យ។ វានឹងអនុញ្ញាតឱ្យយើងធ្វើការកាន់តែមានប្រសិទ្ធភាព នៅពេលដែលយើងផ្តោតលើ keyframes ។ ក្នុងឧទាហរណ៍ខាងក្រោម ពណ៌ស្លាកច្រើន ឬតិចត្រូវគ្នានឹងការបំពេញនៃស្រទាប់រៀងៗខ្លួន។

ការ​ដាក់​ស្លាក​ស្រទាប់​រាង​ដែល​មាន​ឈ្មោះ ពណ៌ ស្លាក និង​មុខ​តំណែង​សមរម្យ​គឺ​អាច​អនុវត្ត​បាន​ខ្លាំង​ណាស់។

ប្រើផ្លូវកាត់ក្តារចុចដើម្បីកំណត់រចនាសម្ព័ន្ធការកំណត់ បញ្ជា(Ctrl)+K/ពាក្យបញ្ជា+Kឬ សមាសភាព > ការកំណត់សមាសភាព...ពីការកំណត់សមាសភាព យើងត្រូវជ្រើសរើសទទឹង កម្ពស់ អត្រាស៊ុម និងរយៈពេលសម្រាប់ទទឹង កម្ពស់ អត្រាស៊ុម និងរយៈពេល។ សម្រាប់គម្រោងនេះ ខ្ញុំបានជ្រើសរើស 60 fps ដើម្បីរក្សាចលនាឱ្យរលូន។

នៅពេលនេះ អ្វីៗហាក់បីដូចជាត្រៀមខ្លួនរួចរាល់ហើយ ប៉ុន្តែនៅមានរឿងមួយទៀតដែលត្រូវធ្វើ។ យើង​ត្រូវ​ដាក់​ស្រទាប់​មួយ​ចំនួន​ចូល​គ្នា​ដើម្បី​ឱ្យ​ចលនា​របស់​វា​ស៊ីសង្វាក់​គ្នា​ជាមួយ​នឹង​ស្រទាប់​ចម្បង​ដែល​យើង​អាច​គ្រប់គ្រង​បាន។ វិធីសាស្រ្តនេះត្រូវបានគេហៅថា ការចិញ្ចឹមកូន.

ប្រើ Pick Whip ដើម្បីកំណត់ស្រទាប់មេទៅស្រទាប់ជាច្រើន។

ក្នុងឧទាហរណ៍របស់យើង ខ្ញុំបានកំណត់ស្រទាប់ដែលមិនសូវសំខាន់ (ស្រទាប់កុមារ) ដូចជា កញ្ចក់ខ្យល់ ផ្នែករាងកាយ ឈើ និងខ្សែពួរទៅស្រទាប់រាងកាយបឋម (ស្រទាប់មេ)។ នេះអនុញ្ញាតឱ្យខ្ញុំគ្រប់គ្រងទីតាំង និងការបង្វិលរថយន្តទាំងមូល (មិនរាប់បញ្ចូលកង់) ដោយប្រើស្រទាប់មេ។

ការបង្កើតចលនា

ខ្ញុំ​ចង់​ឲ្យ​រថយន្ត​បុក​ថ្ម ហើយ​ព្យួរ​លើ​អាកាស​បន្តិច។ ខ្ញុំ​ក៏​ចង់​ឲ្យ​ដើម​ឈើ​រំកិល​ចុះ​ក្រោម ហើយ​បើក​ដើម។ ខ្ញុំ​ចាប់​ផ្ដើម​ដោយ​ការ​សាងសង់​ថ្ម ឡាន និង​កង់។ បន្ទាប់មកវាដល់ពេលហើយដើម្បីឆ្លងផុតឧបសគ្គដ៏ធំបំផុត - ដាក់សកម្មភាពនៅលើដើមឈើ។ នៅពេលនោះរួចរាល់ ខ្ញុំត្រូវធ្វើការលើព័ត៌មានលម្អិតតូចៗដូចជា រ៉ាកែត និងខ្សែពួរ។

គំនូរព្រាងពិពណ៌នាអំពីចលនា

ជំហានដំបូងគឺបង្កើតធាតុថ្ម ឬស្រទាប់ ប៉ុន្តែជំនួសឱ្យការត្រលប់ទៅ Illustrator CC ដើម្បីបន្ថែមស្រទាប់មួយទៀត ខ្ញុំទើបតែប្រើ Pen Tool នៅក្នុង After Effects CC ។ នេះអនុញ្ញាតឱ្យខ្ញុំរចនាថ្មតូចមួយយ៉ាងឆាប់រហ័ស។

អូ ឧបករណ៍ប៊ិចដ៏អស្ចារ្យ!

ប្រម៉ោយគឺជាកិច្ចការដ៏សាមញ្ញមួយ។ ខ្ញុំ​បាន​ដំឡើង​វា​នៅ​ខាង​ក្រោយ​រថយន្ត ហើយ​ធ្វើ​ចំណុច​យុថ្កា​នៅ​ផ្នែក​ខាង​ក្រោម​ខាង​ឆ្វេង។ ដោយប្រើ Pick Whip ខ្ញុំបានកំណត់វាទៅស្រទាប់មេរបស់រាងកាយ។ ជំហានចុងក្រោយគឺផ្តល់នូវឥទ្ធិពលនៃការបង្វិល ដែលវាធ្វើឱ្យពេលវេលាលោតរបស់រថយន្តកាន់តែមានភាពប្រាកដនិយម។ Bodymovin រួមបញ្ចូលគ្នាជាមួយបណ្ណាល័យចល័ត Lottie ។

P.S.អ្នកអាចស្វែងរកឯកសារ Illustrator CC និង After Effects CC របស់ខ្ញុំ។

សំណុំរូបតំណាងអាចទាញយកដោយឥតគិតថ្លៃនៅ .

GIF ថ្លានៅក្នុង Adobe Illustrator ត្រូវបានធ្វើដូចខាងក្រោម។ ចូលទៅកាន់មឺនុយ ឯកសារ > រក្សាទុកសម្រាប់គេហទំព័រ និងឧបករណ៍ (Alt+Ctrl+Shift+S)។ នៅក្នុងបង្អួចដែលបើក នៅក្នុងវាល ទ្រង់ទ្រាយឯកសារដែលបានធ្វើឱ្យប្រសើរ អ្នកត្រូវតែចូលទៅកាន់ផ្ទាំងជាមុនសិន ទំហំរូបភាព(ទំហំរូបភាព) ។ ការពិតគឺថាទំព័រទាំងមូលចូលទៅក្នុងបង្អួចបង្កើនប្រសិទ្ធភាពតាមលំនាំដើម ហើយនេះជាធម្មតាមិនចាំបាច់ទេ។ ដូច្នេះក្នុងផ្ទាំងទំហំរូបភាព សូមដោះធីកប្រអប់ធីក ខ្ទាស់ទៅផ្ទាំងគំនូរ(ច្រឹប​ឱ្យ​សម​នឹង​ទំព័រ) ហើយ​ចុច​ប៊ូតុង​អនុវត្ត។

បន្ទាប់មក នៅក្នុងបញ្ជីជ្រើសរើសទ្រង់ទ្រាយ សូមជ្រើសរើស GIF ហើយធីកប្រអប់ធីក តម្លាភាព។

បន្ទាប់ពីនោះយើងនឹងកំណត់ថាតើពណ៌ណាមួយនឹងមានតម្លាភាព។ ពណ៌ទាំងអស់ដែលមាននៅក្នុងរូបភាពមាននៅក្នុងផ្ទាំង តារាងពណ៌(គំនូសតាងពណ៌) និងត្រូវបានបង្ហាញជាការ៉េពណ៌។ ជ្រើសរើសឧបករណ៍ពីរបារឧបករណ៍នៅជ្រុងខាងឆ្វេងនៃបង្អួច ដំណក់ភ្នែក(បំពង់) ។

ពណ៌អាចត្រូវបានកំណត់តាមពីរវិធី។ មធ្យោបាយងាយស្រួលបំផុតគឺត្រូវបញ្ជាក់ពណ៌ដោយប្រើ eyedropper ដោយផ្ទាល់នៅលើរូបភាព - បន្ទាប់ពីនោះពណ៌នឹងត្រូវបានបន្លិចនៅលើតារាងពណ៌ជាមួយនឹងជំងឺដាច់សរសៃឈាមខួរក្បាលងងឹត។ ជាការប្រសើរណាស់ ប្រសិនបើអ្នកដឹងច្បាស់ថាពណ៌ណាមួយគួរតែមានតម្លាភាព អ្នកអាចជ្រើសរើសវាដោយផ្ទាល់នៅលើតារាងពណ៌ដោយចុចលើប្រអប់ពណ៌ដែលត្រូវគ្នា។ ហើយនៅក្នុងករណីទីមួយ និងទីពីរ ប្រសិនបើអ្នកត្រូវការជ្រើសរើសពណ៌ជាច្រើន អ្នកត្រូវធ្វើការជាមួយគ្រាប់ចុចប្តូរ (Shift) ឬបញ្ជា (Ctrl) ។ បន្ទាប់ពីជ្រើសរើសពណ៌អ្នកត្រូវណែនាំកម្មវិធីដើម្បីធ្វើឱ្យវាមានតម្លាភាព។ ដើម្បីធ្វើដូចនេះចុចលើរូបតំណាង ផែនទីដែលបានជ្រើសរើសពណ៌ទៅជាតម្លាភាព(បន្ថែមពណ៌ដែលបានជ្រើសរើសទៅជាតម្លាភាព)។ នៅក្នុងរូបភាព ប៊ូតុងនេះត្រូវបានគូសរង្វង់ ហើយពណ៌ក្រហមត្រូវបានកំណត់ទៅជាថ្លា។ ផ្ទៃថ្លានឹងបង្ហាញនៅលើរូបភាព ហើយការ៉េនៅលើតារាងពណ៌នឹងផ្លាស់ប្តូររូបរាងរបស់វា - ផ្នែករបស់វានឹងក្លាយជាត្រីកោណពណ៌ស។ ដើម្បីបោះបង់ពណ៌ដែលបានជ្រើសរើស អ្នកត្រូវជ្រើសរើសវានៅក្នុងតារាងពណ៌ ហើយបន្ទាប់មកចុចលើពណ៌ដែលបានជ្រើសរើសផែនទីទៅរូបតំណាងថ្លាម្តងទៀត។

ពាក្យពីរបីអំពីវិធីសាស្រ្តនៃការកំណត់តម្លាភាព។ ម៉ឺនុយទម្លាក់ចុះទទួលខុសត្រូវចំពោះវា។ បញ្ជាក់​តម្លាភាព Dither Algorithmជាភាសារុស្សី - ក្បួនដោះស្រាយការក្លែងធ្វើតម្លាភាព (រូបខាងក្រោម)។ មានជម្រើសចំនួនបួន៖ គ្មានតម្លាភាព Dither - គ្មានក្បួនដោះស្រាយ ការផ្សព្វផ្សាយតម្លាភាព Dither - diffuse algorithm, Pattern Transparency Dither - ក្បួនដោះស្រាយផ្អែកលើលំនាំ និង Noise Transparency Dither - ក្បួនដោះស្រាយផ្អែកលើសំលេងរំខាន។ ក្នុង​របៀប​ក្បួន​ដោះស្រាយ​សាយភាយ គ្រាប់រំកិល​ក្លាយ​ជា​សកម្ម ចំនួនទឹកប្រាក់(ចំនួន) ដែលអនុញ្ញាតឱ្យអ្នកផ្លាស់ប្តូរតម្លៃនៃការសាយភាយ។ អ្វីដែលត្រូវអនុវត្តក្នុងការអនុវត្ត? អាស្រ័យលើគោលបំណងនិងរូបភាព។ ខ្ញុំមិនប្រើជម្រើសនេះទេ ហើយតែងតែទុកលំនាំដើម - គ្មានតម្លាភាព Dither ។

ចុចរក្សាទុក - GIF ថ្លាគឺរួចរាល់។ ការងារនេះត្រូវបានធ្វើនៅក្នុង Adobe Illustrator កំណែ CS4 (v.14) ប៉ុន្តែរាល់សកម្មភាព និងផ្លូវកាត់ក្តារចុចគឺពាក់ព័ន្ធសម្រាប់កំណែមុន CS3 (v.13)។