23
บบบบบ 1 บบบบบบบบบ flash

บท1 รู้จักกับ Flash

Embed Size (px)

Citation preview

Page 1: บท1 รู้จักกับ Flash

บทท�� 1 รู้��จักกบ flash

Page 2: บท1 รู้จักกับ Flash

ขั้ นตอนหลักขั้องการู้สรู้�างมัลัต�มั�เดี�ยดี�วย flash1. สรู้�างชิ้� นงานภายในโปรู้แกรู้มั flash โดียเน" อหา

บางส#วนอาจัสรู้�างดี�วยเครู้"�องมั"อขั้อง flash เอง แลัะบางส#วนอาจัน&าเขั้�าไฟลั)ขั้�อมั�ลัปรู้ะเภทต#างๆจัากภายนอกเขั้�ามัาใชิ้�2. ทดีสอบการู้ท&างานจันไดี�ผลัท��พอใจั แลั�วบนท-กไว�เป.นไฟลั)เอกสารู้ขั้อง flash (.fla) ซึ่-�งสามัารู้ถเป1ดีน&ากลับมัาแก�ไขั้ไดี�ภายหลัง3. พบลั�ชิ้ชิ้� นงานเป.นไฟลั)มั�ฟว��ขั้อง flash (.swf) แลัะหรู้"อไฟลั)เว2บเพจั (.html) ซึ่-�งเป.นขั้�อมั�ลัท��จัะน&าไปใชิ้�เสนอจัรู้�ง4. น&าไฟลั)มั�ฟว��แลัะไฟลั)อ"�นๆท��เก��ยวขั้�องไปปรู้ะกอบกบเว2บเพจัแลั�วอพโหลัดีขั้- นอ�นเทอรู้)เน2ตหรู้"อเตรู้�ยมัไฟลั)มั�ฟว��ส&าหรู้บถ#ายโอนลังอ3ปกรู้ณ์)มั"อถ"อ5. ผ��ชิ้มัเลั#นมั�ฟว��ผ#านทางบรู้าวเซึ่อรู้)หรู้"อเลั#นผ#านอ3ปกรู้ณ์)มั"อถ"อ

Page 3: บท1 รู้จักกับ Flash

เป1ดีโปรู้แกรู้มัหลังจัากท��ต�ดีต งโปรู้แกรู้มัแลั�วค3ณ์สามัารู้ถเรู้�ยกโปรู้แกรู้มัขั้- นมัาใชิ้�งาน โดียมั�ขั้ นตอนดีงน�

Page 4: บท1 รู้จักกับ Flash

เป1ดีโปรู้แกรู้มั(ต#อ)

Page 5: บท1 รู้จักกับ Flash

เป1ดีโปรู้แกรู้มั(ต#อ)

Page 6: บท1 รู้จักกับ Flash

รู้�ปแบบการู้ท&างาน

ในขั้ นตอนท�� 2 ขั้องการู้เรู้�ยกใชิ้�โปรู้แกรู้มั ค3ณ์จัะพบหน�าจัอ Welcome Screen ส&าหรู้บเลั"อกรู้�ปแบบเรู้��มัต�นการู้ท&างานดีงน�

- Open a Recent Item เป.นการู้เป1ดีไฟลั)เก#าท��สรู้�างไว�แลั�ว โดียคลั�กเลั"อกรู้ายชิ้"�อท��แสดีง (เรู้�ยงจัาก การู้บนท-กไฟลั)ครู้ งหลังส3ดีเป.นต�นไป ส�งส3ดี 10 ไฟลั)) หรู้"อคลั�ก Open เพ"�อเป1ดีไฟลั)อ"�น

Page 7: บท1 รู้จักกับ Flash

- Create New สรู้�างไฟลั)ใหมั# โดียคลั�กเลั"อกรู้�ปแบบขั้องไฟลั)ท��ต�องการู้สรู้�าง เชิ้#น เลั"อก flash file (ActionScript 3.0) เพ"�อสรู้�างไฟลั)มั�ฟว��ใหมั#ท��มั�โหมัดีการู้เขั้�ยน ActionScript เป.นเวอรู้)ชิ้�น 3 เป.นต�น

