โครงการสื่อการเรียนการสอนเรื่อง คำสรรพนาม

1โครงการ สื่อการเรยี นการสอน เรอื่ ง คาสรรพนาม ระดับช้นั ประถมศึกษาชนั้ ปีท่ี 3 โดยนางสาวรวีวรรณ เกิดทรัพย์นายสุทัด สทุ ธิประภานางสาวปิยฉตั ร โชตสิ มนางสาวนรศิ รา ออกแมนโครงการนเี้ ป็นสว่ นหนง่ึ ของการศกึ ษาหลกั สตู รประกาศนียบัตรวิชาชพี (ปวช.) ประเภทวิชาพาณิชยกรรม สาขาวิชาคอมพิวเตอรธ์ ุรกิจ วทิ ยาลัยเทคโนโลยลี ะโว้ พ.ศ. 2560

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

3 สารบัญ หน้า กหน้าอนมุ ัติ ขบทคัดย่อ คกิตตกิ รรมประกาศคานา 1สารบัญ 2สารบญั รปู ภาพ 2สารบญั ตาราง 3บทท่ี 1 บทนา 4 4 1. ความเป็นมาและความสาคญั ของโครงการ 4 2. วัตถปุ ระสงคข์ องโครงการ 5 3. ขอบเขตของโครงการ 4. ระยะเวลาและขั้นตอนการดาเนนิ โครงการ 7 5. ประโยชน์ทคี่ าดวา่ จะได้รบั 10 6. แหล่งข้อมูลท่ีศกึ ษา 7. เคร่อื งมือและวัสดอุ ปุ กรณ์ 40 8. งบประมาณ 41บทที่ 2 เอกสารและข้อมลู ที่เกย่ี วขอ้ ง 1. ข้อมลู ขององค์กรเดิม 68 2. ขอ้ มลู เกยี่ วกบั การทาโครงการของนักเรยี น 72บทที่ 3 ขน้ั ตอนและวิธกี ารปฏบิ ตั งิ าน 74 1. เขียนบรรยายเกีย่ วกับการศึกษาหาข้อมูล 93 2. ดาเนนิ การออกแบบรา่ ง 100 3. ข้นั ตอนการดาเนินงาน 3.1 ขั้นตอนการทาหนา้ ยนิ ดีตอนรับ 3.2 ข้นั ตอนการทาหน้าแรกของบทเรยี นคาสรรพนาม 3.3 ขนั้ ตอนการทาบทเรียนคาสรรพนาม 3.4 ขัน้ ตอนการทาสื่อการเรยี นรู้ 3.5 ขัน้ ตอนการทาอนเิ มช่ัน

3.6 ข้นั ตอนการทาผู้จดั ทา 4 3.7 ขัน้ ตอนการแทรกเสยี งบทที่ 4 การพัฒนาระบบงาน 103 1. เมื่อสาเร็จมีการทดลองใช้ 108บทท่ี 5 สรปุ อภิปรายและข้อเสนอแนะ 1. สรปุ ผลการดาเนนิ งาน 101 2. ปัญหาทเ่ี กดิ ขนึ้ ในการจดั ทาโครงการ 3. ข้อเสนอแนะ 120 120 สารบัญ (ต่อ) 120บรรณานกุ รม หนา้ประวตั ิผูจ้ ดั ทาโครงการภาคผนวก

5 สารบญั รูปภาพ หน้า 8รปู ท่ี 2.1 ตราประจาโรงเรียน 9รูปท่ี 2.2 อักษรย่อโรงเรยี น 9รูปที่ 2.3 สีประจาโรงเรียน 9รปู ท่ี 2.4 ดอกไมป้ ระจาโรงเรยี น 10รปู ที่ 2.4 โปรแกรม Adobe Captivate7 11รูปที่ 2.5 หน้าตา่ งโปรแกรม Adobe Captivate7 12รปู ท่ี 2.6 สว่ นประกอบของแถบเมนู 12รูปที่ 2.7 สว่ นประกอบของ Toolbar 13รูปท่ี 2.8 ส่วนประกอบของ Panel Groups 14รปู ที่ 2.9 ส่วนประกอบของ Document Window 14รูปท่ี 2.10 ส่วนประกอบของ Timeline 15รปู ท่ี 2.11 สว่ นประกอบของ Properties 16รปู ท่ี 2.12 ส่วนประกอบของ TIMING 16รปู ท่ี 2.13 ส่วนประกอบของ Propertie 17รูปท่ี 2.14 สว่ นประกอบของ Alpha 17รูปท่ี 2.15 สว่ นประกอบของ Rollover image 18รูปท่ี 2.16 สว่ นประกอบของ Rollover lmage 18รูปที่ 2.17 แถบของ GENERAL 19รูปที่ 2.18 สว่ นประกอบของ Effects 19รูปท่ี 2.19 สว่ นประกอบของ Effects 20รปู ท่ี 2.20 สว่ นประกอบของ Text Animation 20รปู ท่ี 2.21 ส่วนประกอบของ Text Animation 20รปู ท่ี 2.22 สว่ นประกอบของ Properties 21รูปที่ 2.23 สว่ นประกอบของ FILL&STROKE 22รปู ที่ 2.24 สว่ นประกอบของ Timelime 23รูปที่ 2.25 ส่วนประกอบของ Side Audio 24รปู ที่ 2.26 ส่วนประกอบของ Side Audio 24รูปที่ 2.27 สว่ นประกอบของ Side Audio

รูปท่ี 2.28 ส่วนประกอบของ Audio Import 6รูปท่ี 2.29 ส่วนประกอบของ Slide Audioรูปท่ี 2.30 ส่วนประกอบของ Properties 24รปู ท่ี 2.31 ส่วนประกอบของ Opject Audio 25รูปที่ 2.32 ไอคอนโปรแกรม Flash CS6 25รปู ที่ 2.33 เปดิ โปรแกรม Adobe Flash Professional CS6 26รูปท่ี 2.34 สว่ นประกอบของโปรแกรม Adobe Flash Professional CS6 28รูปที่ 2.35 การเรียกใชโ้ ปรแกรม Adobe Flash Professional CS6 28 28 สารบัญรปู ภาพ (ต่อ) 29รูปท่ี 2.36 แถบเคร่ืองมือหลัก หน้ารูปท่ี 2.37 แถบเครื่องมือ 29รปู ท่ี 2.38 แถบเคร่ืองมือกลมุ่ เลือก 30รูปที่ 2.39 แถบเคร่ืองมือกลุม่ วางและตกแต่ง 30รูปที่ 2.40 แถบเครื่องมือกลุ่มสีเสน้ และพน้ื หลงั 30รูปท่ี 2.41 แถบ Document 31รปู ท่ี 2.42 แถบ Timeline 31รูปท่ี 2.43 Layer 31รูปท่ี 2.44 ไอคอนโปรแกรม Photoshop CS6 31รูปท่ี 2.45 หน้าโปรแกรม 32รปู ท่ี 2.46 เคร่อื งมือพื้นฐาน 33รปู ที่ 2.47 กล่องเครอื่ งมอื 34รูปที่ 2.48 ความสาคัญของเลเยอร์ 35รูปที่ 2.49 การคัดลอกเลเยอร์ 36รูปที่ 2.50 การเพ่ิมเลเยอร์ 37รปู ที่ 2.51 การล็อคเลเยอร์ 37รปู ที่ 2.52 การปลดล็อค 38รปู ที่ 2.53 คลิปป้งิ เลเยอร์ 38รปู ที่ 3.1 หน้ายินดตี อนรบั เข้าสู่การเรียนการสอนวชิ าภาษาไทย 39รปู ที่ 3.2 หนา้ แกของคาสรรพนาม 41รปู ที่ 3.3 ความหมายของคาสรรพนาม 41รูปที่ 3.4 แบ่งชนดิ ของคาสรรพนาม 42รูปที่ 3.5 ชนิดของคาสรรพนามแทนบุคคล (บรุ ษุ สรรพนาม) 42รูปที่ 3.6 คาสรรพนามท่ีใชแ้ ทนบคุ คล 43รูปท่ี 3.7 อธบิ ายคาสรรพนามทใ่ี ช้แทนคาพูด 43รูปที่ 3.8 ประโยคเพ่ืองา่ ยต่อการเขา้ ใจ 44รปู ที่ 3.9 คาสรรพนามทีใ่ ชแ้ ทนผู้ฟงั 44รูปท่ี 3.10 อธิบายคาสรรพนามทใ่ี ช้แทนผู้ฟงั 45 45

รปู ที่ 3.11 ประโยคเพื่องา่ ยต่อการเข้าใจ (แทนผู้ฟัง) 7รูปท่ี 3.12 คาสรรพนามที่ใช้แทนบุคคลหรือสงิ่ ท่ีกลา่ วถงึรปู ท่ี 3.13 อธบิ ายคาสรรพนามทใี่ ชแ้ ทนบุคคลหรือสง่ิ ท่ีกล่าวถงึ 46รปู ที่ 3.14 ประโยคเพ่ืองา่ ยต่อการเขา้ ใจ (แทนบุคคลหรือสิ่งท่กี ลา่ วถึง) 46รูปที่ 3.15 คาสรรพนามใช้ชรี้ ะยะ 47รูปที่ 3.16 อธิบายคาสรรพนามท่ีใชช้ ้ีระยะ 47รูปท่ี 3.17 ประโยคเพื่องา่ ยต่อการเขา้ ใจ (ใช้ข้ีระยะ) 48 48 สารบญั รูปภาพ (ต่อ) 49รปู ท่ี 3.18 คาสรรพนามใชถ้ าม หนา้รปู ที่ 3.19 อธิบายคาสรรพนามทใี่ ชถ้ าม 49รูปที่ 3.20 ประโยคเพื่องา่ ยต่อการเข้าใจ (ใชถ้ าม) 50รูปท่ี 3.21 คาสรรพนามบอกความไมเ่ จาะจง 50รูปที่ 3.22 อธบิ ายคาสรรพนามบอกความไม่เจาะจง 51รปู ท่ี 3.23 ประโยคเพ่ือง่ายต่อการเข้าใจ (บอกความไม่เจาะจง) 51รูปท่ี 3.24 คาสรรพนามบอกความชซ้ี ้า 52รูปท่ี 3.25 อธิบายคาสรรพนามบอกความช้ซี ้า 53รูปท่ี 3.26 ประโยคเพื่อง่ายต่อการเข้าใจ (บอกความชีซ้ ้า) 54รูปที่ 3.27 ประพันธส์ รรพนาม 55รปู ท่ี 3.28 อธบิ ายประพันธ์สรรพนาม 54รปู ท่ี 3.29 ประโยคเพื่อง่ายต่อการเข้าใจ (ประพนั ธส์ รรพนาม) 54รปู ที่ 3.30 คาสรรพนามใช้แทนนามที่อยขู่ า้ งหน้า 55รปู ที่ 3.31 ประโยคเพื่อง่ายต่อการเข้าใจ (สรรพนามใช้แทนนามท่ีอยู่ข้างหนา้ ) 55รปู ที่ 3.32 แบบทดสอบ 56รปู ที่ 3.33 แบบทดสอบข้อท่ี 1 56รูปที่ 3.34 แบบทดสอบข้อที่ 2 57รูปที่ 3.35 แบบทดสอบข้อที่ 3 57รูปท่ี 3.36 แบบทดสอบข้อท่ี 4 58รูปท่ี 3.37 แบบทดสอบข้อที่ 5 58รูปท่ี 3.38 แบบทดสอบข้อท่ี 6 59รูปที่ 3.39 แบบทดสอบข้อที่ 7 59รูปที่ 3.40 แบบทดสอบข้อที่ 8 60รปู ท่ี 3.41 แบบทดสอบข้อที่ 9 60รปู ที่ 3.42 แบบทดสอบข้อท่ี 10 61รปู ท่ี 3.43 แบบทดสอบข้อที่ 11 61รปู ที่ 3.44 แบบทดสอบข้อท่ี 12 62รปู ที่ 3.45 แบบทดสอบข้อท่ี 13 62 63

รปู ท่ี 3.46 แบบทดสอบข้อที่ 14 8รูปท่ี 3.47 แบบทดสอบข้อที่ 15รูปที่ 3.48 แบบทดสอบข้อท่ี 16 63 64 สารบญั รูปภาพ (ตอ่ ) 64รปู ที่ 3.49 แบบทดสอบข้อท่ี 17 หน้ารปู ที่ 3.50 แบบทดสอบข้อท่ี 18 65รปู ท่ี 3.51 แบบทดสอบข้อท่ี 19 6566 66รปู ท่ี 3.52 แบบทดสอบข้อที่ 20 67รปู ที่ 3.53 จบการนาเสนอ 68รปู ท่ี 3.54 หน้าจอ Desktop 68รปู ท่ี 3.55 การเลอื กชนดิ ชิ้นงาน 69รปู ที่ 3.56 ตัง้ ค่าหนา้ กระดาษ 69รปู ที่ 3.57 การเพ่ิมรปู ภาพ 70รปู ที่ 3.58 ใสพ่ ื้นหลงั 70รปู ท่ี 3.59 ใส่กรอบข้อความสขี าว 71รปู ที่ 3.60 แทรกขอ้ ความ 72รปู ที่ 3.61 ใส่พ้นื หลงั 72รูปที่ 3.62 แทรกขอ้ ความ 73รูปที่ 3.63 แทรกรูปรถ 74รูปท่ี 3.64 ใสพ่ ื้นหลงั (ทุกหน้าในบทเรยี น ) 74รูปที่ 3.65 แทรกกรอบสีขาว 75รูปท่ี 3.66 แทรกความหมายของคาสรรพนาม 75รปู ท่ี 3.67 แทรกหวั ข้อคาสรรพนามที่แบ่งย่อย 76รปู ที่ 3.68 คาสรรพนามแทนคาพูด 76รูปท่ี 3.69 แทรกขอ้ ความกับรปู ดนิ สอ

