program graphics

PROGRAM GRAPHICS โปรแกรมกราฟกการนาํ เสนอ(presentationgraphicProgram) โปรแกรมกราฟกวาดภาพ(DrawingGraphicProgram)

โปรแกรมกราฟก Graphics program วิชา กราฟกและการนาํ เสนอ โดย ด.ช.ธรี โชติ มะสุข เลขที 7 ชัน 3/3 ด.ญ.กลุ ณัฐ ศรแี ดน เลขที 18 ชัน 3/3 ด.ญ.จิรวรรณ รกั กดุ เกวยี น เลขที 19 ชัน 3/3 ด.ญ.สริ วิ ิภา ชาวพรมมา เลขที 37 ชนั 3/3 ด.ญ.อนัญพร วิโรจนศ์ ิริ เลขที 40 ชัน 3/3 ด.ญ.นุชธิชา กาลินทร์ เลขที 41 ชัน 3/3 เสนอ คุณครูสิรนิ ันท์ ขนั ยศ โรงเรียนนยิ มศลิ ปอนุสรณ์ สาํ นักงานเขตพืนทีการศกึ ษาเขต 40

สารบัญ ประวตั ิโปรแกรมกราฟฟก หลกั การทํางานของโปรแกรม ประเภทของงานกราฟฟก ระบบสที ใี ชก้ ับภาพกราฟก ประเภทของไฟลภ์ าพกราฟก

ประวตั ิความเปนมา ในป ค.ศ.1950 การออกแบบไดช้ อื ว่าเปน Typographical Style เปนการพัฒนาโดยนกั ออกแบบชาวสวสิ ได้นําวธิ กี ารจดั วางตวั อกั ษร ข้อความและภาพเปนคอลมั ภ์ มีการใชต้ าราง ชว่ ยใหอ้ ่านง่ายมีความเปนระเบยี บ สวยงาม มี การจัดแถวของข้อความแบบชิดขอบดา้ นหน้า และด้านหลังตรงเสมอกนั ตังแต่สมยั หลงั สงครามโลกครังที 2 เปนตน้ มา การออกแบบ กราฟก ไดพ้ ัฒนาและขยายขอบเขตงานออกไป อยา่ งกว้างขวาง ไม่จํากดั อยแู่ ต่ในสิงพิมพ์ เท่านัน โดยไดเ้ ข้าไปอยใู่ นกระบวนการสือสา รอืนๆเช่น ภาพยนตร์ โทรทัศน์ วดี ิทศั น์ การ ถา่ ยภาพ โปสเตอร์ การโฆษณา ฯลฯ การ ออกแบบกราฟกปจจุบัน เปนยุคของ อเิ ลก็ ทรอนิกส์ นวตั กรรมและเทคโนโลยี ได้นาํ เครอื งมือ เครอื งใช้ วัสดุอปุ กรณ์ วสั ดุสําเรจ็ รูป มาช่วยในการออกแบบกราฟกได้อยา่ งมี ประสทิ ธภิ าพ

หลกั การทาํ งานของโปรแกรม หลักการทํางานของภาพกราฟก หลักการทํางานของภาพกราฟก แบง่ ออกเปน 2 รูปแบบ ได้แก่ 1. ภาพกราฟกแบบราสเตอร์ (Raster) ภาพกราฟกแบบราสเตอร์ หรือเรียกอกี อยา่ งหนึงว่า บิตแมพ (Bitmap) เปนภาพกราฟกทเี กดิ จากการเรยี งตวั ของจุดสเี หลียม เลก็ ๆ ทเี รยี กว่า พิกเซล (Pixel) มกี ารเก็บค่าสีทีเจาะจงในแตล่ ะ ตําแหนง่ จนเกดิ เปนภาพในลักษณะต่าง ๆ เชน่ ภาพถา่ ย ดงั นัน ภาพแบบราสเตอรม์ ี ข้อดี คือ เหมาะสําหรับภาพทีตอ้ งการสรา้ งสีหรือกาํ หนดสที ี ตอ้ งการความละเอยี ดและสวยงามน

