Graphic chapter 2

1. รหัสวิชา 306263
Graphic Design by Application Software
Chapter_2
1

2. Introduction
✓Introduction to OpenGL
✓Basic Elements
✓Color Theory
✓COMPOSITION

3. Introduction to OpenGL
✓Introduction to OpenGL
o OpenGL คืออะไร
o OpenGL กับ DirectX
o เหตุผลที่นิยมใช้ OpenGL ในระบบ
กราฟิก
o ฟังก์ชันทางกราฟิก
(Graphic Functions)

4. Basic Elements
✓Basic Elements
o จุด (Dot)
o เส้น (line)
o ระนาบ (plan)

5. Color Theory
✓Color Theory
o สีในงานกราฟิกและการสื่อความหมายใน
อารมณ์ต่างๆ
o หลักการใช้สีและแสงในคอมพิวเตอร์
o จิตวิทยาของสี
o สีกับความรับรู้ทางอารมณ์
o เทคนิคการนำสีไปใช้งาน
o เทคนิคการใช้สีที่นิยมใช้

6. COMPOSITION
✓COMPOSITION
o การสร้างเอกภาพ (Unity)
o การสร้างจุดเด่น เน้นจุดสำคัญ
(Emphasize)

7. Basic Elements
Basic Elements
องค์ประกอบพื้นฐานของภาพ
o จุด (Dot)
o เส้น (line)
o ระนาบ (plan)

8. จุด (Dot)
จุดมีองค์ประกอบที่มีขนาดเล็ก ที่มีความกว้างและ
ความยาวใกล้เคียงกัน จุดมีจุดเด่นในการจัดวางให้
เกิดการเรียกร้องความสนใจได้ดี
คุณสมบัติของจุด
เรียกร้องความสนใจของสายตาได้ดี
บอกและกำหนดตำแหน่งในภาพ
การวางจุด 2 จุด จะได้พื้นที่ระหว่างจุดที่ให้ความรู้สึก
ดึงดูดระหว่างกัน

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

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

11. อารมณ์ และความรู้สึกจากเส้นแบบต่าง ๆ

12. ระนาบ (Plane)
• ระนาบ เป็นองค์ประกอบที่เกิดจากเส้นที่ขยาย
ตัว หรือกลุ่มของจุด เกิดเป็นความกว้าง ความ
ยาว เป็นองค์ประกอบ 2 มิติ ระนาบจะมี
อิทธิพลในภาพมาก เพราะมักจะครองพื้นที่
โดยรวมของภาพไว้
• เมื่ออยู่ในภาพ ระนาบ มักจะมีรูปร่างต่างกัน
ออกไป โดยรูปร่างแต่ละชนิด จะให้ความรู้สึก
ต่าง ๆ กันไป

13. วงกลม
• เมื่อมีการวางรูปร่างวงกลมในภาพ จะ
ให้ความรู้สึกเป็นศูนย์กลาง เป็นที่รวม
ความสนใจ หรือการปกป้องคุ้มครอง

14. สี่เหลี่ยม
• เมื่อวางรูปสี่เหลี่ยมในภาพ จะให้ความรู้สึก
สงบ มั่นคง เป็นระเบียบ
• เมื่อวางสี่เหลี่ยมในแนวตั้งฉาก ให้ความ
รู้สึกเคลื่อนไหว และสร้างจุดสนใจได้ดี
• เมื่อวางในรูปแทยง สามารถจัดเป็นกลุ่ม
ก้อนให้ลงตัวได้ง่าย

15. สามเหลี่ยม และหกเหลี่ยม
• รูปสามเหลี่ยม ให้ความรู้สึกหยุดนิ่ง มั่นคง
แต่ที่ส่วนปลายมุมทั้ง 3 ด้าน ให้ความรู้สึก
ถึงทิศทาง ความเฉียบคม และแรงผลักดัน
• รูปหกเหลี่ยม ให้ความรู้สึกถึงการเชื่อม
โยง ที่สามารถต่อไปได้อย่างไม่มีขอบเขต

16. COMPOSITION การจัดองค์ประกอบ
เมื่อพูดถึงเรื่องการจัดองค์ประกอบ เราจะ
ต้องซึมซับหลักการอยู่ 2 ข้อ ซึ่งเป็นหัวใจ
ของการจัด
องค์ประกอบในงานศิลปะ คือ
๑.การสร้างเอกภาพ (Unity)
๒.การสร้างจุดเด่น เน้นจุดสำคัญ
(Emphasize)