รปู ท่ี 3.70 แทรกหวั ข้อในคาสรรพนามแทนบุคคล 9รูปท่ี 3.71 แทรกรูปดินสอรูปท่ี 3.72 แทรกขอ้ ความในหวั ขอ้ คาในสรรพนามแทนบคุ คล(แทนคาพดู ) 77รปู ท่ี 3.73 แทรกขอ้ ความในหน้าประโยคเพ่ืองา่ ยต่อการเขา้ ใจ (แทนคาพูด) 77รูปที่ 3.74 การขดี เส้นใต้เน้นคา 78รปู ท่ี 3.75 แทรกข้อความในหวั ข้อคาในสรรพนามแทนบุคคล(แทนผู้ฟัง) 78รปู ท่ี 3.76 แทรกรูปดินสอ 79รปู ที่ 3.77 แทรกข้อความในหัวข้อคาในสรรพนามแทนบุคคล (แทนผฟู้ ัง) 79รปู ที่ 3.78 แทรกข้อความในหน้าประโยคเพื่อง่ายต่อการเข้าใจ (แทนผู้ฟัง ) 80รูปที่ 3.79 การขดี เสน้ ใตเ้ น้นคา (แทนผู้ฟงั ) 80รปู ท่ี 3.80 แทรกข้อความในหวั ข้อคาในสรรพนามแทนบุคคล (บุคคลที่กล่าวถงึ ) 81รปู ที่ 3.81 อธิบายสรรพนามท่ใี ชแ้ ทนผกู้ ล่าวถึง 81รูปที่ 3.82 ประโยคเพื่อง่ายต่อการเขา้ ใจ การขีดเสน้ ใต้เน้นคา (บคุ คลทก่ี ลา่ วถงึ ) 82รูปท่ี 3.83 แทรกข้อความในหัวข้อคาในสรรพนามใช้ชรี้ ะยะ 82รปู ท่ี 3.84 อธิบายคาสรรพนามทใ่ี ชแ้ ทนคนที่อยู่ใกล้ 83 83 สารบญั รปู ภาพ (ตอ่ ) 84รูปที่ 3.85 ประโยคเพื่องา่ ยต่อการเข้าใจ การขีดเสน้ ใตเ้ น้นคา (ใชช้ ีร้ ะยะ) หนา้รูปท่ี 3.86 แทรกข้อความในหวั ข้อคาในสรรพนามใช้ถาม 84รูปที่ 3.87 อธบิ ายคาสรรพนามใช้ถาม 85รูปท่ี 3.88 ประโยคเพื่อง่ายต่อการเขา้ ใจ การขีดเส้นใต้เน้นคา ใช้ถาม 85รูปที่ 3.89 แทรกขอ้ ความในหวั ข้อคาในสรรพนามแบบไม่เจาะจง 86รปู ท่ี 3.90 อธบิ ายคาสรรพนามแบบไมเ่ จาะจง 86รูปท่ี 3.91 ประโยคเพ่ือง่ายต่อการเขา้ ใจ การขดี เสน้ ใต้เน้นคา แบบไมเ่ จาะจง 87รปู ที่ 3.92 แทรกข้อความในหัวข้อในสรรพนามชีซ้ ้า 87รูปที่ 3.93 อธิบายคาสรรพนามแบบช้ซี า้ 88รูปท่ี 3.94 ประโยคเพื่องา่ ยต่อการเข้าใจ แบบไม่เจาะจง 88รูปที่ 3.95 แทรกข้อความในหัวขอ้ คาในสรรพนามประพนั ธ์สรรพนาม 89รปู ที่ 3.96 อธบิ ายคาสรรพนามประพันธ์สรรพนาม 89รปู ท่ี 3.97 ประโยคเพื่อง่ายต่อการเขา้ ใจ การขีดเส้นใต้เน้นคา ประพันธ์สรรพนาม 90รูปท่ี 3.98 แทรกขอ้ ความในหวั ขอ้ คาสรรพนามแทนขอทอ่ี ยขู่ ้างหน้า 90รูปท่ี 3.99 ประโยคเพื่อง่ายต่อการเขา้ ใจ การขดี เส้นใจเ้ น้นคา 91รปู ที่ 3.100 แทรกรปู การตูนย์ 91รปู ที่ 3.101 แบบทดสอบ 92รูปท่ี 3.102 หนา้ จอ Desktop 92รปู ที่ 3.103 เปิดโปรแกรม Adobe Captivate 93รปู ที่ 3.104 ตั้งค่าหน้ากระดาษของชิน้ งาน 93รปู ท่ี 3.105 สรา้ งช้นิ งาน 94 94

รปู ท่ี 3.106 นาไฟลม์ าใสช่ น้ิ งาน 10รปู ท่ี 3.107 การสร้างป่มุรูปที่ 3.108 สร้างแบบทดสอบ 95รูปที่ 3.109 เลือกแบบทดสอบท่ีต้องการ 95รปู ที่ 3.110 พมิ พ์ข้อความเพ่ิมคาตอบ 96รปู ที่ 3.111 ตั้งคะแนน 96รปู ที่ 3.112 ตั้งคา่ ขนาดอกั ษร 97รปู ท่ี 3.113 เปลีย่ นสีอกั ษร 97รปู ท่ี 3.114 จบการนาเสนอ 98รปู ท่ี 3.115 การเพิม่ อักษรท้ังหมดในหน้ายนิ ดีตอนรับ 98รปู ท่ี 3.116 การกาหนดเวลาในการทาอนเิ มชั่น 99รปู ท่ี 3.117 การเพม่ิ อกั ษรทั้งหมดในหน้าแรกของคาสรรพนาม 100รปู ท่ี 3.118 ทาอนิเมชน่ั หน้าแรกของสอ่ื การเรียนรู้ 100รูปท่ี 3.119 การเพมิ่ อกั ษรในหนา้ ที่ 1 ถงึ หน้าสดุ ท้าย ของส่อื การเรียนรู้ 101 101 สารบญั รูปภาพ (ต่อ) 102รปู ที่ 3.120 การทาอนเิ มชั้นในเน้อื หาหน้าท่ี 1 ถึงหน้าสุดท้าย ของสื่อการเรียนรู้ หน้ารูปที่ 3.121 หนา้ จอ Desktop 102รูปที่ 3.122 การต้งั คา่ หน้าจอ 103รูปที่ 3.123 แทรกรูปพน้ื หลงั 103รูปที่ 3.124 แทรกขอ้ ความ 104รูปท่ี 3.125 การใสร่ ปู ภาพ 104รูปท่ี 3.126 การทาอนิเมช่นั หน้าผจู้ ดั ทา 105รูปท่ี 3.127 ผู้จัดทาคนท่ี 2 105รปู ท่ี 3.128 ผจู้ ัดทาคนท่ี 3 106รปู ท่ี 3.129 ผู้จัดทาคนท่ี 4 106รปู ท่ี 3.130 การแทรกเสยี ง 107รูปท่ี 3.131 การแทรกเสยี งเรยี บร้อยแล้ว 108รูปท่ี 4.1 หนา้ เข้าส่สู ่อื การเรียนวิชาภาษาไทย 108รูปท่ี 4.2 หน้าเขา้ สู่บทเรียนเร่ืองคาสรรพนาม 109รูปที่ 4.3 หน้าเมนหู ลกั 109รูปที่ 4.4 หน้าความหมายของคาสรรพนาม 110รูปที่ 4.5 หน้าหวั ขอ้ ย่อย 110รูปที่ 4.6 หน้าปกของหัวข้อที่ 1 111รูปท่ี 4.7 หน้าปกของหวั ข้อที่ 2 111รูปท่ี 4.8 หน้าปกของหัวขอ้ ท่ี 3 112รปู ที่ 4.9 หน้าปกของหัวขอ้ ท่ี 4 112 113

รปู ท่ี 4.10 หนา้ ปกของหวั ข้อท่ี 5 11รูปที่ 4.11 หนา้ ปกของหัวข้อท่ี 6รปู ที่ 4.12 หนา้ ปกของหัวข้อที่ 7 113รูปที่ 4.13 หนา้ ปกของแบบทดสอบ 114รูปท่ี 4.14 หนา้ ของแบบทดสอบ 114รูปที่ 4.15 หนา้ เฉลยแบบทดสอบ 115รปู ท่ี 4.16 หนา้ รวมคะแนน 115รูปท่ี 4.17 ผ้จู ดั ทาคนที่ 1 116รูปที่ 4.18 ผู้จดั ทาคนที่ 2 116รปู ท่ี 4.19 ผจู้ ดั ทาคนท่ี 3 117รปู ที่ 4.20 ผจู้ ดั ทาคนท่ี 4 117รปู ที่ 4.21 จบการนาเสนอ 118 118 ใบอนุมัติโครงการชื่อโครงการ สื่อการเรียนการสอน เรอ่ื ง คาสรรพนาม ระดบั ชั้นประถมศกึ ษาปีที่ 3คณะผู้จัดทา เกดิ ทรัพย์ รหัสประจาตัว 5811400023 1. นางสาวรวีวรรณ สุทธิประภา รหสั ประจาตัว 5811400027 2. นายสุทัด โชติสม รหสั ประจาตวั 5811400035 3. นางสาวปิยฉัตร ออกแมน รหสั ประจาตัว 5811400091 4. นางสาวนรศิ ราวตั ถุประสงค์ 1. เพอ่ื ใหน้ กั เรียนทราบ และเข้าใจความหมายของคาสรรพนาม 2. เพือ่ ให้นักเรียนทราบชนิดของคาสรรพนาม 3. ใชค้ าสรรพนามในโอกาสต่างๆ ไดถ้ กู ต้องประโยชนท์ ีค่ าดวา่ จะได้รบั 1. ทราบ และเข้าใจความหมายของคาสรรพนาม 2. ทราบชนดิ ของคาสรรพนาม 3. ใช้คาสรรพนามในโอกาสต่างๆ ได้ถูกต้องได้รับการตรวจสอบและอนมุ ัติใหเ้ ปน็ ส่วนหนงึ่ ของการศึกษาตามหลกั สูตรประกาศนียบัตรวิชาชพี สาขาวชิ าคอมพวิ เตอรธ์ ุรกจิ เม่อื วนั ท่.ี ................เดือน.........................................พ.ศ.......................

12............................................. ............................................... ......................................... (นายเทดิ ศกั ด์ิ เนียมโสต) (นางสาวอภิญญา หนิ ทอง) (นางสาวจันทมิ า ศรดี ิรกค์) อาจารยผ์ สู้ อนโครงการ อาจารย์ที่ปรกึ ษาโครงการ อาจารยท์ ีป่ รึกษาโครงการ........................................................... .................................................(นางสาวกลุ ภัสสร์สรณ์ แยม้ ครวญ) (นายศวิ ัช กาญจนชมุ ) หวั หนา้ ฝา่ ยวชิ าการ หัวหน้าสาขาคอมพิวเตอร์ชอ่ื โครงการ สือ่ การเรยี นการสอน เรอ่ื ง คาสรรพนาม ระดบั ชัน้ ประถมศึกษาปีท่ี 3คณะผู้จัดทา เกดิ ทรัพย์ รหัสประจาตวั 5811400023 1. นางสาวรวีวรรณ สทุ ธปิ ระภา รหัสประจาตัว 5811400027 2. นายสทุ ัด โชติสม รหสั ประจาตัว 5811400035 3. นางสาวปยิ ฉตั ร ออกแมน รหัสประจาตวั 5811400091 4. นางสาวนรศิ ราอาจารยท์ ปี่ รกึ ษา 1. นางจนั ทิมา ศรดี ิลกระดบั การศกึ ษา 2. นางสาวอภิญญา หินทองประเภทวชิ าสาขาวิชา ประกาศนยี บตั รวิชาชพีสถาบนั การศกึ ษา พาณิชยกรรม คอมพิวเตอร์ธุรกจิ วทิ ยาลัยเทคโนโลยีละโว้ บทคัดยอ่ โครงงาน ส่ือการเรยี นการสอน เรื่อง คาสรรพนาม ระดับ ประถมศึกษาปีที่ 3 จัดทาข้ึนโดยมีวตั ถปุ ระสงคค์ ือเพือ่ ให้นกั เรียนได้ทราบ และเข้าใจความหมายของคาสรรพนาม ทราบชนดิ ของคาสรรพนาม และใช้คาสรรพนามในโอกาสตา่ งๆ ได้ถูกต้อง กลุ่มข้าพเจ้าได้ศึกษาการใช้โปรแกรม Adobe Flash CS6 ในการสร้างตัวการ์ตูน และโปรแกรม Adobe Captivate 7 สรา้ งเป็นสื่อการเรียนการสอนให้มีความทนั สมัย และสามารถดึงดู

