24
หหหหหหหห 2 หหหหหหหหหหหหหห

การใช้งานเบื้องต้น

Embed Size (px)

Citation preview

Page 1: การใช้งานเบื้องต้น

หน่�วยที่�� 2 การใช้�งาน่เบื้��องต้�น่

Page 2: การใช้งานเบื้องต้น

การจั�ดการไฟล์�ประเภที่ของไฟล์� Flashการที่"างาของโปรแกรม Flash จัะเก��ยวข�องก�บื้ไฟล์�หล์�กๆ 2 ประเภที่คื�อ

ไฟล์�เอกสาร (Flash documant) ม�ฟอร�แมต้เป)น่ .fla ไฟล์�น่��เป)น่ไฟล์�ที่��คื*ณบื้�น่ที่,กใน่ข��น่ต้อน่การสร�างช้-�น่งาน่ โดยไฟล์�จัะจั�ดเก.บื้ข�อม/ล์ต้�างๆ ซึ่,�งได�จัากการออกแบื้บื้แล์ะพั�ฒน่าที่��งหมดไว�ต้ามสภาพัเด-ม แล์ะคื*ณสาน่มารถเป4ดกล์�บื้ข,�น่มาแก�ไขช้-�น่งาน่ได�

Page 3: การใช้งานเบื้องต้น

ไฟล์�ม/ฟว�� (Flash movie) ม�ฟอร�แมต้เป)น่ .swf ไฟล์�น่��เป)น่ผล์ล์�พัธ์�ส*ดที่�าย ซึ่,�งจัะได�จัากการพั�บื้ล์-ช้ (publish) ไฟล์�เอกสารข�างต้�น่ เพั��อน่"าไปเผยแพัร�แล์ะแสดงด�วยโปรแกรม Flash Player โดยข�อม/ล์ต้�น่ฉบื้�บื้จัะถ/กบื้�บื้อ�ด ปร�บื้ล์ดคื*ณสมบื้�ต้- แล์ะย*บื้รวมก�น่ เพั��อให�ไฟล์�ม�ขน่าดเล์.ก ด�งน่��น่จั,งไม�สามารถเป4ดกล์�บื้ข,�น่มาแก�ไขช้-�น่งาน่ แล์ะใน่การเผยแพัร�ไฟล์�น่��จั,งไม�ต้�องกล์�วว�าข�อม/ล์ต้�น่ฉบื้�บื้ใน่ไฟล์�เอกสารจัะถ/กผ/�อ��น่ก.อปป8� ไปใช้�น่อกจัากน่��น่เม��อม�การใช้�คื"าส��งที่ดสอบื้ การแสดงผล์ (Test Movies) โปน่แกรมจัะสร�างไฟล์� .swf ข,�น่มาให�อ�ต้โน่ม�ต้-ด�วย

ประเภที่ของไฟล์� Flash (ต้�อ)

Page 4: การใช้งานเบื้องต้น

ประเภที่ของไฟล์� Flash (ต้�อ)น่อกจัากไฟล์�ประเภที่หล์�กๆข�างต้�น่แล์�ว ก.อาจัม�

ไฟล์�อ��น่ที่��เก��ยวข�องอ�ก โดยข,�น่อย/�ก�บื้เน่��อหาของช้-�น่งาน่แล์ะว-ธ์�การพั�บื้ล์-ช้ รวมไปถ,งร/ปแบื้บื้ของการสร�าง เช้�น่ ไฟล์� .flv ซึ่,�งเป)น่ไฟล์�ว-ด�โอ (Flash Video) ที่��ได�จัากการอ-มพัอร�ต้ว-ด�โอเข�ามาใช้�งาน่, ไฟล์� .as เป)น่ไฟล์�ที่��เก.บื้ซึ่อร�สโคื�ดของโปรแกรม ActionScript หร�อ ไฟล์� .html ซึ่,�งเป)น่เว.บื้เพัจัที่��ใช้�แสดงม/ฟว�� เป)น่ต้�น่

Page 5: การใช้งานเบื้องต้น

