(เสร็จ) กลุ่มที่ 11 คู่มือออนไลน์การติดตั้ง1โปรแกรม adobe flash cs6

หน้าท่ี ๒ โครงการ คมู่ อื ออนไลนก์ ารตดิ ตง้ั โปรแกรม อโดบ้ี แฟลช ซี เอส หก ช่อื โครงการ : คมู่ อื ออนไลน์การตดิ ตัง้ โปรแกรม อโดบี้ แฟลช ซี เอส หก ผูร้ ับผิดชอบโครงการ : ๑. นายวศิน ทิพยว์ รรณา ๒. นายวนิ ัชภัทร เป่ียมเจียก ๓. นายสริ ภพ ปานโชติ อาจารย์ท่ีปรึกษาโครงการ : ๑. อาจารย์สมศิริ ทบั ทิมแก้ว (สมรรถนะวิชาชีพ) ๒. อาจารยป์ ัณณวชิ ญ์ คงสมาน (ICT) ๓. อาจารยพ์ ชั รนิ ทร์ โพธท์ิ อง (ภาษา) ๔. อาจารย์อมร ศรแสดง (บคุ ลิกภาพ) หลักการและเหตผุ ล โปรแกรม Flash เป็นซอฟต์แวร์ที่ช่วยในการสร้างสื่อมัลติมีเดีย,ภาพเคล่ือนไหว มีฟังก์ชั่น สาหรับการเขียนโปรแกรมและยงั ทางานในลักษณะ CGI โปรแกรม Flash มีความสามรถบีบอัดไฟล์ให้ มีขนาดเลก็ มีผลทาให้แสดงผลเร็วด้านโปรแกรมสาเร็จรูป Adobe Flash สามารถทาได้มากกวา่ การ ทาภาพเคลื่อนไหว หรือ ตัดต่อวิดีโอ น้ันหมายความว่า โปรแกรม Adobe Flash ยังสามารถสร้าง เวบ็ ไซต์หรอื ภาพยนตร์ต่าง ๆ ได้ โดยการตดิ ตงั้ และการใชง้ านของโปรแกรม อโดบ้ี แฟลช ซีเอส หก เปน็ ความจาเปน็ อย่างย่ิง ต่อผู้สนใจและผู้ใชง้ านที่จะพฒั นาและเรยี นรู้ด้วยตนเอง เทคโนโลยีสารสนเทศจงึ มีความสาคัญที่จะ เผยแพร่ข้อมูลในรูปแบบออนไลน์โดยการสร้างเครอ่ื งมืออย่างเว็บไซต์เพื่อกระจายขอ้ มูลที่จาเป็นต่อ การใชง้ าน ดว้ ยเหตผุ ลดังกลา่ ว ผรู้ บั ผิดชอบโครงการจึงจดั ทาโครงการ ค่มู ือออนไลนก์ ารตดิ ตัง้ โปรแกรม Adobe Flash โดยผ้จู ดั ทานาความรเู้ ก่ียวกบั โปรแกรมดังกลา่ วมาสรา้ งรูปแบบคู่มือออนไลนม์ ขี อ้ มลู ท่ี เปน็ ลายลกั ษณ์อักษรและมภี าพประกอบให้สอดคลอ้ งนา่ สนใจและสามารถใช้งานตวั จริง

หนา้ ท่ี ๓ วัตถปุ ระสงค์ ๑. เพอื่ ศกึ ษา คน้ ควา้ ข้ันตอนการตดิ ตัง้ โปรแกรม อโดบ้ี แฟลช ซี เอส หก ๒. เพ่ือสร้างคู่มือออนไลน์การตดิ ตั้งโปรแกรม อโดบ้ี แฟลช ซี เอส หก รูปแบบวีดีทัศน์และ เว็บไซต์ ๓. เพ่ือเผยแพร่เว็บไซต์ คู่มือออนไลน์การติดต้ังโปรแกรม อโดบ้ี แฟลช ซี เอส หก ให้กับ บุคคลท่สี นใจ