13ความสนใจจากนักเรียนได้มากข้ึน เพ่ือให้มีความเข้าใจในการใช้คาสรรพนาม นอกจากน้ียังสามารถนาไปเป็นการสื่อสารในชีวติ ประจาวันได้ดว้ ย กติ ติกรรมประกาศโครงการ ส่ือการเรียนการสอน เรื่อง คาสรรพนาม ระดับชั้นประถมศึกษาปีท่ี 3 สาเร็จลุล่วงได้ดว้ ยความกรณุ าและความช่วยเหลือจาก อาจารย์เทดิ ศักดิ์ เนยี มโสต ผู้สอนวชิ าโครงการ และนางสาวศริ ิพร กองแก้ว ผู้อานวยการ โรงเรียนเทศบาล 3 อาจารย์นางสาวอภิญญา หินทอง และอาจารย์นางจนั ทิมา ศรีดลิ ก ที่ปรึกษาโครงการ อาจารยจ์ ันทิมา ศรีดิลก ท่ีได้กรุณาตรวจสอบแก้ไขข้อบกพร่องในการจัดทาเอกสาร และคณาจารย์สาขาคอมพิวเตอร์ธุรกิจทุกท่าน ที่ได้กรุณาให้คาปรกึ ษา แนะนาทุกข้ันตอนของการจดั ทาโครงการ ขอขอบพระคณุ เป็นอยา่ งสงู ขอกราบขอบพระคุณ บิดา มารดา ขอบคุณเพ่อื นนกั เรียนตลอดจนผู้ทเี่ ก่ียวข้องทุกท่าน ที่ได้ใหก้ าลงั ใจ และมสี ว่ นช่วยเหลอื ให้โครงการฉบับน้สี าเรจ็ ลุลว่ งได้ดว้ ยดี คณะผู้จัดทาหวังว่าโครงการฉบับนี้ จะเป็นส่วนหนึ่งที่ให้ประโยชน์กับผู้ท่ีสนใจในการศึกษาหาความรไู้ ม่มากก็น้อย คณะผจู้ ัดทา

