โครงงานคอมพิวเตอร์

โครงงานคอมพวิ เตอร์

เรอ่ื ง : อิลาสเตเตอร์

จดั ทาโดย
นาย วรี ภทั ร วงศว์ ายุ ม.4/8 เลขท่ี 22
นาย รชั ภาค วดั สขุ ม.4/8 เลขท่ี 19
นาย วรเมธ ประเสรฐิ ศภุ กลุ ม.4/8 เลขท่ี 21

ครูท่ปี รกึ ษาโครงงาน
คณุ ครู ชชั วาล ฝ่ายกระโถก

โครงงานนเี้ ป็นสว่ นหน่งึ ของ วิชาวิทยาการคานวณ (ว31191)
เพ่อื การศกึ ษาคน้ ควา้ คอมพิวเตอร์ ปีการศกึ ษา 2562
โรงเรยี น อทุ ยั วิทยาคม
จงั หวดั อทุ ยั ธานี้

บทคัดยอ่

โปรแกรมพ้ืนฐานที่นกั ออกแบบทุกคนตอ้ งเรียนรู้ในการสร้างงานกราฟิ กมี 2 ชนิด คือ
โปรแกรมประเภทวาดภาพ และโปรแกรมประเภทตกแต่งภาพ
Illustrator คือ โปรแกรมที่ใชใ้ นการวาดภาพ โดยจะสร้างภาพที่มีลกั ษณะเป็นลายเสน้
หรือที่เรียกวา่ Vector Graphic จดั เป็นโปรแกรมระดบั มืออาชีพที่ใชก้ นั เป็นมาตรฐาน
ในการออกแบบระดบั สากลสามารถทางานออกแบบตา่ งๆ ไดห้ ลากหลาย ไมว่ า่ จะเป็นสิ่งพมิ พ์
บรรจุภณั ฑ์ เวบ็ และภาพเคลื่อนไหวตลอดจนการสร้างภาพเพือ่ ใชเ้ ป็นภาพประกอบในการ
ทางานอ่ืนๆ เช่น การ์ตูน ภาพประกอบหนงั สือ
การออกแบบภายใน การออกแบบสิ่งพมิ พ์ การออกแบบโฆษณา การวาดภาพประกอบ การ
ออกแบบสถาปัตยกรรม การออกแบบสิ่งทอ การออกแบบบรรจุภณั ฑ์ การออกแบบเวบ็ ไซต์
การออกแบบการ์ตนู แอนิเมชน่ั และอ่ืนๆ อีกมากมาย ท้งั ในลกั ษณะการใชง้ านแบบโปรแกรม
เดี่ยว หรือการใชง้ านร่วมกบั โปรแกรม Graphic Design อ่ืนๆ Adobe
Illustrator ไดเ้ ขา้ มาเป็นเคร่ืองมือของนกั ออกแบบและนกั วาดภาพ แทนเคร่ืองมือบนโตะ๊
เขียนแบบหรือบนกระดานวาดภาพ ไดแ้ ทบท้งั หมด เพ่อื ที่จะสามารถสร้างสรรคง์ านออกแบบ
ไดง้ า่ ยและรวดเร็วข้ึน

บทท่ี 1

บทนา

1.1 หลักการและเหตุผล
โปรแกรม Adobe Illustrator CS5 เป็นโปรแกรมดา้ นกราฟิกดีไซต์ ซ่ึงเนน้ งานจากการวาด สร้างภาพกราฟิกผ่านคอมพวิ เตอร์