หนา้ ที่ ๔ ความเปน็ มาของโปรแกรม อโดบี แฟลช (อังกฤษ: Adobe Flash) (ในช่ือเดิม ช็อกเวฟแฟลช - Shockwave Flash และ แมโครมีเดียแฟลช - Macromedia Flash) เป็นโปรแกรมท่ีใช้ในการเขียนส่อื มัลติมีเดียท่ีเอาไว้ใช้สร้าง เนื้อหาเกี่ยวกับ Flash ซ่ึงตัว Flash Player พัฒนาและเผยแพร่โดย อโดบีซิสเต็มส์ (เริ่มต้นพัฒนาโดย บรษิ ัท ฟิวเจอร์แวร์ ตอนหลังเปลี่ยนเป็น แมโครมเี ดยี ซึ่งภายหลงั ถกู ควบรวมกิจการเขา้ กับอโดบี) ซงึ่ เป็น โปรแกรมทท่ี าให้ 11เว็บบราว์เซอร์ สามารถแสดงตัวมนั ได้ ซึง่ มันมีความสามารถในการรองรบั ภาพแบบ เวกเตอร์ และ ภาพแบบแรสเตอร์ และมภี าษาสคริปต์ท่ีเอาไวใ้ ช้เขียนโดยเฉพาะเรียกวา่ แอ็กชันสคริปต์ (ActionScript) และยังสามารถเลน่ เสยี งและวิดีโอ แบบสเตริโอได้ แตใ่ นความหมายจรงิ ๆแล้วแฟลช คอื โปรแกรมแบบ integrated development environment (IDE) และ Flash Player คือ virtual machine ที่ใช้ในการทางานงานของไฟลแ์ ฟลชซ่ึงในภาษาพูดเรา จะเรยี กทั้งสองคานใี้ นความหมายเดียวกนั : \"แฟลช\" ยงั สามารถความความถึงโปรแกรมเครอ่ื งมอื ตา่ ง ๆตัว แสดงไฟล์หรือ ไฟล์โปรแกรม แฟลชเร่มิ มีชือ่ เสียงประมาณปี ค.ศ.1996 หลังจากนนั้ เทคโนโลยีแฟลชได้กลายมาเป็นท่ีนิยมใน การเสนอ แอนิเมชัน และ อินเตอร์แอกทีฟ ในเว็บเพจ และในโปรแกรมหลายๆ โปรแกรมระบบ และ เครื่องมือต่าง ๆ ที่มีความสามารถในการแสดง แฟลชได้ และ แฟลชยังเป็นท่ีนิยมในการใช้สร้าง คอมพวิ เตอรแ์ อนเิ มชันโฆษณาออกแบบสว่ นต่าง ๆ ของเวบ็ เพจใสว่ ิดโี อบนเวบ็ และอ่ืน ๆ อีกมากมาย ผ้ผู ลติ โปรแกรม อโดบ้ี ซสิ เตม็ ส์ เปน็ บรษิ ทั ซอฟตแ์ วรข์ นาดใหญ่ตั้งอยทู่ ่ีเมอื งแซนโฮเซใน รฐั แคลิฟอรเ์ นยี สหรัฐอเมริกา

หนา้ ที่ ๕ เวอร์ช่นั อดีต – ถึงปจั จุบนั *(ใสร่ ปู เวอรช์ ่นั ) ๑. Macromedia Flash 1 ๒. Macromedia Flash 2 ๓. Macromedia Flash 3

หนา้ ที่ ๖ ๔. Macromedia Flash 4 ๕. Macromedia Flash 5 ๖. Macromedia Flash MX

หนา้ ที่ ๗ ๗. Macromedia Flash MX 2004 ๘. Macromedia Flash 8 ๙. Adobe Flash CS3 Professional

หนา้ ที่ ๘ ๑๐.Adobe Flash CS4 Professional ๑๑.Adobe Flash CS5 ๑๒.Adobe Flash CS6