14 บทที่ 1 บทนา1. ความเปน็ มาและความสาคญั ของโครงการ ภาษาไทยเป็นภาษาประจาชาติ ซึ่งใช้เป็นเคร่ืองมือในการแสวงหาความรู้ ประกอบกับการเรียนรู้ในสาระเพิ่มเติมคอมพิวเตอร์ ที่ครูเน้นให้มที ักษะในการสืบค้นหาความรู้ เพื่อเป็นการเพ่ิมพูนความรใู้ ห้กับตนเองในการเรียนรูก้ ลมุ่ สาระภาษาไทย จึงมคี วามสนใจที่จะศกึ ษาคน้ ควา้ ความรู้เรื่องคาสรรพนาจดั ทาเป็นโครงงานเพ่ือเป็นประโยชน์เพอื่ อนาคต คาสรรพนามการใช้คาสรรพนามมักเกี่ยวข้องกับการเน้นซ้าคา ซ่ึงความหมายของคาสรรพนามขึ้นอยู่กับส่วนอ้างอิงอ่ืน ซ่ึงใช้โดยเฉพาะกับสรรพนาม (บุรุษท่ี 3) ในทางภาษาศาสตร์และไวยากรณ์ คาสรรพนามเป็นคาซ่ึงใช้แทนคานามหรือนามวลีคาสรรพนามถือวา่ เป็นคาชนิดหนึ่ง แตน่ ักทฤษฎีสมยั ใหม่บางส่วนจะไม่จากัดอยู่ในชนิดเดียว เพราะคาสรรพนามมีหลายหน้าที่ เช่น บรุ ุษสรรพนาม ประพันธ์สรรพนาม ปฤจฉาสรรพนาม (นยิ มสรรพนาม สามีสรรพนาม และอนยิ มสรรพนาม คาสรรพนาม เปน็ คาที่ใชแ้ ทนคานาม เพอื่ ไม่ต้องใชช้ ือ่ ซา้ หรอื ไมต่ อ้ งการเรยี กชื่อ คา สรรพนาม แบ่งย่อยได้ ๗ ชนดิ ดงั นี้ 1. สรรพนามแทนบุคคล (บุรุษสรรพนาม) เป็นคาท่ีใช้แทนคาพูด เช่น ผม ฉัน ดิฉัน เรา หรือคาท่ีใช้แทนผู้ฟัง เช่น เธอ ท่าน คุณ และคาที่ใช้แทนบุคคลหรือสิ่งท่ีเรา กล่าวถงึ เช่น มัน แก เขา ท่าน เป็นตน้ 2. สรรพนามใช้ช้ีระยะ (นิยมสรรพนาม) เป็นคาท่ีใช้แทนนามท่ีอยู่ใกล้ ได้แก่ นี่ นี้ ถ้า ห่างออกไป จะใช้ นั่น นั้น และถ้าห่างท่ีสุดจะใช้ โน่น โน้น นู่น นู้น เป็นต้น ตัวอยา่ งเชน่ น่นั เปน็ รถของคณุ พอ่ ฉนั ชอบอยทู่ ี่น่ีมากกวา่ ท่ีโน่น

153. สรรพนามใช้ถาม (ปฤจฉาสรรพนาม) เป็นสรรพนามท่ีใช้ถาม ได้แก่ ใคร อะไร ไหน เชน่ ใครจะไปบ้าง อะไรอยู่ในตู้ ไหนของฉนั4. สรรพนามบอกความไม่เจาะจง (อนิยมสรรพนาม) เป็นสรรพนามที่ไม่ชี้เฉพาะ ได้แก่ ใคร อะไร ซึ่งมีรูปซ้ากับสรรพนามใช้ถาม แต่ความหมายจะแสดงความไม่แน่นอน ไม่ได้ใช้ถามบางครั้งจะใช้คาซ้า เช่น ใดๆ ใครๆ อะไรๆ ตัวอย่าง ใดๆ ในโลกล้วน อนิจจัง5. สรรพนามบอกความชี้ซ้า แบ่งพวก หรือรวมพวก (วิภาคสรรพนาม) เป็นคาแทนนาม ข้างหน้า เพื่อให้รู้ว่านามนั้นแยกได้เป็นส่วนๆ เช่นเดียวกัน แต่ทากริยาโต้ตอบซึ่งกัน และกันอยู่หรือเก่ียวข้องกัน เช่น ทหารยิงกัน ผัวเมียตีกัน เขารักซึ่งกันและกัน นกั เรยี นบ้างก็เล่นบ้างกเ็ รียน6. ประพันธ์สรรพนาม เป็นคาสรรพนามที่ใชเ้ ปน็ บทเช่อื มขอ้ ความหรอื ประโยคทเ่ี กี่ยว7. สรรพนามทใี่ ชแ้ ทนนามที่อยขู่ ้างหน้า เชน่ คณุ นายเธออยากจะมีงานมากข้นึ

162. วัตถปุ ระสงค์ของโครงการ 2.1 เพอ่ื ให้นกั เรียนไดท้ ราบ และเข้าใจความหมายของคาสรรพนาม 2.2 เพอื่ ใหน้ กั เรียนทราบชนิดของคาสรรพนาม 2.3 เพื่อให้นักเรียนสามารถใช้คาสรรพนามในโอกาสต่างๆ ได้ถูกตอ้ ง3. ขอบเขตของโครงการ 3.1 จดั ทา ส่อื การเรียนการสอนโดยใชโ้ ปรแกรม Adobe Captivate 7 3.2 สื่อการเรียนการสอนมจี านวน 54 ฉาก 3.3 สอ่ื การเรยี นการสอนใชเ้ วลานาเสนอ นาที 3.4 จัดทาแผ่นพับ จานวน 1 ฉบบั

4. ระยะเวลาและขั้นตอนการดาเนนิ โครงการ พฤษ เดือน 25ขนั้ ตอนการดาเนินงาน 121. เตรยี มหวั ขอ้ การทาโครงการ พร้อมกาหนดชอื่ โครงการ2. เสนอใบอนุมัติโครงการ3. ศึกษา และเก็บรวบรวมขอ้ มลู ในการทาโครงการ4. ดาเนนิ การจดั ทาโครงการ และเอกสาร5. นาเสนอโครงการเม่ือเสรจ็ สมบูรณ์6. สรปุ ผลการดาเนนิ โครงการตารางท่ี 1.1 แสดงระย

17ษภาคม มิถนุ ายน กรกฏาคม สงิ หาคม560 2560 2560 256034123412341234ยะเวลาและขัน้ ตอนการดาเนนิ โครงการ 3

185. ประโยชนท์ ่ีคาดวา่ จะได้รบั 5.1 ไดค้ วามรู้ เรอ่ื ง คาสรรพนาม 5.2 ไดค้ วามรเู้ ร่ือง โปรแกรม Adobe Captivate 7 5.3 อาจารย/์ นักเรียน สามารถใช้เปน็ สอ่ื การเรียนในวิชาภาษาไทยเรือ่ งคาสรรพนามได้6. แหล่งข้อมูลที่ศึกษา 6.1 หอ้ งสมดุ วทิ ยาลัยเทคโนโลยลี ะโว้ ลพบุรี 6.2 โรงเรียนเทศบาล 3 ระบบสาธติ เทศบาลเมืองลพบุรี 6.3 หนงั สอื ภาษาไทยระดับชน้ั ประถมศึกษาปที ี่ 37. เครื่องมือและวสั ดุอปุ กรณ์ 7.1 เครอ่ื งคอมพิวเตอร์ 7.1.1 Hardware - CPU Intrl Core i3-5005u - RAM 4GB DDR3 L Memory - HDD 500 GB 7.1.2 Software - Adobe Captivate 7 - Adobe Flash CS6 professional - Adobe Photoshop CS6 7.2 อปุ กรณอ์ ื่นๆ - Prnter รุน่ HP Deskjt 1510 - แผน่ DVD

8. งบประมาณ 19ลาดับท่ี กระดาษ A4 2 รีม รายการ งบประมาณ หมึกเคร่ืองปริ๊น รวม 250.- 1 แฟม้ งาน 690.- 2 แผ่น DVD 60.- 3 50.- 4 1050.- ตารางที่ 1.2 งบประมาณ

20 บทท่ี 2 เอกสารและข้อมูลทเี่ ก่ียวขอ้ ง1. ข้อมูลขององค์กรเดิม โรงเรียนเทศบาล ๓ ระบบสาธิตเทศบาลเมอื งลพบุรี ต้ังอยู่ท่ีถนนสีหราชเดโชชัย ตาบลทะเลชุบศร อาเภอเมืองลพบรุ ี จังหวดั ลพบรุ ี รหสั ไปรษณยี ์ ๑๕๐๐๐ โทรศพั ท์ ๐๓๖ – ๔๑๑๙๒๖ โทรสาร– E-Mail : Klongsaibua_t๓@ Hotmail.com สังกัดกองการศึกษาเทศบาลเมอื งลพบุรี เม่ือวันที่ ๒๒ มกราคม ๒๕๑๓ ร้อยเอกปราโมทย์ ณ นคร นายกเทศมนตรีขณะน้ัน ได้จัดต้ังโรงเรยี นเทศบาล ๓ วดั คลองสายบวั บนเน้อื ทข่ี องวดั คลองสายบวั และที่ดนิ ของจังหวัดทหารบกลพบุรีรวมเนื้อที่ ๒ ไร่ ๓ งาน ๕๙ ตารางวา ข้ึนโดยมีวัตถุประสงค์ เพ่ือให้เยาวชนในเขตชมุ ชนคลองสายบัวชุมชนไปรษณีย์ ชุมชนตลาดสดสระแก้ว และหมู่บ้านในเขตใกล้เคียงได้มีที่ศึกษา โดยใช้งบประมาณ๒๕๐,๐๐๐ บาท สร้างอาคารเรียน ๒ ชั้น คร่ึงไม้ครึ่งตึก จานวน ๑๖ ห้องเรียน จานวน ๑ หลัง ซ่ึงปัจจบุ ันได้ทาการรื้อถอนและสรา้ งเปน็ อาคาร ๑ ในขณะน้ี และโรงเรยี นไดร้ บั งบประมาณในการจดั ซื้อท่ีดินข้างโรงเรียนด้านตะวันออก เน้ือที่ประมาณ ๒ ไร่ ๑ งาน ๑๘ ตารางวา เพื่อขยายพ้ืนที่บนเน้ือที่ของวัดคลองสายบัวและท่ีดินของจังหวัดทหารบก ลพบุรี รวมเนือ้ ท่ี ๕ ไร่ ๗๗ ตารางวา ทิศเหนือ ติดกับสานักงานเทศบาลเมืองลพบุรีและศูนย์พัฒนาเด็กเล็ก ทิศใต้ ติดกับ วัดคลองสายบัวและชุมชนคลองสายบัว ทิศตะวันออก ติดกับชุมชนซอยอุตุนิยมวิทยา ทิศตะวันตก ติดกับศูนย์การศึกษานอกโรงเรยี น พ.ศ.๒๕๑๓ – ๒๕๑๙ นางทองมี รัตตะวตั ครใู หญ่ พ.ศ.๒๕๑๙ – ๒๕๒๖ นางสาวอานวย อารีย์วงศ์ อาจารยใ์ หญ่ พ.ศ.๒๕๒๗ – ๒๕๓๔ นายสมาน เต็มเปยี่ ม ผู้อานวยการโรงเรยี น พ.ศ.๒๕๓๕ – ๒๕๔๓ นางอฑั ฒกุล อิทธวิ ิบูลย์ ผอู้ านวยการโรงเรยี น พ.ศ.๒๕๔๓ – ๒๕๔๗ นางสมพร มนัสตรง ผอู้ านวยการสถานศึกษา พ.ศ.๒๕๔๗ – ๒๕๕๘ นายสมศักดิ์ บุญทิม ผ้อู านวยการสถานศกึ ษา พ.ศ.๒๕๕๘ – ปัจจบุ ัน นางสาวศิรพิ ร กองแกว้ ผู้อานวยการสถานศกึ ษา พ.ศ.๒๕๖๐ นางสาวศริ ิพร กองแก้ว ผอู้ านวยการสถานศึกษา มีบุคลากรประจาการทั้งหมด ๒๙ คน ชาย ๔ คน หญิง ๒๕ คน ผู้ช่วยครูผู้สอน ๕ คน เจ้าหน้าท่ีธุรการ ๑ คน พ่ีเล้ียง ๓ คน นกั การภารโรง ๒ คน เปิดสอนในระดับการศึกษาขน้ั พน้ื ฐาน ต้งั แต่ ชั้นอนุบาลถึงช้ันมัธยมศึกษาตอนต้น ระดับชั้นอนุบาลปีที่ ๑ ๓ จานวน ๑๕๕ คน ชาย ๘๘ คน หญิง ๖๗ คน ระดับช้ัน ประถมศึกษาท่ี ๑ ๖ จานวน ๓๘๑ คน ชาย ๒๐๔ คน หญิง ๑๗๗ คน ระดับชั้นมัธยมศึกษาปีท่ี ๑ ๓ จานวน ๑๙๐ คน ชาย ๑๑๒ คน หญิง ๗๘ คน รวมนักเรียนทงั้ หมด ๗๒๖ คน ชาย ๔๐๔ คน หญิง ๓๒๒ คน

21ปัจจุบันคณะผ้บู รหิ ารเทศบาลเมืองลพบรุ ี ๑. นายจาเรญิ สละชพี นายกเทศมนตรีเมอื งลพบรุ ี ๒. ว่าทรี่ .ท.ดร.จตรุ งค์ ศิริพานิชกร รองนายกเทศมนตรเี มอื งลพบรุ ี ๓. นายสมชัย อินปุระ รองนายกเทศมนตรีเมอื งลพบุรี ๔. นายอนสุ รณ์ อัศวสงคราม รองนายกเทศมนตรีเมืองลพบรุ ีมีนโยบายให้โรงเรยี นเทศบาล ๓ ระบบสาธติ เทศบาลเมืองลพบุรี จัดการศกึ ษาเป็น ๓ ระดับ คือ ๑. การศึกษาข้ันพ้ืนฐาน ระดับก่อนประถมศึกษา เน้นพัฒนาการด้านร่างกาย สังคมอารมณ์ จิตใจและสติปัญญา เพื่อการเตรียมความพร้อมก่อนเข้าสู่ระดับการศึกษาข้ันพ้ืนฐาน ประถมศึกษา ๒. การศึกษาขั้นพ้ืนฐาน ระดับประถมศึกษา พัฒนาคุณภาพผู้เรียนให้ทีทักษะพ้ืนฐานท่ี จาเปน็ ในศตวรรษที่ ๒๑ มสี ่วนร่วมในกจิ กรรมความเปน็ เลิศตามอจั ฉรยิ ภาพ สถานศกึ ษา เป็นศนู ยก์ ลางแหง่ การเรียนรตู้ ลอดชวี ติ ดารงชวี ติ อยา่ งมีความสุข ๓. การศึกษาข้ันพ้ืนฐาน ระดบั มัธยมศึกษาตอนต้น พัฒนาคุณภาพผู้เรยี นให้มีทักษะพ้ืนฐาน ที่จาเป็นในศตวรรษที่ ๒๑ พัฒนาสถานศึกษาบนพื้นที่ของความเป็นไทย ตามหลัก ปรชั ญาเศรษฐกิจพอเพยี ง ดารงชวี ิตอยา่ งมีความสุขและยง่ั ยืนคณะผ้บู รหิ ารสถานศกึ ษา ผอู้ านวยการสถานศกึ ษา นาสาวศริ ิพร กองแก้ว วิทยฐานะผอู้ านวยการเชีย่ วชาญ รองผ้อู านวยการสถานศกึ ษา นางสาวจตุพร เถาวห์ ริ ญั วทิ ยฐานะรองผูอ้ านวยการเช่ียวชาญบุคลากรของสถานศึกษา ๒ คน ผูบ้ รหิ าร ๒๗ คน ครูปฏบิ ัตกิ ารสอน ๕ คน ผู้ช่วยครผู ้สู อน ๑ ตน เจ้าหน้าทธ่ี รุ การ ๓ คน พเ่ี ลย้ี ง ๒ คน นกั การภารโรง ๗๒๖ คน นักเรียน

22โรงเรยี นเทศบาล ๓ ระบบสาธติ เทศบาลเมอื งลพบุรเี ป็นโรงเรียนขนาดใหญ่ มอี าคารตา่ งๆ ดงั น้ีประเภทอาคาร จานวนชัน้ จานวนหอ้ ง จานวนหลงั /ท่ี ๑๒ ๑อาคาร ๑ คสล ๓ ๖ ๑ช้ันลา่ งอาคาร ๑ เป็นห้องประชมุ ๖ ๑ ๑๒ ๑อาคาร ๒ คสล. ๒ ๙ ๑อาคาร ๓ คสล. ชนั้ ล่างอาคาร ๓ เป็นห้องสมุด ๓ ๑๒ ๑ - ๑อาคาร ๔ คสล. ๒ ๑๗ ๑ - ๑อาคาร ๕ คสล. ๔ ๑ ๑ - ๑ช้ันลา่ งอาคาร ๕ เปน็ โรงอาหารอาคาร ๖ คสล. ๓อาคารเอนกประสงค์ -สขุ า -โรงปรงุ อาหาร -อาคารดนตรไี ทย ๑สระวา่ ยน้า -ปรัชญาของโรงเรยี น ‘‘ จงมีความเพียรท่ีบริสุทธ์ิ ’’คาขวัญของโรงเรียน ‘‘วินยั ดี มวี ิชา กีฬาเด่น เป็นโรงเรียนของชุมชน’’พระพทุ ธรปู ประจาโรงเรยี น พระพุทธวิโมกข์ เป็นพระพทุ ธรูปที่เปี่ยมด้วยพลังอานาจ เป็นท่ีเคารพ ศรัทธา และยดึ เหนย่ี วจติ ใจให้มีความซอื่ สตั ยส์ ุจริต มีคณุ ธรรม จริยธรรม และจิตสาธารณะตราประจาโรงเรียน รปู ท่ี 2.1 ตราประจาโรงเรยี นเทศบาล 3

23 พระนารายณ์แผลงศร สัญลกั ษณ์รปู พระนารายณ์ประทับบนปรางคส์ ามยอดเป็นการแสดงออกถึงการรักชาติ ศาสน์ กษัตริย์ อันหมายถึง พลังแห่งความสมัครสมาน สามัคคีและเป็นน้าหนึ่งอันเดยี วกนัอักษรย่อของโรงเรยี น ส.ท.ล.๓สีประจาโรงเรียน รปู ท่ี 2.1 ตราประจาโรงเรยี นเทศบาล 3 รูปท่ี 2.2 สปี ระจาโรงเรยี นเทศบาล 3 “สแี ดง” สีแดง เป็นสัญลักษณ์แสดงถึงความเข้มแข็ง มีพละกาลัง มีความมุ่งม่ัน และความสนุกสนานเปรียบประดุจ การเรียนรู้สรรพวิชาการต่างๆ อย่างกว้างขวาง อันจะนาพาพัฒนาผู้เรียนสู่ความดีงามความเปน็ เลศิ ตามอัจฉรยิ ภาพใฝ่เรยี นรู้ตลอดชวี ติดอกไมป้ ระจาโรงเรยี น รปู ที่ 2.3 ดอกไม้ประจาโรงเรียนเทศบาล 3 ”ดอกบวั หลวงชมพูซอ้ น” ดอกบัวหลวงชมพูซอ้ น (บัวฉัตรชมพ)ู มีชื่อว่า สัตตบงกช เปน็ ราชินีแห่งไมน้ ้า มีความบริสุทธ์ผุดผ่อง ความสง่างาม และคุณงามความดี เปรียบประดุจ ผู้เรียนที่พร้อมจะเติบโตเป็นผู้มีวินัยกริ ยิ ามารยาทงาม รกั ความเป็นไทย สร้างสรรคส์ ังคม ทอ้ งถิน่ และประเทศชาตใิ หเ้ จรญิ ม่นั คงต่อไป

24สภาพเศรษฐกจิ บริเวณใกลเ้ คียงโรงเรยี น ประชาชนสว่ นใหญ่มีอาชพี ค้าขาย รับจา้ งทวั่ ไป ซ่ึงมีสภาพเศรษฐกิจไม่สูด่ ีนัก มีรายได้ไม่คอ่ ยเพียงพอต่อการบรโิ ภค มรี า้ นคา้ ท่เี ป็นอาหารพานิช คา้ ขาย มกี ารนาสินคา้ มาขายในตลาดตอนเช้าใกล้บรเิ วณโรงเรยี น และอยใู่ กล้แหล่งเรียนรูภ้ ูมปิ ัญญาท้องถิน่ ‘‘รอ้ งรา ลเิ ก’’สภาพสั่งบรเิ วณใกล้เคียงโรงเรียน สถานศึกษาต้ังอยู่ในตัวเมือง มีการจราจรติดขัดมากในช่วงเช้าและเย็นเป็นอุปสรรคในการรับ-ส่งนักเรียน และมีแหล่งอบายมุข (เกมส์) อยู่ใกล้บริเวณโรงเรียนและยาเสพติด มีชุมชน วัดคลองสายบัว ชมุ ชนไปรษณยี ์ ชุมชนอุตนุ ิยมวทิ ยา เป็นชุมชนแออดั ท่ีมีประชาชนอยู่อาศยั รา้ นคา้ ห้องแถวรถหาบเร่ขายหน้า บรเิ วณโรงเรยี น ทาใหก้ ารจราจรติดขดั ผู้ปกครอง รบั -สง่ นกั เรียนไมส่ ะดวก2. ข้อมลู เกีย่ วกับการทาโครงการของนักเรยี น 2.1 โปรแกรม Captivate รปู ท่ี 2.4 ไอคอนโปรแกรม Captivate โปรแกรม Captivate เป็นโปรแกรมสาหรับสร้างมัลติมีเดียบนเว็บ การจับภาพหน้าจอ การทาภาพเคลื่อนไหว และอื่น ๆ โปรแกรม Captivate สามารถสร้างบทเรียนแบบมีปฏิสัมพันธ์ สร้างข้อสอบ ได้ อย่างดี โดยผใู้ ชไ้ มจ่ าเป็นต้องเขียนคาสั่งเพราะโปรแกรมมีคาส่ังต่าง ๆ ไวใ้ ห้เลือกผ่านทางหน้าจอของ โปรแกรม จึงเป็นโปรแกรมท่ีใช้งานง่าย เรียนรู้ได้เร็ว เหมาะสาหรับครู และผู้ท่ีมีหน้าที่ฝึกอบรมบุคลากร นอกจากน้ียงั สามารถใช้ Widget หรอื เขยี น Action Script 3 เพม่ิ ขดี ความสามารถของโปรแกรมได้ และ สามารถ สง่ ข้ึนเว็บ Youtube ได้ทันที หรือจะทาเป็นไฟล์ PDF ก็ได้ โปรแกรมCaptivate มีจุดประสงค์หลักสาหรับใช้เล่นบนอินเทอร์เน็ต ผ่านทาง Browser หรือใช้กับ LMS โดยส่งออกไปใช้งานเป็น Flash (swf) ตามมาตรฐาน Scorm อย่างไรก็ตาม โปรแกรมสามารถส่งออกเป็นไฟล์ exe และนาไปเล่นบนเครื่องคอมพิวเตอร์ที่ไม่ได้ต่อกับอินเทอร์เน็ตได้ คุณสมบัตใิ หม่ของ รุ่น6 คือ สามารถส่งเข้าเผยแพร่บนเว็บ Youtube ได้ทันที สามารถส่งออก เป็นไฟล์ MP4 เพื่อใช้กับtablets smartphone และ iOS devices หรือ ส่งออกเป็น PDF ก็ได้ สามารถเพิ่ม เงาให้กับวัตถุบนหน้าจอ ทาให้มีมิติ นอกจากน้ียังสามารถใช้แม่แบบสาเร็จรูปสาหรับสร้างข้อสอบได้ง่าย ข้ึนและสวยงามข้นึ อกี ดว้ ย

25หลกั การพ้นื ฐาน โปรแกรม Captivate ทางานในลักษณะเดียวกับโปรแกรม MS PowerPoint คือในแต่ละไฟล์ หรือ Project จะประกอบไปด้วย Slide หลาย Slide นามาเรียงกัน ในแต่ละ Slide สามารถบรรจุสิ่งต่าง ๆ ซ่ึง ต่อไปน้ีจะเรียกว่าเป็น วตั ถุ เช่น ภาพ ข้อความ เสียง คลิปวิดีโอ และ ปุ่ม เป็นต้นการเข้า-ออกของ Slide และวัตถุใน Slide สามารถกาหนด Effects ต่าง ๆ ได้ เม่ือส่ังให้โปรแกรมทางาน โปรแกรมจะเริ่มนาแผ่น Slide ที่ 1 มาแสดง จากนั้นจะนาเอาแผ่น Slide ท่ี 2 และ 3 มาแสดงเรื่อย ๆ จนหมดทุก Slide การควบคุม Slide ให้ไปยังแผ่น Slide ทก่ี าหนด ทาได้โดยการ สร้างปุ่ม และใช้คาสั่งของโปรแกรม เพื่อให้ไปยัง Slide ท่ีต้องการ Slide แต่ละแผ่น จะมี Timeline เป็นของตนเอง Timeline จะเป็นตัวกาหนดเวลาการแสดงของวัตถุแต่ละตวั ในแผ่น Slideน้ันๆ ตลอดจนการกาหนดให้วัตถุใดเกิดก่อน หรือเกิดหลังอย่างไร หรือการกาหนดตาแหน่งของวัตถุให้อยู่ข้างหน้าหรืออยู่หลังวัตถุใด ก็ได้ วัตถุแต่ละวัตถุ เช่น ภาพ ข้อความ เสียง และวิดีโอ สามารถปรับแก้ลักษณะได้ ผ่านทางแถบ Properties โดย วัตถุแต่ละอย่าง จะมีแถบ Properties ของตนเอง เมื่อคลิกเลือกวัตถุใด โปรแกรม Captivate จะแสดง Properties ของวัตถุนั้น ทาให้สามารถกาหนดลักษณะของวัตถุนนั้ ๆ ได้หนา้ จอและเมนู รปู ท่ี 2.5 หน้าต่างโปรแกรม Adobe Captivate 7

26หน้าจอหลักของ Captivate มดี งั นี้ 1. เมนู รูปที่ 2.6 สว่ นประกอบของแถบเมนู - File สาหรับการสร้าง/เปิดไฟล์ใหม่ การบันทึก การส่งออกเพ่ือใช้งาน และการเล่น ไฟล์ (Preview) เป็นต้น - Edit สาหรับการคัดลอก วาง ภาพ ข้อความ หรือ แผ่น Slide ตลอดจนการ กาหนดคา่ ของโปรแกรม (Preferences) เปน็ ต้น - View มมุ มองของหนา้ จอ ปรบั หน้าจอขนาดตา่ ง ๆ การซอ่ น Slide เปน็ ตน้ - Insert สาหรับการนาเข้าวัตถุต่าง ๆ เช่น เพ่ิม Slide เพ่ิมข้อสอบ ภาพนิ่ง ภาพเคลื่อนไหว และปมุ่ เปน็ ต้น - Modify สาหรับการเปลี่ยนขนาดของหน้าจอแสดงผล (Document Window) กาหนดตาแหน่ง การจดั เรียงวัตถุต่าง ๆ บนหนา้ จอ (Alignment) เปน็ ต้น - Project สาหรับการเปลีย่ นรปู ร่างหนา้ ต่าง (skin editor) การสร้างตวั แปร เป็นต้น - Quiz สาหรบั สรา้ งขอ้ สอบแบบตา่ ง ๆ และการกาหนดคา่ ของขอ้ สอบ เป็นตน้ - Audio สาหรับการจัดการเก่ียวกับเสียง เช่น การนาเข้า และการตัดต่อเสียง เป็น ตน้ - Video สาหรับการจัดการคลิปวิดีโอ ไฟล์ วิดีโอท่ีใช้ได้ ได้แก่ flv f4v avi mov mp4และ 3gp ในกรณีทไ่ี ม่ใช่ flv หรอื f4v โปรแกรม Captivate จะแปลงไฟลก์ ่อน การนาเขา้ - Window สาหรับการเปดิ หรือปดิ การใช้งาน Panal ต่าง ๆ ในหนา้ จอ เช่น Timeline Filmstrip Effects และ Properties เป็นต้น Panal ใดที่กาลังเปดิ อยู่ จะเห็นมีเคร่ืองหมายถูกปรากฏอยขู่ ้างหนา้ ถา้ ตอ้ งการปิด ให้คลกิ เพ่ือเอา เครือ่ งหมายถูกออกไป2. Toolbars

27 รูปที่ 2.7 ส่วนประกอบของ Toolbarเปน็ กล่มุ เครื่องมือท่ีนามาวางไว้ เพ่ือใหส้ ามารถใชไ้ ด้อยา่ งสะดวก เครื่องมือในแถบ Toolbars นท้ี กุตัว สามารถเข้าถึงไดจ้ ากเมนู เครือ่ งมือท่ีควรร้จู กั มดี ังนี้ 2.1 Selection Tool เปน็ เครอ่ื งมือสาหรบั ใชเ้ ลอื กวัตถตุ ่าง ๆ ท่ีอย่บู นหนา้ จอ เมื่อใช้เครอื่ งมอื นี้คลิกทวี่ ัตถุใดบนหน้าจอ จะเห็น Properties ของวตั ถนุ นั้ ๆ แสดงในแถบ Propertiesและสามารถท่ีจะปรบั ปรุง แก้ไข หรอื กาหนดใหม่ได้ 2.2 Insert Text Caption เปน็ เคร่ืองมอื ท่ีใชบ้ อ่ ย สาหรบั การพิมพ์ตัวอักษร โดยจะมพี ื้นเปน็ แถบคลา้ ยป้ายรองรบั เราสามารถเปล่ยี นลกั ษณะของพ้ืน หรือ จะกาหนดใหไ้ มเ่ หน็ พ้ืนเลย ก็ได้โดยไปทแี่ ถบ Properties และกาหนดเปน็ Transparent 2.3 Insert Button เป็นเคร่อื งมือสรา้ งป่มุ บนหนา้ จอ เม่ือคลิกเคร่ืองมือนี้ จะเกิดปุ่มท่ีกลางหน้าจอโดยอตั โนมัติ เราสามารถลากปุ่มทีเ่ กิดขน้ึ ไปยังตาแหน่งใด ๆ ที่ต้องการบนหนา้ จอ และสามารถกาหนด Action หรือคาสั่งของปมุ่ วา่ เมื่อกดปุ่มน้ีแลว้ ใหท้ าอะไร เช่น ให้ไปยงั Slide ต่อไปหรือ ใหไ้ ปยัง Slide ที่กาหนด เปน็ ต้น 3. Panel Groupsเป็นกลุ่มแถบที่อยู่ด้านซ้ายมือ ประกอบด้วย ต่าง ๆ ที่สามารถกาหนดค่าให้แก่วัตถุต่าง ๆ ที่อยู่บนหน้าจอได้ รปู ท่ี 2.8 ส่วนประกอบของ Panel Groups 3.1 Properties เป็นแถบสาคัญที่กาหนดคุณลักษณะของวัตถุท่ีถูกเลือกบนหน้าจอ เช่นภาพ ขอ้ ความ ปุ่ม เป็นตน้ 3.2 Library เป็นแถบทร่ี วมวตั ถตุ ่าง ๆ ที่อยู่บนหน้าจอมาไว้ท่ีนี่ เมือ่ เรานา ภาพ เสียง หรือวดิ ีโอ มาวางบนหน้าจอ โปรแกรม Captivate จะนามาไว้ใน Library ให้โดยอัตโนมัติ ถ้าเราต้องการนามาใชอ้ ีก ก็สามารถนาวัตถุท่ีอยู่ใน Library มาวางไว้บนหน้าจอ และกาหนด Property เสียใหม่ได้ทาใหป้ ระหยัด เพราะไม่ต้องนาเขา้ วตั ถุใหม่ ซ่ึงทาให้เปลอื งหนว่ ยความจาของเครอื่ งคอมพวิ เตอร์ 3.3 Filmstrip เป็นส่วนที่แสดง Slide ทั้งหมดในโปรแกรม โดยเรียงลาดับก่อนหลังตามลาดับการนาเสนอ Slide แต่ละแผ่นสามารถใชเ้ มาสล์ ากเพื่อสลับตาแหน่งกันไดจ้ ากใน Filmstrip

28ได้ ในSlide แตล่ ะแผ่น ควรมีการตงั้ ชอื่ Slide ในแถบ Properties ด้วย ซึ่งมีประโยชน์ในการกาหนดเส้นทางการเดินของโปรแกรม เช่น เมื่อคลิกปุ่มแล้ว จะให้โปรแกรมไปท่ี Slide ใด เป็นต้น ชื่อของslide แต่ละแผ่นจะปรากฏที่ด้านล่าง ของ Slide น้ัน ๆ และนอกจากน้ี ถ้า Slide น้ันมี วิดีโอ หรือมีการใชเ้ สยี ง กจ็ ะมสี ญั ลักษณ์ปรากฏให้เหน็ 4. Document Window เป็นหน้าจอแสดงผลของโปรแกรม โดยจะแสดง Slide ทีละแผ่น วัตถุต่าง ๆ ท่ีนามาวาง ในSlide แต่ละแผ่น จะปรากฏท่ีน่ี เมื่อเปิดโปรแกรม Captivate ใหม่ โปรแกรมจะให้กาหนดขนาดของหน้าจอนี้ เราสามารถปรับมุมมองของหน้าจอนี้ ให้เล็กหรือใหญ่เพื่อสะดวกในการทางานได้ โดย กดปมุ่ Ctrl ค้างไว้และกดปุ่มเคร่อื งหมายเท่ากับ จะขยายให้ใหญข่ ึ้น แต่ถ้ากดปุ่ม Ctrl ค้างไว้และกดปุ่มเครื่องหมายลบ จะย่อหน้าจอให้เล็กลง การกดปุ่มข้างต้น ไม่มีผลต่อขนาดของหน้าจอ แต่เปน็ การย่อหรอื ขยายมุมมองนี้ เพอ่ื ให้สามารถทางานไดส้ ะดวกข้นึ เทา่ นน้ัถ้ามีการเปิดโปรแกรม Captivate หลายโปรแกรมพร้อมกัน จะเกิดแถบและมีชื่อของไฟล์ปรากฏให้เห็น ทาให้สามารถสลับไป-มา ระหว่างโปรแกรมได้ และยังสามารถคัดลอกวัตถุต่าง ๆ ข้ามโปรแกรมได้ โดยใช้ Copy และ Paste ระหวา่ งกันได้ รปู ท่ี 2.9 ส่วนประกอบของ Document Window5. Timeline รปู ที่ 2.10 สว่ นประกอบของ Timeline- Timeline เป็นแถบควบคุมวัตถุที่อยู่ในแผ่น Slide แผ่นที่กาลังแสดงอยู่ใน หน้าจอ DocumentWindow ท้ังน้ี Slide แต่ละแผ่น จะมี Timeline เป็นของ ตนเอง Timeline ประกอบด้วยช้ัน หรือ layers ต่าง ๆ หลายชั้น แต่ละชั้นคือ วัตถแุ ต่ละอยา่ งในแผ่น Slide นน้ั ๆ ซึ่งจะมีชอ่ื ปรากฏอยูใ่ ห้สังเกตได้ เชน่ ในภาพ Btton_3 เป็นชั้นของปุ่มที่ช่ือ Button_3 เป็นต้นชั้นแต่ละช้ัน สามารถปรับความ ยาว ให้ปรากฏก่อนหลังได้โดยใช้เมาส์ลากใหส้ ้ันลง หรือยาวข้ึนได้ และนอกจากนี้

29 ยังลากสลับตาแหน่ง บน-ล่าง ได้ วัตถุท่ีอยู่ช้ันบนกว่า จะอยู่หน้าวัตถุท่ีอยู่ช้ันล่าง ใน Document Window ท่ีด้านล่างมีปุ่มควบคุม ให้เล่น Slide แผ่นนี้ สามารถ เล่น หรือหยุดได้ โดยใช้ปุ่ม หรืออาจจะ คลิกและลากหัวอ่านสีแดง เพื่อดูความ เปลย่ี นแปลงได้นอกจากน้ี ถ้ามีการเปิด Panel เช่น Master slide หรือ Effects จะเห็นมีแถบปรากฏเพิ่มขึ้นที่นี่ ซึ่งจะสามารถใช้งาน Panel นัน้ ๆ ไดจ้ ากทน่ี ี่ เช่นกนั การสร้าง Slide ใหม่ และการนาเข้าวัตถุ1. การเพม่ิ Slide 1.1 การเพิม่ Slide เปลา่ ให้ไปทเ่ี มนู Insert > Blank Slide โปรแกรมจะสร้าง Slide เปล่าให้ โดยไมม่ ีวัตถใุ ด ๆ และจะใช้พ้นื หลงั ของโปรแกรม โดยปกติ (คา่ Default )จะเป็นสีขาว 1.2 การเพม่ิ Slide เปลา่ และมแี ม่แบบพื้นหลัง ใหไ้ ปท่ี Insert > New Slide โปรแกรม จะสรา้ ง Slide ใหม่ และนาพืน้ หลงั ของแมแ่ บบท่กี าหนดมาใชด้ ้วย ทาใหก้ ลมกลนื กับ Slide ก่อนหนา้ นี้2. การเพ่มิ ขอ้ ความ 2.1 ให้ไปที่ Insert > Standard Objects > Text Caption หรือคลิกที่ปุ่ม Insert TextCaption บนแถบเครื่องมือ จะปรากฏแถบสาหรับพิมพ์ข้อความ ให้พิมพ์ข้อความท่ีต้องการแล้วปรับค่า ตา่ ง ๆ ในแถบ Properties 2.2 การกาหนดคา่ ใน Properties ของข้อความ มีดังนี้ รูปที่ 2.11 สว่ นประกอบของ Properties - Item Name ชื่อของข้อความ ใหใ้ ชภ้ าษาองั กฤษเสมอ - GENERAL สามารถเปล่ียนลักษณะของแถบ เช่น สีพื้น รปู ร่าง เปน็ ต้น ถ้าไม่ต้องการให้มีพน้ื ให้คลิกสามเหลยี่ ม และเลือก Transparent - CHARACTER สาหรบั กาหนดคา่ ตา่ ง ๆ ของ Fonts เชน่ Fonts ขนาด และสี - FORMAT สาหรบั กาหนดใหจ้ ดั ชดิ ซา้ ย-ขวา เปน็ ตน้ - TIMING สาหรับกาหนดระยะเวลาทจ่ี ะให้แสดง และระยะเวลาที่จะใหป้ รากฏ หลังจากที่ Slide ปรากฏ เช่น จากภาพด้านล่าง เป็นการกาหนดให้ Slide มีความยาว

30 3 วินาที และจะเร่ิมแสดงให้เห็นเมือ่ เปิด Slide เข้ามาแล้ว 2 วินาที ดงั นัน้ Slide นี้ จะมีความยาวท้งั หมด 5 วินาที เมื่อดูท่ี Timeline เห็น รูปที่ 2.12 สว่ นประกอบของ TIMING - TRANSITION สาหรบั กาหนดการเข้ามาของข้อความ โดยปกตจิ ะให้คอ่ ย ๆ จางเข้า และจางออกไป (Fade In and Out) เราสามารถเปลี่ยนแปลงได้ เชน่ ให้เขา้ มาทันที แตเ่ วลาออกให้ค่อย ๆ จางออก (Fade Out Only) หรอื ไม่ใหม้ ี Transition เลย ก็ได้ - Audio สาหรับเพิม่ เสยี งเมื่อข้อความนี้ปรากฏ - POSITION & SIZE สาหรับกาหนดตาแหนง่ และขนาด ตาแหน่ง X คอื ระยะหา่ งจาก ขอบหนา้ จอซ้าย และ ตาแหน่ง Y คอื ระยะห่างจากขอบบนของ Document Window3. การเพิม่ ภาพ 3.1 Captivate สามารถนาภาพเข้าโปรแกรม และสามารถเปิดไฟล์ Photoshopและสามารถทางานกับโปรแกรม Photoshop ได้ 3.2 การนาภาพเขา้ โปรแกรม ไปท่ี Insert > Image และเลอื กไฟลท์ ่ีต้องการ 3.3 Properties ของภาพ มีดงั นี้ รูปที่ 2.13 ส่วนประกอบของ Propertie - Item Name ช่ือปุ่ม ใชภ้ าษาอังกฤษ IMAGE ช่ือของภาพ และการทาให้สีบางสีใน ภาพมองไม่เห็น โดยคลิกที่ Fill () และใชป้ ากกาดดู สี (Color picker) เลอื กสีใน ภาพ หรอื กาหนดเองจากแผ่นสี กไ็ ด้

31 - IMAGE EDIT สามารถปรบั แกส้ ขี องภาพ เชน่ ความสวา่ ง ความเขม้ เปลยี่ นภาพ เป็นสีเทาการหมุนภาพการตัดบางส่วนของภาพออก เป็นต้น นอกจากนย้ี ังสามารถปรับความโปร่งใสของภาพ โดยการปรับคา่Alpha จากเมนู ได้อีกดว้ ย รูปท่ี 2.14 ส่วนประกอบของ Alpha - IMING กาหนดเวลาทภี่ าพแสดงใน Slide และเวลาเรมิ่ ท่ีจะใหภ้ าพปรากฏ - TRANSITION สาหรับต้งั ลกั ษณะการ Fade เขา้ -ออกของภาพ - AUDIO สาหรบั ใสเ่ สยี งในภาพ เม่ือภาพปรากฏจะมีเสียงตามที่กาหนด - POSITION & SIZE สาหรบั การกาหนดตาแหนง่ และขนาดของภาพ4. การสรา้ ง Rollover Image Rollover Image ได้แก่ภาพท่ีปรากฏข้ึนเม่ือเมาสล์ ากผา่ นสิง่ ใดส่งิ หนึ่ง หรือบริเวณใดบรเิ วณหน่งึ บนแผ่น Slide เช่น ข้อความบนแผ่น Slide หรอื ภาพใด ๆ บนแผ่น Slide มวี ธิ ีการ ดังนี้ 4.1 เปิด Slide ใหม่ 4.2 สร้างขอ้ ความหรือภาพเปา้ หมายทีจ่ ะใหเ้ มาสล์ ากผา่ น 4.3 ไปท่ี Insert > Standard Objects >Rollover Image และเลือกภาพทีจ่ ะนามาทาเปน็ Rollover Image 4.4 จะเกิดภาพพร้อมทง้ั กรอบส่เี หลยี่ มสนี า้ เงนิ รปู ที่ 2.15 ส่วนประกอบของ Rollover Image

32 4.5 ลากกรอบสนี ้าเงนิ ไปวางทับบรเิ วณท่ตี ้องการใหเ้ มาส์ลากผ่าน และแสดงภาพท่นี าเขา้พรอ้ มท้งั ลากขอบเปล่ียนขนาด และย้ายตาแหน่งของภาพตามต้องการ รปู ท่ี 2.16 ส่วนประกอบของ Rollover Image 4.6 ถา้ ไม่ต้องการให้แสดงกรอบสีนา้ เงินแสดงใหเ้ หน็ ใหค้ ลิกท่กี รอบสีน้าเงนิ และกาหนดคา่Stroke ในแถบ PROPERITES > FILL & STROKE โดยกาหนดให้เปน็ 0 จะไมเ่ ห็นกรอบสนี ้าเงิน 4.7 ทดสอบ โดยไปท่ี File > Preview > Project และนาเมาส์ไปวางบรเิ วณทีน่ ากรอบสีนา้ เงินไปวางทับไว้ จะเหน็ ภาพท่ีกาหนดเปน็ Rollover Image ปรากฏขนึ้5. การใช้ Effects Captivate สามารถมี Effects ที่น่าสนใจจานวนมาก ต้ังแตก่ ารใช้ Transition ของ Slideเพ่อื กาหนดลกั ษณะการเข้า-ออกของ Slide การกาหนด Effects ให้กบั วัตถตุ า่ ง ๆ บน Slide เชน่ภาพ ขอ้ ความ ปุ่ม การใชภ้ าพเคล่ือนไหวจากไฟล์ swf. หรือ Gif animation ตลอดจนการใช้ TextAnimation ต่าง ๆ อยา่ งไรก็ตาม การใช้ Effects ต้องคานึงถึงความเหมาะสม เพ่ือใหส้ ามารถดึงดดูความสนใจของผใู้ ช้ การใช้ Effects มากเกนิ ไปอาจจะทาให้ผใู้ ช้ไมส่ นใจเน้ือหาทนี่ าเสนอได้ 1.1 Slide Transition - คลกิ ท่ีแผน่ Slide - ทแ่ี ถบ PROPERTIES > GENERAL เลอื ก Transition ทต่ี ้องการ

33 รปู ท่ี 2.17 แถบของ GENERAL 5.2 การใช้ Effects กบั วตั ถุตา่ ง ๆ บนหน้าจอวตั ถตุ ่าง ๆ เช่น ภาพ ปมุ่ ขอ้ ความ สามารถใช้ Effects ทาให้ดงึ ดดู ความสนใจได้ ดูนา่ สนใจมากยง่ิ ข้นึ - คลิกที่วตั ถุที่ต้องการใส่ Effects - ถา้ ท่แี ถบ Timeline ไม่มแี ถบ Effects ให้ไปที่ Window > Effects - ทแี่ ถบ Effects บน Timeline คลิกปุม่ Add Effect () เพือ่ กาหนด Fx ใหก้ ับวัตถุ นั้น รปู ที่ 2.18 สว่ นประกอบของ Effects - เลอื ก Effects จากรายการท่ีเห็น เชน่ พื้นฐาน การเข้า-ออกของวัตถุ เป็นต้น Effect แตล่ ะตัวจะมรี ายการย่อย ๆ อีกหลายรายการให้เลือก รปู ท่ี 2.19 สว่ นประกอบของ Effects - ถา้ ต้องการลบ Effects ใหค้ ลกิ เลือก Effect นั้น ๆ แลว้ คลกิ ทถ่ี งั ขยะ 5.3 การใช้ภาพเคลื่อนไหวจากไฟล์ Animation เช่น swf หรือ Gif animation สามารถนาเข้าผ่านทางเมนู Insert > Animation… ซึ่งโปรแกรม Captivate 5 ไดเ้ ตรียมไฟล์

34swf ไว้จานวนมากให้เลือกใช้ โดยเก็บไว้ที่ หอ้ งโปรแกรม Captivate 5/Gallery/SWF Animation 5.4 การใช้ Text Animation - ไปที่ Insert Text Animation หรือ คลิกที่เครื่องมอื Insert Text Animation รปู ที่ 2.20 ส่วนประกอบของ Text Animation - พมิ พ์ข้อความ ปรับขนาดและตัวอกั ษร และถ้าต้องการให้เล่นวน ในคลิกหนา้ Loop แลว้ คลิก OK - ปรับรปู แบบของ Animation จากในแถบ PROPERTIES > GENERAL > Effect ซึ่งจะมี Effects ใหเ้ ลือกจานวนมาก ถา้ ไม่พบ Effect แสดงว่า ข้อความทพ่ี ิมพเ์ ขา้ มาไม่ถูกเลือก ให้คลิกเลอื กข้อความนั้นก่อน รปู ท่ี 2.21 สว่ นประกอบของ Text Animation 2. การเพม่ิ ปุ่ม ปมุ่ ทาหนา้ ที่บังคบั การควบคุมหนา้ จอ (Navigation) ของโปรแกรม โดยการใส่คาสั่งที่ปุ่มให้ไปยงั Slide ใด ๆ หรือใหก้ ระทาการใด ๆ ตามคาสั่ง 6.1 ไปท่ี Insert > Standard Objects > Button หรือคลกิ ที่ปุม่ Insert Button บนแถบเครอ่ื งมอื จะเกิดปุ่มทบ่ี ริเวณกลาง Document Window ซ่ึงสามารถลากไปยงั ตาแหน่งท่ีตอ้ งการและปรับคา่ ใน Properties ตามต้องการ

356.2 แถบ Properties ของ ปุ่ม รูปท่ี 2.22 สว่ นประกอบของ Properties - Item Name ชือ่ ปมุ่ ใหก้ าหนดเป็นภาษาอังกฤษ - GENERAL สามารถเลอื กประเภทของปุ่มและกาหนดข้อความบนปมุ่ ได้ -ปุ่มมี 3ประเภท ไดแ้ ก่ 1)Text Button เปน็ ปมุ่ ทมี่ ขี ้อความทบั อยู่บนป่มุ สามารถเปลี่ยนข้อความไดจ้ ากชอ่ งCaption และควรใชภ้ าษาไทย 2)Transparent เปน็ ปุ่มโปร่งใส มองไมเ่ ห็น แตส่ ามารถคลิกได้ มีคุณสมบตั ิของปุ่ม ทุกประการ ใช้สาหรับนาไปครอบขอ้ ความหรอื ภาพท่ีต้องการให้คลิก ป่มุTransparent จะมคี ุณสมบัติด้าน FILL&STROKE เพิ่ม ให้กาหนดค่า alpha ของ Fill เทา่ กบั 0 และถา้ ไม่ต้องการเส้นขอบ ใหก้ าหนดค่า Stroke เป็น 0 เชน่ เดยี วกัน ดงั ภาพ รปู ท่ี 2.23 ส่วนประกอบของ FILL&STROKE การกาหนดค่า alpha ของ Fill และ เส้นขอบ (Stroke) 3)Image Button เป็นปุ่มที่ใช้ภาพCaptivate 6 มีปุ่มจานวนมากเตรยี มไวใ้ หใ้ นห้องของโปรแกรม /Gallery/Buttons/ แต่สว่ นใหญจ่ ะมีขอ้ ความเป็นภาษาองั กฤษ ถ้าต้องการสร้างเองสามารถทาได้ โดยใช้โปรแกรมกราฟกิ เชน่ Gimp หรือPhotoshop โดยให้สร้างปุ่ม 3 ปุ่ม คือป่มุ สถานะปกติ (up) ขณะเมาส์ลากผ่าน (over) และขณะกดเมาส์ (down) ประการสาคัญคือ ต้องใชช้ ่ือปุ่มชื่อเดยี วกัน แต่ตอ่ ท้ายด้วย _up, _over และ _downเช่น ถ้าปุ่มน้ีคลิกแล้ว ให้ทาต่อไป อาจใช้ช่ือว่า next_up, next_over และ next_down เป็นต้นnext_up next_over next_down นาปุ่มท้ัง 3 ไปไว้ในห้องเดียวกัน เม่ือจะนาเข้า ให้กาหนดประเภทของปุ่มเป็น Image Button และ Browse หาภาพปุ่มที่สร้างไว้ โดยเลือกปุ่มท่ีมีสถานะปกติโปรแกรมจะทราบวา่ เป็นปุ่มทง้ั หมดเปน็ ชดุ เดียวกนั และจะนาไปใชโ้ ดยอตั โนมัติท้ังสามปมุ่ - CHARACTER เป็นการกาหนดเกี่ยวกับตัวอักษรท่ีอยู่บนปุ่ม สาหรับปุ่มประเภท Text Button - ACTION เป็นคาสั่งท่ีโปรแกรมมีไว้ให้เลือก คาส่ังท่ีสาคญั มีดังน้ี -Continue ให้ทา ต่อไป หวั อ่านจะวิ่งต่อจากตาแหน่งปจั จุบัน ถ้ามีวัตถุใดใน slide น้ัน ๆ ท่ีอยู่ต่อจาก ป่มุ น้ีไป จะแสดงใหเ้ หน็ กอ่ น และถา้ ไมม่ ีปมุ่ ใด ๆ อกี โปรแกรมจะเปดิ slide ถดั ไป

