รายงาน ; กราฟฟิก

รายงาน

วิชา คอมพิวเตอร์

จัดทำโดย

1.     นายกมล                   รินคำ             เลขที่    1                 ชั้น ม.4/10

2.     นายนรณกร                สุขประเสริฐ      เลขที่    13               ชั้น ม.4/10

3.     นายวรชิต                  ฉายศรี           เลขที่    25               ชั้น ม.4/10

4.     นางสาวศีสุมน            ศรียารัณย        เลขที่    37              ชั้น ม.4/10

5.     นางสาวรุ่งทิพย์            สันติสุข           เลขที่    49               ชั้น ม.4/10

จัดส่ง

มาสเตอร์เดชา   นันเปรย

โรงเรียนมงฟอร์ตมัธยม

ภาคเรียนที่ 2/2554

ก

คำนำ

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

                                                                                      คณะผู้จัดทำ

ข

สารบัญ

หัวข้อ                                                                                            หน้า

คำนำ                                                                                            ก

สารบัญ                                                                                         ข

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

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

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

ความหมายเกี่ยวกับกราฟฟิก                                                                   6

หลักการทำงานและการแสดงผลของภาพกราฟฟิก                                          7

สีและแสงที่ใช้ในงานกราฟิก                                                                   8

ชนิดและรูปแบบไฟล์กราฟิก                                                                   10

การประยุกต์ใช้งานกราฟิก                                                                     14

ข้อมูลอ้างอิง

1

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

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

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

2

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

3

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

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

1)   ความเจริญก้าวหน้าทางวิชาการ   

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

2)   ความเจริญก้าวหน้าทางเทคโนโลยี 

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

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

4

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

4)   ความแตกต่างระว่างบุคคล 

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

5

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

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

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

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

6

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

            กราฟฟิก (Graphic) มาจากภาษากรีก 2 คำคือ
1. Graphikos หมายถึง การวาดเขียน
2. Graphein  หมายถึง  การเขียน
ต่อมามีผู้ให้ความหมายของคำว่า “กราฟิก” ไว้หลายประการซึ่งสรุปได้ดังนี้
        กราฟิก หมายถึง ศิลปะแขนงหนึ่งซึ่งใช้สื่อความหมายด้วยเส้น สัญลักษณ์ รูปวาด ภาพถ่าย กราฟ แผนภูมิ การ์ตูน ฯลฯ เพื่อให้สามารถสื่อความหมายข้อมูลได้ถูกต้องตรงตามที่ผู้สื่อสารต้องการกราฟฟิกประกอบด้วย

1. ภาพบิตแมพ (Bitmap) เป็นภาพที่มีการเก็บข้อมูลแบบพิกเซล หรือจุดเล็กๆ ที่แสดงค่าสี ดังนั้นภาพหนึ่งๆ จึงเกิดจากจุดเล็กๆ หลายๆ จุดประกอบกัน (คล้ายๆ กับการปักผ้าครอสติก) ทำให้รูปภาพแต่ละรูป เก็บข้อมูลจำนวนมาก เมื่อจะนำมาใช้ จึงมีเทคนิคการบีบอัดข้อมูล ฟอร์แมตของภาพบิตแมพ ที่รู้จักกันดี ได้แก่ .BMP, .PCX, .GIF, .JPG, .TIF
2. ภาพเวกเตอร์ (Vector) เป็นภาพที่สร้างด้วยส่วนประกอบของเส้นลักษณะต่างๆ และคุณสมบัติเกี่ยวกับสีของเส้นนั้นๆ ซึ่งสร้างจากการคำนวณทางคณิตศาสตร์ เช่น ภาพของคน ก็จะถูกสร้างด้วยจุดของเส้นหลายๆ จุด เป็นลักษณะของโครงร่าง (Outline) และสีของคนก็เกิดจากสีของเส้นโครงร่างนั้นๆ กับพื้นที่ผิวภายในนั่นเอง เมื่อมีการแก้ไขภาพ ก็จะเป็นการแก้ไขคุณสมบัติของเส้น ทำให้ภาพไม่สูญเสียความละเอียด เมื่อมีการขยายภาพนั่นเอง ภาพแบบ Vector ที่หลายๆ ท่านคุ้นเคยก็คือ ภาพ .wmf ซึ่งเป็น clipart ของ Microsoft Office นั่นเอง นอกจากนี้คุณจะสามารถพบภาพฟอร์แมตนี้ได้กับภาพในโปรแกรม Adobe Illustrator หรือ Macromedia Freehand
3. คลิปอาร์ต (Clipart) เป็นรูปแบบของการจัดเก็บภาพ จำนวนมากๆ ในลักษณะของตารางภาพ หรือห้องสมุดภาพ หรือคลังภาพ เพื่อให้เรียกใช้ สืบค้น ได้ง่าย สะดวก และรวดเร็ว
4. HyperPicture มักจะเป็นภาพชนิดพิเศษ ที่พบได้บนสื่อมัลติมีเดีย มีความสามารถเชื่อมโยงไปยังเนื้อหา หรือรายละเอียดอื่นๆ มีการกระทำ เช่น คลิก (Click) หรือเอาเมาส์มาวางไว้เหนือตำแหน่งที่ระบุ (Over)

