Recommended
PDF
การออกแบบคอมพิวเตอร์กราฟิก (Graphics Basic)
PDF
PDF
Printing - การออกแบบสื่อสิ่งพิมพ์
PDF
PDF
ติดปีกธุรกิจเพียงแค่คิดโลโก้ (Logo Design)
PDF
ข้อสอบการเขียนตัวอักษรเบื้องต้น
PPSX
PDF
สคริปต์ Story board-หนังสั้นเพียงเพราะ..
PDF
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
PDF
ศิลปะพื้นฐาน รูปร่าง เส้น แสง
PDF
การออกแบบเรซูเม่และแฟ้มสะสมผลงานในยุคดิจิทัล (Resume and Portfolio Design in ...
PDF
อินโฟกราฟิก (Infographic) และหลักการออกแบบ
PDF
การจัดวางตัวอักษร (Typography)
DOCX
หลักการอ่านจับใจความสำคัญ
PDF
PDF
PDF
การสร้างจักรวาลนฤมิต Spatial Metaverse
PDF
AR VR Metaverse ทางการแพทย์และพยาบาล
PDF
PDF
PDF
PDF
เทคนิคการเล่าเรื่องดิจิทัล (Digital Storytelling Technique)
PDF
PDF
PDF
ข้อสอบวิชาศิลปะ ม.3 ฉบับที่ 1 พร้อมเฉลย
DOCX
PDF
PDF
บทที่ 3 วิธีการดำเนินงาน [โครงการอ่านหนังสือให้กับผู้พิการทางสายตา]
PDF
พื้นฐานการเลือกสีและรหัสสี
PPT
More Related Content
PDF
การออกแบบคอมพิวเตอร์กราฟิก (Graphics Basic)
PDF
PDF
Printing - การออกแบบสื่อสิ่งพิมพ์
PDF
PDF
ติดปีกธุรกิจเพียงแค่คิดโลโก้ (Logo Design)
PDF
ข้อสอบการเขียนตัวอักษรเบื้องต้น
PPSX
PDF
สคริปต์ Story board-หนังสั้นเพียงเพราะ..
What's hot
PDF
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
PDF
ศิลปะพื้นฐาน รูปร่าง เส้น แสง
PDF
การออกแบบเรซูเม่และแฟ้มสะสมผลงานในยุคดิจิทัล (Resume and Portfolio Design in ...
PDF
อินโฟกราฟิก (Infographic) และหลักการออกแบบ
PDF
การจัดวางตัวอักษร (Typography)
DOCX
หลักการอ่านจับใจความสำคัญ
PDF
PDF
PDF
การสร้างจักรวาลนฤมิต Spatial Metaverse
PDF
AR VR Metaverse ทางการแพทย์และพยาบาล
PDF
PDF
PDF
PDF
เทคนิคการเล่าเรื่องดิจิทัล (Digital Storytelling Technique)
PDF
PDF
PDF
ข้อสอบวิชาศิลปะ ม.3 ฉบับที่ 1 พร้อมเฉลย
DOCX
PDF
PDF
บทที่ 3 วิธีการดำเนินงาน [โครงการอ่านหนังสือให้กับผู้พิการทางสายตา]
Viewers also liked
PDF
พื้นฐานการเลือกสีและรหัสสี
PPT
DOC
PPT
PDF
PDF
ใบความรู้ เรื่อง ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
DOC
แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4
PPTX
การจัดองค์ประกอบศิลป์ Copy
PDF
PDF
แนะนำหลักสูตรสาขาไอที แม่โจ้ เข้าศึกษาต่อปี 2558
PPT
PPTX
สื่อการสอนการงานอาชีพและเทคโนโลยี
PPT
PPTX
ความรู้เกี่ยวกับ การจัดองค์ประกอบภาพ
DOC
คู่มือการตัดต่อ Vdoโดยโปรแกรม adobe premiere pro cs3
PDF
PPTX
Graphic design by gimp&inkscape
Similar to การจัดองค์ประกอบภาพ (Composition)
PDF
PPT
1. หลักการออกกราฟิก design
PDF
บท1 5 เรื่องเทคนิคการถ่ายภาพและตัดต่อภาพถ่าย
PDF
PDF
PDF
PDF
PDF
PPTX
PPTX
DOC
PDF
PPT
PDF
PPTX
PDF
PDF
PDF
PDF
PDF
การจัดองค์ประกอบภาพ (Composition) 1. 2. 3. 4. 5. รูปทรง (FORM)
ภาพที่ให้รูปทรงจะมีมิติคือกว้าง ยาว ลึก ได้แก่ ทรงสี่เหลี่ยม ทรง สำมเหลี่ยม ทรงกลม ทรงกระบอก ซึ่งจะ ประกอบด้วยรูปทรงที่เด่นชัด มีมิติ จำเป็นต้องจัดทิศทำงของแสง เลือกมุมในกำร ถ่ำยภำพให้เหมำะสม เพื่อให้ได้ภำพที่สวยงำม มีแสงเงำ มีมิติ 6. 7. น้าหนักสี (TONE)
ความสวาางและความเึ้มไมา เหมือนกัน และถ้าวัตถุสิ่งึอง ตาางๆ เหลาานันได้รับแสงเงาที่ ตาางกันน้ำหนักสีของวัตถุสิ่งของ เหล่ำนั้นจะมีค่ำควำมสว่ำง ควำมเข้ม แตกต่ำงกันไปอีกด้วย
น นาหนักึองสีที่แตกตาางกันจะให้ ความล้กึองภาพเช่น ภำพภูเขำที่ สลับซับซ้อนที่อยู่ใกล้จะมีสีเข้ม ที่ ไกลออกไป สีจะอ่อนจำงลงไป ตำมลำดับ 8. 9. 10. รูปแบบ (PATTERN)
ได้แก่ การจัดองค์ประกอบึองภาพที่มีลักษณคะซ นาๆ กันึองวัตถุ อำจแสดงในลักษณะของเส้น รูปร่ำง ลักษณะพื้นผิว ฯลฯ จะช่วยให้ ภำพถ่ำยมีควำมแปลกน่ำดูยิ่งขึ้น 11. 12. 13. 14. รูปทรง (FORM)
ให้ควำมรู้สึก สง่ำงำม มั่นคง เหมำะ สำหรับกำรถ่ำยภำพ ทำงสถำปัตยกรรม กำร ถ่ำยภำพวัตถุ หรือถ่ำยภำพสิ่งต่ำงๆ เน้นให้ เห็นความกว้าง ความสูง ความล้ก โดยให้ เห็นทันงด้านหน้าและด้านึ้าง และความล้ก หรือที่เรียกวาาให้เห็น Perspective หรือภาพ 3มิติ 15. รูปร่างลักษณะ (SHAPE)
เน้นให้เห็นเป็นภาพ 2 มิติ คือ ความกว้างกับความยาว ไม่ให้ เห็นรายละเอียดของภาพ หรือที่ เรียกว่ำภาพเงาดา ภำพ ลักษณะนี้ เป็นภำพที่ดูแปลกตำ น่ำสนใจ ลึกลับ ให้อำรมณ์และ สร้ำงจินตนำกำร ในกำรในกำร ดูภำพได้ดี นิยมถ่ำยภำพใน ลักษณะย้อนแสง 16. 17. 18. 19. ฉากหน้า (FOREGROUND)
นิยมถ่ำยภำพทิวทัศน์ หรือภำพอื่น ๆ ใช้ฉากหน้าเป็นตัวช่วยให้เกิดระยะ ใกล้ กลาง ไกล หรือมีมิติขึ้น ทำให้ภำพน่ำสนใจ อำจใช้กิ่งไม้ วัตถุ หรือสิ่งต่ำง ๆที่อยู่ใกล้ กับกล้องเพื่อช่วยเน้นให้จุดสนใจที่ต้องกำร เน้น มีควำมเด่นยิ่งขึ้น และไม่ให้ภำพมี ช่องว่ำงเกินไป 20. 21. 22. ฉากหลัง (BACKGROUND)
พื้นหลังของภำพก็มี ควำมสำคัญ หำกเลือกที่น่ำสนใจ กลมกลืน หรือช่วยให้สิ่งที่ ต้องกำร เน้นเด่นขึ้นมำ ควร เลือกฉำกหลังที่กลมกลืน ไม่ทำ ให้จุดเด่นของภำพด้อยลง หรือ มำรบกวนทำให้ภำพนั้นขำด ควำมงำมไป 23. กฎสามส่วน (RULE OF THIRD)
เป็นกำรจัดภำพที่นิยมมำก ที่สุด ภำพดูมีชีวิตชีวำ ไม่จืดชืด กำร จัดภำพโดยใช้กฎนี้ทำให้ภำพดูเด่น ไม่ อึดอัด ไม่แน่น หรือหลวมจนเกินไป นักถ่ำยภำพทั้งมืออำชีพ และมือ สมัครเล่นนิยมจัดภำพแบบนี้มำก
Point of Interest 24. RULE OF THIRD
กฎสามส่วนกล่าวไว้ว่า
ไม่ว่าภาพจะอยู่แนวตั้งหรือแนวนอนก็ตามหาก เราแบ่งภาพนั้นออกเป็นสามส่วน ทั้งตาม แนวตั้งและแนวนอน แล้วลากเส้นแบ่งภาพทั้ง สามเส้น จะเกิดจุดตัดกันทั้งหมด 4 จุด ซึ่ง จุดตัดของเส้นทั้งสี่นี้ เป็นตาแหน่งที่เหมาะสม สาหรับการจัดวางวัตถุที่ต้องการเน้นให้เป็น จุดเด่นหลัก ส่วนรายละเอียดอื่นๆนั้นเป็นส่วน สาคัญที่รองลงมา 25. วิธีการใช้กฎสามส่วน
ให้สร้ำงเส้นสมมุติ 4เส้น (แนวตั้ง 2เส้น และแนวนอน 2เส้น)
ตีตำรำงเหมือนเล่น O-X
จุดที่เส้นทั้ง 4ตัดกัน คือ ตำแหน่งที่ เหมำะสมต่อกำรวำงวัตถุหลักไว้ใน บริเวณดังกล่ำวให้เป็นจุดเด่น ส่วน รำยละเอียดอื่น ๆ จะเป็นส่วนสำคัญ รองลงมำ
ทั้งนี้ภำพที่กำลังจะถ่ำยจะขึ้นจะสวยงำมและ สมบูรณ์ได้นั้นจะขึ้นอยู่กับองค์ประกอบของฉำก หน้ำ ฉำกหลังและเรื่องรำวในภำพด้วย 26. 27. 28. 29. 30. 31. เน้นด้วยกรอบภาพ (FRAME)
กำรประกอบภำพโดยกำรเพิ่ม กรอบภำพให้เป็นฉำกหน้ำของ ภำพ จะช่วยสร้างความเด่น สะดุดตา ทาให้ภาพภายในกรอบ น่าสนใจขึ้น เช่น ช่องประตู หน้ำต่ำง รั้ว กิ่งไม้ ฯลฯ และควร ให้กรอบภำพเหล่ำนี้มีน้ำหนัก ควำมเข้มของภำพให้มำกกว่ำ ภำพเรื่องรำวที่อยู่ภำยใน 32. 33. 35. การจัดองค์ประกอบภาพ : COMPOSITION
การจัดวางองค์ประกอบภาพ คือการจัดวาง องค์ประกอบที่มีอยู่ในภาพให้ได้ภาพรวมของงานที่สวยงาม และสื่อ ความหมาย ซึ่งมีหลักการ 2อย่าง
•การสร้างเอกภาพ(Unity)
•การสร้างจุดเด่น เน้นจุดสาคัญ(Emphasize)
•การวางจุดสนใจในงาน Focus Point
•การสร้างความแตกต่างในงาน Contrast
•การวางแยกองค์ประกอบให้โดดเด่น Isolation 36. 37. 38. 39. การวางจุดสนใจในงาน
ตาแหน่ง 0เป็นตาแหน่งที่ไม่ควรวางองค์ประกอบที่ต้องการเน้น เพราะ เป็นตาแหน่งที่สายตาคนส่วนใหญ่ไม่ได้ให้ความสนใจนักเพราะอยู่ ในช่วงครึ่ง ๆ กลาง ๆ ของภาพ ซึ่งลดแรงดึงดูดทางสายตา
ตาแหน่ง 1เป็นตาแหน่งที่คนส่วนใหญ่เห็นเป็นอันดับแรก เนื่องจาก ความเคยชินในการกวาดตาเพื่ออ่านหนังสือ
ตาแหน่ง 2เป็นตาแหน่งที่มีพลังในการดึงดูดสายตา มีความเฉียบ จึง เหมาะที่จะจัดวางองค์ประกอบที่ต้องการเน้น เนื่องจากเป็นตาแหน่งที่ เรียกร้องความสนใจจากสายตาได้ดี 40. การวางจุดสนใจในงาน
ตาแหน่งหมายเลข 3 เป็นตาแหน่งที่สืบเนื่องมาจากตาแหน่งที่1 เพราะ เป็นตาแหน่งสุดท้ายที่คนส่วนใหญ่กวาดสายตามอง
ตาแหน่งหมายเลข 4เป็นตาแหน่งที่คนส่วนใหญ่มักจะให้เป็นตาแหน่งที่มี ความสาคัญที่สุดในงาน ถึงแม้จะไม่เป็นจุดเรียกร้องสายตามากเท่ากับจุด 1,2,3 แต่ก็เป็นจุดรวมสายตาของผู้ชมที่มีต่องาน
ตาแหน่ง 1 กับ 3จะมีพลังในการดึงดูดสายตามากกว่าตาแหน่ง 2เพราะ คนส่วนใหญ่มักกวาดสายตาจากมุมซ้ายบน ไปยังมุมขวาล่าง
ตาแหน่ง 0สามารถวางองค์ประกอบให้น่าสนใจได้ เพราะบางครั้งทิศทาง หรือเส้นสายจากองค์ประกอบอื่น ๆ อาจพุ่งเน้นมายังตาแหน่งนี้ก็ได้ 41. 42. 43. 44. 45. 46. ขนาดและสัดส่วนในการจัดองค์ประกอบ SCALE& PROPORTION
ขนาดขององค์ประกอบมีบทบาทในการกาหนดความสาคัญขององค์ประกอบนั้น ๆ องค์ประกอบขนาดใหญ่จะสื่อ ความหมายว่าตัวเองสาคัญ กว่า องค์ประกอบที่มีขนาด เล็ก
Spacingที่ว่างที่อยู่รอบ ๆ องค์ประกอบในภาพจะสอดประสานกับองค์ประกอบที่อยู่ใน ภาพ ทาให้ภาพเกิดความเป็นภาพ และมีอิทธิพลในการสื่อความหมายได้ 47. 48. 49. 50. สมดุลในงานออกแบบ (BALANCE)
การ จัดองค์ประกอบภาพด้วยการ จัดความสมดุลย์ให้กับวัตถุ หรือ สิ่ง ต่างๆ ในภาพ โดยอาศัยการรับรู้ถึง "น้าหนัก" และตาแหน่งของวัตถุต่างๆ ที่อยู่ภายในภาพนั้นๆ โดยอาศัย หลักการ คานดีด -คานงัด โดยมี ตาแหน่งกึ่งกลางภาพเป็นจุด ศูนย์กลางของตัวคานน้าหนัก 51. การรับรู้น้าหนักของ วัตถุจากคนดู ขณะดู ภาพ
วัตถุ ขนาดใหญ่จะมีน้าหนักในภาพ มากกว่าวัตถุที่มีขนาดเล็ก แต่ถ้าวัตถุ ที่มีขนาดเล็กกว่า หากวางในจุดที่อยู่ห่าง ออกไปจากจุดกึ่งกลางของคาน ใน ตาแหน่งที่เหมาะสม ก็จะสามารถสร้างดู มีพลังและน้าหนักได้มากยิ่งขึ้นกว่าปรกติ เพื่อนาถ่วงดุลกับวัตถุที่ที่มีขนาดใหญ่ กว่าที่อยู่ดีกด้านหนึ่งของคานได้ 52. การรับรู้น้าหนักของ วัตถุจากคนดู ขณะดู ภาพ
การรับรู้ถึงน้าหนักมาก 1) วัตถุมีขนาดใหญ่ 2 ) วัตถุมีสีเข้ม 3 ) ตาแหน่งของวัตถุอยู่ห่างจากจุดกึ่งกลางภาพ การรับรู้ถึงน้าหนัก น้อย 1 ) วัตถุมีขนาดเล็ก ( หรือเป็นที่ว่างในภาพ ) 2 ) วัตถุมีสีอ่อน 3 ) อยู่ใกล้กับจุดศูนย์กลางของภาพ 53. 54. 55. 56. 57. 58. PSYCHOLOGY FOR DESIGN
มนุษย์รับรู้จากประสาทสัมผัสทั้ง 5ตา หุ จมูก ลิ้น สัมผัส
แต่ประสาทตาจะเป็นส่วนที่รับรู้มากที่สุด
คือ 75% ของสิ่งที่เข้ามาสู่ประสาทสัมผัสของมนุษย์
ดังนั้นในงานออกแบบจึงต้องคานึงถึง การใช้รูปภาพ
การจัดวางจุดเด่นจุดด้อย การกาหนดขนาดของตัวอักษร
เพื่อให้ดึงดูดความสนใจของผู้ชม 59. SIZE OF FONT
หลักเกณฑ์เบื้องต้นในงานออกแบบสาหรับกลุ่มเป้าหมาย (ตามอายุ)
7-10 ใช้ตัวอักษรเทียบเท่า Font ไทยขนาด 18-30 Points
11-13 ใช้ตัวอักษรเทียบเท่า Font ไทยขนาด 16-18 Points
20-60 ใช้ตัวอักษรเทียบเท่า Font ไทยขนาด 14-18 Points
60 up ใช้ตัวอักษรเทียบเท่า Font ไทยขนาด 16-18 Points 60. SIZE OF LOGO
สัญลักษณ์ขนาด 5 นิ้ว สามารถมองเห็นได้ไกลประมาณ 48 ฟุต
สัญลักษณ์ขนาด 10 นิ้ว สามารถมองเห็นได้ไกลประมาณ 130 ฟุต
สัญลักษณ์ขนาด 12 นิ้ว สามารถมองเห็นได้ไกลประมาณ 157 ฟุต
โดยให้มีมุมมองที่ชัดเจนแบบไม่ต้องเงยมากในระดับประมาณ 10 ˚ 61. POINT -LINE
จุดและเส้น (Point & line) จุดเป็นพื้นฐานในทางศิลปทุกสาขา และเส้นก็เกิด จากการต่อกันของจุด เส้นใช้นาสายตาและแสดงการเคลื่อนไหวได้ไม่ว่าเส้น จะอยู่ลักษณะใด สามารถทาให้เกิดการเคลื่อนไหว (Dynamic) หรืออยู่กับที่ ได้ ที่นิยมใช้มีดังนี้
•เส้นตัวเอส
•เส้นทะแยงมุม
•เส้นนาสายตา
…………......... 62. 63. POINT -LINE
เส้นทะแยงมุม ในการออกแบบ
ถ้าใช้ภาพตามแนวขวางธรรมดาจะทาให้ภาพดูแบน ๆ ไม่น่าสนใจ ก็ สามารถที่จะนาเส้นที่เป็นเส้นทะแยงมุมมาใช้เพื่อให้เกิดความแปลกใหม่ได้ ขึ้นอยู่กับความเหมาะสมของชิ้นงานนั้นๆ 64. POINT -LINE
เส้นนาสายตา ในการออกแบบอาจใช้ เส้น ตัวอักษรรูปภาพ เช่นแนวพุ่มไม้ เป็นแนว นาสายตาผู้ชมเข้าจุดเด่นของภาพได้ 65. เส้นกับความรู้สึก
เส้นตรงแนวตั้ง
ให้ความรู้สึกแข็งแรงสูงเด่นสง่างามน่า เกรงขาม
เส้นตรงแนวนอน
ให้ความรู้สึกสงบราบเรียบกว้างขวาง
การพักผ่อนหยุดนิ่ง
เส้นตรงแนวเฉียง
ให้ความรู้สึกไม่ปลอดภัยการล้มไม่หยุดนิ่ง
เส้นตัดกัน
ให้ความรู้สึกประสานกันแข็งแรง
เส้นโค้ง
ให้ความรู้สึกอ่อนโยนนุ่มนวล
เส้นคลื่น
ให้ความรู้สึกเคลื่อนไหว ไหลเลื่อนร่า เริงต่อเนื่อง
เส้นประ
ให้ความรู้สึกขาดหายลึกลับไม่สมบรูณ์
แสดงส่วนที่มองไม่เห็น
เส้นขด
ให้ความรู้สึกหมุนเวียนมึนงง
เส้นหยัก
ให้ความรู้สึกขัดแย้งน่ากลัวตื่นเต้นแปลกตา 66. Color
สีแดง ให้ความรู้สึกร้อนรุนแรง กระตุ้น ท้าทายเคลื่อนไหวตื่นเต้น เร้าใจมีพลัง ความอุดมสมบูรณ์ ความมั่งคั่งความรัก ความสาคัญอันตราย
สีส้มให้ความรู้สึก ร้อนความอบอุ่น ความสดใสมีชีวิตชีวาวัยรุ่นความคึกคะนอง การปลดปล่อย
ความเปรี้ยวการระวัง
สีเหลืองให้ความรู้สึกแจ่มใสความสดใสความร่าเริงความเบิกบานสดชื่น
ชีวิตใหม่ความสดใหม่ความสุกสว่างการแผ่กระจายอานาจบารมี
สีเขียวให้ความรู้สึก สงบเงียบร่มรื่นร่มเย็นการพักผ่อนการผ่อนคลาย ธรรมชาติ
ความปลอดภัยปกติความสุขความสุขุมเยือกเย็น
สีน้าเงินให้ความรู้สึกสงบสุขุมสุภาพหนักแน่นเคร่งขรึมเอาการเอางาน ละเอียดรอบคอบสง่างาม
มีศักดิ์ศรีสูงศักดิ์เป็นระเบียบถ่อมตน
สีม่วงให้ความรู้สึก มีเสน่ห์น่าติดตามเร้นลับซ่อนเร้นมีอานาจมีพลังแฝงอยู่ ความรักความเศร้า
ความผิดหวังความสงบความสูงศักดิ์
สีฟ้าให้ความรู้สึก ปลอดโปร่งโล่งกว้างเบาโปร่งใสสะอาด ปลอดภัยความสว่าง ลมหายใจ
ความเป็นอิสระเสรีภาพ การช่วยเหลือ แบ่งปัน
สีดาให้ความรู้สึก มืด สกปรก ลึกลับความสิ้นหวังจุดจบ ความตาย ความชั่ว ความลับ ทารุณ โหดร้าย
ความเศร้า หนักแน่น เข้มเข็ง อดทน มีพลัง
สีชมพูให้ความรู้สึก อบอุ่นอ่อนโยนนุ่มนวลอ่อนหวานความรักเอาใจใส่วัยรุ่น หนุ่มสาว
ความน่ารัก ความสดใส
สีเทาให้ความรู้สึก เศร้าอาลัยท้อแท้ความลึกลับความหดหู่ความชราความสงบ
ความเงียบสุภาพสุขุมถ่อมตน
สีทองให้ความรู้สึก ความหรูหราโอ่อ่ามีราคาสูงค่าสิ่งสาคัญความเจริญรุ่งเรือง ความสุข
ความมั่งคั่งความร่ารวยการแผ่กระจาย 67. REFERENCE
สู่เส้นทางกราฟิกดีไซเนอร์ โดยโสรชัย นันทวัชรวิบูลย์ สานักพิมพ์ ARiP
http://www.colormatters.com/colortheory.html
http://www.worqx.com/color/color_basics.htm
Color for E-Commerce http://www.colormatters.com/des_ecom.html
http://members.cox.net/mrsparker2/teacher.htm 68.