สื่อการเรียนการสอนเรื่องการใช้งานโปรแกรม Adobe Illustrator

สื่อการเรียนการสอนเรื่องการใช้งานโปรแกรม Adobe Illustrator จัดทำโดย นายจักกรีวัตฌ์ หมีมา รหัส 6122040003 ชั้น ปวช.3 โครงการนี้เป็นส่วนหนึ่งของการศึกษาตามหลักสูตรประกาศนียบัตรวิชาชีพ ประเภทวิชาพาณิชยกรรม สาขาวิชาคอมพิวเตอร์ธุรกิจ วิทยาลัยการอาชีพนครนายก

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

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

หน้า บทคัดย่อ ก กิตติกรรมประกาศ ข สารบัญ ค - ง สารบัญภาพ จ สารบัญตาราง ฉ บทที่ 1 บทนำ 1.1 ที่มาและความสำคัญ 1 1.2 วัตถุประสงค์ของโครงการ 1 1.3 ขอบเขตของโครงการ 1 1.4 ประโยชน์ที่คาดว่าจะได้รับ 1 1.5 เครื่องมือที่ใช้พัฒนาโปรแกรม 1 บทที่ 2 เอกสาร ทฤษฎี และงานวิจัยที่เกี่ยวข้อง 2.1 ทฤษฎีสี 2 - 3 2.2 หลักการออกแบบเว็บไซต์ 4 2.3 ทฤษฎีโปรแกรมต่าง ๆ ที่เกี่ยวข้อง 3 - 8 บทที่ 3 วิธีการดำเนินงาน 3.1 การออกแบบโครงสร้างเว็บไซต์ (site map) 9 3.2 การออกแบบแผนความคิด (Story Board Design) 10 3.2 ขั้นตอนการดำเนินงาน 10 บทที่ 4 ผลการดำเนินงาน 4.1 เครื่องมือและอุปกรณ์ที่ใช้ 11 4.2 โปรแกรมที่ใช้ในการพัฒนา 11 4.3 วิธีนำไปใช้งาน 11 - 17 บทที่ 5 สรุปผลการดำเนินงาน 5.1 สรุปผลการดำเนินโครงการ 18 5.2 ปัญหาและอุปสรรคในการจัดทำโครงการ 18 5.3 ข้อเสนอแนะ 1 สารบัญ (ต่อ) หน้า

บรรณานุกรม ภาคผนวก ภาคผนวก ก แบบเสนอขออนุมัติโครงการ ภาคผนวก ข แบบฟอร์มคุณลักษณะผลงาน ภาคผนวก ค ประวัติผู้จัดทำ ภาคผนวก ง QR code สื่อการเรียนการสอน โปรแกรม Adobe Illustrator

สารบัญภาพ หน้า ภาพที่ 2.1 ภาพแสดงวงจรของสี ที่นำแม่สีมาผสมกัน 2 ภาพที่ 2.2 Adobe photoshop ทำงานเป็นเลเยอร์ 4 ภาพที่ 2.3 แสดงรูปแบบคำสั่งรูปแบบ Interface Enhancement 4 ภาพที่ 2.4 Selection tool 6 ภาพที่ 2.5 Create tool 6 ภาพที่ 2.6 Transform tool 7 ภาพที่ 2.7 Special tool 7 ภาพที่ 2.8 Paint color tool 8 ภาพที่ 2.9 View tool 8 ภาพที่ 3.1 โครงสร้างเว็บไซต์ 9 ภาพที่ 3.2 การออกแบบแผนภาพแนวความคิด (Story Board Design) 10 ภาพที่ 4.1 หน้าแรกของเว็บเพจ 11 ภาพที่ 4.2 ประวัติความเป็นมา 12 ภาพที่ 4.3 หน่วยการเรียนรู้ 12 ภาพที่ 4.4 หน่วยการเรียนรู้ที่ 1 13 ภาพที่ 4.5 หน่วยการเรียนรู้ที่ 2 13 ภาพที่ 4.6 หน่วยการเรียนรู้ที่ 3 14 ภาพที่ 4.7 หน่วยการเรียนรู้ที่ 4 14 ภาพที่ 4.8 หน่วยการเรียนรู้ที่ 5 15 ภาพที่ 4.9 หน่วยการเรียนรู้ที่ 6 15 ภาพที่ 4.10 หน่วยการเรียนรู้ที่ 7 16 ภาพที่ 4.11 แบบฝึกหัด 16 ภาพที่ 4.12 ประวัติผู้จัดทำ 17