หนา้ ที่ ๙ ๑๓.. Adobe flash CC ปัญหาทีเ่ คยพบ โปรแกรม Adobe Flash Player หลงั จากท่ีเมื่อ Facebook ได้ประกาศเตรยี มยุตกิ ารสนับสนนุ โปรแกรม Flash Player ไปแลว้ ล่าสุดเจ้า Mozilla Firefox กไ็ ด้ออกมาประกาศชัดเจนวา่ ตอ่ ไปนี้ Mozilla จะปิดกนั้ การแสดงผล Flash Player บนเว็บเบราเซอร์ ในทุกเวอร์ชัน่ อีกดว้ ยอาจจะมี คนท่ยี งั ไมร่ ้วู ่า เจา้ โปรแกรม Flash Player มันคือโปรแกรมอะไรละ MakeWebEasy จะอธิบายใหเ้ ขา้ ใจ อยา่ งส่นั ๆ วา่ มันก็คือ โปรแกรมที่มีชอ่ื เตม็ ๆว่า Adobe Flash Player ซึ่งเปน็ โปรแกรมประเภทปล๊ักอนิ เสรมิ ซง่ึ ในยคุ นึงคอมพวิ เตอร์ทุกเคร่อื งจะตอ้ งลงโปรแกรมตัวน้ี เพราะถือวา่ เป็นโปรแกรมทช่ี ่วยให้การ แสดงผลบนหน้าเวบ็ ไซตต์ า่ งๆ มสี สี นั และมปี ระสิทธิภาพมากข้นึ โดยเฉพาะเวบ็ ทมี่ ีภาพเคลอ่ื นไหว คลิป วดี ีโอ หรอื แอนเิ มชั่นตา่ งๆแล้วทาไมโปรแกรม Flash Player ถึงกาลงั ถูกลมื ละ กเ็ พราะมันยงั มชี อ่ งโหว่ใน การทางานอยูม่ ากไงละคะโดยเฉพาะในเร่อื งของความปลอดภยั และการกนิ ทรพั ยากรของเครอ่ื งทีม่ าก เกนิ ความจาเปน็ (จึงเปน็ สาเหตุอนั ดบั ต้นๆทีท่ าใหค้ อมพิวเตอร์ชา้ ) จึงทาใหเ้ จ้าตัวใหมอ่ ย่าง HTML5 ถูก พฒั นาขึ้นมาใช้งานเทนที่น่ันเอง

หนา้ ที่ ๑๐ วิธแี กป้ ญั หา - ให้โหลดโปรแกรม Adobe Animate CC วธิ กี ารเลือกซือ้ - สามารถสั่งซื้อโปรแกรมผ่านทางเว็บไซต์http://www.adobe.in.th/creative-cloud -

หนา้ ท่ี ๑๑

หนา้ ท่ี ๑๒

หนา้ ท่ี ๑๓ วธี ตี ดิ ตงั้ ๑.เขา้ เว็บ Adobe.com. เปิดบราวเ์ ซอร์ที่จะติดตัง้ Adobe Flash Player แลว้ เข้า http://get.adobe.com/flashplayer ภาพท๑่ี โปรแกรม Adobe Flash Player ๒. คลกิ ปมุ่ \"Download now\" สเี หลือง. เซฟไฟลต์ อนทข่ี ึ้น ปกติจะไปอยู่ในโฟลเดอร์ Downloads ของบราว์เซอรท์ ีใ่ ช้ เว้นแตค่ ุณจะเลอื กเซฟลงตาแหนง่ อนื่ ในคอม ภาพท๒่ี ขนั้ ตอนการดาวนโ์ หลด

หน้าท่ี ๑๔ ๓.เปิดไฟล์ติดตงั้ หาไฟล์ \"Adobe Flash Player Installer_\" ในไดรฟ์ แลว้ ดบั เบลิ คลกิ เพอื่ เปดิ ไฟล์ ภาพ๓่ี ข้นั ตอนท3ี่ แตกไฟล์ ๔. เร่ิมติดต้ัง พอหน้าต่าง Adobe Flash Player โผล่ขึ้นมา ให้ดับเบิลคลิกที่ไอคอน \"Install Adobe Flash Player\" ไดเ้ ลย ภาพท๔่ี เรมิ่ ติดต้ัง

