ความรู้เกี่ยวกับกราฟฟิก

รายงาน

เรื่อง

ความรู้เกี่ยวกับกราฟฟิก

นำเสนอ

ม.ณัฐพงศ์ หอมอ่อน

จัดทำโดย

กลุ่มเลขที่ 1,2,9,10,19 ห้อง ม.4/9

คำนำ

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

                                                                                                กลุ่มคณะดำเนินงาน

สารบัญ

หัวข้อ                                                                                                                         หน้า

ประวัติความเป็นมาของกราฟฟิก                                                                         4

บทบาทและความสำคัญของกราฟฟิก                                                                 5

ความหมายของกราฟิก                                                                                           7

ประเภทของภาพกราฟิก                                                                                         8

หลักการทำงานและการแสดงผลของภาพคอมพิวเตอร์กราฟิก                                  11

สีในงานคอมพิวเตอร์กราฟิก                                                                                 12

รูปแบบไฟล์กราฟิกต่างๆ                                                                                       14

คอมพิวเตอร์กราฟิกกับการประยุกต์ใช้ในงานด้านต่าง ๆ                                17

แหล่งอ้างอิง                                                                                                             21

ประวัติความเป็นมาของกราฟฟิก

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

ต่อมาประมาณ 9000 ปี ก่อนคริสต์กาล ชาว Sumerien ในแคว้นเมโสโปเตเมีย
ได้เริ่มเขียนตัวอักษรรูปลิ่ม (Cuneiform) และตัวอักษร Hieroglyphic ของชาวอียิปต์
งานกราฟิกเริ่มได้รับการยอมรับมากขึ้น เมื่อได้คิดค้นกระดาษและวิธีการพิมพ์ ปี
ค.ศ.1440 Johann Gutenberg ชาวเยอรมัน ได้ประดิษฐ์เครื่องพิมพ์แบบตัวเรียง
ที่สามารถพิมพ์ได้หลายครั้ง ครั้งละจำนวนมากๆ

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

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

การออกแบบกราฟิกปัจจุบัน เป็นยุคของอิเล็กทรอนิกส์ นวัตกรรมและเทคโนโลยี
ได้นำเครื่องมือ เครื่องใช้ วัสดุอุปกรณ์ วัสดุสำเร็จรูป
มาช่วยในการออกแบบกราฟิกได้อย่างมีประสิทธิภาพ เช่น การใช้คอมพิวเตอร์ ( Computer
Graphics ) มีโปรแกรมด้านการจัดพิมพ์ตัวอักษรที่นิยมกันมากคือ Microsoft Word
สามารถจัดเรียง วางรูปแบบ สร้างภาพ กราฟ แผนภูมิ จัดการและสร้างสรรค์ตัวอักษร
โปรแกรมอื่นๆที่สนับสนุนงานกราฟิกอีกมากมาย เช่น Adobe Photoshop / Illustrator /
PageMaker / CorelDraw / 3D Studio / LightWave 3D / AutoCad ฯลฯ
นอกจากนี้ยังมีโปรแกรมที่ช่วยให้สามารถสร้างสรรค์งานกราฟิกบนเว็บ อีกมากเช่น Ulead
Cool / Animagic GIF / Banner Maker เป็นต้น

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

บทบาทและความสำคัญของกราฟฟิก

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

รูปที่ 1.7  การใช้งานกราฟิกบนเครือข่ายคอมพิวเตอร์

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

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

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

          4)  ความแตกต่างระว่างบุคคล  บุคคลแต่ละคนมีความแตกต่างกันในด้านต่าง ๆ เช่น ความคิด  ความเข้าใจ  ความสามารถ  อัตราการเรียนรู้  วิธีการเรียนรู้ และอื่น ๆ  ความแตกต่างเหล่านี้ทำให้การสื่อความหมายด้วยภาษาพูดและภาษาเขียนในบางครั้งไม่สามารถสร้างความเข้าใจได้ง่ายนัก  การใช้งานกราฟิกเข้าช่วยจะทำให้ง่ายต่อการสื่อความหมาย  เพิ่มประสิทธิภาพของการคิดในบุคคลที่มีความแตกต่างได้เป็นอย่างดี

ความหมายของกราฟิก

........กราฟฟิก (Graphic) มาจากภาษากรีก 2 คำคือ

1. Graphikos หมายถึง การวาดเขียน

2. Graphein หมายถึง การเขียน