สารบัญตาราง หน้า ตารางที่ 2.1 ความรู้สึกของสี 3

บทที่ 1 บทนำ 1.1 ที่มาและความสำคัญ ปัจจุบันงานกราฟิกเป็นส่วนสำคัญที่มีบทบาทยิ่งต่อการออกแบบและกระบวนการผลิตสื่อ โดยเฉพาะอย่างยิ่งสื่อที่ต้องการการสัมผัสรับรู้ด้วยตา ได้แก่ หนังสือ นิตยสาร วารสาร แผ่นป้ายบรรจุ ภัณฑ์ แผ่นพับ แผ่นปลิว โทรทัศน์โฆษณา ภาพยนต์ ฯลฯ นักออกแบบจึงควรมีความรู้ ความสามารถ ในการใช้งานโปรแกรมกราฟิกต่าง ๆ โปรแกรม Adobe Illustrator เป็นโปรแกรมที่ได้รับความนิยมอยากมากในด้านการออกแบบ กราฟิก เนื่องจากเป็นโปรแกรมในลักษณะ Vector Art ที่สามารถรองรับงานด้านสื่อสิ่งพิมพ์ และ Animation โดยในปัจจุบันทักษะการใช้งานโปรแกรม Adobe Illustrator จึงเป็นที ่ต้องการใน หน่วยงานต่างๆ อย่างมากมีลักษณะที่สวยงาม มีความยืดหยุ่นสูง สามารถนำไปประยุกต์ใช้กับการ ผลิตสื่อประชาสัมพันธ์ สื่อการเรียนการสอน รวมทั้งสื่ออิเล็กทรอนิกส์ต่างๆ ได้เป็นอย่างดี ผู้จัดทำโครงการได้เล็งเห็นความสำคัญในใช้งาน โปรแกรม Adobe Illustrator จึงได้จัดทำ เว็บไซต์ สื ่อการเรียนการสอน โปรแกรม Adobe Illustrator ขึ้น เพื ่อให้ผู้ที ่สนใจที ่จะเรียนรู้ โปรแกรม Adobe Illustrator และนำไปปรับใช้ในการทำงานของตนเองได้ 1.2 วัตถุประสงค์ของโครงการ 1.2.1 เพื่อเข้าใจหลักการและกระบวนการการใช้โปรแกรม Adobe Illustrator 1.2.2 เพื่อใช้เป็นสื่อในการศึกษา ให้กับผู้ที่สนใจเรื่องการใช้โปรแกรม Adobe Illustrator 1.3 ขอบเขตของโครงการ 1.3.1 เรียนรู้ได้ด้วยตนเองผ่านสื่อการเรียนการสอน โปรแกรม Adobe Illustrator 1.3.2 เรียนรู้เพิ่มเติมภายนอกห้องเรียนได้ 1.4 ประโยชน์ที่คาดว่าจะได้รับ 1.4.1 เข้าใจหลักการและกระบวนการการใช้โปรแกรม Adobe Illustrator 1.4.2 สามารถศึกษาการใช้โปรแกรม Adobe Illustrator ได้ 1.5 เครื่องมือที่ใช้พัฒนาโปรแกรม

1.5.1 โปรแกรม Adobe Photoshop CS6 ใช้ในการตัด ตกแต่งรูปภาพ 1.5.2 โปรแกรม Microsoft Word ใช้ในการพิมพ์เอกสารและสร้างตาราง 1.5.3 โปรแกรม Microsoft Power point ใช้ในการทำสไลด์

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

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