สร�างด�วย Welcome Screenปกต้-เม��อเป4ดโปรแกรม Flash ข,�น่มาแล์�ว คื*ณ

จัะพับื้หน่�าจัอ Welcome Screen เป)น่หน่�าจัอแรก ซึ่,�งคื*ณสามารถสร�างไฟล์�ใหม�ได� โดยคืล์-กคื"าส��ง Flash File จัากช้*ดคื"าส��ง Create New ได�ด�งภาพั

สร�างไฟล์�เอกสารใหม�

Page 6: การใช้งานเบื้องต้น

สร�างด�วยคื"าส��ง Newหากต้�องการสร�างไฟล์�ใหม�คืร��งถ�ดๆไป หร�อใน่

กรณ�ที่��ก"าหน่ดไม�ให�โปรแกรมแสดง Welcome Screen คื*ณอาจัใช้�คื"าส��งจัากเมน่/ได�ด�งน่��

Page 7: การใช้งานเบื้องต้น

สร�างไฟล์�เอกสารจัากเที่มเพัล์ต้ เที่มเพัล์ต้ (Template) เป)น่ม/ฟว��ส"าเร.จัร/ปที่��

ม�การก"าหน่ดองคื�ประกอบื้ต้�างๆไว�แล์�ว เช้�น่ ขน่าดของ สเต้จั, เล์เยอร�, ซึ่-มโบื้ล์, ActionScript, แล์ะข�อม/ล์อ��น่ที่��จั"าเป)น่ส"าหร�บื้ม/ฟว��แต้�ล์ะประเภที่ เพั��อช้�วยให�คื*ณสร�างช้-�น่งาน่ได�อย�างรวดเร.ว เที่มเพัล์ต้ที่��โปรแกรมม�มาให�จัะแบื้�งออกเป)น่หมวดหม/�ต้ามประเภที่งาน่ ซึ่,�งคื*ณสามารถเร�ยกใช้�ได�ต้ามข��น่ต้อน่ด�งน่��

Page 8: การใช้งานเบื้องต้น

บื้�น่ที่,กไฟล์�เอกสารขณะก"าล์�งสร�างช้-�น่งาน่หร�อภายหล์�งจัากที่��

ที่"างาน่เสร.จัแล์�ว คื*ณจัะต้�องบื้�น่ที่,กข�อม/ล์เก.บื้ไว�เป)น่ไฟล์�เอกสาร (.fla) เพั��อจัะได�สามารถเป4ดกล์�บื้ข,�น่มาแก�ไขหร�อที่"างาน่ต้�อใน่ภายหล์�ง โดยม�ข��น่ต้อน่ด�งน่��

Page 9: การใช้งานเบื้องต้น

บื้�น่ที่,กไฟล์�เป)น่เที่มเพัล์ต้หากต้�องการน่"าไฟล์�ที่��สร�างข,�น่ไปใช้�เป)น่ต้�น่

แบื้บื้ของไฟล์�อ��น่ใน่ภายหล์�ง ต้�วอย�างเช้�น่ ใน่กรณ�ที่��ใช้� Flash สร�างเว.บื้เพัจั คื*ณอาจัสร�างแล์ะบื้�น่ที่,กโคืรงสร�างหล์�กของเว.บื้เพัจัไว�ก�อน่แล์ะเม��อสร�างเว.บื้เพัจัแต้�ล์ะ หน่�าก.สามารถเร�ยกไฟล์�เที่มเพัล์ต้น่��น่ก�บื้มาใช้�ได� คื*ณสามารถบื้�น่ที่,กเที่มเพัล์ต้ได�ด�งน่��

Page 10: การใช้งานเบื้องต้น

เร�ยกใช้�เที่มเพัล์ต้ที่��บื้�น่ที่,กไว�หล์�งจัากที่��บื้�น่ที่,กเที่มเพัล์ต้แล์�ว คื*ณสามารถเร�ยก

