รู้จักกับ flash

23
หหหหหหหห 1 หหหหหหหหห flash

Upload: yui-janjira-ketsakorn

Post on 07-Aug-2015

22 views

Category:

Education


1 download

TRANSCRIPT

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

หน่�วยที่�� 1 รู้��จั�กก�บ

flash

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

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

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

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

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

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

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

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

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

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

รู้�ปแบบการู้ที่&างาน่ใน่ขั้��น่ตอน่ที่�� 2 ขั้องการู้เรู้�ยกใชิ้�โปรู้แกรู้มั ค3ณ์

จัะพบหน่�าจัอ Welcome Screen ส&าหรู้�บเลั#อกรู้�ปแบบเรู้��มัต�น่การู้ที่&างาน่ดี�งน่��

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

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

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

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

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

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

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

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

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

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

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

เมัน่�บารู้) (Menu Bar)แถบเมัน่� ปรู้ะกอบดี�วย เมัน่�ค&าส��งงต�างๆที่��ใชิ้�ใน่

การู้สรู้�างมั�ฟว��, การู้จั�ดีการู้ก�บไฟลั)แลัะว�น่โดีว)โปรู้แกรู้มัรู้วมัถ-งการู้ต��งค�าพ#�น่ฐาน่ต�างๆ

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

ที่�ลัพาเน่ลั(Tools Panel)

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

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

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

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

การู้เลั#อกเครู้#�องมั#อค3ณ์จัะเลั#อกใชิ้�งาน่เครู้#�องมั#อไดี�ที่�ลัะต�วโดียคลั�กที่��

ป35มัเครู้#�องมั#อน่��น่ ซึ่-�งเครู้#�องมั#อที่��ถ�กเลั#อกป35มัจัะน่�น่แลัะมั�ส�สว�างขั้-�น่

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

พาเน่ลั(Panal)พาเน่ลั ค#อกรู้อบหน่�าต�างย�อยๆ ที่��มั�ค&าส��งแลัะ

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

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

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

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

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

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

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

จับบที่ที่�� 1 ค�ะ