2.2 หลักการออกแบบเว็บไซต์ 2.2.1 ความเรียบง่าย เข้าใจง่าย 2.2.2 ความสม่ำเสมอ ไม่สับสน 2.2.3 สร้างความโดดเด่น เป็นเอกลักษณ์ 2.2.6 คุณภาพของเว็บไซต์ 2.2.7 ความสะดวกในการเข้าใช้งาน 2.2.8 ความคงที่ของการออกแบบ 2.2.9 ความคงที่ของการทำงาน 2.3 ทฤษฎีโปรแกรมต่างๆ ที่เกี่ยวข้อง 2.3.1 ทฤษฎีโปรแกรม Adobe Photoshop เครื ่องมือใน Adobe Photoshop เป็นโปรแกรมตกแต ่งภาพที ่ได้รับความนิยมมากเนื ่องจากเป็น โปรแกรมที่ใช้ง่ายและรองรับ Application ( plugin ) เสริมได้มากมาย ลักษณะเด่นของ Adobe photoshop 1. Adobe photoshop ทำงานเป็นเลเยอร์ ลักษณะการทำงานของ Adobe photoshop จะเหมือนการวางแผ่นใสๆกันเป็นชั้นๆโดยแต่ละแผ่นจะมีการ ทำงานต่างกันแต่เมื่อรวมกันแล้วจะเป็นแค่ภาพเดียวแต่ละแผ่นใส layer สามารถสลับไปมาได้ ภาพที่ 2.2 Adobe photoshop ทำงานเป็นเลเยอร์ 2 รูปแบบคำสั่งเป็น Interface Enhancement ไอคอนและปุ่มคำสั่งต่างๆจะอยู่ในรูปแบบของ Toolbox , Toolbar และ Dialog Box ซึ่งจัดไว้เป็นหมวดหมู่โดยกดคลิกเพื่อใช้งาน ภาพที่ 2.3 แสดงรูปแบบคำสั่งรูปแบบ Interface Enhancement 2.4 ทฤษฎี Google Site 4 5

ปัจจุบันเทคโนโลยีคอมพิวเตอร์และอินเทอร์เน็ตได้พัฒนาไปอย่างรวดเร็วจากกระแสที่มาแรงทำให้ หลายประเทศทั่วโลกต่างเข้าสู่การเปลี่ยนแปลงที่มีการนำเอาเทคโนโลยีสารสนเทศเข้ามาร่วมพัฒนากิจกรรม ต่างๆของประเทศณวันนี้เครือข่ายอินเตอร์เน็ตโดยเฉพาะบริการ www ได้เข้ามาเป็นเครื่องมือชิ้นสำคัญในการ เปลี่ยนแปลงรูปแบบการเรียนการสอนการฝึกอบรมรวมถึงการถ่ายทอดวิชาความรู้เป็นการเพิ่มช่องทางในการ ติดต่อสื่อสารระหว่างผู้สอนและผู้เรียนมากยิ่งขึ้น 2.4.1 ความหมายของบริการGoogle google site เป็น application ออนไลน์ที่ทำให้การสร้างเว็บไซต์ของทีมกลายเป็นเรื่องง่ายเหมือน แก้ไขเอกสารเมื่อใช้ google site ผู้คนสามารถรวบรวมข้อมูลที่หลากหลายไว้ในที่เดียวได้อย่างรวดเร็วได้แก่ วีดีโอปฏิทินงานนำเสนอไฟแนบและข้อความและยังสามารถใช้ร่วมกับกลุ่มเล็กๆทั้งองค์กรหรือทางโลกเพื่อดู หรือแก้ไขได้อย่างง่ายดาย 2.4.2 ความหมายของเว็บไซต์ เว็บไซต์เป็นแหล่งที่เก็บรวบรวมข้อมูลเอกสารและสื่อผสมต่างๆเช่นภาพเสียงข้อความของแต่ละบริษัท หรือหน่วยงานโดยเรียกเอกสารต่างๆเหล่านี้ว่าเว็บเพจและเรียกเว็บหน้าแรกของแต่ละเว็บไซต์ว่าโฮมเพจหรือ อาจกล่าวได้ว่าเว็บไซต์ก็คือเว็บเพจอย่างน้อย 2 หน้าที่มีลิงก์ถึงกันตามหลักคำว่าเว็บไซต์จะใช้สำหรับผู้ที่มี คอมพิวเตอร์แบบ server หรือจดทะเบียนเป็นของตนเองเรียบร้อยแล้วเช ่น www.google.co.th ซึ ่งเป็น เว็บไซต์ที่ให้บริการสืบค้นข้อมูลเป็นต้นสรุปคือชื่อเรียกหรือที่อยู่ของเครื่องคอมพิวเตอร์ที่ให้บริการเว็บเพจคือ หน้าแต่ละหน้าที่ที่มีการเชื่อมโยงถึงกันโฮมเพจคือหน้าแรกของการเข้าสู่เว็บไซต์ 2.4.3 ส่วนประกอบของบริการ Google site 2.4.3.1 มีข้อความ text ได้แก่ตัวอักษรตัวเลขซึ่งอาจเป็นภาษาอังกฤษหรือภาษาไทยหรือภาษาอื่นๆ 2.4.3.2 graphics ได้แก่ ภาพวาดและรูปภาพต่างๆ 2.4.3.3 มัลติมีเดีย ได้แก่ ภาพเคลื่อนไหว ภาพ วิดีโอ หรือ เสียง 2.4.3.4 link ข้อความหรือรูปภาพที่มีลักษณะพิเศษซึ่งสามารถเชื่อมโยงไปยังเว็บเพจอื่นๆได้ 2.4.4 คุณสมบัติของเว็บไซต์ google site 2.4.4.1 มีพื้นที่ให้บริการเยอะ 100 MB ต่อ 1 size 2.4.4.2 พัฒนาได้ง่ายปรับปรุงรูปแบบปรับแต่งข้อมูลแบบออนไลน์ 2.4.4.3 รูปแบบไซส์ดูเป็นแบบมาตรฐานของเว็บไซต์ทั่วไป 2.4.4.4 เป็นการตั้งค่าสำหรับการเข้าถึงและใช้ข้อมูลร่วมกัน 2.4.4.5 เป็นที่รวมเข้ากับเครื่องมืออื่นของ google เพื่อสามารถแบ่งปันวิดีโอภาพถ่ายงานนำเสนอ และปฏิทิน การจัดทำโครงการ เรื่อง สื่อการเรียนการสอน โปรแกรม Adobe Illustrator นี้ผู้จัดทำได้ศึกษา เอกสารที่เกี่ยวข้องดังต่อไปนี้ 6