หน้าที่ ๑๕ ๕. ยอมรับคาเตือน หน้าต่างจะเด้งขึ้นมาเตือน ว่าแน่ใจในความปลอดภัยของไฟล์ที่ดาวน์โหลดมาจาก Adobe ไหม บรษิ ทั ใหญแ่ ละดังขนาดน้ีก็แนน่ อนว่าคลกิ \"Open\" ไปไดเ้ ลย ภาพท๕่ี คลิกยืนยันเพื่อดาวน์โหลด ๖. ลงช่ือเข้าใช้ ถ้าใช้ Mac ต้องล็อกอินในฐานะแอดมินก่อน โดยใช้ username กับรหัสผ่าน แล้วคลิก \"OK\" เพือ่ ไปตอ่

หนา้ ท่ี ๑๖ ภาพท๖ี่ ลงชอื่ เข้าใช้ Mac ๗. ตดิ ตั้ง Adobe Flash Player. แถบความคืบหน้าจะโผลม่ าบอกสถานะการตดิ ต้งั พอเสร็จแล้วให้คลิก ปุม่ \"Finish\" ภาทพ๗ี่ บอกสถานะการตดิ ต้งั ๘. ติดตัง้ เรยี บร้อย! เท่าน้กี ็ใช้ Flash Player ไดเ้ ลย ภาพท่ี ๘ ตดิ ตง้ั สาเร็จ

หน้าที่ ๑๗ ประโยชน์ โปรแกรม Flash เป็นโปรแกรมยอดนิยมสาหรับการสรา้ งผลงานได้หลายประเภท ไม่วา่ จะเป็น การต์ ูนแอนิเมชนั , เกม,สอ่ื โฆษณาบนเว็บไซต์ หรอื อินเตอรเ์ ฟสแผน่ ซดี ที ี่มกี ารตอบโต้กับผ้ใู ช้ โดยในหวั ขอ้ น้ีเราจะมาทาความรู้จักกับความสามารถของโปรแกรม Flash ไว้เป็นแนวทางเพ่ือนาไปพัฒนาชิ้นงาน ต่อไป ขอ้ ดี ๑. งา่ ยและให้คุณอิสระต่อการพัฒนางาน ในแบบที่คณุ ไมส่ ามารถหาไดจ้ ากไหนอีกแล้ว ๒. เหมาะกับการงานแบบอินเตอร์แอคทีฟ เช่นหากคณุ ต้องการจะใสเ่ สียงเพลง หรือเสียงพูดลงไป หรือ แม้แต่ใส่ภาพวดิ ีโอ กส็ ามารถทาได้ จริงวา่ โปรแกรมอืน่ เช่น Window Media Player หรือ Real Player กค็ ือ ๓. สามารถทาได้เช่นกัน แต่ 97% ก็เลือกใช้แฟลช สามารถเปิดใช้เล่นได้หลากหลาย ไม่ว่าจะเป็น คอมพิวเตอร์ พีดเี อ โทรศัพท์มือถือ ทีวีบนรถยนต์ หรือแม้แต่นาฬิกาข้อมือ ภาพของงานท่ีใช้โปรแกรม แฟลชก็ยงั คงดไู ด้ไรก้ ังวล ๔. ใช้งานร่วมกับโปรแกรมหรือไฟล์งานอื่นได้มากมาย เช่น GIF JPEG PNG PCT TIF FreeHand EPS Illustrator WAV AIF และ MP3 ขอ้ เสยี ๑. ถ้าเราใช้ทาอนิเมชนั่ ไฟลจ์ ะมขี นาดใหญ่แล้วแต่ความซับซ้อนของอนเิ มช่นั น้นั ทาใหก้ ารแสดงหน้าเว็บ เพจทาได้ชา้ ลง ๒. Search engine ตา่ ง ๆไม่สามารถอ่านข้อความท่อี ยใู่ นไฟล์ Flash ได้ ทาใหเ้ ราเสยี โอกาศในการอยู่ใน อันดับดี ๆของ search engine ๓. ถ้าผใู้ ช้ไม่มี Flash player จะทาให้ไฟล์ Flash ของเรานัน้ ไมแ่ สดงผล ดงั นน้ั เราควรใชง้ านโปรแกรม Flash ใหเ้ หมาะสมไม่ควรใช้มากเกนิ ไป

