graphic chapter 2
TRANSCRIPT
![Page 1: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/1.jpg)
รหัสวิชา 306263Graphic Design by Application Software
Chapter_2
1
![Page 2: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/2.jpg)
Introduction✓Introduction to OpenGL✓Basic Elements✓Color Theory✓COMPOSITION
![Page 3: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/3.jpg)
Introduction to OpenGL
✓ Introduction to OpenGLoOpenGL คืออะไรoOpenGL กับ DirectXo เหตุผลที่นิยมใช้ OpenGL ในระบบกราฟิก
oฟังก์ชันทางกราฟิก (Graphic Functions)
![Page 4: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/4.jpg)
Basic Elements✓Basic Elementso จุด (Dot)o เส้น (line)o ระนาบ (plan)
![Page 5: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/5.jpg)
Color Theory✓Color Theoryo สีในงานกราฟิกและการสื่อความหมายในอารมณ์ต่างๆ
o หลักการใช้สีและแสงในคอมพิวเตอร์o จิตวิทยาของสีo สีกับความรับรู้ทางอารมณ์o เทคนิคการนำสีไปใช้งานo เทคนิคการใช้สีที่นิยมใช้
![Page 6: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/6.jpg)
COMPOSITION
✓COMPOSITIONo การสร้างเอกภาพ (Unity)o การสร้างจุดเด่น เน้นจุดสำคัญ
(Emphasize)
![Page 7: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/7.jpg)
Basic ElementsBasic Elementsองค์ประกอบพื้นฐานของภาพo จุด (Dot)o เส้น (line)o ระนาบ (plan)
![Page 8: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/8.jpg)
จุด (Dot)จุดมีองค์ประกอบที่มีขนาดเล็ก ที่มีความกว้างและความยาวใกล้เคียงกัน จุดมีจุดเด่นในการจัดวางให้เกิดการเรียกร้องความสนใจได้ดีคุณสมบัติของจุดเรียกร้องความสนใจของสายตาได้ดีบอกและกำหนดตำแหน่งในภาพการวางจุด 2 จุด จะได้พื้นที่ระหว่างจุดที่ให้ความรู้สึกดึงดูดระหว่างกัน
![Page 9: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/9.jpg)
เส้น (Line)เส้นเป็นองค์ประกอบที่มีความยาว เกิดจากการนำจุดมาเคลื่อนที่ หรือวางเรียงต่อ ๆ กัน เส้นมีคุณสมบัติเด่นในการนำสายตา หรือเป็นแนวแบ่งภาพคุณสมบัติของเส้น• เส้นมีความยาวมากกว่าความกว้างและความหนาอย่างเห็นได้ชัด จึงทำให้เกิดความรู้สึกไปทางด้านยาวด้านเดียว
• นำสายตา กำหนดทิศทาง และความต่อเนื่อง• แบ่งซอยภาพ
![Page 10: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/10.jpg)
อารมณ์ และความรู้สึกจากเส้นแบบต่าง ๆ• เส้นตรง ให้ความรู้สึกมั่นคง เป็นระเบียบ• เส้นนอน ให้ความสงบ นิ่ง เรียบร้อย• เส้นเฉียง ให้ความรู้สึกถึงการเคลื่อนไหว ความไม่หยุดนิ่ง พลังขับเคลื่อน
• เส้นโค้ง ให้ความรู้สึกที่นิ่มนวล พลิ้วไหว• เส้นหยึกหยัก ให้ความรู้สึกถึงความไม่เป็นระเบียบ การไม่อยู่ในกรอบ ความอิสระ หรือความสับสนวุ่นวาย
• เส้นเล็กและบาง ให้ความรู้สึกเบาและเฉียบคม• เส้นหนา ให้ความหนักแน่นในการนำสายตา
![Page 11: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/11.jpg)
อารมณ์ และความรู้สึกจากเส้นแบบต่าง ๆ
![Page 12: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/12.jpg)
ระนาบ (Plane)• ระนาบ เป็นองค์ประกอบที่เกิดจากเส้นที่ขยายตัว หรือกลุ่มของจุด เกิดเป็นความกว้าง ความยาว เป็นองค์ประกอบ 2 มิติ ระนาบจะมีอิทธิพลในภาพมาก เพราะมักจะครองพื้นที่โดยรวมของภาพไว้
• เมื่ออยู่ในภาพ ระนาบ มักจะมีรูปร่างต่างกันออกไป โดยรูปร่างแต่ละชนิด จะให้ความรู้สึกต่าง ๆ กันไป
![Page 13: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/13.jpg)
วงกลม• เมื่อมีการวางรูปร่างวงกลมในภาพ จะให้ความรู้สึกเป็นศูนย์กลาง เป็นที่รวมความสนใจ หรือการปกป้องคุ้มครอง
![Page 14: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/14.jpg)
สี่เหลี่ยม• เมื่อวางรูปสี่เหลี่ยมในภาพ จะให้ความรู้สึกสงบ มั่นคง เป็นระเบียบ
• เมื่อวางสี่เหลี่ยมในแนวตั้งฉาก ให้ความรู้สึกเคลื่อนไหว และสร้างจุดสนใจได้ดี
• เมื่อวางในรูปแทยง สามารถจัดเป็นกลุ่มก้อนให้ลงตัวได้ง่าย
![Page 15: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/15.jpg)
สามเหลี่ยม และหกเหลี่ยม• รูปสามเหลี่ยม ให้ความรู้สึกหยุดนิ่ง มั่นคง แต่ที่ส่วนปลายมุมทั้ง 3 ด้าน ให้ความรู้สึกถึงทิศทาง ความเฉียบคม และแรงผลักดัน
• รูปหกเหลี่ยม ให้ความรู้สึกถึงการเชื่อมโยง ที่สามารถต่อไปได้อย่างไม่มีขอบเขต
![Page 16: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/16.jpg)
COMPOSITION การจัดองค์ประกอบเมื่อพูดถึงเรื่องการจัดองค์ประกอบ เราจะต้องซึมซับหลักการอยู่ 2 ข้อ ซึ่งเป็นหัวใจของการจัด องค์ประกอบในงานศิลปะ คือ ๑.การสร้างเอกภาพ (Unity)๒.การสร้างจุดเด่น เน้นจุดสำคัญ (Emphasize)
![Page 17: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/17.jpg)
๑ Unity (เอกภาพ) เอกภาพ ถือได้ว่าเป็นกฎเหล็กของศิลปะ และเป็นหลักสำคัญในการจัดองค์ประกอบ ความมีเอกภาพหรือความเป็นอันหนึ่งอันเดียวกันเป็นจุดเริ่มแรกในการจัดองค์ประกอบให้กับงานออกแบบของเราวิธีสร้างเอกภาพ หรือสร้างความกลมกลืนให้กับงานออกแบบมีหลักอยู่ 3 ข้อคือ
![Page 18: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/18.jpg)
การสร้าง ความใกล้ชิด ให้กับองค์ประกอบ
• วิธีที่ง่ายที่สุดในการสร้างเอกภาพให้กับงานคือ การจัดองค์ประกอบที่มีอยู่ให้สอดคล้องกัน แต่ละองค์ประกอบจะขาดส่วนใดส่วนหนึ่งไปไม่ได้ การวางองค์ประกอบให้ใกล้ชิดกันจะทำให้ผู้ชมงานรู้สึกได้ว่า องค์ประกอบต่าง ๆ เป็นพวกเดียวกัน เกิดภาพรวมที่มีเอกภาพ
![Page 19: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/19.jpg)
สร้างความซ้ำกันขององค์ประกอบ (Repetition)
การจัดวางองค์ประกอบให้มีการซ้ำกันไปเรื่อย ๆ ไม่ว่าจะเป็นเส้น จุด สี หรือลักษณะ ของผิวสัมผัส ฯลฯ ทำให้ผู้ชมงานรู้สึกถึงความเป็นพวกพ้องเดียวกันเกิดเอกภาพขึ้นในงาน
![Page 20: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/20.jpg)
สร้างความต่อเนื่องขององค์ประกอบ (Continuation)
ความต่อเนื่องจะมาจากเส้น หรือทิศทางขององค์ประกอบที่อยู่ภายในภาพ ซึ่งนำสวยตาของผู้ชมให้เดินทางตามที่ผู้ออกแบบกำหนดไว้ เมื่อได้มองภาพที่มีองค์ประกอบไหลต่อเนื่องกัน ทำให้กระบวนการรับรู้ของคนเราสร้างเรื่องราว ต่อเนื่องเป็นเรื่องเดียวกันและอย่างเป็นลำดับขั้น ซึ่งทั้งหมดทำใหเกิดภาพรวมที่มีเอกภาพขึ้นในใจ
![Page 21: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/21.jpg)
๒. Emphasize (การวางจุดสนใจในงาน)การวางตำแหน่งขององค์ประกอบที่จะ
เน้นให้เกิดจุดสนใจ จะวางในตำแหน่งที่ 1,3,2 และ 4 เป็นหลัก โดยแต่ละตำแหน่งมีคุณสมบัติแตกต่างกันออกไป
![Page 22: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/22.jpg)
การวางจุดสนใจในงาน• ตำแหน่ง 0 เป็นตำแหน่งที่ไม่ควรวางองค์ประกอบที่ต้องการเน้น เพราะเป็นตำแหน่งที่สายตาคนส่วนใหญ่ไม่ได้ให้ความสนใจนัก เพราะอยู่ในช่วงครึ่ง ๆ กลาง ๆ ของภาพ ซึ่งลดแรงดึงดูดทางสายตา
• ตำแหน่ง 1 เป็นตำแหน่งที่คนส่วนใหญ่เห็นเป็นอันดับแรก เนื่องจากความเคยชินในการกวาดตาเพื่ออ่านหนังสือ
• ตำแหน่ง 2 เป็นตำแหน่งที่มีพลังในการดึงดูดสายตา มีความเฉียบ จึงเหมาะที่จะจัดวางองค์ประกอบที่ต้องการเน้น เนื่องจากเป็นตำแหน่งที่เรียกร้องความสนใจจากสายตาได้ดี
![Page 23: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/23.jpg)
การวางจุดสนใจในงาน• ตำแหน่งหมายเลข 3 เป็นตำแหน่งที่สืบเนื่องมาจากตำแหน่งที่ 1 เพราะเป็นตำแหน่งสุดท้ายที่คนส่วนใหญ่กวาดสายตามอง
• ตำแหน่งหมายเลข 4 เป็นตำแหน่งที่คนส่วนใหญ่มักจะให้เป็นตำแหน่งที่มีความสำคัญที่สุดในงาน ถึงแม้จะไม่เป็นจุดเรียกร้องสายตามากเท่ากับจุด 1,2,3 แต่ก็เป็นจุดรวมสายตาของผู้ชมที่มีต่องาน
![Page 24: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/24.jpg)
การวางจุดสนใจในงาน• ตำแหน่ง 1 กับ 3 จะมีพลังในการดึงดูดสายตามากกว่าตำแหน่ง 2 เพราะคนส่วนใหญ่มักกวาดสายตาจากมุมซ้ายบน ไปยังมุมขวาล่าง
• ตำแหน่ง 0 สามารถวางองค์ประกอบให้น่าสนใจได้ เพราะบางครั้งทิศทาง หรือเส้นสายจากองค์ประกอบอื่น ๆ อาจพุ่งเน้นมายังตำแหน่งนี้ก็ได้
![Page 25: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/25.jpg)
ตัวอย่างการจัดองค์ประกอบ
![Page 26: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/26.jpg)
การสร้างความแตกต่าง• ความแตกต่างเป็นตัวกำหนดน่าสนใจหรือความโดดเด่นของภาพได้ดี แต่ไม่ควรให้มีความแตกต่างมากเกินไป เพราะจะทำให้ภาพไม่มีเอกภาพ มากกว่าจะก่อให้เกิดจุดสนใจ
![Page 27: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/27.jpg)
การวางแยกองค์ประกอบให้โดดเด่นการวางองค์ประกอบให้โดดเด่น คือการ
แยกองค์ประกอบออกมา ให้ผู้ชมงานสังเกตุเห็นองค์ประกอบนั้นได้ง่าย แต่ต้องคำนึงถึง• ขนาดและสัดส่วนในการจัดองค์ประกอบ
(Scale & Proportion)• ที่ว่างในงานออกแบบ(Spacing)• สมดุลในงานออกแบบ (Balance)• จังหวะขององค์ประกอบในงาน (Rhythm)
![Page 28: Graphic chapter 2](https://reader031.vdocuments.mx/reader031/viewer/2022030300/58812d7b1a28ab00438b5e65/html5/thumbnails/28.jpg)
ตัวอย่างการวางแยกองค์ประกอบให้โดดเด่น