คิดสนุก สนุกคิด
กับนวัตกรรมส่งเสริมการเรียนรู้
ครูเกมส์ พลวัต สังคะดี
กลุ่มสาระการเรียนรู้วิทยาศาสตร์และเทคโนโลยี
เรื่อง ความรู้เบื้องต้นกราฟิกและคอมพิวเตอร์กราฟิก
เรื่อง ประโยชน์ของกราฟิกและวิธีการออกแบบกราฟิก
เรื่อง ซอฟต์แวร์ด้านกราฟิกกับการประยุกต์ใช้
เรื่อง ความรู้เบื้องต้นกราฟิกและคอมพิวเตอร์กราฟิก
ความหมายของกราฟิก
กราฟิก (Graphic) มักเขียนผิดเป็น กราฟิกส์ กราฟฟิกส์ กราฟฟิก คำว่า “กราฟิก” มาจากภาษากรีก ซึ่งหมายถึง การวาดเขียน (Graphikos) และการเขียน (Graphein) ต่อมามีผู้ให้ความหมายของคำว่า “กราฟิก” ไว้หลายประการซึ่งสรุปได้ดังนี้
กราฟิก หมายถึง ศิลปะแขนงหนึ่งซึ่งใช้สื่อความหมายด้วยเส้น สัญลักษณ์ รูปวาด ภาพถ่าย กราฟ แผนภูมิ การ์ตูน ฯลฯ เพื่อให้สามารถสื่อความหมายข้อมูลได้ถูกต้องตรงตามที่ผู้สื่อสารต้องการ
ความหมายของคอมพิวเตอร์กราฟิก
คอมพิวเตอร์กราฟิก หมายถึง การสร้าง การตกแต่งแก้ไข หรือการจัดการเกี่ยวกับรูปภาพ โดยใช้เครื่องคอมพิวเตอร์ในการจัดการ ยกตัวอย่างเช่น การทำ Image Retouching ภาพคนแก่ให้มีวัยที่เด็กขึ้น การสร้างภาพตามจินตนาการและการใช้ภาพกราฟิกในการนำเสนอข้อมูลต่าง ๆ เพื่อให้สามารถสื่อความหมายได้ตรงตามที่ผู้สื่อสารต้องการและน่าสนใจยิ่งขึ้นด้วยกราฟ แผนภูมิ แผนภาพ เป็นต้น
ภาพกราฟิก แบ่งเป็น 2 ประเภท คือ ภาพกราฟิกแบบ 2 มิติ และแบบ 3 มิติ
ภาพกราฟิกแบบ 2 มิติ เป็นภาพที่พบเห็นโดยทั่วไป เช่น ภาพถ่าย รูปวาด ภาพลายเส้น สัญลักษณ์ กราฟ รวมถึงการ์ตูนต่าง ๆ ในโทรทัศน์ ยกตัวอย่างเช่น การ์ตูนเรื่องพิภพยมราช ชินจัง และโดเรมอน เป็นต้น ซึ่งการ์ตูนจะเป็นภาพกราฟิกเคลื่อนไหว (Animation) โดยจะมีกระบวนการสร้างที่ซับซ้อนกว่าภาพวาดปกติ
ภาพกราฟิกแบบ 3 มิติ เป็นภาพกราฟิกที่ใช้โปรแกรมสร้างภาพ 3 มิติโดยเฉพาะ เช่น โปรแกรม 3 Ds max โปรแกรม Maya เป็นต้น ซึ่งจะทำให้ได้ภาพมีสีและแสงเงาเหมือนจริง เหมาะกับงานด้าน สถาปัตย์และการออกแบบต่าง ๆ รวมถึงการสร้างเป็นภาพยนตร์การ์ตูนหรือโฆษณาสินค้าต่าง ๆ เช่น การ์ตูน เรื่อง Nemo The Bug และปังปอนด์แอนิเมชัน เป็นต้น
ภาพ 2 มิติ
ภาพ 3 มิติ
หลักการทำงานและการแสดงผลของภาพคอมพิวเตอร์กราฟิก
ภาพที่เกิดบนจอคอมพิวเตอร์ เกิดจากการทำงานของโหมดสี RGB ซึ่งประกอบด้วย สีแดง (Red) สีเขียว (Green) และสีน้ำเงิน (Blue) โดยใช้หลักการยิงประจุไฟฟ้าให้เกิดการ เปล่งแสงของสีทั้ง 3 สีมาผสมกันทำให้เกิดเป็นจุดสีสี่เหลี่ยมเล็ก ๆ ที่เรียกว่า พิกเซล (Pixel) ซึ่งมาจากคำว่า Picture กับ Element โดยพิกเซลจะมีหลากหลายสี เมื่อนำมาวางต่อกันจะ เกิดเป็นรูปภาพ ซึ่งภาพที่ใช้กับเครื่องคอมพิวเตอร์มี 2 ประเภท คือ แบบ Raster และแบบ Vector
ภาพกราฟิกแบบ Raster
ภาพกราฟิกแบบ Vector
1. ภาพกราฟิกเกิดจากจุดสี่เหลี่ยมเล็ก ๆ หลากหลายสี (Pixels) มาเรียงต่อกันจนกลายเป็นรูปภาพ
2. การขยายภาพกราฟิกให้มีขนาดใหญ่ขึ้น จะทำให้ความละเอียดของภาพลดลง ทำให้มองเห็นภาพเป็นจุดสี่เหลี่ยมเล็ก ๆ
3. การตกแต่งและแก้ไขภาพ สามารถทำได้ง่ายและสวยงาม เช่นการ Retouching ภาพคนแก่ให้หนุ่มขึ้น การปรับสีผิวกายให้ขาวเนียนขึ้น เป็นต้น
4. การประมวลผลภาพสามารถทำได้รวดเร็ว
1. ภาพเกิดจากการอ้างอิงความสัมพันธ์ทางคณิตศาสตร์หรือการคำนวณ โดยองค์ประกอบของภาพมีอิสระต่อกัน
2. การขยายภาพกราฟิกให้มีขนาดใหญ่ขึ้น ภาพยังคงความละเอียดคมชัดเหมือนเดิม
3. เหมาะกับงานออกแบบต่าง ๆ เช่น งาน สถาปัตย์ออกแบบโลโก เป็นต้น
4. การประมวลผลภาพจะใช้เวลานานเนื่องจากใช้คำสั่งในการทำงานมาก
ภาพกราฟิกแบบ Raster ที่ขยายใหญ่ขึ้น
ภาพกราฟิกแบบ Vector ที่ขยายใหญ่ขึ้น
ศึกษาเพิ่มเติมจากวีดีโอ
วีดีโอนี้เกี่ยวกับเนื้อหาเรื่องคอมพิวเตอร์กราฟิก เช่น ความหมายของกราฟิก หลักการทำงานของภาพกราฟิก ประเภทของกราฟิก ระบบสีที่ใช้ในงานกราฟิกและประเภทของไฟล์กราฟิก
คำถาม : นามสกุลไฟล์ที่นิยมใช่ในงานกราฟิกคืออะไร ?
ขอขอบคุณ : ช่อง youtube Yellow Room Gamer
เรื่อง ประโยชน์ของกราฟิกและวิธีการออกแบบกราฟิก
ประโยชน์ทั่วไปของคอมพิวเตอร์กราฟิก
-
ใช้แสดงผลงานด้วยภาพแทนการแสดงด้วยข้อความ ซึ่งช่วยให้เข้าใจได้ง่าย และน่าสนใจมากกว่า ใช้วิธีนี้สำหรับแนะนำงาน เสนอโครงการและแสดงผลงาน
-
ใช้แสดงแผนที่ แผนผัง และภาพของสิ่งต่างๆ ซึ่งภาพเหล่านี้ไม่สามารถแสดงในลักษณะอื่นได้ นอกจากการแสดงด้วยภาพเท่านั้น
-
ใช้ในการออกแบบทางด้านต่างๆ เช่น ออกแบบบ้าน รถยนต์ เครื่องจักร เครื่องแต่งกาย การแต่งหน้า และเครื่องมือเครื่องใช้อื่นๆ ซึ่งสามารถทาได้รวดเร็วสวยงามและประหยัดค่าใช้จ่าย โดยเฉพาะงานออกแบบที่มีการเปลี่ยนแปลงรายละเอียดเพื่อเปรียบเทียบหาแบบที่เหมาะสมที่สุด การใช้คอมพิวเตอร์กราฟิกจะช่วยให้เกิดความสะดวก และทาได้รวดเร็วมาก
-
ได้มีการนำคอมพิวเตอร์กราฟิกมาช่วยทางการด้านเรียนการสอน โดยเฉพาะในวิชาที่ต้องใช้ภาพ แผนผัง
การจัดองค์ประกอบของงานกราฟิก
1.จัดให้เป็นเอกภาพ ในที่นี้หมายถึง สิ่งที่ช่วยทำให้ชิ้นงานเป็นอันหนึ่งอันเดียวกัน ซึ่งต้องขึ้นอยู่กับวัตถุประสงค์นั้น ๆ ความเป็นเอกภาพจะครอบคลุมถึงเรื่องของความคิดและการออกแบบ
2.ความสมดุล ในงานกราฟิกเป็นเรื่องของความงาม ความน่าสนใจ เป็นการจัดสมดุลกันทั้งในด้านรูปแบบและสี มีอยู่ 2 ลักษณะที่สำคัญ คือ
- ความสมดุลในรูปทรงหรือความเหมือนกันทั้ง 2 ด้าน คือเมื่อมองดูภาพแล้วเห็นได้ทันทีว่าภาพที่ปรากฎนั้นเท่ากัน ลักษณะภาพแบบนี้จะทำให้ความรู้สึกที่มั่นคง เป็นทางการ แต่อาจทำให้ดูน่าเบื่อได้ง่าย
- ความสมดุลในความรู้สึก หรือความสมดุลที่สองข้างไม่เหมือนกัน เป็นความแตกต่างกันทั้งในด้านรูปแบบ สี หรือพื้นผิว แต่เมื่อมองดูโดยรวม จะเห็นว่าเท่ากัน ไม่เอนเอียงไปข้างใดข้างหนึ่ง ความสมดุลในลักษณะนี้ ทำให้เกิดความรู้สึกเคลื่อนไหว แปรเปลี่ยน ไม่เป็นทางการ และไม่น่าเบื่อ
3. การจัดให้มีจุดสนใจ ภายในเนื้อหาที่จำกัดจะต้องมีการเน้น การเน้นจะเป็น ณ จุดใดจุดหนึ่งที่เห็นว่ามีความสำคัญ อาจทำได้ด้วยภาพหรือข้อความก็ได้ โดยมีหลักว่า “ความคิดเดียวและจุดสนใจเดียว” การ มีหลายความคิด หรือมีจุดสนใจหลายจุด จะทำให้การออกแบบเกิดความล้มเหลวเพราะหาจุดเด่นชัดไม่ได้ ภาพรวมจะไม่ชัดเจน ขาดเอกลักษณ์ของความเป็นผู้นำในตัวชิ้นงาน
สำหรับวิธีการที่จะทำให้มีจุดสนใจอาจเน้นด้วย สี ขนาด สัดส่วน และรูปร่างที่แปลกไปกว่าส่วนอื่นๆในภาพ ส่วนตำแหน่งที่เหมาะสมในการวางจุดสนใจนั้นสามารถกระทำได้ดังนี้
นำภาพมาแบ่งเป็น 3 ส่วน บริเวณที่เส้นตัดกันนั้นก็คือ ตำแหน่งที่เหมาะสม จากผลการวิจัยหลายๆครั้ง พบว่า ตรงจุดตัดกันที่มุมบนซ้ายนั้นเป็นตำแหน่งที่ดีที่สุด เหตุผลหนึ่งที่สนับสนุนก็คือ ในการอ่านหนังสือนั้น เรามักอ่านจากมุมซ้ายไปขวา และจากบนลงล่าง ฉะนั้น ตำแหน่งนี้จะเป็นจุดแรกที่สายตาเรามอง เพื่ออ่านหรือดูภาพบนแผ่นภาพนั้นเอง
วรรณะของสี
วรรณะของสี หมายถึง กลุ่มสีที่ปรากฏให้ความรู้สึกที่แตกต่างกัน สังเกตจากวงล้อสีจะปรากฏ เป็น 2 วรรณะ คือ
- วรรณะสีร้อน ลักษณะของสีจะให้ความรู้สึกสดใส ร้อนแรง ฉูดฉาด หรือรื่นเริง สีในกลุ่มนี้ได้แก่ สีเหลือง สีแดง สีแสด และสีที่ใกล้เคียง
- วรรณะสีเย็น ความรู้สึกที่ปรากฏในภาพจะแสดงความสงบ เยือกเย็นจนถึงความเศร้า ได้แก่ สีน้ำเงิน สีม่วง สีเขียว และสีที่ใกล้เคียง
ความสำคัญของการออกแบบงานกราฟิก
1. การออกแบบที่ดีทำให้ข้อมูลที่กระจัดกระจายมีระเบียบมากขึ้น ก่อให้เกิดความเข้าใจที่ ชัดเจนและถูกต้อง
2. ช่วยให้ระบบการถ่ายทอดข้อมูลเป็นไปอย่างรวดเร็วและชัดเจน
3. ช่วยสร้างสรรค์สัญญลักษณ์ทางสังคม เพื่อการสื่อความหมายร่วมกัน
4. ช่วยพัฒนาระบบการสื่อสารให้มีประสิทธิภาพยิ่งขึ้น
5. ช่วยให้เกิดจินตภาพ เกิดมีแนวคิดสิ่งใหม่ๆอยู่เสมอๆ
6. ส่งเสริมให้เกิดค่านิยมทางความงาม
7. ส่งเสริมความก้าวหน้าทางธุรกิจและการพัฒนาประเทศ
8. ช่วยให้เกิดการเรียนรู้ และเปลี่ยนแปลงพฤติกรรม
คุณค่าของงานกราฟิก
งานกราฟิกชิ้นที่ดีจะทำให้เห็นถึงความคิดในการออกแบบเป็นเลิศ จะมีอิทธิพลโดยตรงที่จะโน้มน้าวผู้รับข้อมูลให้เกิดความสนใจและยอมรับ และในขณะเดียวกันก็ยังแสดงถึง
1. เป็นสื่อกลางในการสื่อความหมายให้เกิดความเข้าใจตรงกัน จากจุดหนึ่งไปยังอีกจุดหนึ่งได้อย่างถูกต้องและชัดเจน
2. สามารถทำหน้าที่เป็นสื่อ เพื่อให้เกิดการเรียนรู้ เกิดการศึกษากับกลุ่มเป้าหมายได้เป็นอย่างดี
3. ช่วยทำให้เกิดความน่าสนใจ ประทับใจ และน่าเชื่อถือแก่ผู้พบเห็น
4. ช่วยให้เกิดการกระตุ้นทางความคิด และการตัดสินใจอย่างรวดเร็ว
5.ก่อให้เกิดความคิดสร้างสรรค์
6. ทำให้ผู้พบเห็นเกิดการเปลี่ยนแปลงพฤติกรรม ทั้งทางด้านการกระทำและความคิด
อิทธิพลของศิลปะในการออกแบบกราฟิก
1.รูปแบบตัวอักษรและขนาด
2.การกำหนดระยะห่างและพื้นที่ว่าง
3.การกำหนดสี
4.การจัดวางตำแหน่ง
ศึกษาเพิ่มเติมด้วยวีดีโอ
วีดีโอนี้เกี่ยวกับ หลัการแบบกราฟิกเบื้องต้น เช่น ประโยชน์ของการออกแบบกราฟิก องค์ประกอบในการออกแบบกราฟิก การจัดองค์ประกอบทางศิลปะ และการตัดทอนรูปร่างรูปทรงที่ซับซ้อนออก เป็นต้น
คำถาม : การออกแบบกราฟิกนำไปใช้งานแบบใดบ้าง
ขอขอบคุณ : ช่อง youtube crru.mooc
เรื่อง ซอฟต์แวร์ด้านกราฟิกกับการประยุกต์ใช้