36 - Go to the previous slide ให้กลับไปยัง Slide ที่เพ่ิงผ่านมา -Go to the next slide ให้ไปยัง Slide ต่อไปทันที ถ้ามีวัตถุใดต่อจากปุ่มน้ีในหน้า Slide นี้ จะไม่ แสดงให้เห็น เพราะโปรแกรมจะข้ามไปยัง Slide ต่อไป ทันที -Go to the slide last visited ส่ังให้กลับไปยัง Slide ท่ีเพิ่งผ่านมา ในกรณีที่ถูกส่ังให้กระโดดมาจาก Slide อนื่ ที่ไมใ่ ช่ Slide ท่ีติดกนั โปรแกรมจะกลับไปยงั Slide น้ัน -Jump to slide ให้กระโดดไปยงั Slide ใด ๆ ในโปรแกรมนี้ -Open URL or file ใหเ้ ปิดหนา้ เว็บอื่น หรือเปิดไฟลอ์ ่นื - Open another project ให้เปิดไฟล์ของ Captivate 6 ในกรณีน้ี ใช้สาหรับการ ลิงค์ไฟล์ จากไฟล์หน่ึงไปอีกไฟล์หน่ึง หรือใช้สาหรับทาเมนู เพ่ือลิงค์ไปและกลับ ระหวา่ งไฟล์ได้ - OPTIONS ใช้สาหรับเปลย่ี น Cursor เป็นรูปมอื เมือ่ เมาสล์ ากผา่ น หรือใหม้ ีข้อความ เพ่ิมเตมิ รปู ท่ี 2.24 สว่ นประกอบของ Timing - TIMING สาหรับตงั้ คา่ เวลาทง้ั หมดที่ปุ่มนี้จะแสดงบนหน้าจอ และเวลาก่อนที่ปุ่มจะ หยุดหัวอ่านไม่ให้ว่ิงต่อไป ตลอดจนเวลาหลังจากเมื่อกดปุ่มน้ีไปแล้ว ถ้าสังเกตบน Timeline ของป่มุ จะเห็นมีเสน้ ขนานแนวต้งั ซ่งึ แสดงเวลา ณ ตาแหน่งทปี่ ุ่มน้ีจะทา หน้าทห่ี ยุดหวั อ่าน ตาแหน่งน้ี สามารถใชเ้ มาส์ลากเปลย่ี นแปลงได้ - REPORTING ในกรณีที่เป็นการถามตอบ จะให้นาผลการตอบไปรวมกับข้อสอบ หรือไม่ ถา้ นาไปรวม จะใหค้ ่าคะแนนของการตอบครงั้ น้กี ี่คะแนน - AUDIO สาหรับเพม่ิ เสียงใหแ้ กป่ มุ่ - POSITION & SIZE สาหรับกาหนดตาแหน่งและขนาดของปุ่มการใช้เสยี งใน Project ของ Captivate 7 เสียงใน Project ของ Captivate 6 สามารถใช้ได้ 3 ลักษณะ คือ 1) นาเข้าไฟล์เสียงจากภายนอก 2) บันทึกเสียงจากไมโครโฟน และ 3) แปลงข้อความเป็นเสียง โดยติดตั้ง Software แปลงข้อความเป็นเสียง (Text-to-speech software) เพิ่มเติมจากแผ่นซีดีของโปรแกรม Captivate สาหรบั ในบทเรียนนี้ จะนาเสนอเฉพาะการใชเ้ สยี งจากไฟลท์ ่นี าเขา้ เท่านัน้