ต่อมามีผู้ให้ความหมายของคำว่า “กราฟิก” ไว้หลายประการซึ่งสรุปได้ดังนี้

........ กราฟิก หมายถึง ศิลปะแขนงหนึ่งซึ่งใช้สื่อความหมายด้วยเส้น สัญลักษณ์ รูปวาด ภาพถ่าย กราฟ แผนภูมิ การ์ตูน ฯลฯ เพื่อให้สามารถสื่อความหมายข้อมูลได้ถูกต้องตรงตามที่ผู้สื่อสารต้องการ

ประเภทของภาพกราฟิก

ารสร้างภาพกราฟิกด้วยคอมพิวเตอร์ มีวิธีการสร้าง 2 แบบ คือ แบบบิตแมพ (Bit Mapped) และแบบเวกเตอร์ (Vector) หรือสโตรก (Stroked) แต่ละแบบวิธีการรสร้างภาพดังต่อไปนี้

---

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

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

เอสเป็กเรโซของภาพ (Image Aspect Ratio)

 แอสเป็กเรโชของภาพ คือ อัตราส่วนระหว่างจำนวนพิกเซลทางแนวขวาง และจำนวนพิกเซลทางแนวดิ่งที่ใช้ในการสร้างภาพ หากจะยกตัวอย่างเปรียบเทียบกับกระดาษกราฟ จะเห็นได้ว่าภาพบิตแมปใดๆ ก็ตามจะมีจำนวนพิกเซลคงที่ในมิติแนวขวางและแนวดิ่ง ซึ่งอัตราส่วนมีไว้อ้างถึงขนาดของภาพและมักจะเขียนในรูปของ 800 x 600 (ซี่งหมายถึงรูปภาพที่มี 800 พิกเซลในแนวขวาง และ 600 บรรทัดของพิกเซลในแนวดิ่ง) เราสามารถคำนวณหาจำนวนพิกเซลทั้งหมดในรูปภาพได้โดยการคูณตัวเลขทั้งสองนี้เข้าด้วยกัน นั่นคือรูปภาพที่มีแอสเป็กเรโช 800 x 600 จะมีทั้งหมด 480,000 พิกเซล ซึ่งจำนวนดังกล่าวไม่ได้หมายถึงขนาดของไฟล์ของภาพนั้นๆ

รีโซลูชัน (Resolution)

 รีโซลูชัน (Resolution) หมายถึง รายละเอียดที่อุปกรณ์แสดงกราฟิกชนิดหนึ่งมีอยู่ ค่ารีโซลูชันมักระบุเป็นจำนวนพิกเซลในแนวนอนคือแนวแกน X และจำนวนพิกเซลในแนวตั้งคือแนวแกน Y ดังนั้นรีโซลูชัน 720 x 348 จึงหมายความว่า อุปกรณ์แสดงกราฟิกชนิดนี้สามารถแสดงพิเซลในแนวนอนได้ไม่เกิน 720 พิกเซล และแสดงพิกเซลในแนวตั้งได้ไม่เกิน 348 พิกเซล ผู้ผลิตอุปกรณ์แสดงกราฟิกบางรายจะระบุค่ารีโซลูชันเป็นระดับสูง (High Resolution) ปานกลาง (Medium Resolution) และระดับต่ำ (Low Resolution) โดยพิจารณาจากจำนวนพิกเซลในแนวนอนเพียงอย่างเดียว ซึ่งมีหลักว่า ถ้าค่าน้อยกว่า 128 เป็นระดับต่ำ ค่าระหว่าง 128 ถึง 512 เป็นระดับกลาง ค่าสูงกว่า 512 เป็นระดับสูง สำหรับจอภาพขนาดปกติ ถ้ามีค่ารีโซลูชันมากกว่า 1500 ตาจะมองไม่เห็นแต่ละพิกเซลคือจะมองเห็นเป็นภาพที่มีความละเอียดคมชัดสูงมาก คอมพิวเตอร์กราฟิกที่ใช้กับฟิล์มถ่ายรูปในระดับมืออาชีพจะต้องใช้ค่ารีโซลูชันสูงถึง 3000

---

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