จุดเด่นคือ สามารถสร้างภาพลายเสน้ ไดเ้ ป็นอยา่ งดี ไดร้ บั การยอมรับและเป็นโปรแกรมทน่ี ิยมใชก้ นั อยา่ งแพร่หลายในการออกแบบหลายแขนง
โปรแกรม Adobe Illustrator CS5 ไดใ้ ชก้ นั อยา่ งแพร่หลาย หลากหลายรูปแบบ หลายแขนงไม่ว่าจะเป็นงานออกแบบ
โลโก้ งานออกแบบโฆษณา การออกแบบภายใน การออกแบบสถาปัตยกรรม การออกแบบสิ่งทอ การวาดภาพประกอบ การออกแบบบรรจภุ ณั ฑ์ การ
ออกแบบเวบ็ ไซต์ การออกแบบการ์ตนู อนิเมชนั่ และอ่ืน ๆ อีกมากมาย ท้งั ในลกั ษณะของการใชง้ านแบบโปรแกรมเดียว หรือใชง้ านร่วมกบั โปรแกรมอนื่ ๆ
ซ่ึงโปรแกรม Adobe Illustrator CS5 เสมือนกบั เคร่ืองมือของนกั ออกแบบ และนกั วาดภาพ แทนเครื่องมอื บนโตะ๊ เขยี นแบบหรือบนกระดาน
วาดภาพ ไดแ้ ทบท้งั หมด เพื่อสามารถสร้างงานออกแบบไดร้ วดเร็วข้นึ

แมว้ ่าปัจจบุ นั Photoshop จะพฒั นาเคร่ืองมอื ทส่ี ามารถสร้างภาพแบบ Vector ไดแ้ ต่ความสะดวกก็ยงั ใชง้ านไดไ้ มด่ ีเทา่ กบั Adobe
Illustrator CS5 อยดู่ ี ซ่ึงในการทางานจริง ๆ แลว้ จะตอ้ งอาศยั โปรแกรมดา้ นกราฟิกอน่ื ๆ ท้งั Photoshop และ Illustrator ควบคูก่ นั

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

1.2 วัตถปุ ระสงค์
1.2.1 สร้างสื่อการเรียนรู้ดว้ ยโปรแกรม Adobe Illustrator CS5
1.2.2 ศึกษาโปรแกรม Adobe Illustrator CS5
1.2.3 ศึกษาการจดั ทาโครงงานดา้ นคอมพวิ เตอร์ธุรกิจ
1.2.4 เพื่อสร้างภาพการ์ตูนได้
1.2.5 เพ่ือให้ผทู้ ี่สนใจไดร้ ับความรู้เกี่ยวกบั โปรแกรม Adobe Illustrator CS5

1.3 วสั ดุอุปกรณ์ทใี่ ช้
1.3.1 โปรแกรม Microsoft Word 2013
1.3.2 โปรแกรม Adobe Illustrator CS5
1.3.3 โปรแกรม Adobe Photoshop CS5
1.3.4 เคร่ืองคอมพิวเตอร์ / โนต้ บุ๊ค
1.3.5 แผ่นซีดี / ดีวดี ี

1.4 งบประมาณทใ่ี ช้ บาท
1.4.1 กระดาษ 100 บาท
1.4.2 แผ่นซีดี 20 บาท

1.4.3 ค่าเขา้ เล่ม 30
รวม 150 บาท

1.5 ผลที่คาดว่าจะได้รับ
1.5.1 ส่ือการเรียนรู้โปรแกรม Adobe Illustrator CS5
1.5.2 รู้วิธีการใชโ้ ปรแกรม Adobe Illustrator CS5
1.5.3 สามารถจดั ทาโครงงานดา้ นคอมพิวเตอร์ได้
1.5.4 ผลงานรูปการ์ตูนนกั ศึกษา ดว้ ยโปรแกรม Adobe Illustrator CS5
1.5.5 ไดร้ ับความรู้เกี่ยวกบั โปรแกรม Adobe Illustrator CS5

บทท่ี 2
เอกสารท่เี ก่ียวขอ้ ง

Illustrator คอื อะไร?
โปรแกรมพน้ื ฐานทน่ี ักออกแบบทกุ คนตอ้ งเรยี นรใู ้ นการสรา้ งงานกราฟิกมี 2 ชนดิ คอื โปรแกรม