ใช้�ได�ด�วยคื"าส��ง File – New โดยเล์�อกสร�างไฟล์�ใหม�จัากเที่มเพัล์ต้ ซึ่,�งจัะแสดงรายช้��อต้ามหมวดที่��ได�บื้�น่ที่,กไว�ด�งภาพั

Page 11: การใช้งานเบื้องต้น

เป4ดไฟล์�เอกสารที่��บื้�น่ที่,กไว�แล์�วการเป4ดไฟล์�เอกสาร flash (ไฟล์�ฟอร�แมต้

FLA) เพั��อน่"ากล์�บื้มาแก�ไขหร�อที่"างาน่ต้�อ ให�คืล์-กเล์�อกไฟล์�ที่��ต้�องการจัาก Welcome Screen ด�งภาพัเป4ดด�วย Welcome

Screen

Page 12: การใช้งานเบื้องต้น

เป4ดด�วยคื"าส��ง Openใน่กรณ�ที่��ไม�ได�เป4ด Welcome Screen คื*ณสามารถใช้�คื"าส��งจัากเมน่/ได�ด�งน่��

Page 13: การใช้งานเบื้องต้น

ป4ดไฟล์�เอกสารเม��อจับื้การที่"างาน่แล์�วคื*ณสามารถป4ดไฟล์�

เอกสารโดยคืล์-กคื"าส��ง File – Close (คื�ย�ล์�ดCtrl+W) หร�อคืล์-กที่��ป*9ม หร�อป*9ม (กรณ�ที่��ย�อขน่าดว-น่โดว�อย/�)จัากน่��น่ไฟล์�จัะป4ดที่�น่ที่�

Page 14: การใช้งานเบื้องต้น

ป4ดไฟล์�เอกสาร(ต้�อ) แต้�หากก�อน่ป4ดไฟล์�ได�ม�การแก�ไขเน่��อหาจัะ

ไดอะล์.อกบื้.อกซึ่�ข,�น่มาเต้�อน่ว�าต้�องการบื้�น่ที่,กเน่��อหาน่��น่หร�อไม� ให�คืล์-กป*9มคื"าส��งใดคื"าส��งหน่,�งด�งภาพั

Page 15: การใช้งานเบื้องต้น

ก"าหน่ดคื*ณสมบื้�ต้-ของเอกสารคื*ณสมบื้�ต้-พั��น่ฐาน่ของไฟล์�เอกสาร Flash

(Document Properties) ไม�ว�าจัะเป)น่ขน่าดพั��น่ที่��ใน่การแสดงผล์ (ขน่าดสเต้จั), ส�พั��น่หล์�ง, อ�ต้ราเร.วใน่การแสดงภาพัเคืล์��อน่ไหว เป)น่ต้�น่ ซึ่,�งคืวรก"าหน่ดคื�าเหล์�าน่��ให�ต้รงก�บื้จั*ดประสงคื�ของการน่"าไปใช้�ต้��งแต้�ต้อน่เร-�มต้�น่สร�างช้-�น่งาน่

Page 16: การใช้งานเบื้องต้น

ปร�บื้ม*มมองออบื้เจั.คืเป)น่การเล์�อกม*มมองใน่การแสดงออบื้เจั.คืต้�างๆ

ขณะที่��คื*ณสร�างช้-�น่งาน่ เพั��อให�เหมาะก�บื้คืวามเร.วของคือมพั-วเต้อร�ที่��ใช้� โดยคื*ณสามารถปร�บื้ม*มมองจัากคื"าส��ง View > Previwe > Mode > เล์�อกม*มมอง ด�งน่��Outlines

แสดงเฉพัาะเส�น่โคืรงร�างของออบื้เจั.คื โดยไม�แสดงพั��น่แล์ะเส�น่แต้�อย�างใด ช้�วยให�คื*ณสามารถปร�บื้แต้�งร/ปที่รงออบื้เจั.คืได�ง�ายข,�น่ แล์ะย�งที่"าให�แสดงภาพัได�เร.วข,�น่Fast

