SlideShare a Scribd company logo
1 of 5
ใบความรู้ ที่ 1.2
                 เรื่อง ส่วนประกอบของ โปรแกรม flash cs3




หน้าต่างแรกที่เปิดโปรแกรมแฟลชขึ้นมา ทีวงกลมไว้จะเป็นการสร้างเอกสารเปล่าๆ
                                      ่
โดยจะแบ่งออกเป็น

1. เอกสารที่เขียนด้วย Actionscript 3.0
2. เอกสารที่เขียนด้วย Actionscript 2.0
3. เอกสารสคริปแฟลชอื่นๆ

หรือจะเลือกที่ file แล้ว new ก็ได้
การ save file

เริมจากกำาหนดสร้างไฟล์ททำางานกับ ActionScript 2.0
   ่                   ี่




การ save ไฟล์ไปใช้งานนั้น ไฟล์หลักๆ ได้แก่




ในการใช้งาน Flash นั้น จะมีไฟล์งาน สองแบบหลักๆคือที่มีนามสกุล Fla และ Swf
1. FLA เป็นไฟล์งานต้นฉบับ เก็บงาน Flash ต้นฉบับไว้แก้ไขต่อภายหลัง
2. SWF เป็นไฟล์งานสำาเร็จ ทีทำาการ publish ออกมาแล้ว พร้อมสำาหรับนำาไปใช้
                             ่
งานบนเว็ปไซท์ หรืองานอื่นๆ ไฟล์นี้จะไม่สามารถทำากลับมาแก้ไขได้อีก
เมนู File ได้แก่




1. NEW ไว้สำาหรับสร้างเอกสารแฟลช เช่น ทำาการ์ตูน ทำาเกม ทำาพรีเซนท์ สาม
รถเลือกสร้างเอกสารเปล่าได้
2. SAVE ต่างๆ มีไว้ save ไฟล์งานต้นฉบับของออกมาเป็นไฟล์ FLA
3. import , export
     -เมนู import มีไว้โหลดไฟล์อื่นๆเข้ามาในเอกสารแฟลช เช่น รูปภาพ jpg
หรือเสียงเพลง mp3 หรือไฟล์ vdo ต่างๆ สรุปคือไฟล์ทุกไฟล์ที่แฟลชใช้งานได้
จะ import เข้ามาได้ที่เมนูนี้
     -เมนู export ไว้สำาหรับเอาไฟล์งานแฟลชของเราที่ทำาเสร็จแล้ว ออกมาใช้
งานในรูปแบบอื่นๆ ที่ไม่ใช่ SWF เช่น ออกมาเป็น jpg , png , gif animation
,VDO
4. publish มีไว้สร้างไฟล์ swf ทีจะเอามาใช้งานในเว็ปไซท์ เกม หรือพรีเซนท์
                                 ่
โดยไฟล์จะออกมาเป็น swf หรือไฟล์อื่นๆเช่น HTML หรือ EXE ตามทีกำาหนดใน
                                                                 ่
publish setting โดยถ้าไม่กำาหนด ไฟล์จะออกมาเป็น swf และ HTML ซึ่งเป็นค่า
ปรกติที่โปรแกรมตั้งไว้
เมื่อสร้างเอกสารใหม่ขึ้นมา จะพบเครื่องมือ ดังนี้




     1.                                                                     เครื่อง
     มือวาด                                                                 ภาพ
     เส้น ดินสอ พู่กัน สี่เหลี่ยม เทสี ตัด ต่อ ย้าย ไว้สำาหรับวาดการ์ตูน และกราฟิก
     2. Stage (สเตจ) มีไว้สำาหรับงาน วาดการ์ตูน รูปภาพ อะไรก็ไว้ที่ Stage
     เป็นพื้นที่การทำางาน จะได้ผลงานวิงอยู่บน Stage นี่แหละ Stage มีขนาด
                                          ่
     กว้างและสูงที่สามารถปรับได้ ให้เล็กหรือใหญ่ตามต้องการ
     3. Layer เลเยอร์สำาหรับงานแฟลช สามารถแยกวัตถุต่างๆออกเป็นเลเยอร์
     ได้ เลเยอร์คือชั้นๆต่างๆที่จะทำาให้ทำางานเป็นระบบมากขึ้น เช่น จะแยกตัว
     ละครไว้เลเยอร์บนสุด แต่ฉากหลังไว้ล่างสุด เพื่อที่ตัวละครจะได้เดินไปเดิน
     มา โดยที่ฉากหลังจะอยู่นง    ิ่
     4. Time line มีไว้สำาหรับกำาหนดการเคลื่อนไหวต่างๆ เวลาทีทำาการเคลื่อน
                                                                      ่
     ไหวอนิเมชั่น คล้ายๆกับฟิล์มภาพยนต์ ที่ 1 ช่องมี 1 ภาพ เป็นเรื่องของอนิเม
     ชั่นเบื้องต้น ที่จะทำาการเล่นภาพหลายๆภาพต่อเนื่องกัน จนหลอกตาคน ให้
     มองเป็นภาพเคลื่อนไหว เช่น วาดรูปแต่ละเฟรม เป็นแต่ละ step ต่างกันไป
     พอ play ไป ถาพก็เล่นต่อเนื่องจนเกิดเป็นการเคลื่อนไหว สำาหรับการวาด
     ภาพเฟรมละภาพ จนเกิดเป็นภาพเคลื่อนไหวนั้น จะเรียกว่าเป็นอนิเมชั่นแบบ
     เฟรมบายเฟรม (Frame by Frame) แต่สำาหรับแฟลชแล้ว สามารถทำาภาพ
     เคลื่อนไหวง่ายๆ เช่นการย้ายวัตถุ ย่อขนาดวัตถุ เปลี่ยนสีวัตถุ โดยไม่ต้องวาด
     ทีละภาพก็ได้
     5. เมนู Window จะสามารถแสดง และ ซ่อน เครื่องมือทุกชนิด
     6. เครื่องมี color ไว้สำาหรับกำาหนดสีที่จะวาดแบบละเอียด โดยจะสังเกตว่า
     color ก็มีอยูในเมนู window
                   ่
     7. Properties ไว้สำาหรับกำาหนดคุณสมบัติให้กับสิ่งต่างๆที่จะใช้งาน โดย