ประเภทวาดภาพ
และโปรแกรมประเภทตกแตง่ ภาพ
Illustrator คอื โปรแกรมทใี่ ชใ้ นการวาดภาพ โดยจะสรา้ งภาพทม่ี ลี กั ษณะเป็ นลายเสน้ หรอื

ทเ่ี รยี กวา่ Vector
Graphic จดั เป็ นโปรแกรมระดบั มอื อาชพี ทใ่ี ชก้ ันเป็ นมาตรฐานในการออกแบบระดบั สากลสามารถ

ทางานออกแบบ
ตา่ งๆ ไดห้ ลากหลาย ไมว่ า่ จะเป็ นสง่ิ พมิ พ์ บรรจุภัณฑ์ เวบ็ และภาพเคลอื่ นไหวตลอดจนการสรา้ ง

ภาพเพอื่ ใชเ้ ป็ นภาพ
ประกอบในการทางานอนื่ ๆ เชน่ การต์ นู ภาพประกอบหนังสอื เป็ นตน้
การประมวลผลภาพกราฟฟิ กของคอมพวิ เตอร์
ในความเป็ นจรงิ แลว้ ภาพกราฟฟิกทเ่ี กบ็ ในคอมพวิ เตอรน์ ัน้ จะมวี ธิ กี ารประมวลผลภาพ 2 แบบ

แตกตา่ งกนั ไป
ตามแตล่ ะโปรแกรมดงั น้ี คอื
1. การประมวลผลแบบอาศยั การคานวณทางคณิตศาสตร์
ตัวอยา่ งเชน่ รปู ลอ้ รถจกั รยาน ถา้ เป็ นการเกบ็ แบบเว็กเตอร์ เครอ่ื งจะเกบ็ ขอ้ มลู ทเี่ ป็ นสตู รทาง

คณติ ศาสตรแ์ ต่
สามารถอธบิ ายไดค้ อื รปู ลอ้ จกั รยาน คอื เสน้ วงกลมทเี่ กดิ จากการวดั ความหา่ งจากจดุ ศนู ยก์ ลางจดุ

หนง่ึ ไปยงั บรเิ วณ
รอบๆ ดว้ ยระยะหา่ งทเ่ี ทา่ กนั โดยมสี แี ละตาแหน่งของสที แ่ี น่นอน ฉะนัน้ ไมว่ า่ เราจะมกี ารเคลอ่ื นยา้ ยท่ี

หรอื ยอ่ ขยาย
ขนาดของภาพ ภาพจะไมเ่ สยี รูปทรงในเชงิ เลขาคณติ เชน่ โปรแกรม Illustrator ใชว้ ธิ นี ใี้ นการเกบ็

เป็ นตน้
ตัวอยา่ งงานกราฟฟิกของภาพแบบเวกเตอรง์ านกราฟฟิกในแบบเวกเตอรน์ ้ีจะเป็ นลกั ษณะของ

ภาพลายเสน้
ซงึ่ งานเหลา่ น้ีจะเนน้ ถงึ ความ คมชดั ของเสน้ เป็ นหลกั เชน่ ภาพโลโก ้ ตราบรษิ ัท และภาพลายเสน้

แบบคลปิ อารต์
โปรแกรมเหลา่ นี้ไดแ้ ก่ Illustrator, CorelDraw และ Freehand เป็ นตน้
2. การเก็บและแสดงผลแบบบติ แม็พ [ Bitmap ]
เป็ นการประมวลผลแบบอาศัยการอา่ นคา่ สใี นแตล่ ะพกิ เซล ซง่ึ เหมาะกบั ภาพทมี่ โี ทนสที ่ี

ใกลเ้ คยี งกัน เชน่
ภาพถา่ ย โปรแกรม Photoshop ใชว้ ธิ นี ้ี การประมวลผลแบบบติ แมพ็ นเ้ี ราเรยี กอกี อยา่ งวา่ Raser