1. ข้อมูลเกี่ยวกับคอมพิวเตอร์ 2. อุปกรณ์คอมพิวเตอร์ (Hardware) 1. ข้อมูลเกี่ยวกับโปรแกรม Adobe Illustrator Adobe Illustrator คือ โปรแกรมที่ใช้ในการวาดภาพ โดยจะสร้างภาพที่มีลักษณะเป็นลายเส้น หรือที่เรียกว่า Vector Graphic จัดเป็นโปรแกรมระดับมืออาชีพที่ใช้กันเป็นมาตรฐานในการออกแบบระดับ สากลสามารถทำงานออกแบบต่างๆ ได้หลากหลาย ไม่ว่าจะเป็นสิ่งพิมพ์ บรรจุภัณฑ์ เว็บ และภาพเคลื่อนไหว ตลอดจนการสร้างภาพเพื่อใช้เป็นภาพประกอบในการทำงานอื่นๆ เช่น การ์ตูน ภาพประกอบหนังสือ เป็นต้น 2. เครื่องมือที่ใช้งานของโปรแกรม Adobe Illustrator แบ่งออกเป็น 6 หมวดการทำงาน ตามแผนผัง ดังนี้ 1 Selection tool เครื่องมือกลุ่มนี้ใช้สำหรับเลือกวัตถุ ภาพที่ 2.4 Selection tool 2 Create tool เครื่องมือกลุ่มนี้ใช้สำหรับสร้าง object ไม่ว่าจะเป็นรูปทรงต่าง ๆ และ ตัวหนังสือ ภาพที่ 2.5 Create tool

3Transform tool เครื่องมือกลุ่มนี้ใช้สำหรับปรับแต่งรูปทรงของวัตถุ และ ยังสามารถใส่เอฟเฟคได้ ภาพที่ 2.6 Transform tool 4 Special tool เครื่องมือกลุ่มนี้ใช้สำหรับมือใหม่ที่จัดการเกี่ยวกับ Symbol และ graph ภาพที่ 2.7 Special tool 5 Paint color tool เครื่องมือกลุ่มนี้ใช้สำหรับการจัดการเรื่องสี 7 7 8

ภาพที่ 2.8 Paint color tool 6 View tool เครื่องมือกลุ่มนี้ใช้สำหรับมุมมองเป็นหลัก ภาพที่ 2.9 View tool

หน่วยการเรียนรู้ที่ 1. การใช้งานโปรแกรม Adobe Illustrator หน้าแรก ประวัติ ความเป็นมา หน่วยการ เรียนรู้ แบบฝึกหัด ประวัติผู้จัดท า หน่วยการเรียนรู้ที่ 2. หน่วยการเรียนรู้ที่ 3. หน่วยการเรียนรู้ที่ 7. หน่วยการเรียนรู้ที่ 4. หน่วยการเรียนรู้ที่ 5. หน่วยการเรียนรู้ที่ 6. บทที่ 3 วิธีการดำเนินงาน การจัดทำโครงการ เรื่อง สื่อการเรียนการสอน โปรแกรม Adobe Illustrator มีวิธีการดำเนิน โครงงานตามขั้นตอนต่อไปนี้ 3.1 การออกแบบโครงสร้างเว็บไซต์ ( Site Map ) ภาพที่ 3.1 โครงสร้างเว็บไซต์