Properties จะเปลี่ยนแปลงไปตามวัตถุที่ใช้งานในขณะนั้น เช่น             ถ้าใช้
งานพู่กัน ก็จะเป็นการกำาหนด สี ขนาดเส้น ของพู่กัน
                  ถ้าใช้งานวัตถุ จะเป็นการกำาหนด ขนาดกว้าง สูง และสีสัน
ของวัตถุ
                  เช่นเดียวกัน ถ้าเครื่องมือนี้หายไป ก็หามันได้ในเมนู
Window

More Related Content

Viewers also liked

หนังสืออ่านเพิ่มเติมมัทนะพาธา
หนังสืออ่านเพิ่มเติมมัทนะพาธา  หนังสืออ่านเพิ่มเติมมัทนะพาธา
หนังสืออ่านเพิ่มเติมมัทนะพาธา นิตยา ทองดียิ่ง
 
Is Dropping out really preplanned?
Is Dropping out really preplanned?Is Dropping out really preplanned?
Is Dropping out really preplanned?smg006
 
PPT โน้มน้าวใจ
PPT โน้มน้าวใจPPT โน้มน้าวใจ
PPT โน้มน้าวใจKruBowbaro
 
โคลนติดล้อ ๑
โคลนติดล้อ ๑โคลนติดล้อ ๑
โคลนติดล้อ ๑Anan Pakhing
 
พระเวสสันดร กัณฑ์มัทรี 30 35
พระเวสสันดร กัณฑ์มัทรี 30 35พระเวสสันดร กัณฑ์มัทรี 30 35
พระเวสสันดร กัณฑ์มัทรี 30 35Milky' __
 
Causes and effects of dropouts at primary level
Causes and effects of dropouts at primary levelCauses and effects of dropouts at primary level
Causes and effects of dropouts at primary levelGHS Kot Takht Bhai Mardan
 

Viewers also liked (12)

หนังสืออ่านเพิ่มเติมมัทนะพาธา
หนังสืออ่านเพิ่มเติมมัทนะพาธา  หนังสืออ่านเพิ่มเติมมัทนะพาธา
หนังสืออ่านเพิ่มเติมมัทนะพาธา
 
Is Dropping out really preplanned?
Is Dropping out really preplanned?Is Dropping out really preplanned?
Is Dropping out really preplanned?
 
Pptลิลิตตะเลงพ่าย
Pptลิลิตตะเลงพ่ายPptลิลิตตะเลงพ่าย
Pptลิลิตตะเลงพ่าย
 
ปก
ปกปก
ปก
 
PPT โน้มน้าวใจ
PPT โน้มน้าวใจPPT โน้มน้าวใจ
PPT โน้มน้าวใจ
 
โคลนติดล้อ ๑
โคลนติดล้อ ๑โคลนติดล้อ ๑
โคลนติดล้อ ๑
 
พระเวสสันดร กัณฑ์มัทรี 30 35
พระเวสสันดร กัณฑ์มัทรี 30 35พระเวสสันดร กัณฑ์มัทรี 30 35
พระเวสสันดร กัณฑ์มัทรี 30 35
 
