โปรแกรม Flash Effect Maker

Size: px

Start display at page:

Download "โปรแกรม Flash Effect Maker"

1 โปรแกรม Flash Effect Maker ในบทท 3 โปรแกรม Flash Effect Maker เป นโปรแกรมท ใช ในการสร างไฟล กราฟ กท สวยงามและย งสามารถน าเอาไฟล ชน ด swf ท สร างจากโปรแกรม Flash 8 ซ งม ข นตอนซ บซ อน มาใช ตามค าส งท ได ก าหนดไว ในโปรแกรม Flash Effect Maker ท าให สามารถสร างงานกราฟฟ กท สวยงามได ในเวลาอ นส นด วยว ธ การข นตอนท ง าย เช น การ ใส พ นหล งสามารถเล อกได หลากหลายร ปแบบ ใส ข อความ และท าสไลด โชว ได อย าง รวดเร วและสวยงาม โดยเฉพาะการออกแบบหน าเว บเพจสามารถเล อกประเภทได อย าง เหมาะสม ม การเช อมโยงโดยม ป มให เล อกหลายร ปแบบ ในบทเร ยนน ใช เวลาเร ยน ท งหมด 13 ช วโมง แบ งเป นทฤษฎ 3 ช วโมง ปฏ บ ต 10 ช วโมง รวม 4 ว น 1 ช วโมง ผ สอนได กาหนดให ผ เร ยนได เร ยนร ตามห วข อย อยแต ละเร องซ งม ท งหมด 4 เร อง เพ อให ผ เร ยนได ม ความร สามารถปฎ บ ต ตามบทเร ยนและท าแบบฝ กห ดท ายบทเร ยน ได ตามรายละเอ ยดด งน 1. ความร เบ องต น (Introduction) ได แก ความสาค ญ ความหมาย การต ดต ง การเป ด-ป ด ส วนประกอบของโปรแกรม ตลอดจนการจ ดเก บไฟล ในร ปแบบต าง ๆ ด งน การใช โปรแกรมกราฟ กเพ อพ ฒนาเว บเพจ

รวดเร วและสวยงาม โดยเฉพาะการออกแบบหน าเว บเพจสามารถเล อกประเภทได อย าง เหมาะสม ม การเช อมโยงโดยม ป มให เล อกหลายร ปแบบ ในบทเร ยนน ใช เวลาเร ยน ท งหมด 13 ช วโมง แบ งเป นทฤษฎ 3 ช วโมง ปฏ บ ต 10 ช วโมง

2 1.1. การต ดต งโปรแกรม ให ค ดลอก(Copy) โดยการแดร กลาก Folder ช อ Flash Effect Maker จาก แผ นซ ด ท ผ สอนแจกให ไปใส ในเคร องคอมพ วเตอร ของผ เร ยน ด บเบ ลคล กท Folder ช อ Flash Effect Maker คล กขวาท ไฟล ช อ Flash Effect Maker คล กท send to Desktop 1.2. การเป ดใช งานโปรแกรม ด บเบ ลคล กท Shortcut โปรแกรม Flash Effect Maker บน Desktop 1.3. ส วนประกอบต าง ๆ ของโปรแกรม เมน บาร ด านข าง หมายถ งการใช ข อความเป นคาส งท จะนาไปใช ก บการ สร างงานกราฟ ก ซ งจะอย ทางด านซ าย เมน บาร ด านบน หมายถ ง การใช ข อความเป นคาส งในการเล อกประเภท ของการออกแบบหน าเว บเพจ เช น Bussiness Personal Nature Line Panel HTML/Navigation เป นต น เม อม การคล กเล อกแต ละประเภทจะ การใช โปรแกรมกราฟฟ กเพ อพ ฒนาเว บเพจ

การเป ดใช งานโปรแกรม ด บเบ ลคล กท Shortcut โปรแกรม Flash Effect Maker บน Desktop 1.

กาหนดค าต าง ๆ เช น ความกว าง ความยาว ล กษณะ Mouse เป นต น 1.4.4. คล กท OK 2.

3 แสดงร ปแบบให เล อกใช อย างหลากหลาย คล กท แบบแต ละแบบจะแสดง ต วอย างให ด ซ งเป นข อด ของโปรแกรมน ท ช วยออกแบบอย างม ออาช พ 1.4. เร มต นสร างงานใหม คล กเล อกแบบท ต องการ คล กท Create New กาหนดค าต าง ๆ เช น ความกว าง ความยาว ล กษณะ Mouse เป นต น คล กท OK 2. การทา Banner ผ เร ยนได เร ยนร เก ยวก บการพ มพ ข อควมและใส เอฟเฟ กต ต างๆ ให ก บข อความ เพ อให ข อความม ความสวยงาม โดยม ข นตอนด งต อไปน 2.1. คล กท Banner 2.2. คล กเล อกแบบ Banner26 การใช โปรแกรมกราฟ กเพ อพ ฒนาเว บเพจ