3.2 การออกแบบแผนภาพแนวความคิด (Story Board Design) ภาพที่3.2 การออกแบบแผนภาพแนวความคิด 3.3 ขั้นตอนการดำเนินงาน 3.3.1 คิดหัวข้อโครงการเพื ่อนำเสนอครูที ่ปรึกษาโครงการ โดยใช้หัวข้อว ่า สื ่อการเรียนการสอน โปรแกรม Adobe Illustrator 3.3.2 ศึกษาและค้นคว้าข้อมูลที่เกี่ยวข้องกับเรื่องที่สนใจ คือเรื่องสื่อการเรียนการสอน โปรแกรม Adobe Illustrator ว่ามีเนื้อหามากน้อยเพียงใด และต้องศึกษาค้นคว้าเพิ่มเติมเพียงใดจากเว็บไซต์ต่างๆ และ เก็บข้อมูลไว้เพื่อจัดทำเนื้อหาต่อไป 3.3.3 ศึกษาการสร้างเว็บที่สร้างจากเว็บไซต์ต่างๆ ที่นำเสนอเทคนิค วิธีการสร้างเว็บ 3.3.4 จัดทำโครงร่างโครงการสื่อการเรียนการสอน โปรแกรม Adobe Illustrator เพื่อนำเสนอครูที่ ปรึกษาผ่านการร่างโครงร่างบนกระดาษ 3.3.5 ปฏิบัติการจัดทำโครงการสื ่อการเรียนการสอน โปรแกรม Adobe Illustrator โดยสร้าง บทเรียนที่สนใจตามแบบเสนอโครงร่างที่เสนอไว้แล้ว ทั้งนี้ได้นำเสนอบทเรียนผ่านเว็บ 3.3.6 นำเสนอรายงานความก้าวหน้าเป็นระยะๆ โดยแจ้งให้ครูที ่ปรึกษาโครงการเข้าไปตรวจ ความก้าวหน้าของโครงงานผ่านของเรา ซึ่งครูที่ปรึกษาจะให้ข้อเสนอแนะต่างๆ เพื่อให้จัดทำเนื้อหาและการ นำเสนอที่น่าสนใจต่อไป ทั้งนี้เมื่อได้รับคำแนะนำก็จะนำมาปรับปรุง แก้ไขให้เป็นที่สนใจยิ่งขึ้น 3.3.7 ประเมินผลงาน โดยการนำเสนอผ่าน เว็บไซต์ และรูปเล่ม แล้วให้ครูที่ปรึกษาประเมินผลงาน 10

บทที่ 4 ผลการดำเนินการ การจัดทำโครงการ เรื ่อง สื ่อการเรียนการสอน โปรแกรม Adobe Illustrator มีผลการดำเนิน โครงงาน ดังนี้ 4.1 เครื่องมือและอุปกรณ์ที่ใช้ 4.2 โปรแกรมที่ใช้ในการพัฒนา 4.3 วิธีการนำไปใช้งาน 4.1 เครื่องมือและอุปกรณ์ที่ใช้ 4.1.1 คอมพิวเตอร์ 4.4.2 กระดาษ A4 4.4.3 เครื่องปรินเตอร์ 4.2 โปรแกรมที่ใช้ในการพัฒนา 4.2.1 โปรแกรม Adobe Photoshop CS6 ใช้ในการตัด ตกแต่งรูปภาพ 4.2.2 โปรแกรม Microsoft Word ใช้ในการพิมพ์เอกสารและสร้างตาราง 4.2.3 โปรแกรม Microsoft Power point ใช้ในการทำสไลด์ 4.3 วิธีการนำไปใช้งาน 4.3.1 สามารถเข้าไปเยี ่ยมชมเว็บไซต์ โดยสามารถพิมพ์ค้านหาใน Google หรืองสามารถกดลิงค์ https://sites.google.com/view/jakkreewat-meema 4.3.2 การใช้งานโปรแกรม 1.หน้าแรกของเว็บเพจ ภาพที่ 4.1 หน้าแรกของเว็บเพจ