- Create From Template สรู้�างไฟลั)ใหมั#จัากรู้�ปแบบเทมัเพลัตท��โปนแกรู้มัมั�ให� โดียคลั�กเลั"อกหมัวดีขั้องเทมัเพลัตท��ต�องการู้ก#อนแลั�วคลั�กเลั"อกไฟลั)อ�กท�หน-�ง (ดี�เพ��มัเต�มั บทท�� 2 หวขั้�อ สรู้�างไฟลั)เอกสารู้จัากเทมัเพลัต)

รู้�ปแบบการู้ท&างาน(ต#อ)

Page 8: บท1 รู้จักกับ Flash

ป1ดีโปรู้แกรู้มัหลังจัากท&างานเสรู้2จัเรู้�ยบรู้�อยแลั�ว ค3ณ์อาจัป1ดีโปรู้แกรู้มัโดียใชิ้�ค&าส�ง File – Exit (ค�ย)ลัดี Ctrl + Q หรู้"อคลั�กท��ป35มั ตรู้งมั3มัขั้วาบนขั้องว�นโดีว)โปรู้แกรู้มัดีงภาพ

Page 9: บท1 รู้จักกับ Flash

ส#วนปรู้ะกอบขั้องหน�าจัอโปรู้แกรู้มัเมั"�อค3ณ์คลั�กเลั"อกรู้�ปแบบการู้ท&างานจัาก

Welcome Screenแลั�วก2จัะไดี�พบกบหน�าจัอมัาตรู้ฐาน(Default Layout) ท��แสดีงส#วนปรู้ะกอบส&าคญต#างๆดีงรู้�ป

Page 10: บท1 รู้จักกับ Flash

ไตเต�ลับารู้) (Title Bar)แถบชิ้"�อหรู้"อไตเต�ลับารู้) เป.นส#วนแสดีงชิ้"�อโปรู้แกรู้มั แลัะชิ้"�อไฟลั)ท��ค3ณ์ก&าลังใชิ้�งาน

เมัน�บารู้) (Menu Bar)แถบเมัน� ปรู้ะกอบดี�วย เมัน�ค&าส�งงต#างๆท��ใชิ้�ในการู้สรู้�างมั�ฟว��, การู้จัดีการู้กบไฟลั)แลัะว�นโดีว)โปรู้แกรู้มัรู้วมัถ-งการู้ต งค#าพ" นฐานต#างๆ

Page 11: บท1 รู้จักกับ Flash

ท�ลัพาเนลั(Tools Panel)ค&าส�งท��ใชิ้�เป1ดี/ป1ดี : Window – Tool (ค�ย)ลัดี Ctrl + F2 กลั#องเครู้"�องมั"อหรู้"อท�ลัพาเนลัค"อส#วนท��รู้วบรู้วมัเครู้"�องมั"อชิ้น�ดีต#างๆ ท��ใชิ้�ในการู้สรู้�าง ปรู้บแต#ง แลัะ แก�ไขั้ออบเจั2คท��อย�#ในมั�ฟว�� โดียแบ#งออกเป.น 4 กลั3#มัย#อยดีงน�

Page 12: บท1 รู้จักกับ Flash

ปรู้บการู้แสดีงท�ลัพาเนลั ค3ณ์สามัารู้ถปรู้บท�ลัพาเนลั ให�แสดีงเป.นแบบ 1 หรู้"อ 2 คอลัมัน)ไดี� ดีงภาพ

Page 13: บท1 รู้จักกับ Flash

การู้เลั"อกเครู้"�องมั"อค3ณ์จัะเลั"อกใชิ้�งานเครู้"�องมั"อไดี�ท�ลัะตวโดียคลั�กท��ป35มัเครู้"�องมั"อน น ซึ่-�งเครู้"�องมั"อท��ถ�กเลั"อกป35มัจัะน�นแลัะมั�ส�สว#างขั้- น

Page 14: บท1 รู้จักกับ Flash

การู้เลั"อกออปชิ้�นส&าหรู้บออปชิ้�นขั้องเครู้"�องมั"อน นค3ณ์สามัารู้ถ