ออบเจ็กต์ (Object)

 ออบเจ็กต์ง่ายๆ (เช่น วงกลม เส้นตรง ทรงกลม ลูกบาศก์ และอื่นๆ เรียกว่ารูปทรงพื้นฐาน) สามารถใช้ในการสร้างออบเจ็กต์ที่ซับซ้อนขึ้น กราฟิกแบบเวกเตอร์สามารถสร้างรูปภาพโดยการรวมเอาออบเจ็กต์หลายๆ ชนิดมาผสมกันเราสามารถผสมออบเจ็กต์ต่างชนิดกัน (เช่น วงกลมและเส้นตรง) เพื่อสร้างภาพที่แตกต่างกัน กราฟิกแบบเวกเตอร์ใช้คำสั่งง่ายๆ เพื่อสร้างออบเจ็กต์พื้นฐาน ถ้าเขียนเป็นภาษาคำพูดแบบธรรมดา คำสั่งอาจจะอ่านได้ว่า "ลากเส้นตรงจากจุด A ไปยังจุด B" หรือ "ลากวงกลมรัศมี R โดยมีจุดศูนย์กลางอยู่ที่จุด P"
เปรียบเทียบคุณสมบัติของกราฟิกแบบบิตแมปและภาพแบบเวกเตอร์ ในด้านความเร็วของการแสดงภาพที่จอภาพและความสามารถในการเปลี่ยนขนาดภาพจะได้ผลดังนี้
            1. กราฟิกแบบบิตแมปสามารถแสดงให้เห็นที่จอภาพได้เร็วกว่าภาพแบบเวกเตอร์ เช่น การแสดงภาพแบบบิตแมปขนาด 1000 ไบต์ จะทำโดยการใช้คำสั่งย้ายข้อมูลขนาด 1000 ไบต์ จากหน่วยความจำที่เก็บภาพไปยังหน่วยความจำของจอภาพ (คือ Video Display Buffer) ภาพนั้นก็จะปรากฎบนจอภาพทันที การแสดงภาพแบบเวกเตอร์คอมพิวเตอร์จะใช้เวลามากกว่า เนื่องจากคอมพิวเตอร์ต้องทำตามคำสั่งที่มีจำนวนมากกว่า
            2. การเปลี่ยนแปลงขนาดภาพให้โตขึ้นหรือเล็กลงกว่าภาพเดิม กรณีภาพแบบบิตแมปจะทำได้ไม่มาก นอกจากนั้นยังอาจจะทำให้ลักษณะของภาพผิดเพี้ยนไปจากเดิมด้วย เนื่องจากการเปลี่ยนแปลงขนาดภาพทำโดยวิธีการเพิ่มหรือลดพิกเซลจากที่มีอยู่เดิม ภาพที่ขยายโตขึ้นจะมองเห็นเป็นตารางสี่เหลี่ยมเรียงต่อกัน ทำให้ขาดความสวยงาม แต่ภาพแบบเวกเตอร์จะสามารถย่อและขยายขนาดได้มากกว่า โดยสัดส่วนและลักษณะของภาพยังคล้ายเดิม ยิ่งกว่านั้นเราสามารถขยายเฉพาะความกว้างหรือความสูง เพื่อให้มองเห็นเป็นภาพผอมหรืออ้วนกว่าภาพเดิมได้ด้วย

หลักการทำงานและการแสดงผลของภาพคอมพิวเตอร์กราฟิก

            ภาพที่เกิดบนจอคอมพิวเตอร์ เกิดจากการทำงานของโหมดสี RGB ซึ่งประกอบด้วย สีแดง (Red) สีเขียว (Green) และสีน้ำเงิน (Blue) โดยใช้หลักยิงประจุไฟฟ้าให้เกิดการเปล่งแสงของสีทั้ง 3 สีมาผสมกัน ทำให้เกิดเป็นจุดสีสี่เหลี่ยมเล็กๆ ที่เรียกว่า พิกเซล (Pixel) ซึ่งมาจากคำว่า Picture กับ Element โดยพิกเซลจะมีหลากหลายสี เมื่อนำมาวางต่อกันจะเกิดเป็นรูปภาพ ซึ่งภาพที่ใช้กับเครื่องคอมพิวเตอร์มี 2 ประเภท คือ แบบ Raster กับ Vector

หลักการของกราฟิกแบบ Raster