หน้าที่ ๑๘ วิธีการใช้งาน การเปดิ ใชง้ านโปรแกรม Adobe Flash CS6 เขา้ สู่โปรแกรม Flash CS6 เม่ือเปิดโปรแกรมครงั้ แรก โดยคลกิ เมาสท์ ี่ปุ่ม Start แลว้ เลือกคาส่ง All Programs->Adobe>Adobe Flash CS6 Professional จะปรากฎหน้าต่าง ให้เราเลือกใช้งาน โปรแกรม Flash CS6 ดังน้ี หน้าตา่ งเรมิ่ การทางาน

หนา้ ที่ ๑๙ สว่ นประกอบของโปรแกรม Adobe Flash cs6 3. สว่ นประกอบของโปรแกรม Flash 8

หน้าที่ ๒๐ หมายเลข 1 คอื Title Bar แสดงปุม่ ควบคมุ หลกั (Control Menu) ชื่อโปรแกรม และปุ่มควบคมุ หนา้ ต่างโปรแกรม หมายเลข 2 คือ Menu Bar แสดงรายการคาสง่ั ต่างๆ ของโปรแกรม หมายเลข 3 คือ Toolbar แสดงปุ่มเคร่อื งมือการทางานมาตรฐานของโปรแกรม เชน่ ปุ่มเปิดงานใหมเ่ ปิดไฟลเ์ อกสาร, จัดเกบ็ ไฟล์ เปน็ ตน้

หนา้ ท่ี ๒๑ หมายเลข 4 คือ Toolbox แสดงปุ่มเคร่อื งมือเก่ยี วกบั การวาดภาพ สร้างภาพ หมายเลข 5 คือ Timeline หน้าตา่ งแสดงเสน้ ควบคุมเวลาสาหรบั การนาเสนอผลงาน ประกอบด้วยสว่ นทางาน เก่ยี วกบั Layer และ Timeline หมายเลข 6 คือ Stage พนื้ ที่ส่วนท่ีใช้ในการวางวัตถตุ า่ งๆ หรอื อาจจะเรียกวา่ \"เวที\" เม่ือมกี ารนาเสนอผลงานจะ แสดงเฉพาะวตั ถบุ น Stage เทา่ น้ัน หมายเลข 7 คอื Panel หน้าต่างควบคุมฟงั กช์ นั งาน ซง่ึ มหี ลายฟังกช์ นั (หลายหนา้ ต่าง)

หนา้ ท่ี ๒๒ แถบคาสง่ั (Menu Bar) แถบคาสง่ั (Menu bar) ประกอบด้วยคาสง่ั ต่าง ๆ สาหรบั ใชง้ านทว่ั ไป เหมือนโปรแกรมอ่ืน ๆ ไดแ้ ก่ เมน File, Edit, Insert, Modify, Text, Commands, Control, Windows และ Help แถบเครอ่ื งมอื (Tool Bar) ในการเปดิ ใชง้ านคร้ังแรกแถบเครือ่ งมอื จะไมแ่ สดงให้คลกิ ทเี่ มนู Windows > Toolbars แล้วคลิกทาเครือ่ งหมายถกู ที่ Main, Controller และ Edit Bar ดงั ภาพ