ข้อเสยี คอื หากมีการขยายขนาดภาพซงึ จะเปนการเพิม จาํ นวนจุดสใี หก้ บั ภาพ สง่ ผลให้คุณภาพของภาพนนั สูญ เสยี ไปความละเอียดของภาพจะลดลงมองเห็นภาพเปนแบบ จุดสีชัดเจนขึนไฟล์ภาพจะมีขนาดใหญ่และใช้เนือทใี นการจัด เกบ็ มากตามไปด้วย โปรแกรมทีนยิ มใช้ในการสรา้ งภาพแบ บราสเตอร์ ไดแ้ ก่ โปรแกรม Paintbrush โปรแกรม Adobe Photoshop เปนตน้ 2. ภาพกราฟกแบบเวคเตอร์ (Vector) ภาพกราฟกแบบเวคเตอร์ เปนภาพกราฟกทเี กดิ จากการประมวล ผลโดยอาศัยหลกั การคาํ นวณทางคณติ ศาสตร์ มสี แี ละตาํ แหนง่ ที แน่นอน ภาพจะมคี วามเปนอสิ ระตอ่ กัน โดยแยกชนิ สว่ นของภาพ ทงั หมดออกเปนเส้นตรง เสน้ โคง้ หรือรูปทรง เมือมกี ารขยายภาพ ความละเอยี ดของภาพ จะไม่ลดลง เช่น ภาพการต์ ูนเมอื ถูกขยาย ภาพออกมา ภาพทไี ดก้ จ็ ะยังคงรายละเอยี ดและความชดั เจนไว้ เหมือนเดมิ และขนาดของไฟล์ภาพจะมีขนาดเล็กกว่าภาพแบบราส เตอร์ โปรแกรมทีนิยมใช้สรา้ งภาพแบบเวคเตอร์ ไดแ้ ก่ โปรแกรม Illustrator โปรแกรม CorelDraw เปนตน้

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

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

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

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

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

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

GIF เปนไฟล์ภาพทีสามารถบบี อดั ข้อมูลให้มขี นาด เลก็ ไดส้ ว่ นมากจะนําไปใชบ้ นั ทกึ เปนไฟล์ภาพ เคลือนไหวและนิยมมากในการใช้งานบนเว็บเพจ

PNG เปนชนิดของไฟล์ภาพทีนาํ จุดเดน่ ของไฟล์ภาพ แบบ GIF และแบบ JPG มาพัฒนาร่วมกนั ทาํ ให้ ไฟล์ภาพชนิดนแี สดงสไี ดม้ ากกว่า 256 สี และยงั สามารถทาํ พืนหลังภาพให้โปรง่ ใสได้ จงึ เปนไฟล์ ภาพทไี ด้รบั ความนิยมมากในปจจบุ ัน

BMP เปนรูปแบบของไฟล์ภาพมาตรฐานทีใช้ไดใ้ นระบบ ปฏบิ ัตกิ ารวินโดวสโ์ ดยมลี กั ษณะการจัดเก็บ ไฟล์ ภาพเปนจดุ สที ีละจดุ จึงทําใหภ้ าพดเู สมือนจรงิ

TIF หรอื TIFF เปนไฟล์ทใี ชเ้ ก็บภาพแบบราสเตอรค์ ณุ ภาพสงู เช่น ภาพกราฟกทนี าํ ไปทาํ งานด้านสงิ พิมพ์ (Artwork) สามารถเก็บขอ้ มลู ของภาพไว้ไดค้ รบ ถว้ น ทําให้คณุ ภาพของสเี หมือนตน้ ฉบบั

PSD เปนไฟล์ภาพเฉพาะโปรแกรม Adobe Photoshop จะทําการ บันทึกแบบแยกเลเยอร์ (Layer) โดยเกบ็ ประวัติการทาํ งานและรายละเอียดการตกแตง่ ภาพ เอาไว้ เพืองา่ ยตอ่ การแก้ไขในภายหลงั