หลักการของภาพกราฟิกแบบ Raster หรือแบบ Bitmap เป็นภาพกราฟิกที่เกิดจากการเรียงตัวกันของจุดสี่เหลี่ยมเล็กๆ หลากหลายสี ซึ่งเรียกจุดสี่เหลี่ยมเล็กๆ นี้ว่าพิกเซล (Pixel) ในการสร้างภาพกราฟิกแบบ Raster จะต้องกำหนดจำนวนของพิกเซลให้กับภาพที่ต้องการสร้าง ถ้ากำหนดจำนวนพิกเซลน้อย เมื่อขยายภาพให้มีขนาดใหญ่ขึ้นจะทำให้มองเห็นภาพเป็นจุดสี่เหลี่ยมเล็กๆ หรือถ้ากำหนดจำนวนพิกเซลมากก็จะทำให้แฟ้มภาพมีขนาดใหญ่ ดังนั้นการกำหนดพิกเซลจึงควรกำหนดจำนวนพิกเซลให้เหมาะกับงานที่สร้าง คือ ถ้าต้องการใช้งานทั่วไป จะกำหนดจำนวนพิกเซลประมาณ 100-150 ppi (Pixel/inch) “จำนวนพิกเซลต่อ 1 ตารางนิ้ว” ถ้าเป็นงานที่ต้องการความละเอียดน้อยและแฟ้มภาพมีขนาดเล็ก เช่น ภาพสำหรับใช้กับเว็บไซต์จะกำหนดจำนวนพิกเซลประมาณ 72 ppi และถ้าเป็นงานพิมพ์ เช่น นิตยสาร โปสเตอร์ขนาดใหญ่ จะกำหนดจำนวนพิกเซลประมาณ 300-350 ppi เป็นต้น

หลักการของกราฟิกแบบ Vector

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

สีในงานคอมพิวเตอร์กราฟิก

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

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

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

      ระบบ สี RGB เป็นระบบที่ใช้กันทั่วไปในจอคอมพิวเตอร์ระบบนี้เป็นระบบที่ทำงานได้ดีและมอง ดูเป็นธรรมชาติ และเนื่องจากว่าฮาร์ดแวร์ของคอมพิวเตอร์มีผลต่อการทำงานเกี่ยวกับสี บางครั้งระบบ RGB ก็มีข้อเสียเหมือนกัน เพราะสีที่ปรากฏในจอคอมพิวเตอร์เมื่อทำการสั่งพิมพ์ออกมาจะทำให้สีมีการผิด เพี้ยนเกิดขึ้น เนื่องจากระบบการพิมพ์ใช้ระบบ CMYK

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

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

รูปแบบไฟล์กราฟิกต่างๆ

1. ประเภทของภาพในงานคอมพิวเตอร์กราฟิก

   1.1 ลักษณะและความหมายของพิกเซล
      พิกเซล (Pixel) คือ จุดเล็กๆ ที่รวมกันทำให้เกิดเป็นภาพขึ้น ภาพหนึ่งๆจะประกอบด้วยพิกเซลหรือจุดมากมาย ซึ่งแต่ละภาพที่สร้างขึ้นจะมีความหนาแน่นของจุดหรือพิกเซลเหล่านี้แตกต่าง กันออกไปความหนาแน่นนี้เป็นตัวบอกถึงความละเอียด (Resolution) ของภาพ โดยมีหน่วยเป็น ppi (Pixel Per Inch) คือ จำนวนจุดต่อนิ้ว ซึ่งโดยทั่วไปจะถือว่าภาพที่มีความละเอียดสูงหรือคุณภาพดีควรจะมีค่า ความละเอียด 300 x 300 ppi ขึ้นไป ค่า ppi นี้ยิ่งสูงขึ้น ภาพก็จะมีความละเอียดคมชัดขึ้นขณะเดียวกันจุดหรือพิกเซลเหล่านี้แต่ละจุดก็ จะแสดงคุณสมบัติทางสีให้แก่ภาพด้วย โดยแต่ละจุดจะเป็นตัวสร้างสีประกอบกันเป็นภาพรวมเกิดเป็นภาพที่มีสีสันต่างๆ ตามความต้องการของผู้สร้างภาพ หรือตามภาพที่เข้าสู่โปรแกรมการแสดงผลของอุปกรณ์แสดงผล(Output Devices) ไม่ว่าจะเป็นเครื่องพิมพ์ (Printer)  แบบดอตเมทริกซ์ (Dot-matrix) หรือแบบเลเซอร์ (Laser)รวมทั้งจอภาพ จะเป็นการแสดงผลแบบ Raster Devices นั่นคือ อาศัยการรวมกันของ พิกเซลออกมาเป็นรูป