image เป็ น
การเกบ็ ขอ้ มลู ดบิ คอื คา่ 0 และ 1 ใชก้ ารแสดงผลเป็ นพกิ เซล โดยแตล่ ะพกิ เซลจะมกี ารเกบ็ คา่ สที ่ี

เจาะจงในแตล่ ะ
ตาแหน่ง
ตวั อยา่ งงานกราฟฟิกของภาพแบบบติ แม็พ งานกราฟฟิกในแบบบติ แมพ็ นีจ้ ะเป็ นลกั ษณะของ

ภาพ ทตี่ อ้ ง
การปรบั แตง่ รายละเอยี ดของสเี ป็ นหลกั เชน่ การซอ้ นภาพและการตกแตง่ ภาพใหเ้ หนือจรงิ โปรแกรม

เหลา่ นี้ไดแ้ ก่
Photoshop, Corel Photo-paint และ Fireworks เป็ นตน้

บทท่ี 3
วธิ ีการดาเนนิ งาน

3.1 ข้นั ตอนและวธิ กี ารดาเนินงานการศึกษา
การออกแบบ และพฒั นาการ์ตนู แอนิเมชน่ั เร่ือง “การอา่ น” ในรายวิชาการศึกษาโครงงานนกั ศึกษาดา้ นเทคโนโลยีมลั ติมีเดีย โดยใช้

โปรแกรม Adobe® Flash® CS6 Professional ผจู้ ดั ทาดาเนินการศึกษาโดยมขี ้นั ตอนดงั น้ี
1. เสนอหัวข้อโครงงาน

2. เขียนเร่ืองภาพยนตร์
3. เขยี นบทภาพยนตร์
4. เขียนบทถ่ายทาภาพยนตร์
5. สร้างตัวละคร
6. สร้างฉากหลัง และวัสดปุ ระกอบฉาก
7. ใส่ Texture ให้โมเดล
8. กาหนดโทนสี แสง และสภาพแวดล้อม
9. ทาการ Animate และRender งาน
10. ปรับปรุง และแก้ไขเอกสาร

3.2 การศึกษาเบื้องต้น
ผจู้ ดั ทาไดศ้ ึกษาขอ้ มลู ของ “การอ่าน” และส่ือการเรียนการสอนต่าง ๆ เพ่อื ทาความเขา้ ใจกบั “การอ่าน” และ

อา้ งอิงขอ้ มูลเก่ียวกบั การทาการ์ตนู แอนิเมชน่ั ในรูปแบบของโปรแกรม Adobe® Flash® CS6 Professional โดยศึกษา
เทคนิคตา่ ง ๆ และนามาประยกุ ตใ์ ชก้ บั การ์ตูนแอนิเมชน่ั น้ี

3.2.1 การรวบรวมเอกสาร
การรวบรวมเอกสารเน้ือหาของ “การอ่าน” และขอ้ มูลอืน่ ๆ ที่เกี่ยวขอ้ ง จาก หนงั สือ “ภาษาไทยการอ่านจบั ใจความ

ช้นั ป.1 – ป.6” ขอ้ มูลต่าง ๆจากสื่อการเรียนการสอน
อนิ เตอร์เนต็ มีความสาคญั มากในการนามาใชใ้ นการออกแบบ และพฒั นาการ์ตูนแอนิเมชนั่ เพ่อื ให้ไดข้ อ้ มลู ในการนาเสนอท่ีถูกตอ้ ง
3.2.2 การศึกษาเกยี่ วกบั โปรแกรมท่ใี ช้ในการพัฒนาโครงงาน

การศกึ ษาเก่ียวกบั โปรแกรมที่ใชใ้ นการพฒั นาโครงงาน ซ่ึงโปรแกรมที่ผพู้ ฒั นาโครงงานไดน้ ามาใชใ้ นการพฒั นาระบบ
ไดแ้ ก่