แสดงส�แล์ะคื*ณสมบื้�ต้-ของพั��น่แล์ะเส�น่ แต้�ขอบื้ของภาพัจัะไม�ถ/กปร�บื้ให�เร�ยบื้ คื�อจัะเห.น่เป)น่รอยหย�ก ซึ่,�งการแสดงภาพัจัะเร.วกว�าแบื้บื้ Anti-Alias

Page 17: การใช้งานเบื้องต้น

Anti-Aliasใน่ม*มมองน่��ขอบื้ของภาพักราฟฟ4กแล์ะภา

พับื้-ที่แมพัจัะถ/กปร�บื้ให�เร�ยบื้คืม แต้�ต้�วอ�กษรย�งม�ขอบื้หย�กอย/�Anti-Alias Text

ใน่ม*มมองน่��ขอบื้ของภาพักราฟ4ก ภาพับื้-ที่แมพัแล์ะต้�วอ�กษรจัะถ/กปร�บื้ให�เร�ยบื้ ซึ่,�งเหมาะก�บื้ช้-�น่งาน่ที่��ต้�องใช้�ต้�วอ�กษรขน่าดใหญ่� แต้�ถ�าช้-�น่งาน่ม�ต้�วอ�กษรเล์.ก จั"าน่วน่มากจัะที่"าให�ที่"างาน่ช้�าล์ง ม*มมองน่��จัะถ/กก"าหน่ดให�เป)น่ม*มมองแรกเม��อสร�างไฟล์�อย/�แล์�วFull

เป)น่ม*มมองที่��แสดงภาพัได�สมบื้/รณ�ที่��ส*ดแต้�ก.ที่"างาน่ได�ช้�าที่��ส*ด

Page 18: การใช้งานเบื้องต้น

เคืร��องม�อช้�วยกะระยะแล์ะจั�ดวางออบื้เจั.คืเช้�น่เด�ยวก�บื้โปรแกรมกราฟ4กส�วน่ใหญ่� Flash

ได�จั�ดเต้ร�ยมเคืร��องม�อไม�บื้รรที่�ด เส�น่กร-ด แล์ะเส�น่ไกด�ไว�ส"าหร�บื้ช้�วยให�คื*ณกะระยะแล์ะจั�ดวางออบื้เจั.คืได�อย�างแม�น่ย"าไม�บื้รรที่�ด (Ruler) คื"าส��งที่��ใช้�เป4ด/ป4ด : View > Ruler (คื�ย�ล์�ด Ctrl + Alt + Shift + R)

ไม�บื้รรที่�ด เป)น่เคืร��องม�อส"าหร�บื้ช้�วยกะระยะแล์ะบื้อกต้"าแหน่�งออบื้เจั.คื โดยจัะแสดงอย/�ที่��ด�าน่บื้น่แล์ะด�าน่ซึ่�ายของพั��น่ที่��ที่"างาน่ (โดยปกต้-จัะม�หน่�วยว�ดเป)น่พั-กเซึ่ล์) น่อกจัากน่��เม��อคื*ณใช้�เมาส�ล์ากย�ายออบื้เจั.คืจัะปรากฏเส�น่บื้อกขอบื้เขต้ของออบื้เจั.คืด�งกล์�าวบื้น่ไม�บื้รรบื้�ดที่��ง 2 ด�าน่

Page 19: การใช้งานเบื้องต้น

เส�น่กร-ด (Grid) คื"าส��งที่��ใช้�เป4ด/ป4ด : View > Grid > Show Grid (คื�ย�ล์�ด Ctrl +’)

กร-ด คื�อเส�น่ต้ารางสมมต้-ที่ที่��จัะช้�วยใน่การจั�ดวางต้"าแหน่�งออบื้เจั.คืบื้น่สเต้จัได�อย�างแม�น่ย"า เส�น่กร-ดจัะปรากฏดฉพัาะขณะที่��คื*ณสร�างช้-�น่งาน่แต้�จัะไม�ปรากฏให�ผ/�ช้มม/ฟว��เห.น่

เส�น่ไกด� (Guide) คื"าส��งที่��ใช้�เป4ด/ป4ด : View > Guides > Show Guides (คื�ย�ล์�ด Ctrl + ; )