พิกเซล (Pixel)

  

 1.2 ภาพบิตแมป 
      ภาพบิตแมป (Bitmap) หรือเรียกว่าเป็นภาพแบบ Resolution Dependent ลักษณะสำคัญของภาพประเภทนี้ประกอบขึ้นด้วยจุดสีต่างๆ ที่มีจำนวนคงที่ตายตัวตามการสร้างภาพที่มี Resolution ต่างกันไป ภาพแบบบิตแมปนี้มีข้อดี คือ เหมาะสำหรับภาพที่ต้องการระบายสีสร้างสี หรือกำหนดสีที่ต้องละเอียดและสวยงามได้ง่าย แต่มีข้อจำกัดหรือข้อด้อย คือ เมื่อมีพิกเซลจำนวนคงที่หากมีการนำภาพมาขยายให้ใหญ่ขึ้น ความละเอียดสวยงามก็จะลดลง มองเห็นภาพเป็นแบบ Pixelated และถ้าหากเพิ่มความละเอียดให้แก่ภาพก็จะทำให้ไฟล์มีขนาดใหญ่ และเปลืองเนื้อที่หน่วยความจำมากในการบันทึกในระบบวินโดวส์ (Windows) ไฟล์ของรูปภาพประเภทนี้คือ พวกที่มีนามสกุล(Extension) เป็น .BMP, .PCX,.TIF, .GIF, .JPG, MSP, .PCD, .PCT เป็นต้น และโปรแกรมที่ใช้สร้างก็คือโปรแกรมประเภทระบายภาพ (Painting Program) เช่น Paintbrush, Photoshop,Photostyler เป็นต้น  

ภาพบิตแมป (Bitmap)

   

1.3 ภาพแบบเวกเตอร์
      ภาพแบบเวกเตอร์ (Vector) หรือ Object-Oriented Graphics เรียกว่า เป็นรูปภาพประเภท Resolution-Independent เป็น ภาพที่มีลักษณะของการสร้างจากคอมพิวเตอร์ที่มีการสร้างให้แต่ละส่วนของภาพ เป็นอิสระต่อ โดยแยกชิ้นส่วนของภาพทั้งหมดออกเป็นเส้นตรง รูปทรง หรือส่วนโค้งซึ่งอ้างอิงตามความสัมพันธ์ทางคณิตศาสตร์หรือการคำนวณโดยมีทิศ ทางการลากเส้นไปในแนวต่างๆ จึงเรียกประเภท Vector graphic หรือ Object Oriented ภาพพวกเวกเตอร์นี้มีข้อดี คือสามารถเปลี่ยนแปลงขนาดโดยที่ความละเอียดของภาพไม่ลดลง ภาพสามารถเปลี่ยนแปลงหรือย้ายได้และมีขนาดของไฟล์ที่เล็กกว่าพวกบิตแมป

ภาพแบบเวกเตอร์ (Vector)

คอมพิวเตอร์กราฟิกกับการประยุกต์ใช้ในงานด้านต่าง ๆ

·         คอมพิวเตอร์กราฟิกกับการออกแบบ

·         กราฟและแผนภาพ

·         ภาพศิลป์โดยคอมพิวเตอร์กราฟิก

·         ภาพเคลื่อนไหวโดยใช้คอมพิวเตอร์

·         อิเมจโปรเซสซิงก์

คอมพิวเตอร์กราฟิกกับการออกแบบ

คอมพิวเตอร์กราฟิกได้ถูกนำมาใช้ในการ ออกแบบมาเป็นเวลานาน เราคงจะเคยได้ยินคำว่า CAD (Computer - Aided Design) ซึ่งเป็นโปรแกรมสำหรับช่วยในการออกแบบทางวิศวกรรม โปรแกรมเหล่านี้จะช่วยให้ผู้ออกแบบหรือวิศวกรออกแบบงานต่างๆ ได้สะดวกขึ้น กล่าวคือ ผู้ออกแบบสามารถเขียนเป็นแบบลายเส้นแล้วลงสี แสงเงา เพื่อให้ดูคล้ายกับของจริงได้ นอกจากนี้แล้วเมื่อผู้ออกแบบกำหนดขนาดของวัตถุลงในระบบ CAD แล้ว ผู้ออกแบบยังสามารถย่อหรือขยายภาพนั้น หรือต้องการหมุนภาพไปในมุมต่างๆ ได้ด้วย การแก้ไขแบบก็ทำได้ง่ายและสะดวกกว่าการออกแบบบนกระดาษ

กราฟและแผนภาพ

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

ภาพศิลป์โดยคอมพิวเตอร์กราฟิก

