บทที่ 1 ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ความรู้เบ้ืองตน้เก่ียวกบั คอมพิวเตอร์กราฟิ ก

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

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

โปรแกรมสาหรับวาดภาพบนคอมฯIllustrator Photoshop Flash Paint

อปุ กรณส์ าหรับวาดภาพบนซอฟตแ์ วร์ เมาส์เลเซอร์ / ลกู หนู เครื่องคอมพิวเตอร์ เมาส์ปากกา สมอง

อปุ กรณส์ าหรับวาดภาพบนซอฟตแ์ วร์

อปุ กรณส์ าหรับวาดภาพบนซอฟตแ์ วร์

การเกดิ ภาพบนเคร่ืองคอมพิวเตอร์ เกดิ จากจุดส่เี หล่ียมเลก็ ๆ 3 สผี สมกนั ประกอบด้วย RED GREEN BLUE

ภาพพิกเซล (Pixel)มาจากคาว่า Picture ท่แี ปลว่ารปู ภาพ และ Element ท่แี ปลว่าองคป์ ระกอบ สรปุ คือ จุดส่เี หล่ียมเลก็ ๆ ท่รี วมกนั เป็นภาพ

ความแตกต่างของภาพVECTOR VS BITMAP

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

ระบบสี RGB ลักษณะสีน้ี เหมาะสาหรับ การแสดงผลผ่านหนา้ จอ อิเลก็ ทรอนิกส์ต่างๆ สามารถแสดงผลบนหน้าจอได้ถงึ 16.7ล้านสี ซ่ึงใกล้เคียงกับสีตาท่ีเรามองเห็นปกติ

ระบบสี CMYKเป็นการแสดงสี สาหรบั เครือ่ งพมิ พ์ใช้สาหรับการออกแบบส่อื ส่งิ พิมพ์ต่าง ๆ

การออกแบบภาพกราฟิ กตามหลักองคป์ ระกอบศิลป์

จุด (Dot) รอยหรือแตม้ ที่มีลกั ษณะกลมๆ ปรากฏท่ีผิวพ้ นื ไม่มีขนาด ความกวา้ ง ความยาว ความหนา เป็ นส่ิงที่เล็กที่สุด และเป็ นธาตุเร่ิมแรกที่ทาใหเ้ กิดธาตุอื่น ๆ ข้ ึน เสน้ (Line) จุดหลาย ๆ จุดต่อกันเป็ นสาย เป็ นแถวแนวไปในทิศทางใด ทิศทางหน่ึงเป็ นทางยาวหรือจุดที่เคล่ือนที่ไปในทิศทางใดทิศทาง หน่ึงดว้ ยแรงผลกั ดนั หรือรอยขดู ขดี เขียนของวตั ถุเป็ นรอยยาว

จุด (Dot)

เสน้ (Line)

รูปร่างและรูปทรง (Shape and Form)รูปรา่ ง หมายถึง เสน้ รอบนอกมีลกั ษณะเป็ น 2 มิติ (กวา้ ง ยาว)รปู ทรง หมายถึง โครงสรา้ งของวตั ถุมีลกั ษณะเป็ น 3 มิติ (กวา้ ง ยาว ลึก) มวล และ ปรมิ าตร (Mass and Volume) มีลกั ษณะสามมิติ ซ่ึงบ่งบอกปริมาณของสสารตา่ ง ๆ มีความกวา้ ง ความยาว และความสูง

รูปร่างและรูปทรง (Shape and Form)

มวล และ ปรมิ าตร (Mass and Volume)

ทศิ ทาง (Direction)การวางรปู แบบตาแหน่งระหวา่ งจุดหน่ึงกบั อีกจุดหนึ่งแบบมีทิศทางซึ่งทิศทางในการออกแบบและการส่ือใหเ้ ห็นจุดเด่นของภาพ ลกั ษณะผวิ (Texture) ลกั ษณะภายนอกของวตั ถุที่มองเหน็ และสมั ผสั พ้ ืนผิวได้ แสดง ความรูส้ ึกหยาบ ละเอียด ขรุขระ มนั ดา้ นเป็ นเสน้ เป็ นจุด จบั ดูแลว้ สะดุดมือ หรือสมั ผสั ไดจ้ ากความรสู้ ึกผิว

ทศิ ทาง (Direction) ลกั ษณะผวิ (Texture)

ชอ่ งว่าง หรอื ช่องไฟ (Space)ชอ่ งวา่ งที่อยรู่ อบวตั ถุ หรือ ระหวา่ งตวั อกั ษรกบั ตวั อกั ษร โดยในการออกแบบชอ่ งวา่ ง หรือชอ่ งไฟ จะชว่ ยใหก้ ารออกแบบมีความน่าสนใจมีความโดด เด่น ละสมดุล ขนาด (Size) ทาใหเ้ ห็นความสาคญั ของสิ่งของท่ีตอ้ งการเน้น ชว่ ยดึงดูดความสนใจ หากมีการจดั ขนาดไดด้ ี จะทาใหง้ านกราฟิ กน่าสนใจมากยิง่ ข้ ึน

ชอ่ งว่าง หรอื ชอ่ งไฟ (Space)

ขนาด (Size)

สี (Color)ส่ิงดึงดูดความสนใจอยา่ งดี ส่ือถึงอารมณ์ ความรูส้ ึก การรบั รดู้ ว้ ยจิตใจ โดยใหค้ วามรูส้ ึกต่างกนั ในแต่ละสี

งานที่ 1 ให้นักเรียนแบ่งกลุ่ม 8 กลุ่ม จากจานวนคนในห้อง และทางานท่ีได้รับมอบหมายดงั น้ี1. สร้างภาพโดยใช้จุด2. สร้างภาพโดยใช้เส้น3. สร้างภาพโดยใช้รปู ทรง4. สร้างภาพโดยใช้พ้ืนผวิ