เลั"อกใชิ้�ตวใดีตวหน-�งหรู้"อหลัายตวพรู้�อมัๆกนหรู้"อจัะไมั#เลั"อกเลัยก2ไดี� ซึ่-�งการู้เลั"อกท&าไดี�โดียคลั�กป35มัออปชิ้�นท��ต�องการู้ ป35มัท��ถ�กเลั"อกจัะมั�เส�นขั้อบลั�อมัรู้อ เมั"�อต�องการู้ยกเลั�กออปชิ้�นก2คลั�กท��ป35มัน นอ�กครู้ ง เส�นขั้อบจัะหายไป

Page 15: บท1 รู้จักกับ Flash

สเตจั(Stage)สเตจั ค"อพ" นท��ส��เหลั��ยมัส�ขั้าวตรู้งกลัางหน�าจัอ

ซึ่-�งใชิ้�ส&าหรู้บจัดีวางเน" อหาขั้องมั�ฟว��แต#ลัะเฟรู้มัลังไปหรู้"อเปรู้�ยบไดี�กบส#วนหน�าขั้องเวท�ท��ตวลัะครู้ต#างๆจัะปรู้ากฏออกมัาให�ผ��ชิ้มัเห2นน�นเอง เมั"�อเลั#นมั�ฟว��ภาพจัะปรู้ากฏเฉพาะส��งท�อย�#บนสเตจัเท#าน นส&าหรู้บบรู้�เวณ์ส�เทาโดียรู้อบสเตจัเรู้�ยกว#า Pasteboard เป.นส#วนท��ใชิ้�จัดีเตรู้�ยมัเน" อหาหรู้"อวางองค)ปรู้ะกอบท��ยงไมั#ต�องการู้แสดีงให�เห2นเมั"�อเลั#นมั�ฟว�� โดียปกต�โปรู้แกรู้มัจัะแสดีง Pasteboard ไว�เสมัอแต#ค3ณ์อาจัเป1ดีหรู้"อป1ดีบรู้�เวณ์น� ไดี�ดี�วยค&าส�ง View – Pasteboard (ค�ย)ลัดี Ctrl + Shift + W)

Page 16: บท1 รู้จักกับ Flash

แถบแก�ไขั้ (Edit Bar)ค&าส�งท��ใชิ้�เป1ดี/ป1ดี : Window – Toolbars – Edit Bar

เป.นเครู้"�องมั"อท��ใชิ้�เลั"อกฉากหรู้"อซึ่�น (scene) ท��จัะท&างาน เน"�องจัากในมั�ฟว��หน-�งๆ อาจัจัะปรู้ะกอบดี�วยฉากเพ�ยงฉากเดี�ยวหรู้"อมัากกว#าก2ไดี� แลัะในแต#ลัะฉากอาจัมั�ตวแสดีง (ซึ่�มัโบลั) หลัายตว ค3ณ์สามัารู้ถเลั"อกซึ่�นหรู้"อซึ่�มัโบลัท��จัะท&างาน รู้วมัท งจัดีการู้กบ workspace แลัะอ"�นๆ โดียคลั�กท��ป35มัต#างๆดีงรู้�ปดี�านบน

Page 17: บท1 รู้จักกับ Flash

แถบเครู้"�องมั"อ (Toolbar)ค&าส�งท��ใชิ้�เป1ดี/ป1ดี : Window - Toolbars - Main

แถบเครู้"�องมั"อ หรู้"อ ท�ลับารู้) ปรู้ะกอบดี�วยเครู้"�องมั"อมัาตรู้ฐานส&าหรู้บการู้จัดีการู้กบไฟลั)แลัะค&าส�งบางอย#างท��ต�องใชิ้�บ#อยๆ เพ"�อเพ��มัความัสะดีวกในการู้เรู้�ยกใชิ้� ส&าหรู้บหน�าจัอเรู้��มัต�นน น Flash ไมั#ไดี�แสดีงแถบเครู้"�องมั"อน� ไว� ถ�าค3ณ์ต�องการู้ใชิ้�ก2ต�องเป1ดีขั้- นมัาเอง

Page 18: บท1 รู้จักกับ Flash

คอนโทรู้ลัเลัอรู้) (Controller)ค&าส�งท��ใชิ้�เป1ดี/ป1ดี : Window - Toolbars - Controller