7

หลักการทำงานและการแสดงผลของภาพกราฟฟิก

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

8

หลักการใช้สีและแสงในคอมพิวเตอร์

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

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

                      เป็นระบบสีแบบการมองเห็นของสายตามนุษย์ ซึ่งแบ่งออกเป็น 3 ส่วนคือ
Hue  คือสีต่างๆ ที่สะท้อนออกมาจากวัตถุแล้วเข้าสู่สายตาของเรา ซึ่งมักเรียกสีตามชื่อสี เช่น สีเขียว สีแดง เป็นต้น
    Saturation  คือความสดของสี โดยค่าความสดของสีจะเริ่มที่ 0 ถึง 100 ถ้ากำหนด Saturation ที่ 0 สีจะมีความสดน้อย แต่ถ้ากำหนดที่ 100 สีจะมีความสดมาก
    Brightness  คือระดับความสว่างของสี โดยค่าความสว่างของสีจะเริ่มที่ 0 ถึง 100 ถ้ากำหนดที่ 0 ความสว่างจะน้อยซึ่งจะเป็นสีดำ แต่ถ้ากำหนดที่ 100 สีจะมีความสว่างมากที่สุด  

LAB

                        

9

   เป็นระบบสีที่ไม่ขึ้นกับอุปกรณ์ใดๆ โดยแบ่งออกเป็น 3 ส่วนคือ
     “L”  หรือ Luminance เป็นการกำหนดความสว่างซึ่งมีค่าตั้งแต่ 0 ถึง 100 ถ้ากำหนดที่ 1 จะกลายเป็นสีดำ แต่ถ้ากำหนดที่ 100 จะเป็นสีขาว
     “A” เป็นค่าของสีที่ไล่จากสีเขียวไปสีแดง
     “B” เป็นค่าของสีที่ไล่จากสีน้ำเงินไปเหลือง

10

รูปแบบ และชนิดไฟล์ภาพสำหรับงานกราฟฟิก