- โปรแกรม Adobe® Flash® CS6 Professional เป็นโปรแกรมทีใ่ ชใ้ นการสร้างภาพเคลอ่ื นไหว
(Flash Animation) ป่ มุ ลงิ ค์ (Link) ขอ้ ความ (Text) และคาสง่ั ควบคมุ (ActionScript)

- โปรแกรม Adobe® Illustrator® CS6 เป็นโปรแกรมท่ีใชใ้ นการวาดภาพต่าง ๆ ที่มีลกั ษณะเป็นลายเสน้ หรือ
เวกเตอร์

- โปรแกรม Adobe® Photoshop® CS6 เป็นโปรแกรมทใ่ี ชใ้ นการปรับแตง่ ภาพในส่วนของความคมชดั
คา่ ความมดื ความสวา่ ง และขนาดของภาพ

- โปรแกรม Adobe® Soundbooth™ CS5 เป็นโปรแกรมท่ใี ชใ้ นการบนั ทึกเสียงของตวั ละคร เสียง
บรรยาย และปรับแต่งเสียงตา่ ง ๆ

บทท่ี 4

ผลการดาเนินการโครงงาน

การจดั ทาโครงงาน illustrator

เรอื่ งของจดุ ประสงคข์ อง โปรแกรม illustrator มจี ดุ ประสงคก์ ารออกแบบงานดว้ ย Photoshop สาหรบั ผเู้ รม่ิ ตน้ จาก
คอ่ นขา้ งยงุ่ ยากและซบั ซอ้ น และสรา้ งงานไดช้ า้ กวา่ AI มาก อนั เน่อื งมาจาก workflow ในการทางาน เชน่ เวลาเราจะ
ขยาย ยอ่ ภาพ เราตอ้ งเขา้ ไปใชค้ าส่งั ในการยอ่ ขยายแต่ละภาพ สว่ น Ai จิม้ แลว้ จดั วางไดเ้ ลยตามอิสระจึงทาใหเ้ รว็ กวา่

มาก

บทท่ี 5

สรุปผลการดาเนนิ งานและขอ้ เสนอแนะ

การจดั ทาโครงงานคอมพวิ เตอรก์ ารพฒั นา ดว้ ย illustrator

สามารถสรุปผลการดาเนนิ โครงงาน และขอเ้ สนอแนะ

5.1. วตั ถปุ ระสงคข์ องโครงการ

5.2. เพอื่ ใหผ้ เู้ รียนศกึ ษาขอ้ มูลโปรแกรมแลว้ นาไปตอ่ ยอด
5.1. วัตถุประสงค์ของโครงการ

- เพ่ือศึกษาคน้ ควา้ เรื่องที่สนใจเก่ียวกบั เร่ืองการตดั ต่อภาพ
- เพ่อื ใหผ้ ูเ้ รียนสามารถพฒั นารูปแบบของการสร้างภาพจาก illustrator ไดด้ ว้ ยตนเองและนามาประยกุ ตใ์ ชใ้ ห้เขา้ กบั การเรียนรู้ของตนเอง
มากยงิ่ ข้ึน

5.2 สรุปผลการดาเนนิ งานโครงงาน

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

5.3 ข้อเสนอแนะ

- เวบ็ ไซตท์ ี่ให้บริการในการศึกษา illustrator คือ http://www.beartheschool.com/share-1/2019/1/17/-adobe-
illustrator- ให้บคุ คลท่ีเขา้ มาเยยี่ มหรือศกึ ษาไดค้ วามรู้และส่ิงดีๆ นาไปเผยแพร่ต่อให้ผูอ้ ื่นมาศึกษาความรู้ ท่ีเป็นประโยชน์ต่อไป
- ควรมีการจดั ทาแบบทดสอบก่อนเรียนและหลงั เรียนเพ่ิมเติม