คอนโทรู้ลัเลัอรู้) เป.นเครู้"�องมั"อท��ใชิ้�ควบค3มัการู้เลั"�อน playhead เพ"�อทดีสอบการู้เลั#นมั�ฟว��แลัะดี�ผลัภาพในโปรู้แกรู้มั Flash โดียค3ณ์สามัารู้ถส�งให� playhead เลั#นเดี�นหน�า, ถอยหลังท�ลัะเฟรู้มั, หย3ดีเลั#น, ย�อนกลับไปต งต�นใหมั# หรู้"อว��งไปยงเฟรู้มัส3ดีท�ายก2ไดี�

Page 19: บท1 รู้จักกับ Flash

ไทมั)ไลัน) (Timeline)ค&าส�งท��ใชิ้� เป1ดี/ป1ดี : Windown – Timeline

ไทมั)ไลัน) เป.นเครู้"�องมั"อส&าคญท��ใชิ้�ในการู้สรู้�างภาพเคลั"�อนไหวโดียปรู้ะกอบดี�วย 2 ส#วนหลักค"อ เลัเยอรู้)(layer) แลัะ เฟรู้มั (frame) เลัเยอรู้)น นเปรู้�ยบเสมั"อนเป.นแผ#นใสท��ใชิ้�จัดีวางออบเจั2คหลัายๆชิ้� นให�เรู้�ยงซึ่�อนกนไดี�ส#วนเฟรู้มัเป.นการู้แบ#งภาพเคลั"�อนไหวออกเป.นจังหวะย#อยๆเหมั"อนกบภาพน��งหรู้"อฟ1ลั)มั-ภาพยนตรู้)แต#ลัะภาพซึ่-�งเมั"�อน&าหลัายๆเฟรู้มัมัาแสดีงอย#างต#อเน"�องจั&าท&าให�เห2นเป.นภาพเคลั"�อนไหวท��สมับ�รู้ณ์) ต&าแหน#งขั้องแต#ลัะเฟรู้มัจัะแสดีงดี�วยหมัายเลัขั้เฟรู้มั โดียมั� playhead เป.นตวควบค3มัการู้แสดีงภาพบนสเตจัแลัะบอกต&าแหน#งเฟรู้มัป:จัจั3บน

Page 20: บท1 รู้จักกับ Flash

พาเนลั(Panal)

พาเนลั ค"อกรู้อบหน�าต#างย#อยๆ ท��มั�ค&าส�งแลัะเครู้"�องมั"อในการู้จัดีการู้, ตรู้วจัสอบค#า แลัะปรู้บแต#งองค)ปรู้ะกอบต#างๆในมั�ฟว��ไมั#ว#าจัะเป.นเฟรู้มั, ซึ่�มัโบลั, ตวอกษรู้ แลัะออบเจั2คอ"�นๆ เครู้"�องมั"อเหลั#าน� จัะถ�กจัดีแบ#งไว�เป.นหมัวดีหมั�#ในแต#ลัะพาแนลั เชิ้#น พาเนลั Color ใชิ้�เพ"�อเลั"อกส�หรู้"อพาเนลั Library ใชิ้�จัดีเก2บแลัะจัดีการู้กบซึ่�มัโบลั เป.นต�น บางพาเนลัท��มั�หน�าท��คลั�ายกนจัะถ�กจัดีไว�ในกลั3#มัเดี�ยวกน เชิ้#น พาเนลั Color ใชิ้�เพ"�อเลั"อกส� หรู้"อพาเนลั Library ใชิ้�จัดีเก2บแลัะจัดีการู้กบซึ่�มัโบลั เป.นต�น บางพาเนลัท��มั�หน�าท��คลั�ายกนจัะถ�กจัดีไว�ในกลั3#มัเดี�ยวกน เชิ้#น พาเนลั Color แลัะพาเนลั Swatches เป.นต�น

Page 21: บท1 รู้จักกับ Flash

เป1ดีพาเนลั การู้เป1ดีพาเนลัให�คลั�กค&าส�ง Window – ชิ้"�อพาเนลั

Page 22: บท1 รู้จักกับ Flash

ป1ดีพาเนลัเมั"�อต�องการู้ป1ดีพาเนลัให�คลั�กค&าส�ง Window

– ชิ้"�อพาเนลั(ท��มั�รู้�ป ดี�านหน�า)หรู้"อป35มั บนแท2บชิ้"�อขั้องพาเนลัก2ไดี�

Page 23: บท1 รู้จักกับ Flash

จับบท

ท��1ค#ะ