37การใช้เสียงในโปรแกรม Captivate มี 3 ลักษณะ คือ 1) เสียง Background 2) เสียงประจา Slideและ 3) เสียงประจาวัตถุบน Slide เช่น เสียงประกอบปุ่ม ภาพ หรอื ข้อความ Feedback ในข้อสอบเปน็ ต้นการใช้ไฟล์เสียง ไฟล์เสียงท่ีจะนามาใช้งานได้ คือไฟล์ .wav ของ Microsoft และไฟล์ mp3 ในกรณีที่เลือกเสยี งท่เี ปน็ wav โปรแกรมจะแปลงใหเ้ ป็น mp3 ก่อนการนาเข้ามาใช้งานใน Project1. เสยี ง Backgroundสามารถนาเสียงประกอบเป็น Background ของ Project โดยเสียงจะเล่นต้ังแต่ต้นจนจบทุก Slideหากพบว่า มี Slide แผ่นใดมีเสียงอยู่ใน Slide น้ัน เสียงนี้จะเบาลง เพื่อให้ได้ยินเสียงประจา Slideโดยปกติมักจะใช้เสียงเพลงบรรเลง เป็นเสียง Background ประกอบ การใช้เสียง Background มีขั้นตอน ดงั น้ี 1.1 เปิด Project ใหม่ หรือใช้ Project ท่ีมอี ยแู่ ล้วก็ได้ 1.2 ไปทเ่ี มนู Audio > Import to > Background 1.3 เลือกไฟล์เสียงจากในเครื่องคอมพิวเตอร์ 1.4 จะเปดิ หนา้ จอ ต่อไปนี้ ให้กาหนดค่าตามต้องการ รปู ท่ี 2.25 สว่ นประกอบของ Slide Audio 1.5 ถา้ ตอ้ งการปรับแต่งเสยี ง ให้คลกิ ปมุ่ Edit เพอ่ื ปรับแต่งเสยี งได้ 1.6 คลิก Close เพอ่ื กลับไปยังหนา้ จอปกติ 1.7 ทดสอบ โดยไปที่ File > Preview > Project 1.8 เอาเสยี ง Background ออก ไปที่ Audio > Remove > Background2. เสยี งประจา Slide เป็นเสียงประกอบ Slide จะเล่นเฉพาะเม่ือ Slide น้ัน ๆ ปรากฏเท่าน้ัน และจะหยุดเล่นเม่ือSlide นั้นออกไปจากหน้าจอ วธิ กี ารนาเสียงเขา้ มีดังนี้ 2.1 เปิด Project ใหม่ สร้าง Slide เปล่า จานวน 3 แผ่น หรือใช้ Project ท่ีมีอยู่แล้วก็ได้ควรมี Slide จานวน 3-4 แผ่น