ไกด� คื�อเส�น่ที่��ช้�วยใน่การกะระยะแล์ะบื้อกต้"าแหน่�งเพั��อจั�ดวางออบื้เจั.คืเช้�น่ก�น่ก�บื้เส�น่กร-ด แต้�เส�น่ไกด�น่��คื*ณสามารถสร�างไว�ต้รงต้"าแหน่�งต้�างๆได�เองที่��งแน่วต้��งแล์ะแน่วน่อน่

Page 20: การใช้งานเบื้องต้น

การย,ดจั�บื้ (Snapping)

การย,ดจั�บื้ เป)น่คื*ณสมบื้�ต้-ที่��ช้�วยใน่การจั�ดวางต้"าแหน่�งของออบื้เจั.คื (เม��อที่"าการวาดหร�อย�าย) ให�เที่��ยงต้รงย-�งข,�น่ โดยคื*ณอาจัส��งให�ออบื้เจั.คืน่��น่ย,ดเข�าหาเส�น่กร-ด เส�น่ไกด� หร�อออบื้เจั.คือ��น่ก.ได� เพั��อให�ออบื้เจั.คือย/�ใน่แน่วหร�อต้"าแหน่�งที่��ต้�องการ

ว-ธ์�เป4ดใช้�การย,ดจั�บื้ที่"าได� โดยคืล์-กคื"าส��ง View > Snapping > เล์�อกคื"าส��งย,ดจั�บื้ ซึ่,�งแต้�ล์ะคื"าส��งม�การใช้�งาน่ด�งห�วข�อถ�ดไปSnap Align

ช้�วยจั�ดต้"าแหน่�งของออบื้เจั.คืที่��ก"าล์�งย�ายเพั��อให�ต้รงก�น่ก�บื้ออบื้เจั.คือ��น่ โดยโปรแกรมจัะแสดงเส�น่ประส�ด"าข,�น่มา เม��อขอบื้ด�าน่ใดด�าน่หน่,�งของออบื้เจั.คืที่��ก"าล์�งย�ายน่��น่ต้รงก�บื้ขอบื้ของออบื้เจั.คือ��น่ (ไม�ว�าออบื้เจั.คืน่��น่จัะอย/�ที่��ใดบื้น่สเต้จั)

Page 21: การใช้งานเบื้องต้น

Snap to Gridเป)น่การย,ดออบื้เจั.คืเข�าหาเส�น่กร-ด โดยเม��อคื*ณ

วาดออบื้เจั.คืข,�น่มาใหม�หร�อย�ายออบื้เจั.คืเข�าใกล์�กร-ดเส�น่ใดเส�น่หน่,�ง ออบื้เจั.คืจัะถ/กด,งเข�าไปย,ดก�บื้เส�น่กร-ดน่��น่โดยอ�ต้โน่ม�ต้- ขณะที่��วาดหร�อย�ายให�ส�งเกต้ว�าจัะปรากฏร/ป วงกล์ม ขน่าดใหญ่�ข,�น่ที่��ใกล์�เมาส�พัอยเต้อร� เป)น่การแสดงว�าย,ดจั�บื้แล์�วแต้�ที่��งน่��ใน่การย�ายคื*ณจัะต้�องคืล์-กล์ากที่��จั*ดก,�งกล์างบื้ร-เวณขอบื้ หร�อที่��ม*มของออบื้เจั.คืเที่�าน่��น่ แล์ะคื"าส��งย,ดจั�บื้ย�งคืงม�ผล์แม�ว�าคื*ณจัะไม�ได�เป4ดแสดงเส�น่กร-ดSnap to Guides