2.ประวัติความเป็นมา ภาพที่ 4.2 ประวัติความเป็นมา 3.หน่วยการเรียนรู้ ภาพที่ 4.3 หน่วยการเรียนรู้ 12 13

4. หน่วยที่การเรียนรู้ที่ 1 ภาพที่ 4.4 หน่วยการเรียนรู้ที่ 1 5. หน่วยที่การเรียนรู้ที่ 2 ภาพที่ 4.5 หน่วยการเรียนรู้ที่ 2

6. หน่วยที่การเรียนรู้ที่ 3 ภาพที่ 4.6 หน่วยการเรียนรู้ที่ 3 7. หน่วยที่การเรียนรู้ที่ 4 ภาพที่ 4.7 หน่วยการเรียนรู้ที่ 4 14

8. หน่วยที่การเรียนรู้ที่ 5 ภาพที่ 4.8 หน่วยการเรียนรู้ที่ 5 9. หน่วยที่การเรียนรู้ที่ 6 ภาพที่ 4.9 หน่วยการเรียนรู้ที่ 6 15

10. หน่วยที่การเรียนรู้ที่ 7 ภาพที่ 4.10 หน่วยการเรียนรู้ที่ 7 11. แบบฝึกหัด ภาพที่ 4.11 แบบฝึกหัด 16

12. ประวัติผู้จัดทำ ภาพที่ 4.12 ประวัติผู้จัดทำ บทที่ 5 17

สรุปผลการดำเนินงานและข้อเสนอแนะ การจัดทำโครงการ เรื่อง สื่อการเรียนการสอน โปรแกรม Adobe Illustratorสรุปผลการดำเนินงาน และข้อแนะนำได้ดังนี้ 5.1 สรุปผลการดำเนินโครงการ จากการทดสอบ พบว ่าการทดสอบสื ่อการเรียนการสอน โปรแกรม Adobe Illustrator ที ่ได้ พัฒนาขึ้นนี้สามารถทำงานได้ครบตามความต้องการของผู้ใช้คือ มีเนื้อหา และสามารถใช้เป็นสื่อนอกห้องเรียน ได้ 5.2 ปัญหาอุปสรรคในการจัดทำโครงการ ในการพัฒนาสื่อการเรียนการสอน เรื่อง โปรแกรม Adobe Illustrator ได้พบอุปสรรคในการทำงาน ดังนี้ 5.2.1 การจัดทำสื่อการเรียนการสอน เรื่อง โปรแกรม Adobe Illustrator ยังมีเนื้อหาน้อยเกินไป 5.2.2 รูปภาพบางส่วน ไม่ตรงกับเวอร์ชั่นของ โปรแกรม Adobe Illustrator 5.3 ข้อเสนอแนะ 5.3.1 ควรปรับสีฟอนต์ให้ชัดเจน 5.3 2 ควรมีเนื้อหาเพิ่มมากยิ่งขึ้น

ภาคผนวก ก แบบเสนอขออนุมัติโครงการ

แบบเสนอขออนุมัติโครงการ วิทยาลัยการอาชีพนครนายก ชื่อโครงการ สื่อการเรียนการสอน โปรแกรม Adobe Illustrator ระยะเวลาดำเนินการ วันที่ 27 พฤศจิกายน 2563 ถึง วันที่ 26 มีนาคม 2564 ประมาณการค่าใช้จ่าย 2,000 บาท ผู้รับผิดชอบโครงการ นายจักกรีวัตฌ์ หมีมา รหัส 6122040001 ชั้น ปวช.3 ลงชื่อ............................................หัวหน้าโครงการ ( นายจักกรีวัตฌ์ หมีมา ) วัน.........เดือน.....................พ.ศ. ............ ความคิดเห็นของอาจารย์ประจำวิชา ความคิดเห็นของครูที่ปรึกษาโครงการ ....................................................... ........................................................... ....................................................... ........................................................... ....................................................... ........................................................... ลงชื่อ ................................................ ลงชื่อ................................................. (นางจงจิต บูรณศรี) (นางจงจิต บูรณศรี) ครูผู้สอนวิชาโครงการ ครูที่ปรึกษาโครงการ เห็นควรอนุมัติโครงการ เห็นควรอนุมัติโครงการ ไม่อนุมัติโครงการ ไม่อนุมัติโครงการ ลงชื่อ ............................................. ลงชื่อ ............................................... (นางณัฐกานต์ เหรียญทอง) (นายยุทธกร อินทร์โท่โล่) หัวหน้าแผนกวิชาคอมพิวเตอร์ธุรกิจ รองผู้อำนวยการฝ่ายวิชาการ