17. ๑ Unity (เอกภาพ)
เอกภาพ ถือได้ว่าเป็นกฎเหล็กของศิลปะ และเป็นหลัก
สำคัญในการ
จัดองค์ประกอบ ความมีเอกภาพหรือความเป็นอันหนึ่ง
อันเดียวกันเป็นจุด
เริ่มแรกในการจัดองค์ประกอบให้กับงานออกแบบของ
เรา
วิธีสร้างเอกภาพ หรือสร้างความกลมกลืนให้กับงาน
ออกแบบมีหลัก
อยู่ 3 ข้อคือ

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

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

20. สร้างความต่อเนื่องขององค์ประกอบ (Continuation)
ความต่อเนื่องจะมาจากเส้น หรือทิศทาง
ขององค์ประกอบที่อยู่ภายในภาพ ซึ่งนำสวย
ตาของผู้ชมให้เดินทางตามที่ผู้ออกแบบ
กำหนดไว้ เมื่อได้มองภาพที่มีองค์ประกอบ
ไหลต่อเนื่องกัน ทำให้กระบวนการรับรู้ของคน
เราสร้างเรื่องราว ต่อเนื่องเป็นเรื่องเดียวกัน
และอย่างเป็นลำดับขั้น ซึ่งทั้งหมดทำใหเกิด
ภาพรวมที่มีเอกภาพขึ้นในใจ

21. ๒. Emphasize (การวางจุดสนใจในงาน)
การวางตำแหน่งขององค์ประกอบที่จะ
เน้นให้เกิดจุดสนใจ จะวางในตำแหน่งที่
1,3,2 และ 4 เป็นหลัก โดยแต่ละตำแหน่งมี
คุณสมบัติแตกต่างกันออกไป

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

23. การวางจุดสนใจในงาน
• ตำแหน่งหมายเลข 3 เป็นตำแหน่งที่สืบเนื่อง
มาจากตำแหน่งที่ 1 เพราะเป็นตำแหน่งสุดท้าย
ที่คนส่วนใหญ่กวาดสายตามอง
• ตำแหน่งหมายเลข 4 เป็นตำแหน่งที่คนส่วน
ใหญ่มักจะให้เป็นตำแหน่งที่มีความสำคัญที่สุด
ในงาน ถึงแม้จะไม่เป็นจุดเรียกร้องสายตามาก
เท่ากับจุด 1,2,3 แต่ก็เป็นจุดรวมสายตาของผู้
ชมที่มีต่องาน

24. การวางจุดสนใจในงาน
• ตำแหน่ง 1 กับ 3 จะมีพลังในการดึงดูดสายตา
มากกว่าตำแหน่ง 2 เพราะคนส่วนใหญ่มัก
กวาดสายตาจากมุมซ้ายบน ไปยังมุมขวาล่าง
• ตำแหน่ง 0 สามารถวางองค์ประกอบให้น่า
สนใจได้ เพราะบางครั้งทิศทาง หรือเส้นสาย
จากองค์ประกอบอื่น ๆ อาจพุ่งเน้นมายัง
ตำแหน่งนี้ก็ได้

25. ตัวอย่างการจัดองค์ประกอบ

26. การสร้างความแตกต่าง
• ความแตกต่างเป็นตัวกำหนดน่าสนใจหรือ
ความโดดเด่นของภาพได้ดี แต่ไม่ควรให้มี
ความแตกต่างมากเกินไป เพราะจะทำให้
ภาพไม่มีเอกภาพ มากกว่าจะก่อให้เกิดจุด
สนใจ

27. การวางแยกองค์ประกอบให้โดดเด่น
การวางองค์ประกอบให้โดดเด่น คือการ
แยกองค์ประกอบออกมา ให้ผู้ชมงานสังเกตุเห็น
องค์ประกอบนั้นได้ง่าย แต่ต้องคำนึงถึง
• ขนาดและสัดส่วนในการจัดองค์ประกอบ
(Scale & Proportion)
• ที่ว่างในงานออกแบบ(Spacing)
• สมดุลในงานออกแบบ (Balance)
• จังหวะขององค์ประกอบในงาน (Rhythm)

28. ตัวอย่างการวางแยกองค์ประกอบให้โดดเด่น