เป)น่การย,ดออบื้เจั.คื (ที่��ก"าล์�งวาดหร�อย�าย) เข�าหาเส�น่ไกด� โดยจัะปรากฏร/ป วงกล์ม ขน่าดใหญ่�ข,�น่ที่��ใกล์�เมาส�พัอยเต้อร�เป)น่การแสดงว�าย,ดจั�บื้แล์�ว ซึ่,�งถ�าบื้ร-เวณน่��น่ม�ที่��งเส�น่กร-ดแล์ะเส�น่ไกด� ออบื้เจั.คืจัะย,ดจั�บื้ก�บื้เส�น่ไกด�มากกว�า แล์ะคื"าส��งย,ดจั�บื้ย�งคืงม�ผล์แม�ว�าคื*ณจัะไม�ได�เป4ดแสดงเส�น่ไกด�

Page 22: การใช้งานเบื้องต้น

Snap to Pixelsเป)น่การย,ดออบื้เจั.คื (ที่��ก"าล์�งวาดหร�อย�าย)

เข�าหาแน่วขอบื้พั-กเซึ่ล์ของสเต้จั โดยหล์�งจัากเล์�อกคื"าส��งน่��แล์�วคื*ณจัะมองเห.น่เส�น่กร-ดพั-กเซึ่ล์ (pixel grid) เม��อขยายม*มมองต้��งแต้� 400 % ข,�น่ไป แล์ะหากต้�องการซึ่�อน่กร-ดพั-กเซึ่ล์ช้��วคืราวให�กดคื�ย� กากบื้าที่ คื�างไว�Snap to Objects

เป)น่การย,ดออบื้เจั.คื (ที่��ก"าล์�งวาดหร�อย�าย) เข�าหาออบื้เจั.คือ��น่ที่��อย/�ใกล์�เคื�ยง โดยจัะปรากฏร/ป วงกล์ม ขน่าดใหญ่�ข,�น่ที่��ใกล์�เมาส�พัอยเต้อร� เป)น่การแสดงว�าย,ดจั�บื้แล์�วน่อกจัากน่��น่คื"าส��งน่��ย�งอาจัใช้�ช้�วยให�การวาดภาพัแม�น่ย"าข,�น่ โดยร/ป วงกล์ม จัะปรากฏเม��อคื*ณวาดเส�น่ต้รงที่��อย/�ใน่แน่วต้��งหร�อแน่วน่อน่พัอด�, วาดวงกล์มที่��สมบื้/รณ�หร�อวาดส��เหล์��ยมจั�ต้*ร�สด�วย

Page 23: การใช้งานเบื้องต้น

การใช้�งาน่พัาเน่ล์ (Histort) คื"าส��งที่��ใช้�เป4ด/ป4ด : Window > Other

Panels > History (คื�ย�ล์�ด Ctrl + F 10) History เป)น่พัาเน่ล์ที่��เก.บื้รวบื้รวมคื"าส��งแล์ะการกระที่"าที่��งหมด โดยเร�ยงล์"าด�บื้ต้��งแต้�เป4ดหร�อสร�างไฟล์�ไปจัน่ถ,งคื"าส��งล์�าส*ดแต้�ต้�องไม�เก-น่จั"าน่วน่ที่��ได�ก"าหน่ดไว� (โดยปกต้-จัะเก.บื้ได� 100 คื"าส��ง ซึ่,�งถ�าเก-น่กว�าน่��คื"าส��งที่��เก�าที่��ส*ดจัะหายไป) คื*ณสามารถใช้�พัาเน่ล์น่��ใน่การยกเล์-กหร�อที่"าซึ่"�าคื"าส��งที่�ล์ะหล์ายๆคื"าส��งได�ยกเล์-กคื"าส��ง ที่"าได�โดยคืล์-กล์ากต้�วสไล์ด�เดอร�ไปช้��บื้น่คื"าส��งส*ดที่�ายที่��ย�งต้�องการให�ม�ผล์ ด�งภาพั จัากน่��น่จั,งที่"างาน่อ��น่ๆต้�อไป คื"าส��งที่��ถ/กยกเล์-กจัะกล์ายเป)น่ส�เที่า หากเปล์��ยน่ใจัคื*ณสามารถเล์��อน่สไล์เดอร�เพั��อเร�ยกคื"าส��งเหล์�าน่��กล์�บื้มาได�

Page 24: การใช้งานเบื้องต้น

จับื้บื้ที่ที่�� 2 คื�ะ