4 2.3. คล กท Flash Templates 2.4. คล กท Edit 2.5. ท Text Option พ มพ คาว า ว ทยาล ยสารพ ดช างเช ยงใหม 2.6. คล กท Font 2.7. ด บเบ ลคล กท Font 2.8. กาหนดค าต าง ๆ ตามน 2.9. เสร จแล ว คล กท OK คล กท Shadow&Border กาหนดค า คล กท Animated Effect กาหนดค า ตามร ป การใช โปรแกรมกราฟฟ กเพ อพ ฒนาเว บเพจ

ด บเบ ลคล กท Font 2.8. กาหนดค าต าง ๆ ตามน 2.9. เสร จแล ว คล กท OK 2.10.

5 2.12. คล กท FlyIn&FlyOut Effect กาหนดค า ตามร ป คล กท OK คล กท MovieClip คล กท Edit คล กท Change เม อต องการเปล ยนร ปภาพ การใช โปรแกรมกราฟ กเพ อพ ฒนาเว บเพจ

6 2.17. คล กเล อกร ปท ต องการ สามารถด การแสดงผลของร ปภาพ ท ด านขวา คล กท Add เม อต องการเพ มร ปภาพ (ในการเพ มร ปภาพ สามารถเพ มร ปได ท งหมด 5 ร ป และต องเพ มร ปบนส ดเป นร ปเล ก ๆ หร อร ปหยดน า ร ปดาว และร ปถ ดมาเร อย ๆ ให ร ปใหญ ส ดอย ด านล างส ด จ ดเร ยงร ปล กษณะ เหม อนป ราม ด จากล างข นไปหาบน) คล กท OK คล กท OK คล กท Save SWF/HTML ใส ช อไฟล คล กท Save (เก บไว เพ อนาไปใช ในเว บเพจ) คล กท Save Project ใส ช อไฟล คล กท Save (เก บไว เพ อใช ในการแก ไขเปล ยนแปลง) โดยใช คาส ง Load Project เพ อเป ดไฟล มาแก ไขต อไป การใช โปรแกรมกราฟฟ กเพ อพ ฒนาเว บเพจ

อย ๆ ให ร ปใหญ ส ดอย ด านล างส ด จ ดเร ยงร ปล กษณะ เหม อนป ราม ด จากล างข นไปหาบน) 2.19. คล กท OK 2.20. คล กท OK 2.21.

7 3. การทา SlideShow ผ เร ยนได เร ยนร เก ยวก บการนาร ปภาพต าง ๆ มาจ ดทาเป นเป น สไลด โชว ท สามารถใส เอฟเฟ กต ให ก บร ปภาพได อย างเหมาะสมสาวยงาม เหมาะ สาหร บงานด านนาเสนอร ปภาพต าง ๆ เป นอย างด โดยม ข นตอนด งต อไปน 3.1. คล กท Slide Show 3.2. คล กเล อกแบบ photoalbumborder คล กในกรอบ Slide show 3.4. ท Resize สามารถ แดร กลากเข าหร อออก เพ อย อ/ขยายขนาดของสไลด โชว 3.5. คล กท Edit 3.6. คล กท Add Photo File 3.7. คล กท Remove All (หมายถ ง ลบร ปภาพเด มออกให หมด) การใช โปรแกรมกราฟ กเพ อพ ฒนาเว บเพจ

คล กเล อกแบบ photoalbumborder10 3.3. คล กในกรอบ Slide show 3.4.

8 3.8. คล กท Add New (หมายถ งแทรกร ปภาพใหม ) 3.9. คล กท Border (เพ อเล อกกรอบใหก บ Slide Show) เล อกร ปแบบการแสดงผลเม อเปล ยนร ปแต ละร ป คล กท OK (ร ปจะแสดงท ละร ปโดยเร ยงจากร ปแรกถ งร ปส ดท าย หาก ต องการด ร ปใด ๆ ให คล กท ร ปในกรอบเล ก ๆ ร ปน น จะแสดงท นท ) คล กท Save SWF/HTML ใส ช อไฟล คล กท Save (เก บไว เพ อนาไปใช ในเว บเพจ) ให Save Project ไว ท กคร ง เพ อแก ไขได การใช โปรแกรมกราฟฟ กเพ อพ ฒนาเว บเพจ