1. ชื่อโครงการ สื่อการเรียนการสอน โปรแกรม Adobe Illustrator 2. ผู้รับผิดชอบโครงการ นายจักกรีวัตฌ์ หมีมา รหัส 6122040003 ชั้น ปวช.3 3. ระยะเวลาดำเนินการ วันที่ 27 พฤศจิกายน 2563 ถึง วันที่ 26 มีนาคม 2564 4. ครูที่ปรึกษา อาจารย์จงจิต บูรณศรี 5. หลักการและเหตุผล โปรแกรม Adobe Illustrator เป็นโปรแกรมที่ได้รับความนิยมอยากมากในด้านการออกแบบกราฟิก เนื่องจากเป็นโปรแกรมในลักษณะ Vector Art ที่สามารถรองรับงานด้านสื่อสิ่งพิมพ์ และ Animation โดยใน ปัจจุบันทักษะการใช้งานโปรแกรม Adobe Illustrator จึงเป็นที ่ต้องการในหน ่วยงานต่างๆ อย ่างมากมี ลักษณะที่สวยงาม มีความยืดหยุ่นสูง สามารถนำไปประยุกต์ใช้กับการผลิตสื่อประชาสัมพันธ์ สื่อการเรียนการ สอน รวมทั้งสื่ออิเล็กทรอนิกส์ต่างๆ ได้เป็นอย่างดี ผู้จัดทำโครงการได้เล็งเห็นความสำคัญในใช้งาน โปรแกรม Adobe Illustrator จึงได้จัดทำเว็บไซต์ สื ่อการเรียนการสอน โปรแกรม Adobe Illustrator ขึ้น เพื ่อให้ผู้ที ่สนใจที ่จะเรียนรู้โปรแกรม Adobe Illustrator และนำไปปรับใช้ในการทำงานของตนเองได้ 6. วัตถุประสงค์ของโครงการ 6.1 เพื่อเข้าใจหลักการและกระบวนการการใช้โปรแกรม Adobe Illustrator 6.2 เพื่อใช้เป็นสื่อในการศึกษา ให้กับผู้ที่สนใจเรื่องการใช้โปรแกรม Adobe Illustrator 7. เป้าหมายของโครงการ 7.1 ได้เรียนรู้และสามารถพัฒนาสื่อการสอนที่ใช้ในการศึกษาค้นคว้าได้จริง 7.2 ได้นำเอาเทคโนโลยีสารสนเทศใช้ให้เกิดประโยชน์สูงสุด 7.3 สามารถนำความรู้ที่ได้รับจากการศึกษา เรื่อง สื่อการเรียนการสอน โปรแกรม Adobe Illustrator ไปปรับใช้ในงานของตนเองได้ 8. ขอบเขตของโครงการ 8.1 เรียนรู้ได้ด้วยตนเองผ่านสื่อการเรียนการสอน โปรแกรม Adobe Illustrator 8.2 เรียนรู้เพิ่มเติมภายนอกห้องเรียนได้ 9. สถานที่ดำเนินการ แผนกวิชาคอมพิวเตอร์ธุรกิจ วิทยาลัยการอาชีพนครนายก 10. งบประมาณค่าใช้จ่าย 2,000 บาท

11. แผนการดำเนินการ ลงชื่อ ................................................ (นายจักกรีวัตฌ์ หมีมา) ผู้เสนอโครงการ วัน.........เดือน.....................พ.ศ. .......... กิจกรรม พ.ย.63 ธ.ค.63 ม.ค.64 ก.พ.64 มี.ค.64 สัปดาห์ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 1. ศึกษาเอกสารที่เกี่ยวข้อง 2. เสนอขออนุมัติโครงการ 3. ดำเนินการสร้างชิ้นงาน 4. ทดลองใช้ชิ้นงาน 5. ปรับปรุงชิ้นงาน/ทดลอง 6. รวบรวมข้อมูล 7. เขียนรายงานโครงการ

ภาคผนวก ข แบบฟอร์มคุณลักษณะผลงาน