โคลนติดล้อ (สอน Ppt)[1]
โคลนติดล้อ (สอน Ppt)[1]โคลนติดล้อ (สอน Ppt)[1]
โคลนติดล้อ (สอน Ppt)[1]
 
ลิลิตตะเลงพ่าย (สอน Ppt)[1]
ลิลิตตะเลงพ่าย (สอน Ppt)[1]ลิลิตตะเลงพ่าย (สอน Ppt)[1]
ลิลิตตะเลงพ่าย (สอน Ppt)[1]
 
การอ่านวรรณคดี ม.๕[1]
การอ่านวรรณคดี ม.๕[1]การอ่านวรรณคดี ม.๕[1]
การอ่านวรรณคดี ม.๕[1]
 
คัมภีร์ฉันทศาสตร์ Ppt[1]
คัมภีร์ฉันทศาสตร์ Ppt[1]คัมภีร์ฉันทศาสตร์ Ppt[1]
คัมภีร์ฉันทศาสตร์ Ppt[1]
 
Causes and effects of dropouts at primary level
Causes and effects of dropouts at primary levelCauses and effects of dropouts at primary level
Causes and effects of dropouts at primary level
 

Similar to Adobe Flash CS3

ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์Suthida23
 
คู่มือการใช้ Sony vegas 7
คู่มือการใช้  Sony vegas 7คู่มือการใช้  Sony vegas 7
คู่มือการใช้ Sony vegas 7Vinz Primo
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์Suthida23
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์Suthida23
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์Suthida23
 

Similar to Adobe Flash CS3 (20)

Handbook flash8
Handbook flash8Handbook flash8
Handbook flash8
 
Docflash8
Docflash8Docflash8
Docflash8
 
Flash2
Flash2Flash2
Flash2
 
Flashcs3
Flashcs3Flashcs3
Flashcs3
 
Flash
FlashFlash
Flash
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์
 
captivate-flash-courseware
captivate-flash-coursewarecaptivate-flash-courseware
captivate-flash-courseware
 
Lesson 5
Lesson 5Lesson 5
Lesson 5
 
swishmax2
swishmax2swishmax2
swishmax2
 
Manual Swish max3
Manual Swish max3Manual Swish max3
Manual Swish max3
 
คู่มือFlashcs3
คู่มือFlashcs3คู่มือFlashcs3
คู่มือFlashcs3
 
คู่มือการใช้ Sony vegas 7
คู่มือการใช้  Sony vegas 7คู่มือการใช้  Sony vegas 7
คู่มือการใช้ Sony vegas 7
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์
 
week5
week5week5
week5
 
Chapter7
Chapter7Chapter7
Chapter7
 
Manual swish max
Manual swish maxManual swish max
Manual swish max
 
หน่วยที่ 1
หน่วยที่ 1หน่วยที่ 1
หน่วยที่ 1
 
รู้จักกับ Flash
รู้จักกับ Flashรู้จักกับ Flash
รู้จักกับ Flash
 