คล กท OK (ร ปจะแสดงท ละร ปโดยเร ยงจากร ปแรกถ งร ปส ดท าย หาก ต องการด ร ปใด ๆ ให คล กท ร ปในกรอบเล ก ๆ ร ปน

4. การสร างหน าเว บเพจด วย HTML/Navigation 4.1. คล กท HTML/Navigation 4.2. คล กเล อกแบบ background24 4.3.

กาหนดค าให ก บข อความตามต องการ 4.7. คล กท Button 4.8. คล กท Edit 4.9. คล กท [Button1] Link1 4.10.

9 4. การสร างหน าเว บเพจด วย HTML/Navigation 4.1. คล กท HTML/Navigation 4.2. คล กเล อกแบบ background คล กท ข อความ 4.4. คล กท Edit 4.5. ท Text Option พ มพ คาว า ย นด ต อนร บ Well come 4.6. กาหนดค าให ก บข อความตามต องการ 4.7. คล กท Button 4.8. คล กท Edit 4.9. คล กท [Button1] Link คล กท On Click Goto Link (* ถ าไม ได คล กห วข อน จะไม สามารถพ มพ ช อ ไฟล เว บเพจได *) ท Caption: พ มพ คาว า เข าส เมน หล ก การใช โปรแกรมกราฟ กเพ อพ ฒนาเว บเพจ

10 4.12. ท Link พ มพ ช อไฟล เว บเพจท สร างข น ในท น ให พ มพ main.html ท Style:Button 12 ให คล กท Change คล กเล อกแบบ Button ตามท ต องการ คล กท OK คล กท [Button2] Link คล กท On Click Goto Link (* ถ าไม ได คล กห วข อน จะไม สามารถพ มพ ช อ ไฟล เว บเพจได *) ท Caption: พ มพ คาว า ท กทายเจ าของเว บ ท Link พ มพ ช อไฟล เว บเพจท สร างข น ในท น ให พ มพ mystory.html ท Style:Button 12 ให คล กท Change คล กเล อกแบบ Button ตามท ต องการ หร อเล อกเหม อนก บ Button คล กท OK การใช โปรแกรมกราฟฟ กเพ อพ ฒนาเว บเพจ

คล กท On Click Goto Link (* ถ าไม ได คล กห วข อน จะไม สามารถพ มพ ช อ ไฟล เว บเพจได *) 4.18. ท Caption: พ มพ คาว า ท กทายเจ าของเว บ 4.19.

11 4.23. คล กท [Button3] Link คล กท Remove คล กท [Button4] Link คล กท Remove (หากต องการเพ ม Button คล กท Add Button ด านล าง ) คล กท Font กาหนดค าต าง ๆ ด งร ป (ถ าพ มพ ภาษาไทยต องเล อกแบบอ กษรท แสดง ภาษาไทยได ) คล กท OK คล กท OK คล กท Save SWF/HTML ใส ช อไฟล คล กท Save (เก บไว เพ อนาไปใช ในเว บเพจ) คล กท Save Project ใส ช อไฟล คล กท Save (เก บไว เพ อแก ไขเปล ยนแปลงต อไป) การใช โปรแกรมกราฟ กเพ อพ ฒนาเว บเพจ

กาหนดค าต าง ๆ ด งร ป (ถ าพ มพ ภาษาไทยต องเล อกแบบอ กษรท แสดง ภาษาไทยได ) 4.29. คล กท OK 4.30. คล กท OK 4.31.

12 แบบฝ กห ดท ายบทเร ยน 1. ให ทา Banner ข อความต อไปน 1.1. ข อความ ช อ-สก ลของผ เร ยน 1.2. ข อความ สมาช ก (Member) (5 คะแนน) 2. ให ทาสไลด โชว ร ปภาพต าง ๆ 20 ร ป (5 คะแนน) 3. ให ออกแบบเว บเพจด งน 3.1. หน าแรกช อ index.html 3.2. หน าสองช อ member.html โดยให เช อมโยงหาก นได (10 คะแนน) การใช โปรแกรมกราฟฟ กเพ อพ ฒนาเว บเพจ

ให ทาสไลด โชว ร ปภาพต าง ๆ 20 ร ป (5 คะแนน) 3. ให ออกแบบเว บเพจด งน 3.1.

How To Use Powerpoint 1.2.2 And Powerpoint 2.2 On A Computer Or Tablet

How To Use Powerpoint 1.2.2 And Powerpoint 2.2 On A Computer Or Tablet 1 การเร มใช งานโปรแกรม หล งจากจบบทเร ยนน ค ณจะสามารถใช งานเก ยวก บ :- เร มใช งานโปรแกรม Microsoft PowerPoint ร จ กส วนประกอบของหน าจอโปรแกรม การสร างงานน าเสนอใหม จาก Template การสร างงานน าเสนอเปล า การบ