LOGO หน่วยที่ 1 ความรู้เบอื้ งต้นเกีย่ วกบั คอมพวิ เตอรก์ ราฟกิ วิชา การใชโ้ ปรแกรมกราฟิก รหัสวิชา 2201 - 2419
วชิ าการใช้โปรแกรมกราฟิก รหสั วชิ า 2201-2419 หน่วยที่ 1 ความรเู้ บื้องต้นเก่ียวกับคอมพิวเตอร์กราฟิก 1.1 ความหมายของกราฟกิ และคอมพวิ เตอร์กราฟกิ 1.2 หลักการทางานของภาพกราฟิก 1.3 ประเภทของภาพกราฟิก 1.4 ระบบสที ี่ใชก้ บั ภาพกราฟกิ 1.5 ประเภทของไฟล์ภาพกราฟิก 1.6 คอมพวิ เตอร์กราฟิกกับการประยุกต์ใช้งานด้านตา่ ง ๆ
วิชาการใช้โปรแกรมกราฟิก รหสั วชิ า 2201-2419 หนว่ ยที่ 1 ความรเู้ บ้ืองต้นเกีย่ วกบั คอมพวิ เตอร์กราฟกิ สาระสาคัญ คอมพิวเตอร์กราฟกิ เป็นการใช้คอมพวิ เตอรใ์ นการตกแต่งภาพและจัดการ เก่ยี วกับภาพ เพอื่ ใช้สอื่ ความหมายของข้อมลู ต่าง ๆ ให้นา่ สนใจย่งิ ขน้ึ ในหนว่ ย การเรยี นน้จี ะทาการศึกษาเกย่ี วกบั ความหมายของกราฟิกและคอมพิวเตอรก์ ราฟิก หลกั การทางานของภาพกราฟกิ ประเภทของภาพ กราฟิกแบบราสเตอร์ (Raster) และแบบเวคเตอร์ (Vector) ระบบสที ่ีใช้กบั ภาพกราฟกิ ประเภทของไฟลภ์ าพ กราฟกิ ตลอดจนการประยุกตค์ อมพิวเตอร์กราฟิกใช้กับงานดา้ นต่าง ๆ เพือ่ เป็น ความรู้พื้นฐานสาหรับการนาไปประยุกต์ใช้ในการทางานต่อไป
วิชาการใช้โปรแกรมกราฟกิ รหัสวิชา 2201-2419 หนว่ ยที่ 1 ความร้เู บ้ืองต้นเก่ียวกบั คอมพิวเตอร์กราฟกิ จดุ ประสงค์ทว่ั ไป 1. มคี วามเข้าใจเกย่ี วกบั ความหมายของกราฟกิ และคอมพวิ เตอรก์ ราฟกิ 2. มคี วามเข้าใจเกีย่ วกับหลักการทางานของภาพกราฟิก 3. มคี วามเข้าใจเกี่ยวกับประเภทของภาพกราฟกิ 4. มคี วามเข้าใจเกย่ี วกับระบบสีทใ่ี ชก้ บั ภาพกราฟิก 5. มคี วามเขา้ ใจเก่ียวกับประเภทของไฟลภ์ าพกราฟกิ 6. มคี วามเข้าใจเกย่ี วกบั การประยุกตค์ อมพวิ เตอรก์ ราฟกิ ใชก้ ับงานด้านตา่ ง ๆ 7. มกี จิ นิสยั ท่ดี ี มีคุณธรรม จริยธรรม คา่ นิยมท่ดี ีในการใชค้ อมพิวเตอร์
วชิ าการใชโ้ ปรแกรมกราฟิก รหสั วชิ า 2201-2419 หน่วยที่ 1 ความรเู้ บอื้ งต้นเกย่ี วกับคอมพิวเตอร์กราฟิก จดุ ประสงค์เชงิ พฤตกิ รรม เมอื่ ศึกษาเร่ือง ความรู้เบ้อื งตน้ เกย่ี วกบั คอมพวิ เตอรก์ ราฟิก จบแลว้ นกั เรยี นสามารถ 1. บอกความหมายของกราฟิกและคอมพวิ เตอร์กราฟิกได้ 2. อธบิ ายหลกั การทางานของภาพกราฟกิ ได้ 3. อธบิ ายประเภทของภาพกราฟิก 2 มิตแิ ละ 3 มติ ิได้ 4. จาแนกความแตกต่างของภาพกราฟกิ 2 มิติแบบราสเตอร์และแบบเวคเตอร์ได้ 5. บอกระบบสที ่ใี ช้กับภาพกราฟกิ ได้ 6. บอกประเภทของไฟล์ภาพกราฟิกได้ 7. ยกตวั อยา่ งคอมพวิ เตอรก์ ราฟิกกับการประยุกต์ใช้งานด้านตา่ ง ๆ ได้ 8. มมี นษุ ยสัมพันธ์ท่ีดี สามารถทางานร่วมกบั ผ้อู นื่ ได้
วชิ าการใชโ้ ปรแกรมกราฟิก รหัสวิชา 2201-2419 หนว่ ยท่ี 1 ความรเู้ บอ้ื งต้นเกยี่ วกับคอมพวิ เตอร์กราฟกิ เน้อื หาสาระ 1. ความหมายของกราฟกิ และคอมพวิ เตอร์กราฟิก 2. หลักการทางานของภาพกราฟกิ 3. ประเภทของภาพกราฟกิ 4. ระบบสที ่ีใช้กบั ภาพกราฟกิ 5. ประเภทของไฟล์ภาพกราฟิก 6. คอมพิวเตอร์กราฟกิ กบั การประยุกต์ใชง้ านดา้ นตา่ ง ๆ
วชิ าการใชโ้ ปรแกรมกราฟิก รหสั วชิ า 2201-2419 หนว่ ยท่ี 1 ความรู้เบื้องต้นเกีย่ วกับคอมพิวเตอร์กราฟกิ กจิ กรรมการเรยี นรู้ ข้ันนาเข้าสบู่ ทเรียน 1. ครูเปดิ ตัวอย่างไฟลว์ ดิ โี อภาพกราฟกิ ประเภท 2 มิตแิ ละ 3 มติ ิ พร้อมให้นกั เรยี น ช่วยกันตอบคาถามว่า ไฟล์ใดเปน็ ไฟลภ์ าพกราฟิกประเภท 2 มิตแิ ละ 3 มิติ เพือ่ สร้างความคนุ้ เคยใหก้ บั นกั เรียนและแลกเปลย่ี นประสบการณก์ ารเรียนรู้ระหว่างกนั 2. ครูแจง้ จดุ ประสงค์การเรยี นรู้ เพื่อให้นกั เรียนทราบขอบเขตของเนอื้ หาและ กจิ กรรมการเรยี นรู้ท่นี กั เรียนจะตอ้ งปฏบิ ัตไิ ด้หลังจบหนว่ ยการเรียน 3. นักเรยี นทาแบบทดสอบก่อนเรียน ครูแจ้งผลคะแนนใหน้ กั เรยี นทราบ
วชิ าการใชโ้ ปรแกรมกราฟกิ รหัสวิชา 2201-2419 หน่วยที่ 1 ความรู้เบอื้ งต้นเกย่ี วกับคอมพิวเตอร์กราฟิก ข้นั สอน 1. ครูบรรยายเนอ้ื หาในหน่วยที่ 1 เรอื่ ง ความรูเ้ บอื้ งตน้ เก่ยี วกบั คอมพิวเตอร์กราฟิก โดยใชส้ ื่อการสอนดว้ ยโปรแกรม Microsoft Office PowerPoint 2. ครูใหน้ ักเรยี นยกตัวอย่าง คอมพิวเตอรก์ ราฟกิ ในปัจจุบันนาไปประยุกต์ใชก้ บั งาน ใดได้บา้ ง 3. นักเรยี นจดบนั ทึกและอภปิ รายซักถาม
วิชาการใชโ้ ปรแกรมกราฟิก รหัสวชิ า 2201-2419 หนว่ ยท่ี 1 ความรู้เบื้องต้นเกยี่ วกบั คอมพวิ เตอร์กราฟกิ ข้นั สรปุ 1. ครูและนกั เรยี นช่วยกันสรปุ เนอ้ื หาสาระสาคญั ในหนว่ ยการเรยี น 2. นกั เรียนทาแบบฝกึ หัดทา้ ยหนว่ ยท่ี 1 3. ครูเฉลยแบบฝกึ หัดท้ายหนว่ ยท่ี 1 และใหน้ กั เรียนอภปิ รายซกั ถาม 4. นกั เรียนทาแบบทดสอบหลังเรยี น 5. ครูเฉลยแบบทดสอบหลงั เรียน 6. นักเรียนเปรียบเทียบผลคะแนนก่อนและหลังเรียน 7. ครูมอบหมายใหน้ กั เรียนศกึ ษาเนอ้ื หาเพิ่มเติม จากบทเรียนคอมพวิ เตอรช์ ่วยสอน ท่คี รูสรา้ งขนึ้ ในเวบ็ ไซต์ http://www.rsc.ac.th/teacher/anchalee/cg
วิชาการใช้โปรแกรมกราฟิก รหสั วชิ า 2201-2419 หนว่ ยที่ 1 ความรู้เบ้ืองต้นเกยี่ วกับคอมพวิ เตอร์กราฟกิ ส่อื การสอน 1. เอกสารประกอบการสอนหนว่ ยที่ 1 เร่ือง ความรเู้ บอ้ื งต้นเกี่ยวกับคอมพิวเตอร์ กราฟกิ 2. โปรแกรม Microsoft Office PowerPoint ชื่อไฟล์ Chapter01.pptx 3. บทเรียนคอมพิวเตอรช์ ่วยสอน 4. ไฟล์วดิ โี อภาพกราฟิกแบบ 2 มติ ิและ 3 มิติ
วชิ าการใชโ้ ปรแกรมกราฟิก รหสั วชิ า 2201-2419 หน่วยท่ี 1 ความรู้เบอ้ื งต้นเกี่ยวกับคอมพิวเตอร์กราฟิก การวดั ผลและประเมนิ ผล วิธีการวัดผล 1. สงั เกตจากพฤตกิ รรมการเรียนเปน็ รายบคุ คล 2. คะแนนจากการทาแบบทดสอบก่อนและหลังเรยี น 3. คะแนนจากการทาแบบฝกึ หดั ทา้ ยหน่วย 4. สังเกตพฤติกรรมทางด้านจติ พสิ ัย เครอื่ งมือวดั ผล 1. แบบสังเกตพฤติกรรมรายบุคคล 2. แบบทดสอบก่อนและหลังเรียน 3. แบบฝึกหดั ท้ายหน่วย 4. แบบประเมนิ ผลทางดา้ นจติ พสิ ยั โดยประเมินตามสภาพจรงิ
วิชาการใชโ้ ปรแกรมกราฟิก รหัสวิชา 2201-2419 หน่วยที่ 1 ความรเู้ บอื้ งต้นเก่ยี วกับคอมพวิ เตอร์กราฟกิ 1. ความรเู้ บ้อื งต้นเกย่ี วกบั คอมพวิ เตอรก์ ราฟกิ ปจั จุบันคอมพิวเตอร์กราฟกิ เขา้ มามีบทบาทกบั งานด้านตา่ ง ๆ เปน็ อย่างมาก มกี ารนาคอมพวิ เตอรก์ ราฟกิ มาสร้างสรรค์เปน็ ผลงาน ไมว่ า่ จะเปน็ การออกแบบภาพ และการปรับแต่งสีภาพ มีการนาคอมพวิ เตอร์กราฟิกไปใชก้ บั งานด้านต่าง ๆ อาทิ เช่น งานส่งิ พมิ พ์ งานโฆษณา งานออกแบบ งานนาเสนอขอ้ มูล งานสร้างภาพการต์ ูน งานสร้างสอ่ื การเรยี นการสอน เป็นต้น โดยภาพกราฟกิ จะทาให้งานที่ได้มคี วาม สวยงามและน่าสนใจยิง่ ขึน้ การศกึ ษาและทาความเข้าใจเก่ียวกับความรเู้ บอื้ งต้นของ คอมพวิ เตอรก์ ราฟิก จดั ว่าเป็นพื้นฐานสาคญั เพ่อื ชว่ ยให้การออกแบบหรือการตกแต่ง ภาพกราฟกิ มีประสิทธภิ าพมากยิ่งขึ้น
วิชาการใช้โปรแกรมกราฟิก รหสั วชิ า 2201-2419 หนว่ ยที่ 1 ความรูเ้ บ้ืองต้นเก่ียวกบั คอมพวิ เตอร์กราฟกิ 1.1 ความหมายของกราฟิกและคอมพวิ เตอร์กราฟกิ กราฟิก หมายถึง ศลิ ปะหรือศาสตร์แขนงหนึ่ง ท่สี ื่อความหมายโดยใชเ้ สน้ ภาพเขียน สญั ลกั ษณ์ ภาพถา่ ย ซ่ึงมลี ักษณะเห็นไดช้ ัดเจน เขา้ ใจความหมายได้ ทนั ที และถูกต้องตรงตามทผ่ี ู้ใช้ต้องการ คอมพวิ เตอร์กราฟิก หมายถงึ การสรา้ งและการจดั การภาพกราฟกิ โดยใช้ คอมพวิ เตอร์ การใชค้ อมพวิ เตอร์สร้างภาพ การตกแต่งแกไ้ ขภาพ หรอื การจดั การ เก่ยี วกับภาพ เชน่ ภาพยนตร์ วิดีทัศน์ การตกแตง่ ภาพถา่ ย การสร้างภาพตาม จนิ ตนาการ และการใชภ้ าพกราฟกิ ในการนาเสนอข้อมูลตา่ ง ๆ เพื่อใหส้ ามารถส่ือ ความหมายใหช้ ดั เจนและทาความเขา้ ใจได้ง่ายกวา่ เดิม เช่น การนาเสนอขอ้ มลู ด้วย แผนภาพหรือกราฟ แทนทจี่ ะเปน็ ตารางของตัวเลข ซง่ึ ในปัจจบุ ันมีการใช้ คอมพวิ เตอร์กราฟกิ กับงานหลากหลายดา้ น ไมว่ า่ จะเป็นงานดา้ นการศกึ ษา งานด้าน ธุรกิจ งานด้านการออกแบบ งานด้านบนั เทิง หรืองานด้านการแพทย์ เปน็ ต้น
วิชาการใชโ้ ปรแกรมกราฟกิ รหสั วิชา 2201-2419 หนว่ ยท่ี 1 ความรู้เบื้องต้นเกีย่ วกบั คอมพิวเตอร์กราฟกิ 1.2 หลกั การทางานของภาพกราฟกิ หลักการทางานของภาพกราฟิก แบ่งออกเป็น 2 รูปแบบ ได้แก่ 1.2.1 ภาพกราฟิกแบบราสเตอร์ (Raster) ภาพกราฟกิ แบบราสเตอร์ หรือเรยี กอกี อย่างหนงึ่ วา่ บิตแมพ (Bitmap) เป็น ภาพกราฟกิ ท่เี กดิ จากการเรียงตวั ของจดุ สี่เหลย่ี มเลก็ ๆ ทเ่ี รียกวา่ พกิ เซล (Pixel) มี การเก็บคา่ สที ี่เจาะจงในแต่ละตาแหนง่ จนเกดิ เปน็ ภาพในลกั ษณะต่าง ๆ เชน่ ภาพถ่าย ดงั นนั้ ภาพแบบราสเตอร์มีข้อดคี อื เหมาะสาหรบั ภาพท่ีต้องการสรา้ งสีหรอื กาหนดสีที่ต้องการความละเอียดและสวยงาม สว่ นข้อเสียคอื หากมีการขยายขนาด ภาพซง่ึ จะเปน็ การเพิม่ จานวนจดุ สีใหก้ บั ภาพ สง่ ผลให้คุณภาพของภาพน้ันสูญเสยี ไป ความละเอยี ดของภาพจะลดลง มองเห็นภาพเปน็ แบบจุดสชี ดั เจนขนึ้ ไฟล์ภาพจะมี ขนาดใหญ่และใช้เนือ้ ทใ่ี นการจดั เกบ็ มากตามไปด้วย
วชิ าการใช้โปรแกรมกราฟกิ รหัสวิชา 2201-2419 หน่วยท่ี 1 ความรเู้ บ้อื งต้นเกีย่ วกบั คอมพวิ เตอร์กราฟกิ ภาพปกติ ภาพขยาย ภาพท่ี 1.1 ภาพแบบราสเตอร์
วชิ าการใช้โปรแกรมกราฟกิ รหสั วิชา 2201-2419 หน่วยที่ 1 ความร้เู บ้ืองต้นเก่ยี วกับคอมพิวเตอร์กราฟิก 1.2.2 ภาพกราฟกิ แบบเวคเตอร์ (Vector) ภาพกราฟิกแบบเวคเตอร์ เป็นภาพกราฟิกทีเ่ กดิ จากการประมวลผลโดยอาศัย หลักการคานวณทางคณติ ศาสตร์ มีสแี ละตาแหนง่ ทแี่ นน่ อน ภาพจะมคี วามเปน็ อิสระ ตอ่ กัน โดยแยกชิน้ สว่ นของภาพทง้ั หมดออกเปน็ เสน้ ตรง เสน้ โคง้ หรอื รปู ทรง เมอ่ื มี การขยายภาพความละเอียดของภาพจะไม่ลดลง เชน่ ภาพการต์ นู เม่อื ถูกขยายภาพ ออกมา ภาพที่ได้ก็จะยงั คงรายละเอียดและความชัดเจนไว้เหมือนเดิม และขนาดของ ไฟลภ์ าพจะมขี นาดเล็กกวา่ ภาพแบบราสเตอร์ โปรแกรมท่ีนยิ มใชส้ ร้างภาพแบบ เวคเตอร์ ไดแ้ ก่ โปรแกรม Illustrator โปรแกรม CorelDraw เปน็ ตน้ ดงั แสดงใน ภาพที่ 1.2
วิชาการใช้โปรแกรมกราฟิก รหัสวิชา 2201-2419 หน่วยท่ี 1 ความร้เู บื้องต้นเกย่ี วกับคอมพิวเตอร์กราฟกิ ภาพปกติ ภาพขยาย ภาพท่ี 1.2 ภาพแบบเวคเตอร์ ที่มา : http://sangrawee1366.blogspot.com/p/1.html
วชิ าการใช้โปรแกรมกราฟกิ รหัสวชิ า 2201-2419 หนว่ ยที่ 1 ความร้เู บ้อื งต้นเก่ียวกบั คอมพิวเตอร์กราฟิก 1.3 ประเภทของภาพกราฟกิ ประเภทของภาพกราฟกิ แบง่ ออกเป็น 2 ประเภท ได้แก่ 1.3.1 ภาพกราฟกิ ประเภท 2 มติ ิ เป็นภาพกราฟกิ ท่ีมีแตค่ วามกว้างและความยาว แตจ่ ะไม่มีความหนาหรือ ความลกึ ได้แก่ ภาพสามเหล่ียม ภาพสี่เหล่ียม ภาพถ่าย ภาพลายเสน้ ภาพวาด เปน็ ต้น โดยทวั่ ไปเรยี กภาพกราฟกิ ประเภท 2 มิติวา่ ภาพรา่ ง ดังแสดงในภาพท่ี 1.3
วิชาการใช้โปรแกรมกราฟิก รหสั วิชา 2201-2419 หน่วยที่ 1 ความร้เู บื้องต้นเกีย่ วกบั คอมพวิ เตอร์กราฟกิ ภาพท่ี 1.3 ภาพกราฟิกประเภท 2 มิติ ที่มา : http://sakapipoo.wordpress.com
วิชาการใชโ้ ปรแกรมกราฟิก รหสั วิชา 2201-2419 หนว่ ยที่ 1 ความร้เู บ้ืองต้นเก่ยี วกับคอมพวิ เตอร์กราฟิก 1.3.2 ภาพกราฟิกประเภท 3 มิติ เป็นภาพที่เกิดจากการใช้โปรแกรมสรา้ งภาพ 3 มิติ ภาพที่ได้จะมีลักษณะ เหมอื นภาพที่มองจากตาคน โดยภาพกราฟกิ ประเภท 3 มิติจะมีสว่ นโคง้ เว้า มุม แสง ความลกึ และรายละเอียดท่ีสูงข้ึนจากภาพกราฟิกประเภท 2 มิติ มีลักษณะ การมองภาพที่เหมือนจริง ดังแสดงในภาพท่ี 1.4
ภาพท่ี 1.4 ภาพกราฟิกประเภท 3 มิติ วชิ าการใชโ้ ปรแกรมกราฟิก รหัสวิชา 2201-2419 หนว่ ยท่ี 1 ความรู้เบ้ืองต้นเกยี่ วกับคอมพวิ เตอร์กราฟกิ ภาพท่ี 1.4 ภาพกราฟกิ ประเภท 3 มิติ ทม่ี า : http://sakapipoo.wordpress.com
วิชาการใช้โปรแกรมกราฟิก รหสั วิชา 2201-2419 หนว่ ยท่ี 1 ความรูเ้ บือ้ งต้นเก่ียวกบั คอมพวิ เตอร์กราฟิก 1.4 ระบบสีท่ีใช้กับภาพกราฟกิ โดยท่ัวไปสีในธรรมชาติและสที สี่ ร้างขนึ้ จะมรี ปู แบบการมองเห็นของสีทแ่ี ตกต่าง กัน ซ่ึงรปู แบบการมองเห็นสที ่ีใช้ในงานด้านกราฟกิ ทัว่ ไปน้ัน มีอยู่ด้วยกัน 4 ระบบ ได้แก่ 1. ระบบสี RGB ตามหลักการแสดงสขี องเครอ่ื งคอมพิวเตอร์ 2. ระบบสี CMYK ตามหลกั การแสดงสขี องเครอื่ งพมิ พ์ 3. ระบบสี HSB ตามหลกั การมองเห็นสีของสายตามนษุ ย์ 4. ระบบสี LAB ตามหลกั การแสดงสีที่ไม่ข้ึนอยกู่ บั อปุ กรณ์ใด ๆ สามารถใชก้ ับสี ที่เกดิ จากอปุ กรณท์ ุกชนดิ ไมว่ ่าจะเป็นจอคอมพวิ เตอร์หรอื เครอื่ งพิมพ์
วิชาการใชโ้ ปรแกรมกราฟกิ รหสั วชิ า 2201-2419 หน่วยที่ 1 ความรู้เบ้อื งต้นเกย่ี วกับคอมพวิ เตอร์กราฟิก 1.4.1 ระบบสี RGB ย่อมาจากคาวา่ Red Green และ Blue เปน็ ระบบสีที่เกดิ จากการรวมกันของ แสงสีแดง สีเขยี ว และสนี า้ เงิน เมอ่ื มีการใชส้ ัดส่วนของ 3 สีนตี้ ่างกัน จะทาให้เกดิ สี ตา่ ง ๆ ได้อกี มากมายถงึ 16.7 ลา้ นสี ซ่งึ ใกล้เคยี งกบั สีท่ตี าเรามองเห็นปกติ โดยสีทีไ่ ด้ จากการผสมสีขน้ึ อยกู่ บั ความเข้มของสี ถา้ หากสมี ีความเข้มมากเมอ่ื นามาผสมกันจะ ทาให้เกดิ เปน็ สีขาว จงึ เรยี กระบบสนี วี้ ่า Additive หรือการผสมสแี บบบวก หลกั การ แสดงสีของจอคอมพวิ เตอรน์ ้ันจะแสดงสีเป็นระบบ RGB อยู่แล้ว ไมว่ ่าจะเลอื กโหมด การทางานใดก็ตาม ดังแสดงในภาพท่ี 1.5
วิชาการใช้โปรแกรมกราฟิก รหัสวิชา 2201-2419 หนว่ ยที่ 1 ความรู้เบ้อื งต้นเกี่ยวกับคอมพิวเตอร์กราฟกิ ภาพที่ 1.5 ระบบสี RGB ท่ีมา:http://cptd.chandra.ac.th/selfstud/graphics/introcolor1.htm
วิชาการใชโ้ ปรแกรมกราฟกิ รหสั วชิ า 2201-2419 หน่วยท่ี 1 ความรูเ้ บ้ืองต้นเกย่ี วกบั คอมพิวเตอร์กราฟิก 1.4.2 ระบบสี CMYK ย่อมาจากคาว่า Cyan Magenta Yellow และ Black เปน็ ระบบสีมาตรฐาน ท่ีเหมาะกับงานพมิ พท์ พี่ มิ พ์ออกทางกระดาษหรือวัสดุผิวเรียบอนื่ ๆ โดยทาการแก้ไข จดุ บกพรอ่ งของระบบสี RGB ทเ่ี ครือ่ งพิมพ์ไม่สามารถพิมพ์สีบางสีออกไปได้ ซ่ึง ประกอบด้วยสหี ลกั 4 สี ได้แก่ สีฟา้ สีชมพูมว่ ง สีเหลือง และสีดา เมือ่ นาสีท้ังหมด มาผสมกันจะเกิดเป็นสดี า จึงเรียกระบบสีนีว้ ่า Subtractive Color หลักการเกดิ สี ของระบบนคี้ อื หมึกสหี นงึ่ จะดูดกลนื แสงจากสหี นง่ึ และสะทอ้ นกลบั ออกมาเปน็ สี ต่าง ๆ ดงั แสดงในภาพที่ 1.6
วชิ าการใชโ้ ปรแกรมกราฟิก รหัสวิชา 2201-2419 หนว่ ยที่ 1 ความรู้เบอื้ งต้นเก่ยี วกับคอมพวิ เตอร์กราฟกิ ภาพที่ 1.6 ระบบสี CMYK ทีม่ า:http://cptd.chandra.ac.th/selfstud/graphics/introcolor1.htm
วชิ าการใชโ้ ปรแกรมกราฟกิ รหัสวชิ า 2201-2419 หนว่ ยที่ 1 ความรเู้ บือ้ งต้นเกี่ยวกบั คอมพวิ เตอร์กราฟกิ 1.4.3 ระบบสี HSB เปน็ ระบบสีแบบการมองเห็นของสายตามนุษย์ ซึ่งแบง่ ออกเป็น 3 ลกั ษณะ คอื Hue เปน็ สตี ่าง ๆ ท่ีสะท้อนออกมาจากวัตถแุ ลว้ เข้าสูส่ ายตา ทาให้เราสามารถ มองเห็นวัตถเุ ปน็ สีต่าง ๆ ได้ ซง่ึ แตล่ ะสจี ะแตกต่างกนั ตามความยาวของคลื่นแสงที่ มากระทบวัตถุและสะทอ้ นกลบั มาที่สายตา ค่า Hue ถูกวัดโดยตาแหนง่ การแสดงสี บนมาตรฐานวงล้อของสี (Standard Color Wheel) ซง่ึ ถกู แทนคา่ สดี ้วยองศา 0 ถงึ 360 องศา แตโ่ ดยทว่ั ๆ ไปแลว้ มักจะเรยี กการแสดงสีน้ัน ๆ เป็นชื่อของสเี ลย เชน่ สแี ดง สีมว่ ง สีเหลือง Saturation เปน็ การกาหนดค่าความสดของสี โดยคา่ ความสดของสจี ะเร่ิมท่ี 0 ถงึ 100 หากกาหนด Saturation เปน็ 0
วิชาการใช้โปรแกรมกราฟกิ รหสั วิชา 2201-2419 หนว่ ยท่ี 1 ความร้เู บ้อื งต้นเกย่ี วกบั คอมพิวเตอร์กราฟกิ สีจะมีความสดน้อย แต่ถ้ากาหนดที่ 100 สีจะมคี วามสดมาก ค่าสีจะถูกวดั โดย ตาแหน่งการแสดงสีบน Standard Color Wheel ค่าของ Saturation จะเพิ่มข้นึ จากจุดก่งึ กลางจนถงึ เสน้ ขอบ โดยค่าทีเ่ ส้นขอบจะมีสีที่ชัดเจนและอ่มิ ตัวทีส่ ุดที่ 100 Brightness เปน็ ระดับความสว่างและความมืดของสี โดยค่าความสว่างของ สจี ะเร่มิ ท่ี 0 ถงึ 100 หากกาหนดค่า 0 ความสวา่ งจะน้อยซงึ่ จะเป็นสดี า แตถ่ า้ กาหนดคา่ 100 สจี ะมคี วามสวา่ งมากที่สุด ดังแสดงในภาพที่ 1.7
วชิ าการใชโ้ ปรแกรมกราฟกิ รหัสวชิ า 2201-2419 หนว่ ยท่ี 1 ความรู้เบอ้ื งต้นเกย่ี วกบั คอมพวิ เตอร์กราฟิก ภาพท่ี 1.7 ระบบสี HSB ทีม่ า : http://cptd.chandra.ac.th/selfstud/graphics/introcolor1.htm
วชิ าการใช้โปรแกรมกราฟิก รหัสวชิ า 2201-2419 หน่วยท่ี 1 ความรเู้ บื้องต้นเก่ยี วกับคอมพิวเตอร์กราฟิก 1.4.4 ระบบสี LAB เปน็ มาตรฐานสาหรับการวดั ค่าแบบครอบคลุมทุกสีในระบบสี RGB และ CMYK สามารถใชก้ บั สีทีเ่ กิดจากอปุ กรณท์ กุ ชนิดไม่ว่าจะเป็นจอคอมพิวเตอร์ เครือ่ งพมิ พ์ สแกนเนอร์ รวมทัง้ อุปกรณ์อ่ืน ๆ สว่ นประกอบของระบบสีน้ี ได้แก่ L (Luminance) เป็นคา่ ความสวา่ ง จะมีค่าตัง้ แต่ 0 (สดี า) ไปจนถึงคา่ 100 (สขี าว) A แสดงการไลส่ จี ากสีเขยี วไปยังสแี ดง B แสดงการไล่สจี ากสนี ้าเงนิ ไปยงั สีเหลอื ง ดงั แสดงในภาพท่ี 1.8
วชิ าการใชโ้ ปรแกรมกราฟกิ รหัสวชิ า 2201-2419 หนว่ ยที่ 1 ความรู้เบอ้ื งต้นเกย่ี วกับคอมพิวเตอร์กราฟิก ภาพที่ 1.8 ระบบสี LAB ท่มี า : http://cptd.chandra.ac.th/selfstud/graphics/introcolor1.htm
วิชาการใช้โปรแกรมกราฟิก รหัสวชิ า 2201-2419 หน่วยที่ 1 ความรเู้ บ้อื งต้นเก่ยี วกับคอมพิวเตอร์กราฟิก 1.5 ประเภทของไฟล์ภาพกราฟิก การสร้างภาพกราฟกิ หรอื การตกแตง่ ภาพกราฟิก ประเภทของไฟลภ์ าพกราฟกิ เปน็ อกี ปจั จยั หนึง่ ท่ีมีความสาคญั เพราะความละเอยี ดของไฟลภ์ าพจะส่งผลกับขนาด ของภาพ เช่น ภาพทีน่ ามาใช้งานบนเวบ็ เพจควรจะตอ้ งมีขนาดเลก็ เพอื่ นาไปเรียกใช้ งานบนเว็บเพจได้อยา่ งรวดเรว็ ประเภทของไฟลภ์ าพกราฟกิ ที่นยิ มใชโ้ ดยทั่วไป ได้แก่ 1.5.1 JPEG หรือ JPG (Join Photographic Export Group) เป็น รูปแบบไฟล์ที่เกบ็ ภาพแบบราสเตอร์ท่ไี ม่ต้องการคุณภาพสงู มากนัก เชน่ ภาพถา่ ย จากกลอ้ งดจิ ติ อล ภาพถา่ ยจากโทรศพั ทม์ ือถือและภาพกราฟกิ สาหรบั แสดงบน อนิ เทอรเ์ น็ต สามารถแสดงสีได้ถึง 16.7 ล้านสี เปน็ ไฟล์ภาพชนดิ หน่งึ ท่ีไดร้ ับความ นยิ ม เพราะไฟล์มขี นาดเลก็ สามารถบีบอัดข้อมูลได้หลายระดับ
วิชาการใชโ้ ปรแกรมกราฟกิ รหัสวชิ า 2201-2419 หน่วยท่ี 1 ความรเู้ บ้อื งต้นเกี่ยวกบั คอมพวิ เตอร์กราฟิก จุดเดน่ 1. สนับสนนุ สไี ดถ้ ึง 24 bit 2. แสดงสีไดถ้ ึง 16.7 ลา้ นสี 3. สามารถกาหนดคา่ การบบี อัดไฟล์ได้ตามที่ต้องการ 4. มีระบบแสดงผลแบบหยาบและคอ่ ย ๆ ขยายไปสลู่ ะเอยี ดในระบบโพรเกรสซฟี (Progressive) 5. มโี ปรแกรมสนบั สนุนการสร้างจานวนมาก 6. เรยี กดไู ด้กับบราวเซอร์ (Browser) ทุกตวั จดุ ดอ้ ย 1. ไม่สามารถทาภาพให้มพี ืน้ หลังแบบโปร่งใส (Transparent) ได้ 2. ทาภาพเคลอ่ื นไหว (Animation) ไม่ได้
วิชาการใชโ้ ปรแกรมกราฟกิ รหสั วิชา 2201-2419 หนว่ ยที่ 1 ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟกิ 1.5.2 GIF (Graphic Interchange Format) เป็นไฟลภ์ าพทส่ี ามารถบบี อดั ข้อมูลให้ มีขนาดเล็กได้ สว่ นมากจะนาไปใชบ้ ันทกึ เป็นไฟล์ภาพเคล่ือนไหว และนิยมมากในการใช้ งานบนเว็บเพจ จดุ เด่น 1. สามารถใชง้ านข้ามระบบ ไม่ว่าจะเปน็ ระบบปฏิบตั กิ ารวินโดวส์ (Windows) หรือระบบปฏิบัติการยนู กิ ซ์ (Unix) กส็ ามารถเรียกใชไ้ ฟล์ภาพสกุลน้ไี ด้ 2. ภาพมีขนาดไฟล์ต่า จากเทคโนโลยีการบีบอัดภาพทาให้สามารถสง่ ไฟล์ภาพได้ อย่างรวดเรว็ 3. สามารถทาภาพพื้นหลงั แบบโปรง่ ใสได้
วชิ าการใชโ้ ปรแกรมกราฟิก รหัสวชิ า 2201-2419 หนว่ ยท่ี 1 ความรูเ้ บือ้ งต้นเกี่ยวกบั คอมพวิ เตอร์กราฟกิ 4. มีโปรแกรมสนับสนุนการสรา้ งจานวนมาก 5. เรียกดูได้กับบราวเซอรท์ ุกตวั 6. สามารถนาเสนอแบบภาพเคลอื่ นไหวได้ จดุ ด้อย 1. แสดงสีไดเ้ พียง 256 สี 2. ไม่เหมาะกับภาพท่ีตอ้ งการความคมชดั หรือความสดใส
วิชาการใชโ้ ปรแกรมกราฟกิ รหัสวชิ า 2201-2419 หนว่ ยท่ี 1 ความรเู้ บ้อื งต้นเกยี่ วกบั คอมพวิ เตอร์กราฟิก 1.5.3 PNG (Portable Network Graphics) เปน็ ชนิดของไฟล์ภาพท่ีนาจดุ เดน่ ของไฟล์ภาพแบบ GIF และแบบ JPG มาพัฒนารว่ มกัน ทาให้ไฟล์ภาพชนดิ นแี้ สดงสไี ด้ มากกวา่ 256 สี และยงั สามารถทาพื้นหลังภาพใหโ้ ปรง่ ใสได้ จงึ เป็นไฟลภ์ าพทไ่ี ด้รับ ความนยิ มมากในปจั จุบนั
วชิ าการใชโ้ ปรแกรมกราฟกิ รหสั วิชา 2201-2419 หน่วยที่ 1 ความรเู้ บือ้ งต้นเก่ยี วกบั คอมพิวเตอร์กราฟกิ จุดเด่น 1. สนบั สนุนสไี ด้ตามค่า True color (16 bit, 32 bit หรือ 64 bit) 2. สามารถกาหนดคา่ การบีบอัดไฟล์ไดต้ ามทตี่ อ้ งการ 3. ทาภาพพ้ืนหลังแบบโปรง่ ใสได้ จดุ ดอ้ ย 1. หากกาหนดค่าการบบี อัดไฟลไ์ วส้ งู จะใช้เวลาในการคลายไฟลภ์ าพสงู ตามไปดว้ ย 2. ไม่สนบั สนุนกับบราวเซอร์รนุ่ เกา่ 3. โปรแกรมสนับสนนุ ในการสรา้ งมีนอ้ ย
วิชาการใชโ้ ปรแกรมกราฟิก รหสั วิชา 2201-2419 หน่วยที่ 1 ความรู้เบอ้ื งต้นเกีย่ วกับคอมพิวเตอร์กราฟิก 1.5.4 BMP (Bitmap) เปน็ รปู แบบของไฟลภ์ าพมาตรฐานท่ใี ช้ได้ในระบบปฏิบัตกิ าร วนิ โดวส์ โดยมีลกั ษณะการจัดเกบ็ ไฟลภ์ าพเป็นจุดสีทลี ะจุด จงึ ทาใหภ้ าพดูเสมือนจริง จดุ เดน่ 1. แสดงรายละเอียดสไี ด้ 24 บติ 2. ไม่มกี ารสูญเสียข้อมลู ใด ๆ เมื่อมกี ารยอ่ หรอื ขยายภาพ 3. นาไปใช้งานไดก้ บั ทุกโปรแกรมในระบบปฏบิ ัติการวินโดวส์ จดุ ด้อย 1. ภาพมีขนาดใหญ่มากจึงใชเ้ นอื้ ท่ีในการจดั เกบ็ คอ่ นขา้ งมาก 2. ความละเอียดของภาพอาจจะไมช่ ัดเจนเหมือนต้นฉบบั
วชิ าการใช้โปรแกรมกราฟกิ รหสั วชิ า 2201-2419 หนว่ ยท่ี 1 ความรูเ้ บอ้ื งต้นเก่ยี วกับคอมพิวเตอร์กราฟิก 1.5.5 TIF หรอื TIFF (Tagged Image File) เป็นไฟล์ทใี่ ชเ้ กบ็ ภาพแบบราสเตอร์ คณุ ภาพสงู เชน่ ภาพกราฟกิ ที่นาไปทางานดา้ นส่งิ พิมพ์ (Artwork) สามารถเก็บข้อมลู ของภาพไว้ได้ครบถว้ น ทาใหค้ ุณภาพของสีเหมือนต้นฉบับ จดุ เด่น 1. สามารถใชง้ านขา้ มระบบ ไม่ว่าจะเป็นระบบปฏิบัติการวินโดวส์หรือ ระบบปฏบิ ัตกิ ารยนู ิกซ์ ก็สามารถเรียกใช้ไฟล์ภาพชนิดน้ไี ด้ 2. แสดงรายละเอยี ดสีได้ 48 บิต 3. ไฟลม์ คี วามยืดหย่นุ สงู สามารถเปล่ยี นแปลงแกไ้ ขได้ 4. เมื่อมีการบบี อดั ไฟล์จะมกี ารสูญเสียขอ้ มลู น้อยมาก 5. มโี ปรแกรมสนับสนุนการสรา้ งจานวนมาก
วิชาการใชโ้ ปรแกรมกราฟิก รหสั วชิ า 2201-2419 หน่วยที่ 1 ความรู้เบอื้ งต้นเกย่ี วกับคอมพิวเตอร์กราฟกิ จดุ ด้อย 1. ไฟล์ภาพมีขนาดคอ่ นขา้ งใหญ่ 2. ใชพ้ น้ื ทีใ่ นการจัดเกบ็ ไฟลภ์ าพสงู 1.5.6 PSD (Photoshop Document) เปน็ ไฟล์ภาพเฉพาะโปรแกรม Adobe Photoshop จะทาการบันทกึ แบบแยก เลเยอร์ (Layer) โดยเกบ็ ประวัตกิ ารทางานและรายละเอยี ดการตกแต่งภาพเอาไวเ้ พอ่ื งา่ ยต่อการแกไ้ ขในภายหลัง
วชิ าการใช้โปรแกรมกราฟิก รหัสวิชา 2201-2419 หน่วยท่ี 1 ความรเู้ บอ้ื งต้นเกยี่ วกบั คอมพวิ เตอร์กราฟิก จุดเดน่ 1. มกี ารบนั ทกึ แบบแยกเลเยอรแ์ ละเกบ็ ประวัติการทางานทกุ ขน้ั ตอน 2. สามารถนาไฟล์ภาพมาแกไ้ ขไดใ้ นภายหลัง จุดดอ้ ย 1. ไฟล์ภาพมขี นาดใหญเ่ ม่ือเทียบกับไฟลภ์ าพประเภทอ่นื 2. ไม่สามารถเปิดใชง้ านในโปรแกรมอืน่ ได้
วิชาการใช้โปรแกรมกราฟิก รหสั วชิ า 2201-2419 หน่วยที่ 1 ความรู้เบอื้ งต้นเก่ยี วกับคอมพิวเตอร์กราฟกิ 1.6 คอมพิวเตอร์กราฟิกกับการประยกุ ต์ใชใ้ นงานด้านต่าง ๆ งานดา้ นกราฟิกมีการพฒั นาอย่างรวดเร็วและแพรห่ ลาย คอมพิวเตอร์กราฟิกกับ การประยุกต์ใช้ในงานดา้ นต่าง ๆ ได้แก่ 1.6.1 คอมพิวเตอรก์ ราฟกิ กบั งานออกแบบ (Computer – Aided Design) คอมพิวเตอรก์ ราฟกิ ได้เขา้ มามีบทบาทกับงานด้านออกแบบในสาขาต่าง ๆ เปน็ จานวนมาก เช่น การออกแบบรถยนต์ การออกแบบเคร่อื งจกั ร การออกแบบ ผลติ ภัณฑ์ การออกแบบตกแต่งภายใน และการออกแบบเคร่อื งประดบั เป็นตน้ CAD (Computer – Aided Design) เป็นโปรแกรมช่วยในการออกแบบ ทางวิศวกรรม ซ่ึงจะช่วยให้ผอู้ อกแบบหรอื วิศวกรออกแบบงานได้ง่ายและสะดวกยิง่ ขึน้ เมอ่ื ต้องการแกไ้ ขก็สามารถ
วชิ าการใชโ้ ปรแกรมกราฟิก รหัสวชิ า 2201-2419 หน่วยที่ 1 ความรู้เบ้ืองต้นเก่ยี วกับคอมพิวเตอร์กราฟิก ทาไดง้ ่ายกวา่ การทางานในกระดาษ สามารถออกแบบลกั ษณะลายเสน้ ใส่สี แสงเงา เพื่อใหด้ ูคลา้ ยของจริง สาหรับงานด้านวิศวกรรมไฟฟ้าและอเิ ลก็ ทรอนิกส์ ได้ถูกนา มาใชใ้ นการออกแบบวงจรต่าง ๆ โดยใช้สัญลักษณ์ท่รี ะบบมีให้ แล้วทาการประกอบ เปน็ วงจรท่ีตอ้ งการ ผู้ออกแบบสามารถแกไ้ ขตัดต่อเพิม่ เติมวงจรได้ เช่น การ ออกแบบรถยนต์ เคร่ืองบนิ หรอื เครื่องจกั รตา่ ง ๆ นักออกแบบจะใช้ CAD ออกแบบ ส่วนย่อย ๆ แตล่ ะส่วนกอ่ น แล้วจงึ ประกอบกันเปน็ ส่วนใหญ่ ซ่ึงบางระบบสามารถ ทดสอบแบบจาลองท่อี อกแบบไว้ เช่น การออกแบบรถยนต์ แล้วนาโครงสร้างของ รถทอ่ี อกแบบมาจาลอง การวิง่ แลว้ เกบ็ ผลมาตรวจสอบค่า หรือการออกแบบ โครงสร้างตกึ บ้าน สะพาน และสถาปัตยกรรม เพอื่ แสดงภาพในมมุ มองต่าง ๆ ตามทผี่ ู้ออกแบบต้องการ ตวั อย่างการใช้คอมพิวเตอรก์ ราฟิกกบั งาน ออกแบบ โครงสร้างภาพคน ดังแสดงในภาพที่ 1.9
วชิ าการใช้โปรแกรมกราฟิก รหสั วิชา 2201-2419 หนว่ ยที่ 1 ความรู้เบอ้ื งต้นเกี่ยวกับคอมพวิ เตอร์กราฟกิ ภาพที่ 1.9 คอมพิวเตอรก์ ราฟิกกบั งานออกแบบโครงสร้างภาพคน ท่มี า : http://www.thaigoodview.com/node/19303
วิชาการใชโ้ ปรแกรมกราฟกิ รหสั วิชา 2201-2419 หน่วยที่ 1 ความรูเ้ บือ้ งต้นเกี่ยวกบั คอมพวิ เตอร์กราฟกิ ตวั อยา่ งการใชค้ อมพิวเตอรก์ ราฟิกกบั งานออกแบบดา้ นสถาปตั ยกรรมตกแต่งภายใน ดังแสดงในภาพท่ี 1.10 ภาพที่ 1.10 คอมพวิ เตอรก์ ราฟิกกบั งานออกแบบดา้ นสถาปัตยกรรม ที่มา : http://graphic-group7.blogspot.com/2011/10/blog-post_5686.html
วิชาการใช้โปรแกรมกราฟิก รหัสวิชา 2201-2419 หน่วยท่ี 1 ความรเู้ บ้ืองต้นเกี่ยวกับคอมพวิ เตอร์กราฟิก 1.6.2 คอมพวิ เตอร์กราฟกิ กบั งานนาเสนอ (Presentation) ในการนาเสนอผลงานโดยใชโ้ ปรแกรมคอมพิวเตอรก์ ราฟิก สามารถแสดงผล ทางหน้าจอโปรเจคเตอร์ (Projector) หรือพมิ พ์งานลงในโปรแกรมคอมพวิ เตอร์ เช่น โปรแกรม Microsoft Office PowerPoint ใช้สาหรับการนาเสนองาน การนาเสนอ สนิ ค้า ส่วนมากนยิ มจัดทาเปน็ รายงานในรปู แบบตา่ ง ๆ เชน่ รายงานสรปุ งบการเงนิ รายงานข้อมลู ลูกค้า เปน็ ตน้ นิยมแสดงในรปู แบบของกราฟหรอื รูปภาพ เพอ่ื ให้งา่ ย ต่อการทาความเขา้ ใจ ดังแสดงในภาพท่ี 1.11
วชิ าการใชโ้ ปรแกรมกราฟิก รหัสวชิ า 2201-2419 หน่วยที่ 1 ความรเู้ บื้องต้นเกีย่ วกบั คอมพวิ เตอร์กราฟิก ภาพที่ 1.11 คอมพิวเตอร์กราฟิกกับงานนาเสนอ
วิชาการใช้โปรแกรมกราฟกิ รหัสวิชา 2201-2419 หน่วยที่ 1 ความรู้เบ้อื งต้นเกยี่ วกับคอมพวิ เตอร์กราฟิก 1.6.3 คอมพวิ เตอร์กราฟิกกบั งานบนั เทงิ (Entertainment) คอมพวิ เตอรก์ ราฟกิ กับงานบันเทงิ โดยเฉพาะงานด้านมลั ติมีเดยี ได้รับความ แพรห่ ลาย ในวงการบนั เทงิ เป็นอย่างมาก เชน่ การโฆษณาสินค้าทางโทรทัศน์ รายการขา่ ว ละคร เกมออนไลน์ การสร้างภาพการ์ตนู การสร้างภาพเคล่ือนไหว การสรา้ งภาพวิดีโอ การสรา้ งฉากภาพยนตร์ เป็นต้น ดังแสดงในภาพท่ี 1.12
วิชาการใชโ้ ปรแกรมกราฟกิ รหัสวชิ า 2201-2419 หนว่ ยที่ 1 ความร้เู บ้อื งต้นเกยี่ วกับคอมพิวเตอร์กราฟกิ ภาพท่ี 1.12 คอมพิวเตอร์กราฟกิ กับงานบนั เทงิ ท่ีมา : http://group-jmskt.blogspot.com/2013/02/2.html
วิชาการใช้โปรแกรมกราฟิก รหัสวิชา 2201-2419 หน่วยที่ 1 ความรู้เบือ้ งต้นเกีย่ วกบั คอมพิวเตอร์กราฟกิ 1.6.4 คอมพิวเตอร์กราฟิกกบั งานเว็บไซต์ (Web Site) ได้มกี ารนาคอมพวิ เตอร์กราฟิกมาใชใ้ นการจัดทาเวบ็ ไซต์ เพอ่ื ประชาสัมพันธ์ หนว่ ยงานหรือองค์กร หรือเผยแพร่ข้อมูลขา่ วสารตา่ ง ๆ สสู่ าธารณะ ดังแสดงใน ภาพท่ี 1.13 ภาพท่ี 1.13 คอมพวิ เตอรก์ ราฟิกกบั งานเว็บไซต์ ทมี่ า : http://rsc.ac.th/rsc
Search