Adobe Flash CS3

  • 1. ใบความรู้ ที่ 1.2 เรื่อง ส่วนประกอบของ โปรแกรม flash cs3 หน้าต่างแรกที่เปิดโปรแกรมแฟลชขึ้นมา ทีวงกลมไว้จะเป็นการสร้างเอกสารเปล่าๆ ่ โดยจะแบ่งออกเป็น 1. เอกสารที่เขียนด้วย Actionscript 3.0 2. เอกสารที่เขียนด้วย Actionscript 2.0 3. เอกสารสคริปแฟลชอื่นๆ หรือจะเลือกที่ file แล้ว new ก็ได้
  • 2. การ save file เริมจากกำาหนดสร้างไฟล์ททำางานกับ ActionScript 2.0 ่ ี่ การ save ไฟล์ไปใช้งานนั้น ไฟล์หลักๆ ได้แก่ ในการใช้งาน Flash นั้น จะมีไฟล์งาน สองแบบหลักๆคือที่มีนามสกุล Fla และ Swf 1. FLA เป็นไฟล์งานต้นฉบับ เก็บงาน Flash ต้นฉบับไว้แก้ไขต่อภายหลัง 2. SWF เป็นไฟล์งานสำาเร็จ ทีทำาการ publish ออกมาแล้ว พร้อมสำาหรับนำาไปใช้ ่ งานบนเว็ปไซท์ หรืองานอื่นๆ ไฟล์นี้จะไม่สามารถทำากลับมาแก้ไขได้อีก
  • 3. เมนู File ได้แก่ 1. NEW ไว้สำาหรับสร้างเอกสารแฟลช เช่น ทำาการ์ตูน ทำาเกม ทำาพรีเซนท์ สาม รถเลือกสร้างเอกสารเปล่าได้ 2. SAVE ต่างๆ มีไว้ save ไฟล์งานต้นฉบับของออกมาเป็นไฟล์ FLA 3. import , export -เมนู import มีไว้โหลดไฟล์อื่นๆเข้ามาในเอกสารแฟลช เช่น รูปภาพ jpg หรือเสียงเพลง mp3 หรือไฟล์ vdo ต่างๆ สรุปคือไฟล์ทุกไฟล์ที่แฟลชใช้งานได้ จะ import เข้ามาได้ที่เมนูนี้ -เมนู export ไว้สำาหรับเอาไฟล์งานแฟลชของเราที่ทำาเสร็จแล้ว ออกมาใช้ งานในรูปแบบอื่นๆ ที่ไม่ใช่ SWF เช่น ออกมาเป็น jpg , png , gif animation ,VDO 4. publish มีไว้สร้างไฟล์ swf ทีจะเอามาใช้งานในเว็ปไซท์ เกม หรือพรีเซนท์ ่ โดยไฟล์จะออกมาเป็น swf หรือไฟล์อื่นๆเช่น HTML หรือ EXE ตามทีกำาหนดใน ่ publish setting โดยถ้าไม่กำาหนด ไฟล์จะออกมาเป็น swf และ HTML ซึ่งเป็นค่า ปรกติที่โปรแกรมตั้งไว้
  • 4. เมื่อสร้างเอกสารใหม่ขึ้นมา จะพบเครื่องมือ ดังนี้ 1. เครื่อง มือวาด ภาพ เส้น ดินสอ พู่กัน สี่เหลี่ยม เทสี ตัด ต่อ ย้าย ไว้สำาหรับวาดการ์ตูน และกราฟิก 2. Stage (สเตจ) มีไว้สำาหรับงาน วาดการ์ตูน รูปภาพ อะไรก็ไว้ที่ Stage เป็นพื้นที่การทำางาน จะได้ผลงานวิงอยู่บน Stage นี่แหละ Stage มีขนาด ่ กว้างและสูงที่สามารถปรับได้ ให้เล็กหรือใหญ่ตามต้องการ 3. Layer เลเยอร์สำาหรับงานแฟลช สามารถแยกวัตถุต่างๆออกเป็นเลเยอร์ ได้ เลเยอร์คือชั้นๆต่างๆที่จะทำาให้ทำางานเป็นระบบมากขึ้น เช่น จะแยกตัว ละครไว้เลเยอร์บนสุด แต่ฉากหลังไว้ล่างสุด เพื่อที่ตัวละครจะได้เดินไปเดิน มา โดยที่ฉากหลังจะอยู่นง ิ่ 4. Time line มีไว้สำาหรับกำาหนดการเคลื่อนไหวต่างๆ เวลาทีทำาการเคลื่อน ่ ไหวอนิเมชั่น คล้ายๆกับฟิล์มภาพยนต์ ที่ 1 ช่องมี 1 ภาพ เป็นเรื่องของอนิเม ชั่นเบื้องต้น ที่จะทำาการเล่นภาพหลายๆภาพต่อเนื่องกัน จนหลอกตาคน ให้ มองเป็นภาพเคลื่อนไหว เช่น วาดรูปแต่ละเฟรม เป็นแต่ละ step ต่างกันไป พอ play ไป ถาพก็เล่นต่อเนื่องจนเกิดเป็นการเคลื่อนไหว สำาหรับการวาด ภาพเฟรมละภาพ จนเกิดเป็นภาพเคลื่อนไหวนั้น จะเรียกว่าเป็นอนิเมชั่นแบบ เฟรมบายเฟรม (Frame by Frame) แต่สำาหรับแฟลชแล้ว สามารถทำาภาพ เคลื่อนไหวง่ายๆ เช่นการย้ายวัตถุ ย่อขนาดวัตถุ เปลี่ยนสีวัตถุ โดยไม่ต้องวาด ทีละภาพก็ได้ 5. เมนู Window จะสามารถแสดง และ ซ่อน เครื่องมือทุกชนิด 6. เครื่องมี color ไว้สำาหรับกำาหนดสีที่จะวาดแบบละเอียด โดยจะสังเกตว่า color ก็มีอยูในเมนู window ่ 7. Properties ไว้สำาหรับกำาหนดคุณสมบัติให้กับสิ่งต่างๆที่จะใช้งาน โดย
  • 5. Properties จะเปลี่ยนแปลงไปตามวัตถุที่ใช้งานในขณะนั้น เช่น ถ้าใช้ งานพู่กัน ก็จะเป็นการกำาหนด สี ขนาดเส้น ของพู่กัน ถ้าใช้งานวัตถุ จะเป็นการกำาหนด ขนาดกว้าง สูง และสีสัน ของวัตถุ เช่นเดียวกัน ถ้าเครื่องมือนี้หายไป ก็หามันได้ในเมนู Window