การวาดภาพในปัจจุบันนี้ใครๆ ก็สามารถวาดได้แล้วโดยไม่ต้องใช้พู่กันกับจานสี แต่จะใช้คอมพิวเตอร์กราฟิกแทน ภาพที่วาดในระบบคอมพิวเตอร์กราฟิกนี้เราสามารถกำหนดสี แสงเงา รูปแบบลายเส้นที่ต้องการได้โดยง่าย ภาพโฆษณาทางโทรทัศน์หลายชิ้นก็เป็นงานจากการใช้คอมพิวเตอร์กราฟิก ข้อดีของการใช้คอมพิวเตอร์วาดภาพก็คือ เราสามารถแก้ไขเพิ่มเติมส่วนที่ต้องการได้ง่าย นอกจากนี้เรายังสามารถนำภาพต่างๆ เก็บในระบบคอมพิวเตอร์ได้โดยใช้เครื่องสแกนเนอร์ (Scanner) แล้วนำภาพเหล่านั้นมาแก้ไข

ภาพเคลื่อนไหวโดยใช้คอมพิวเตอร์

ภาพยนตร์การ์ตูนและภาพยนต์ประเภทนิยาย วิทยาศาสตร์หรือภาพยนตร์ที่ใช้เทคนิคพิเศษต่างๆ ในปัจจุบันมีการนำคอมพิวเตอร์กราฟิกเข้ามาช่วยในการออกแบบและสร้างภาพ เคลื่อนไหว (Computer Animation) มากขึ้น เนื่องจากเป็นวิธีที่สะดวก รวดเร็ว และง่ายกว่าวิธีอื่นๆ นอกจากนี้ภาพที่ได้ยังดูสมจริงมากขึ้น เช่น ภาพยานอวกาศที่ปรากฏในภาพยนตร์ประเภทนิยายวิทยาศาสตร์ เป็นต้น การใช้คอมพิวเตอร์กราฟิกช่วยให้ภาพที่อยู่ในจินตนาการของมนุษย์สามารถนำออก มาทำให้ปรากฏเป็นจริงได้ ภาพเคลื่อนไหวมีประโยชน์มากทั้งในระบบการศึกษา การอบรม การวิจัย และการจำลองการทำงาน เช่น จำลองการขับรถ การขับเครื่องบิน เป็นต้น เกมส์คอมพิวเตอร์หรือวิดีโอเกมส์ก็ใช้หลักการทำภาพเคลื่อนไหนในคอมพิวเตอร์ กราฟิกเช่นกัน

อิเมจโปรเซสซิงก์

คำว่าอิเมจโปรเซสซิงก์ (Image Processing) หมายถึง การแสดงภาพที่เกิดจากการถ่ายรูปหรือจากการสแกนภาพให้ปรากฏบนจอภาพ คอมพิวเตอร์ วิธีการทางอิเมจโปรเซสซิงก์จะต่างกับวิธีการของคอมพิวเตอร์กราฟิก กล่าวคือ ในระบบคอมพิวเตอร์กราฟิก ตัวคอมพิวเตอร์เองจะเป็นตัวที่สร้างภาพ แต่เทคนิกทางอิเมจโปรเซสซิงก์นั้นใช้คอมพิวเตอร์สำหรับการจัดรูปแบบของสีและ แสงเงาที่มีอยู่แล้วในภาพให้เป็นข้อมูลทางดิจิตอล แล้วอาจจะมีวิธีการทำให้ภาพที่รับเข้ามานั้นมีความชัดเจนมากขึ้นก่อน จากนั้นก็จัดการกับข้อมูลดิจิตอลนี้ให้เป็นภาพส่งออกไปที่จอภาพของ คอมพิวเตอร์อีกที วิธีการนี้มีประโยชน์ในการแสดงภาพของวัตถุที่เราไม่สามารถจะเห็นได้โดยตรง เช่น ภาพถ่ายดาวเทียม ภาพจากทีวีสแกนของหุ่นยนต์อุตสาหกรรม เป็นต้น

แหล่งอ้างอิง

http://graphic2original.wordpress.com/2008/04/11/%E0%B9%80%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87-%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%AB%E0%B8%A1%E0%B8%B2%E0%B8%A2%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1/

http://www.rayongwit.ac.th/graphicweb/page/unit1-2.html

http://intreelek2.blogspot.com/2007/09/blog-post_1543.html

http://www.learners.in.th/blogs/posts/210116

http://www.kroobannok.com/58

http://www.kroobannok.com/69