หน้าท่ี ๒๓ กลอ่ งเครอ่ื งมอื (Toolbox) กล่องเครอื่ งมือ (Toolbox) เป็นส่วนท่ีเก็บเครือ่ งมอื ต่างๆ เพ่อื ให้สามารถเรยี กใชง้ านได้สะดวกและ รวดเร็วขึ้น แบ่งเปน็ กลุ่มต่างๆ เพอ่ื สะดวกในการเรยี กใช้งาน ดังภาพ 1. รายละเอยี ดกลมุ่ เครอ่ื งมอื สาหรบั เลอื ก

หน้าท่ี ๒๔ 2. รายละเอยี ดกลมุ่ เครอ่ื งมอื สาหรบั วาดและตกแตง่ ภาพ 3. รายละเอยี ดกลมุ่ เครอื่ งมอื สาหรบั ปรบั มมุ มอง 4. รายละเอยี ดกลมุ่ เครอ่ื งมอื สาหรบั ปรบั สเี สน้ และสพี น้ื หลงั

หนา้ ท่ี ๒๕ 5. ถาด5. ถาดเครอ่ื ง (Palate Tool) อยดู่ า้ นขวามอื ของหนา้ จอเชน่ ถาดปรบั แตง่ ถาดปรบั แตง่ สี (Color Mixer Palate) ใช้เลอื กสเี สน้ และสีพืน้ หลงั รวมถงึ ผสมสีแบบต่างๆ ถาดเกบ็ ทรัพยากรต่างๆ (Library Palate) เชน่ ซิมโบล เสียง ภาพ วดิ ีโอ เป็นตน้ Timeline Frame และ Layer

หนา้ ท่ี ๒๖ Timeline เปน็ ส่วนทีก่ าหนดความสนั้ ยาวของมูฟวี่ (Movie) Frame เป็นส่วนทเ่ี ก็บข้อมูลซึง่ อาจเป็นคาสง่ั รูปภาพหรอื ข้อความทแ่ี สดงใหผ้ ู้ชมไดเ้ ห็น Layer เปน็ สว่ นทเ่ี ก็บข้อมลู แยกออกจากกันเป็นช้ันๆเหมือนแผน่ ใสเพ่อื งา่ ยต่อการจัดการและแก้ไข Stage เปน็ พนื้ ทีแ่ สดงมูฟว่ี (Movie) ทอ่ี ยูใ่ นเฟรม (Frame) และ เลเยอร์ (Layer) 1. ปุ่มแสดงหรอื ซอ่ น Timeline 2. เลเยอร์ เฟรมจะตอ้ งวางบนเลเยอร 3. ปมุ่ ซอ่ นและแสดงข้อมลู บนเลเยอร์ 4. ปุ่มอนญุ าตให้แก้ไขและปอ้ งการแก้ไข ขอ้ มูลบนเลเยอร์ 5. เพลยเ์ ฮดหัวอา่ นเฟรมแตล่ ะชอ่ ง 6. หมายเลขประจาเฟรม 7. เฟรม เปรียบเหมอื นชอ่ งเกบ็ เหตกุ ารณข์ องมฟู ว่ี 8. ปมุ่ สรา้ งเลเยอรใ์ หม่

หนา้ ที่ ๒๗ 9. ปุม่ สรา้ งไกดเ์ ลเยอร์ 10.ปุ่มสร้างโฟลเ์ ดอรเ์ ลเยอร์ 11. ปุ่มลบเลเยอร์ 12. ปมุ่ เซ็นเตอรเ์ ฟรม 13. ปมุ่ โอเนยี น สกิน 14. ปุ่มโอเนยี น สกินแบบโครงร่าง 15. ป่มุ แก้ไขเฟรมหลายเฟรมพรอ้ มกัน 16. ปุ่มโอเนยี นมารค์ เกอร์ 17. บอกตาแหน่งหมายเลขเฟรมในขณะทางาน 18. บอกความเรว็ การแสดงกี่เฟรมตอ่ วนิ าที 19. เวลาทใ่ี ช้ในการมูฟว่ี