แบบฟอร์มคุณลักษณะผลงาน โครงการนักเรียนนักศึกษาแผนกคอมพิวเตอร์ธุรกิจ จัดทำประจำปีการศึกษา 2563 วิทยาลัยการอาชีพนครนายก สถาบันการอาชีวศึกษาภาคกลาง 3 โครงการระดับ ปวช. ปวส. ชื่อโครงการ : สื่อการเรียนการสอนโปรแกรม Adobe Illustrator งบประมาณ : 2,000 บาท ชื่อ-ที่อยู่ สถานศึกษา : วิทยาลัยการอาชีพนครนายก 88/2 ถนนสุวรรณศร ต.พรหมมณี อ.เมือง จ.นครนายก 26000 โทร 037-326470 โทรสาร 037-315276 อาจารย์ที่ปรึกษา ชื่อ - สกุล E-mail โทรศัพท์ 1. อาจารย์ณัฐกานต์ เหรียญทอง [email protected] 095-521-7770 2. อาจารย์จงจิต บูรณศรี [email protected] 089-607-5041 3. อาจารย์ชรินรัตน์ เจริญส่ง [email protected] 096-621-1576 ชื่อผู้จัดทำโครงการ : สื่อการเรียนการสอนโปรแกรม Adobe Illustrator เลขที่บัตรประชาชน ชื่อ - สกุล E-mail โทรศัพท์ 1269900345246 1.นายจักกรีวัตฌ์ หมีมา [email protected] 062-524-3817 บทคัดย่อ : โปรแกรม Adobe Illustrator เป็นโปรแกรมที ่ได้รับความนิยมอยากมากในด้านการออกแบบ กราฟิก เนื ่องจากเป็นโปรแกรมในลักษณะ Vector Art ที ่สามารถรองรับงานด้านสื ่อสิ ่งพิมพ์ และ Animation โดยในปัจจุบันทักษะการใช้งานโปรแกรม Adobe Illustrator จึงเป็นที ่ต้องการใน หน่วยงานต่างๆ อย่างมากมีลักษณะที่สวยงาม มีความยืดหยุ่นสูง สามารถนำไปประยุกต์ใช้กับการผลิต สื่อประชาสัมพันธ์ สื่อการเรียนการสอน รวมทั้งสื่ออิเล็กทรอนิกส์ต่างๆ ได้เป็นอย่างดี ประโยชน์และ คุณลักษณะ : 1. ได้เรียนรู้และสามารถพัฒนาสื่อการสอนที่ใช้ในการศึกษาค้นคว้าได้จริง 2. ได้นำเอาเทคโนโลยีสารสนเทศใช้ให้เกิดประโยชน์สูงสุด 3. สามารถนำความรู้ที่ได้รับจากการศึกษา เรื่อง สื่อการเรียนการสอน โปรแกรม Adobe Illustrator ไปปรับใช้ในงานของตนเองได้ สื่อการเรียนการสอนโปรแกรม Adobe Illustrator

ภาคผนวก ค ประวัติผู้จัดทำ

ประวัติผู้จัดทำ ชื่อ – นามสกุล นายจักกรีวัตฌ์ หมีมา ที่อยู่ 66/1 หมู่.3 ต.พรหมณี อ.เมือง จ.นครนายก 26000 สถานศึกษา วิทยาลัยการอาชีพนครนายก อำเภอเมือง จังหวัดนครนายก ประวัติการศึกษา พ.ศ. 2557 สำเร็จการศึกษา ระดับประถมศึกษาชั้นปีที่ 6 จาก โรงเรียนวัดเอี่ยมประดิษฐ์ พ.ศ. 2560 สำเร็จการศึกษา ระดับมัธยมศึกษาชั้นปีที่ 3 จาก โรงเรียนวัดสันตยาราม พ.ศ. 2561 – ปัจจุบัน กำลังศึกษา ระดับประกาศนียบัตรวิชาชีพ สาขาวิชาคอมพิวเตอร์ธุรกิจ วิทยาลัยการอาชีพนครนายก ประวัติการฝึกงาน พ.ศ. 2563 ฝึกประสบการณ์วิชาชีพ ณ องค์การบริการส่วนตำบลพรหมณี อำเภอเมืองนครนายก จังหวัดนครนายก

ภาคผนวก ง QR code สื่อการเรียนการสอน โปรแกรม Adobe Illustrator

QR code สื่อการเรียนการสอน โปรแกรม Adobe Illustrator