วันนี้ขอแทรกวิชาการสักนิดนึงนะครับ เพราะว่าเทคนิคที่เราจะเรียนรู้ได้ดี ก็ต้องควรเข้าใจหลักการของมันด้วยครับ
เผื่อผู้อ่านค้นคว้าเพิ่มเติมด้วยตนเองก็จะได้เข้าใจได้ง่ายขึ้นครับ ผมจะเอาแบบสรุปสั้นๆง่ายๆนะครับ
Pixel (Picture + Element ) หน่วยพื้นฐานของภาพที่เป็นสี่เหลี่ยมเล็กๆที่บรรจุค่าสี(ลองซูมภาพของเราเข้าไป มากๆแล้วเราจะเห็นสี่เหลี่ยมเล็กๆ
ที่แต่ละสี่เหลี่ยมที่เล็กสุดจะเก็บสีไว้ 1 สีครับ
Resolution(ความละเอียดของภาพ)
คือจำนวน Pixel ต่อพื้นที่หนึ่งหน่วย เช่น
-จำนวนเม็ดสีต่อตารางนิ้ว
pixels  per inch : ppi 
dot per inch : dpi
-จำนวนเม็ดสีต่อตารางเซนติเมตร
 pixel per cm : ppi
72 ppi              : งาน Website
100-150 ppi    :งานทั่วไป
300-350 ppi    :งานออกแบบสิ่งพิมพ์ที่ต้องการความคมชัดในการแสดงผลสูง

11

รูปแบบของภาพ
1.ภาพแบบ บิตแมป(Bitmap) หรือ ราสเตอร์(Raster)
คือภาพที่เกิดจากหน่วยภาพเล็กๆมารวมกันจนเป็นภาพใหญ่คล้ายจิ๊กซอร์สามารถดูได้โดยการซูมภาพเข้าไป
กล่าวคือภาพเหล่านี้ยิ่งซูม(ขยาย)ยิ่งแตก จนดูไม่รู้เรื่อง เช่นภาพนามสกุล .JPEG, .TIFF,.GIF เป็นต้น
2.ภาพแบบเวคเตอร์(Vector)
คือภาพที่เกิดจากเส้นโค้ง, เส้นตรง และคุณสมบัติสีของเส้นนั้นๆที่เกิดจากการคำนวณทางคณิตศาสตร์(ที่เรา
มองไม่เห็นด้วยตา)กล่าวคือ ที่จุดๆหนึ่งของภาพที่เราซูมเข้าไปมันจะเกิดจากการกำหนดคุณสมบัติไว้ว่าภาพ
เกิดจากเส้นตรง หรือเส้นโค้งที่เอียงกี่องศา เก็บค่ารหัสสีอะไรไว้ เมื่อเราซูมขยายภาพไม่ว่าจะขนาดเท่าไหร่ก็ตาม
ภาพมันจะไม่แตก(ไม่สูยเสียความละเอียดไป) เพราะการซูมภาพเป็นการคูณจำนวนเท่า ลงไปที่คุณสมบัติภาพนั่นเอง
ดังนั้น ถ้าเราแก้ไขภาพก็คือไปแก้ไขคุณสมบัติทางคณิตศาสตร์ ไม่ว่าจะย่อหรือขยายกี่ครั้งภาพแบบนี้จะยังคมชัดเท่าเดิม
ภาพVector เหล่านี้ได้แก่
-ภาพ .wmf (Clipart ที่เราไว้ตกแต่งใน Microsoft Office นั่นเอง)
-ภาพใน Adobe Illustrator, Macromedia Freehand
ชนิดของภาพสำหรับงานกราฟฟิก
1.JPEG(Joint Photograhic's Experts Group)จุดเด่น
-สนับสนุนสีได้มากถึง 24 bit
-สามารถกำหนดคุณภาพ และตั้งค่าการบีบอัดไฟล์ภาพได้
-ใช้ใน Internet(Worl Wild Web) มีนามสกุล.jpg
-มีโปรแกรมสนับสนุนการสร้างจำนวนมาก
-เรียกดูภาพได้ใน Graphic Browser ทุกตัว

12

จุดด้อย
-ไม่สามารถทำให้พื้นที่ของภาพเป็นแบบโปร่งใสได้(Transparent/Opacity)
-หากกำหนดค่าการบบอัดไว้สูง เมื่อส่งภาพจาก Server(แม่ข่าย)--->Client(ลูกข่าย) จะทำให้การแสดงผลช้า
เพราะต้องเสียเวลาในการขยายไฟล์
2.TIFF(Tag Image File Format)
มักใช้ในงานสิ่งพิมพ์-Desktop publishing, 3D application, Faxing, Medical Imaging Application
(ประสบการณ์ตรงของข้าพเจ้าคือ ภาพที่เราทำและตกแต่งในPhotoshop และ Microsoft PowerPoint ไม่ว่าจะเซฟมาเป็นนามสกุลอะไรก็ตาม ตอนส่งเข้าเครื่องพิมพ์ที่โรงพิมพ์ เขาจะแปลงไฟล์และส่งเข้าเครื่องในนามสกุล .TIFF เท่านั้น ดังนั้นถ้าท่านออกแบบสิ่งพิมพ์ใน Photoshop หรือ MicrosoftPowerPoint ขอให้เซฟงานเป็นนามสกุล .TIFF ไปเลยครับ)
โดยรูปแบบของ TIFF มีหลายประเภทคือ -Grayscale, Color Pallete, RGB full color
จุดเด่น
-เป็นรูปแบบที่ทำให้ภาพแบบราสเตอร์หรือบิตแมป สามารถใช้งานร่วมกับ Appication ต่างๆรวมทั้งโปรแกรมจัดการภาพจากScaner
จุดด้อย
-ไฟล์ภาพขนาดใหญ่ เพราะต้องเก็บรายละเอียดความคมชัดไว้สูง
3.GIF(Graphics Interchange Format)
จุดเด่น
-เป็นที่นิยมมากที่สุดสำหรับภาพที่จะแสดงบน Web/Internet
-มีขนาดเล็กมาก
-สามารถทำพื้นให้เป็นแบบโปร่งใสได้(Transparent/Opacity)
-สามารถทำเป็นภาพเคลื่อนไหวบน WebPage ได้ โดยใช้เครื่องมือช่วยสร้างเช่น JAVA, Flash
-มีโปรแกรมสนับสนุนในการสร้างจำนวนมาก
-สามารถเรียกดูภาพได้ใน Graphic Browser ทุกตัว

13

จุดด้อย
-แสงภาพได้เพียง 256 สีเท่านั้น ไม่เหมาะสำหรับการนำเสนอภาพถ่ายหรืองานที่ต้องการความคมชัดสูง
4.PNG(Portable Network Graphics)
จุดเด่น
-เอาคุณสมบัติของ(JPEG+GIF) มาใช้คือ สีมากกว่า 256สีและโปร่งใสได้(Transparent)
-PNG มีการบีบอัดข้อมูลโดยไม่เสียคุณภาพ
-ทำให้โปร่งใสได้(Transparency) และยังสามารถควบคุมองศาของความโปร่งใส(Opacity)ได้ด้วย
-เก็บบันทึกภาพด้วยสีจริง(True Color) ได้เช่นเดียวกับตารางสี(Pallete) และสีเทา(Grayscale)แบบ GIF
จุดด้อย
-ไม่สนับสนุนภาพเคลื่อนไหว เพราะไม่สามารถเก็บภาพหลายๆภาพไว้ด้วยกันได้

14

การประยุกต์ใช้

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

15

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

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

16

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

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

17

ข้อมูลอ้างอิง

http://www.oknation.net/blog/print.php?id=332061

http://www.kroonang.net/Unit_1/unit1_5.htm

http://krujuek.tp2p.com

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

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/