38 2.2 คลกิ เลอื กแผ่น Slide ที่ 1 2.3 ไปท่ีเมนู Audio > Import to > Slideเลอื กไฟล์เสียง mp3 จากในเครือ่ งคอมพิวเตอร์ การนาเข้าในแผน่ Slide มลี กั ษณะ ดังนี้ 2.4 ถ้า Project นน้ั มี Slide แผน่ เดยี ว หรอื Slide ทจี่ ะนาเสยี งเข้านนั้ เปน็ Slide แผน่สดุ ทา้ ย โปรแกรมจะนาเสียงเข้าทนั ที และถ้าความยาวของ Slide นอ้ ยกวา่ ความยาวของเสยี งโปรแกรมจะขยายความยาวของ Slide ให้เทา่ กับเสยี ง 2.5 การนาเข้าในแผ่น Slide มีลกั ษณะ ดงั นี้ รูปท่ี 2.26 สว่ นประกอบของ Slide Audio - ถา้ Project น้นั มแี ผน่ Slide หลายแผน่ และ Slide ท่นี าเสียงเขา้ ไม่ใชแ่ ผน่ สุดท้าย แต่Slide น้นั มีความยาวมากกว่าไฟล์เสยี ง โปรแกรมจะนาเสยี งเข้าที่ Slide น้นั ตามปกติ โดยจะปรากฏหนา้ จอใหป้ รบั แตง่ เสียงได้ ก่อนนาเข้า ดงั น้ี รูปท่ี 2.27 สว่ นประกอบของ Slide Audioหนา้ จอนี้ สามารถปรบั แตง่ เสยี งได้ เม่ือคลิก Close โปรแกรมจะนาเสยี งเข้า Slide ทันที - ถ้า Project น้นั มแี ผ่น Slide หลายแผน่ และ Slide ทีน่ าเสียงเข้า ไมใ่ ช่แผ่นสดุ ทา้ ย แต่ Slide นั้น มีความยาวน้อยกวา่ ไฟล์เสยี ง โปรแกรมจะให้เลอื กลักษณะทนี่ าเสยี ง เข้า 3 ลกั ษณะดังน้ี

39รปู ที่ 2.28 สว่ นประกอบของ Audio Import 1) นาเสียงเข้าที่ Slide น้ัน และจะขยายความยาวของ Slide นั้นให้เท่ากับความยาวของ เสียง 2) เฉลย่ี เสียงออกตามจานวน Slide ที่เหลอื โดยจะนาเสียงท้ังหมดเข้าใน Slide ท่เี ลอื กก่อน จากนัน้ จะเปดิ หนา้ จอใหป้ รับว่าจะนาเสียงไปไว้ Slide แผ่นใด อย่างไร รูปท่ี 2.29 ส่วนประกอบของ Slide Audio 3) รักษาความยาวของ Slide ท่ีเลือกไว้เหมอื นเดมิ แต่เฉลย่ี เสียงออกไปตาม Slide ท่ีเหลือ ข้อควรระวัง เม่ือนาเสียงท่ีมีความยาวมากกว่า ความยาวของ Slide เข้า Slide แล้ว ให้ ตรวจสอบตาแหน่งของวัตถุต่าง ๆ ที่มีอยู่ก่อนนาเสียงเข้า และเล่ือนปรับตาแหน่งของวัตถุ ตา่ ง ๆ ให้เหมาะสม 2.6 ถ้าต้องการเอาเสยี งประจา Slide ออก ให้ไปท่ี Audio > Remove > Slide3. เสยี งประจาวัตถุบน Slide เสียงสามารถนาเข้ากับวัตถุ เช่น ภาพ ข้อความ ได้ โดยเฉพาะ ขอ้ ความท่ีใช้เป็น Feedbackสาหรบั ข้อสอบ ก็สามารถนาเสียงเข้าได้ เชน่ กนั วธิ ีการนาเข้าเสียงประจาวัตถมุ ดี ังนี้ 3.1 เปิด Project ใหม่ 3.2 นาเข้าภาพ โดยไปที่ Insert > Image … และเลือกภาพทตี่ ้องการ 3.3 คลกิ ที่ภาพ 3.4 ทแี่ ถบ PROPERTIES คลิกเปดิ แถบ AUDIO และคลกิ Add Audio…

40 รปู ท่ี 2.30 ส่วนประกอบของ Properties 3.5 โปรแกรมจะเปดิ หน้าจอใหเ้ ลือกและปรบั แต่งไฟล์เสียง 3.6 คลิกปมุ่ Import เพ่อื เลือกไฟล์เสียง 3.7 โปรแกรม Captivate มีเสยี งประกอบเตรียมไว้ใหเ้ ลือก อยู่ในหอ้ งโปรแกรมของCaptivate/Gallery/Sound/ 3.8 ถา้ ต้องการปรับแตง่ ใหค้ ลกิ แถบ Edit 3.9 จากน้ันให้กดปมุ่ Save และ Close ตามลาดับ โปรแกรมจะกลับมาท่หี นา้ จอเดิม 3.10 ทดสอบโดยไปที่ File > Preview > Project รปู ท่ี 2.31 สว่ นประกอบของ Opject Audio โปรแกรม Adobe Captivate เป็นโปรแกรมท่ีถูกพัฒนาข้ึนมาเพื่อสนับสนุนการสร้าง Movie ในรูปแบบสื่อเรียนการเรียนรู้ หรือส่ือการนาเสนอแบบมัลติมีเดีย เช่น การนาเสนอผลงาน การจับหน้าจอภาพเพ่ือนาไปสร้างสื่อการเรียนรู้ การสร้างแบบทดสอบ รวมไปถึงการตัดต่อวิดีโอ เพื่อใช้สาหรับงานนาเสนอหรือผลติ สอ่ื การเรียนรู้ โดยโปรแกรม Adobe Captivate เปน็ โปรแกรมที่ใชส้ รา้ งชนิ้ งานไดง้ ่ายและเรว็ จดุ เดน่ ของโปรแกรม Adobe Captivate - สร้างส่ือเรยี นรหู้ รอื สื่อนาเสนอมลั ติมเี ดยี ไดอ้ ยา่ งง่ายดาย - ตัดตอ่ วดิ โี อไดท้ ้ังภาพนง่ิ และภาพเคลื่อนไหว - สร้างส่ือเรียนรู้โดยการจับหน้าจอภาพ (Screen capture movie) ประกอบเสียง บรรยาย เหมาะสาหรับการนาไปใชเ้ ปน็ สอ่ื การเรียนการสอน - สร้างแบบทดสอบไดง้ ่าย - นาเขา้ ไฟล์จากแหลง่ ตา่ งๆ ไดห้ ลากหลาย - ไฟลร์ ูปภาพ (Image) เช่น JPG, BMP, GIF

41 - ไฟล์เสยี ง (Sound) เชน่ MP3, WAV - เสยี งบรรยายผ่านไมโครโฟน - ไฟล์วิดโี อ (Video) เชน่ AVI - สไลดจ์ ากโปรแกรม Microsoft Power Point (.PPT)- สง่ ออกไฟล์ได้หลายรูปแบบ- Flash movie File (.swf) ลักษณะเช่นเดียวกบั โปรแกรม Macromedia Flash- HTML File (.html) สาหรบั การนาไปใชก้ บั เวบ็ ไซต์- EXE File (.exe) สาหรับการนาไปใช้แบบ Stand alone คือ การแสดงผลโดยไม่ต้อง ตดิ ตัง้ โปรแกรม Adobe captivate- ควบคมุ เวลาได้ง่าย โดยใช้ Virtual Timeline- ดูตัวอย่างผลงานได้ทันที โดยไม่ต้อง Compile- สนับสนุนการใช้งานร่วมกับ Macromedia Breeze ทาให้สามารถกาหนดเน้ือหาที่จะ แสดงใหก้ ับผู้ใชท้ ี่ตอ้ งการได้ผา่ นบราวเซอร์ โดยนาผลงาน (Publishing) ไปไวท้ ี่ Breeze Serve- ฟอร์แมตที่เป็นมาตรฐานสนับสนนุ โปรแกรมออกแบบบทเรียนออนไลน์ทุกประเภท ตาม การรับรองของ SCORM 2004, SCORM 1.2 และ AICC ซ่ึงสามารถนาไปใช้งานร่วมกับ โปรแกรมออกแบบบทเรียนออนไลน์แบบ LMS (Learning Management System)- การเปิดใชง้ านโปรแกรม Adobe Captivate

42 2.2 โปรแกรม Flash CS6 รูปที่ 2.32 ไอคอนโปรแกรม Flash CS6เม่อื เปิดโปรแกรม Adobe Flash Professional CS6 แลว้ จะปรากฏหนา้ จอดังภาพ รูปที่ 2.33 เปิดโปรแกรม Adobe Flash Professional CS6ส่วนประกอบของโปรแกรม Adobe Flash Professional CS6

43 รูปท่ี 2.34 สว่ นประกอบของโปรแกรม Adobe Flash Professional CS6การเรยี กใช้งานโปรแกรม Flash มีหลักการคล้ายๆ กับการเรียกโปรแกรมทั่วๆ ไปของ ระบบปฏิบัติการวินโดวส์ โดยแรมจากการคลิกปุ่ม Start จากนั้นเลื่อนไปคลิกที่รายการProgram, Adobe Flash CS3 Professional รอสกั ครู่จะปรากฏหน้าตา่ งการทางาน ซ่ึงมโี หมดการ ทางานใหเ้ ลือกไดห้ ลายลักษณะได้แก่ - การเปิดไฟล์จากคาสั่ง Open a Recent Item - การสร้างงานผลงานจากรายการ Create New - การสรา้ งผลงานแมแ่ บบ Create from Template\ รูปที่ 2.35 การเรียกใช้โปรแกรม Adobe Flash Professional CS6แถบเคร่อื งมือหลัก (Main Toolbar)

44 แถบเครื่องมือควบคุมการทางานหลักของโปรแกรม เช่น การสร้างไฟล์ใหม่, การเปิดไฟล์, การคัดลอกข้อมูลเป็นต้น โดยสามารถควบคุมให้แสดง หรือไม่ต้องแสดงโดยคล๊ิกเลือกคาสั่ง Window, Toolbars, Main รปู ที่ 2.36 แถบเคร่อื งมอื หลักแถบเครื่องมือ (Toolbox) กลุ่มเครื่องมือสร้างงานและจัดการวัตถุ ประกอบด้วยปุ่มเครื่องมือย่อยต่างๆ สามารถเปิด/ ปิดด้วยคาสั่ง Window, Tools โดยสามารถแบ่งเคร่ืองมือเป็นหมวดๆ ได้ 5 หมวด คือเครื่องมือ หมวดเลือกวัตถุ (Selection) เครื่องมือหมวดวาดภาพ (Drawing) เคร่ืองมือจัดแต่งวัตถุ(Modify) เครอื่ งมอื ควบคุมมมุ มอง (View) และเครอ่ื งมอื ควบคมุ สี (Color) รปู ที่ 2.37 แถบเคร่อื งมือรายละเอยี ดของเครือ่ งมอื กลุ่มเลือก รูปที่ 2.38 แถบเครือ่ งมอื กลมุ่ เลือก

45รายละเอยี ดของเครือ่ งมือกลุ่มวาดและตกแตง่ ภาพ รูปท่ี 2.39 แถบเครอ่ื งมอื กลุ่มวากและตกแตง่รายละเอียดของเคร่ืองมือกลุ่มสเี ส้นและสีพื้น (Colors) รูปที่ 2.40 แถบเคร่อื งมือกลมุ่ สเี สน้ และพืน้ หลงัDocument Tab ส่วนควบคุมเอกสาร สามารถคลิกเพื่อสลบั เปลีย่ นจอภาพเอกสาร รูปท่ี 2.41 แถบ DocumentTimeline & Layer Timeline เปน็ ส่วนสาคญั ทีท่ าหน้าทค่ี วบคุมการนาเสนอผลงาน สามารถเปดิ /ปดิ ด้วยคาส่งั Window, Timeline รูปท่ี 2.42 แถบ TimelineLayer สว่ นควบคมุ การสรา้ งช้ินวตั ถุ เพื่อให้การควบคุมวัตถุแตล่ ะช้ิน มีอิสระ และสะดวก ต่อการแกไ้ ข ปรับแตง่ รูปท่ี 2.43 Layer

46 2.3 โปรแกรม Adobe Photoshop CS6 รูปที่ 2.44 ไอคอนโปรแกรม Photoshop CS6คณุ สมบัตพิ ้ืนฐานของโปรแกรม โปรแกรม Photo shop เป็นโปรแกรมในตระกูล Adobe ที่ใช้สาหรับตกแต่งภาพถ่ายและภาพกราฟฟิก ได้อย่างมีประสิทธิภาพ ไม่ว่าจะเป็นงานด้านส่ิงพิมพ์ นิตยสาร และงานด้านมัลติมีเดียอีกท้ังยังสามารถ retouching ตกแต่งภาพและการสร้างภาพ ซ่ึงกาลังเป็นที่มีความนิยมสูงมากในขณะน้ี เราสามารถใช้โปรแกรม Photoshop ในการตกแตง่ ภาพ การใส่ Effect ตา่ ง ๆใหก้ ับภาพ และตัวหนังสือ การทาภาพขาวดา การทาภาพถ่ายเป็นภาพเขียน การนาภาพมารวมกันการ Retouch ตกแตง่ ภาพตา่ ง เราสามารถเรยี นรูว้ ธิ กี ารใช้โปรแกรม Adobe Photoshop น้ไี ด้ดว้ ยตัวเอง คณุ สามารถที่จะทาการแก้ไขภาพ ตกแตง่ ภาพ ซ้อนภาพในรูปแบบต่างๆ ได้อย่างง่ายดาย และสิง่ ท่ีขาดไม่ได้กค็ ือ การใส่ข้อความประกอบลงในภาพด้วย และเน่ืองด้วย Adobe Photoshop มีการพัฒนาโปรแกรมมาอยา่ งต่อเน่ือง ทาให้เราจาเป็นตอ้ งศึกษาคาส่ังตา่ งๆ ให้เข้าใจ แต่ที่สาคัญ เมอ่ื คุณเรียนรู้การใช้คาสั่งในเวอรช์ น่ั เกา่ คณุ ก็ยังคงสามารถนาไปประยกุ ต์ใช้กับเวอรช์ น่ั ใหม่ๆ ได้ดว้ ยครบั ความสามารถพืน้ ฐานของ Adobe Photoshop ท่ีควรทราบ - ตกแตง่ หรอื แกไ้ ขรปู ภาพ - ตัดตอ่ ภาพบางสว่ น หรือทเี่ รียกวา่ crop ภาพ - เปล่ยี นแปลงสีของภาพ จากสหี น่งึ เปน็ อกี สีหน่งึ ได้

47 - สามารถลากเส้น แบบฟรีสไตล์ หรือใส่รูปภาพ สเ่ี หลี่ยม วงกลม - มีการแบ่งชั้นของภาพเป็น Layer สามารถเคลื่อนย้ายภาพได้เป็นอิสระต่อกัน การ ทา cloning ภาพ หรือการทาภาพซา้ ในรปู ภาพเดียวกัน - เพ่มิ เติมข้อความ ใส่ effect ของข้อความได้ - Brush หรือแปรงทาสี ท่ีสามารถเลือกรูปแบบสาเร็จรูปในการสร้างภาพได้และอื่นๆ อีกมาก มาโปรแกรม Adobe Photoshop CS6 เม่อื ทาการเปิดโปรแกรมแลว้ จะพบหนา้ ตาของโปรแกรม รปู ท่ี 2.45 หน้าโปรแกรมเมนูของโปรแกรม Application menu หรือ Menu bar ประกอบดว้ ย 1. File หมายถึง รวมคาสั่งที่ใช้จัดการกับไฟล์รูปภาพ เช่น สร้างไฟล์ใหม่, เปิด, ปิด, บันทึกไฟล์, นาเขา้ ไฟล์, สง่ ออกไฟล์ และอื่น ๆ ทเ่ี ก่ยี วกบั ไฟล์ 2. Edit หมายถึง รวมคาสัง่ ท่ใี ชส้ าหรับแก้ไขภาพ และปรบั แต่งการทางานของโปรแกรมเบอ้ื งตน้ เชน่ กอ๊ ปปี้, วาง, ยกเลิกคาสั่ง, แก้ไขเคร่ืองมอื และอืน่ ๆ 3. Image หมายถึง รวมคาสงั่ ที่ใช้ปรบั แตง่ ภาพ เช่น สี, แสง, ขนาดของภาพ (image size),ขนาดของเอกสาร (canvas), โหมดสีของภาพ, หมุนภาพ และอน่ื ๆ 4. Layer หมายถึง รวมคาสั่งท่ีใช้จัดการกับเลเยอร์ ท้ังการสร้างเลเยอร์, แปลงเลเยอร์ และการจดั การกับเลเยอรใ์ นด้านต่าง ๆ 5. select รวม คาสั่งเก่ียวกับการเลือกวัตถุหรือพ้ืนที่บนรูปภาพ (Selection) เพ่ือนาไปใช้งานรว่ มกบั คาสัง่ อ่ืน ๆ เช่น เลอื กเพอ่ื เปลย่ี นสี, ลบ หรอื ใชเ้ อฟเฟก็ ต์ตา่ ง ๆ กบั รปู ภาพ 6. Filter เปน็ คาส่ังการเลน่ Effects ตา่ งๆสาหรบั รูปภาพและวตั ถุ

48 7. View เป็นคาสั่งเก่ียวกับมุมมองของภาพและวัตถุในลักษณะต่างๆ เช่น การขยายภาพและยอ่ ภาพใหด้ เู ล็ก 8. Window เป็นส่วนคาสั่งในการเลือกใช้อุปกรณ์เสริมต่างๆท่ีจาเป็นในการใช้สร้างEffects ต่างๆ 9. Help เป็นคาสัง่ เพื่อแนะนาเกี่ยวกับการใชโ้ ปรแกรมฯและจะมีลายละเอียดของโปรแกรมอยใู่ นนน้ัเมนขู องพื้นทท่ี างาน Panel menu Panel (พาเนล) เปน็ วินโดว์ยอ่ ย ๆ ทใี่ ช้เลือกรายละเอียด หรือคาสง่ั ควบคุมการทางานต่าง ๆของโปรแกรม ใน Photoshop มีพาเนลอยู่เป็นจานวนมาก เช่น พาเนล Color ใช้สาหรับเลือกสี,พาเนล Layers ใช้สาหรับจัดการกับเลเยอร์ และพาเนล Info ใช้แสดงค่าสีตรงตาแหน่งที่ชี้เมาส์รวมถึงขนาด/ตาแหนง่ ของพ้นื ท่ีที่เลอื กไว้พื้นท่ที างาน Stage หรอื Panel เปน็ พน้ื ท่ีว่างสาหรบั แสดงงานทก่ี าลังทาอยู่เครอ่ื งมอื ท่ีใช้งาน Tools panel หรือ Tools box Tool Panel (ทูลพาเนล) หรือ กล่องเคร่ืองมือ จะประกอบไปด้วยเคร่ืองมือต่าง ๆ ที่ใช้ในการวาด ตกแตง่ และแก้ไขภาพ เครอื่ งมือเหล่าน้ีมจี านวนมาก ดงั นัน้ จึงมกี ารรวมเครื่องมือทีท่ าหนา้ ท่ีคลา้ ย ๆ กันไว้ในปุ่มเดียวกนั โดยจะมีลักษณะรูปสามเหลย่ี มอยบู่ รเิ วณมุมด้านลา่ งดังภาพ 2 เพอื่ บอกให้รู้วา่ ในป่มุ นี้ยงั มีเครอื่ งมืออ่นื อยู่ดว้ ยสงิ่ ท่ีควบคุมเครอื่ งมอื ท่ใี ช้งาน Tools control menu หรอื Option bar Option Bar (ออปช่ันบาร์) เป็นส่วนท่ีใช้ปรับแต่งค่าการทางานของเคร่ืองมือต่าง ๆ โดยรายละเอยี ดในออปช่ันบาร์จะเปล่ียนไปตามเครื่องมอื ท่ีเราเลือกจากทูลบ็อกซ์ในขณะน้ัน เช่น เมอื่ เราเลอื กเครื่องมอื Brush (พู่กนั ) บนออปชั่นบาร์จะปรากฏออปช่ันทใ่ี ช้ในการกาหนดขนาด และลกั ษณะหัวแปรง, โหมดในการระบายความโปร่งใสของสี และอัตราการไหลของสี เป็นต้นเครือ่ งมือพื้นฐานของโปรแกรม Tools

49 รูปที่ 2.46 เครอื่ งมือพ้ืนฐาน Tool Panel (ทูลพาเนล) หรือ กล่องเคร่ืองมือ จะประกอบไปด้วยเคร่ืองมือต่าง ๆ ท่ีใช้ในการวาด ตกแต่ง และแก้ไขภาพ เคร่อื งมือเหล่าน้ีมจี านวนมาก ดังนน้ั จงึ มีการรวมเคร่ืองมอื ท่ที าหนา้ ท่ีคล้าย ๆ กนั ไว้ในป่มุ เดียวกัน โดยจะมีลกั ษณะรูปสามเหลย่ี มอยู่บริเวณมุมด้านลา่ งดังภาพ 2 เพอื่ บอกใหร้ วู้ า่ ในปมุ่ นย้ี งั มีเครือ่ งมืออ่นื อยูด่ ว้ ยทาการแบ่งกล่มุ เครือ่ งมอื ไดด้ ังภาพต่อไปนี้ รูปท่ี 2.47 กล่องเคร่อื งมือเครอื่ งมอื แต่ละชิ้นมคี ณุ สมบัติดงั น้ี Move ใช้สาหรบั เลอื กพ้นื ทีบ่ นภาพเปน็ รูปสเ่ี หลย่ี ม วงกลม วงรี หรือเลือกเปน็ แถว คอลมั น์ ขนาด 1 พเิ ซล Marquee ใชส้ าหรับย้ายพนื้ ที่ทเี่ ลือกไว้ของภาพ หรือยา้ ยภาพในเลเยอรห์ รือย้ายเสน้ ไกด์ Lasso ใชเ้ ลือกพน้ื ทบี่ นภาพเปน็ แนวเขตแบบอสิ ระ