การจัดองค์ประกอบภาพ (composition)
DESCRIPTION
การจัดองค์ประกอบภาพTRANSCRIPT
การจดองคประกอบภาพ (COMPOSITION)
อาจารยนงคราญ ค าวชยสาขาวชาเทคโนโลยสารสนเทศคณะวทยาศาสตร มหาวทยาลยแมโจEmail: [email protected]
วชา ทส105 การออกแบบคอมพว เตอร กราฟกComputer Graphics Design
เทคนคการถายภาพ
การจดองคประกอบภาพ
ส ำหรบกำรถำยภำพใหไดภำพ
ทตรงตำมควำมตองกำร มคณคำ ม
ควำมงำมทำงดำนศลปะ นอกจำก จะ
ท ำควำมเขำใจในเรองของกำรใชกลอง
ถำยภำพ และเครองมอทมคณภำพแลว
การจดองคประกอบภาพ กเปนส ง
ทส าคญ ทจะท าใหภาพมคณคคาานน
องคประกอบภาพ
• รปทรง (Form)
• รปรางลกษณะ (shape)
• น าหนกส (Tone)
• ลกษณะพนผว (Texture)
• รปแบบ (Pattern)
• เสน (Line)
รปทรง (FORM)
ภาพทใหรปทรงจะมมตคอ กวาง
ยาว ล ก ไ ด แก ทรงส เ หล ย ม ทรง
สำมเหลยม ทรงกลม ทรงกระบอก ซงจะ
ป ร ะ ก อ บ ดว ย รป ท ร ง ท เ ด น ช ด ม ม ต
จ ำเปนตองจดทศทำงของแสง เลอกมมในกำร
ถำยภำพใหเหมำะสม เพอใหไดภำพทสวยงำม
มแสงเงำ มมต
รปราง (SHAPE)
ภาพทเนนเฉพาะรปราางององคประกอบ ไมาไดแสดงรายละเอยด เชน
ภำพถำยยอนแสง ใหมองเหนร ปรำง ลกษณะของวตถเปนภำพเงำด ำ
(Silhouette) เชน แนวไม ตนตำล เกวยน คน ลวดลำยตำงๆ เปนตน
น าหนกส (TONE)ความสวา า งแล ะความ เ ม ไมา
เหมอนกน และถาวตถส งอง
ตาางๆ เหลาานนนไดรบแสงเงาท
ตาางกน น ำหนกสของวตถส งของ
เหลำนนจะมคำควำมสวำง ควำมเขม
แตกตำงกนไปอกดวย
น นาหนกองสทแตกตาางกนจะให
ความลกองภาพ เชน ภำพภเขำท
สลบซบซอนทอยใกลจะมส เขม ท
ไกลออกไป ส จ ะอ อนจำงลงไป
ตำมล ำดบ
น าหนกส (TONE)ลกษณะของน ำหนกสของภาพทมบรเวณคสาวนใหญาสวาางาวสดใส
เรยกวาา ภาพไฮคย (High key) ใหความรสกอาอนหวาน นามนวล สวน
ภาพทมบรเวณคสาวนใหญาเม มเงาและมด เรยกวาาภาพโลวคย (Low
key) ใหความรสกทเมแงและลกลบ
High key Low key
ลกษณะพนผว (TEXTURE)ลกษณะพนผวของวตถมอยมำกมำยหลำยชนด ใหควำมสวยงำมแล ะ
ควำมรสกเรำอำรมณทแตกตำงกน ซงกำรรจกเลอกลกษณะพนผว
ประกอบในภำพใหเหมำะสม เชน จดวตถผวเรยบบนพนนผวทรระ จะ
ท าใหภาพมลกษณคะทตดกน มองเหนวตถผวเรยบไดเดานชดนน เปน
ตน
รปแบบ (PATTERN)
ไดแก การจดองคประกอบองภาพทมลกษณคะซ นาๆ กนองวตถ
อำจแสดงในลกษณะของเสน รปรำง ลกษณะพนผว ฯลฯ จะชวยให
ภำพถำยมควำมแปลกนำดยงขน
เสน (LINE)สามารถบอกลกษณคะโครงสรางองภาพ เปนตวน าสายตา
ไปสาจดเดานหรอจดสนใจของภำพถำย เชอมโยงองคประกอบตำงๆ ในภำพ
ท ำใหเกดควำมเปนเอกภำพ และกำรเคลอนไหว เปนตน
เทคนคการจดองคประกอบภาพ
รปทรง (Form)
รปรางลกษณะ (shape)
ความสมดลทเทากน
ความสมดลทไมเทากน
ฉากหนา
เทคนคการจดองคประกอบภาพ
ฉากหลง
กฎสามสวน
เสนน าสายตา
เนนดวยกรอบภาพ
เนนรปแบบซ าซอน
รปทรง (FORM)
ใหควำมรสก สงำงำม มนคง เหมำะ
ส ำหรบกำรถำยภำพ ทำงสถำปตยกรรม กำร
ถำยภำพวตถ หรอถำยภำพสงตำงๆ เนนให
เหนความกวาง ความสง ความลก โดยให
เหนทนงดานหนาและดานาง และความลก
หรอทเรยกวาาใหเหน Perspective หรอภาพ 3 มต
รปรางลกษณะ (SHAPE)
เนนใหเหนเปนภาพ 2 มต คอ
ความกวางกบความยาว ไมให
เหนรายละเอยดของภาพ หรอท
เ ร ย กว ำภาพ เงาด า ภำพ
ลกษณะน เปนภำพทดแปลกตำ
นำสนใจ ลกลบ ใหอำรมณและ
สรำงจนตนำกำร ในกำรในกำร
ดภำพไดด นยมถำยภำพใน
ลกษณะยอนแสง
รปรางลกษณะ (SHAPE)
ขอควรระวง คอ วตถทถำย
ตองมควำมเรยบงำย เดนชด
สอควำมหมำย ไดชดเจน ฉำก
หลงตองไมมำรบกวนท ำใหภำพ
นนหมดควำมงำมไป
ความสมดลยทเทากน
เ ปนกำรจดองคประกอบภำพ
เพ อ ใหภำพดน ง สงำงำม น ำ
ศรทธำ คลำยกบแบบเนนดวย
รปทรง แตจะแสดงออกถงควำม
สมดลย น ง ปลอดภย ภ ำพ
ลกษณะนอำจจะด ธรรมดำ ไม
สะดดตำเทำใดนก แตกมเสนหและ
ควำมงำมในตว
ความสมดลยทไมเทากน
ใหควำมรสกทสมดลยเชนเดยวกบแบบทแลว แตจะตางกนอยท วตถทง
สองขาง มขนาดและรปรางท แตกตางกน แตจะสมดลยไดดวยปจจยตำง ๆ กน
เชน ส รปทรง ทำทำง ฉำกหนำ ฉำกหลง ฯลฯ ภำพดนำสนในกวำแบบสมดลยท
เทำกน แตควำมรสกทมนคงจะ นอยกวำ แตแปลกตำด
ฉากหนา (FOREGROUND)
นยมถำยภำพทวทศน หรอภำพอน
ๆ ใชฉากหนาเปนตวชวยใหเกดระยะ ใกล
กลาง ไกล หรอมมตขน ท ำใหภำพนำสนใจ
อำจใชกงไม วตถ หรอสงตำง ๆ ทอยใกล
กบกลองเพอชวยเนนใหจดสนใจทตองกำร
เน น มควำมเดนยงขน และไมใหภำพม
ชองวำงเกนไป
กฏสามสวน (RULE OF THIRD)
กฏสามสวน (RULE OF THIRD)
ฉากหลง (BACKGROUND)
พ น ห ล ง ข อ ง ภ ำพ ก ม
ควำมส ำคญ หำกเลอกทนำสนใจ
กลมกล น ห ร อ ช ว ย ใ หส ง ท
ต องกำร เน นเดนขนมำ ควร
เลอกฉำกหลงทกลมกลน ไมท ำ
ใหจดเดนของภำพดอยลง หรอ
มำรบกวนท ำ ใหภำพนนขำด
ควำมงำมไป
กฎสามสวน (RULE OF THIRD)
เปนกำรจดภำพทนยมมำก
ทสด ภำพดมชวตชวำ ไมจดชด กำร
จดภำพโดยใชกฎนท ำใหภำพดเดน ไม
อดอด ไมแนน หรอหลวมจนเกนไป
นกถำยภำพทงมออำชพ และม อ
สมครเลนนยมจดภำพแบบนมำกPoint of Interest
RULE OF THIRD
กฎสามสวนกลาวไววา ไมวาภาพจะอยแนวตงหรอแนวนอนกตาม หากเราแบงภาพนนออกเปนสามสวน ท งตามแนวตงและแนวนอน แลวลากเสนแบงภาพทงสามเสน จะเกดจดตดกนทงหมด 4 จด ซงจดตดของเสนทงสน เปนต าแหนงทเหมาะสมส าหรบการจดวางวตถทตองการเนนใหเปนจดเดนหลก สวนรายละเอยดอนๆนนเปนสวนส าคญทรองลงมา
วธการใชกฎสามสวน
ใหสรำงเสนสมมต 4 เสน (แนวตง 2
เสน และแนวนอน 2 เสน)
ตตำรำงเหมอนเลน O-X
จดทเส นทง 4 ตดกน คอ ต ำแหนงท
เหมำะสมตอกำรวำงวตถหลก ไวใน
บร เวณดงกลำวใหเ ปนจดเดน สวน
รำยละเอยดอน ๆ จะเปนสวนส ำคญ
รองลงมำ
ทงนภำพทก ำลงจะถำยจะขนจะสวยงำมและ
สมบรณไดนนจะขนอยกบองคประกอบของฉำก
หนำ ฉำกหลงและเรองรำวในภำพดวย
Rule of Third
กฎสามสวน
กฎสามสวน กบจดตด 9 ชอง
เสนน าสายตา
เปนกำรจดภำพทใชเสนทเกดจำกวตถ หรอสง อน ๆ ทมรปรำงลกษณะ
ใกลเคยงกน เรยงตวกนเปนทศทำงไปสจดสนใจ ชวยใหวตถทตองกำรเนน
มควำม เดนชด และนำสนใจยงขน
การเหลอพนท
เพอใหผชม
ภำพไมร สกอดอด
และยงเหลอท วางให
คดหรอจนตนาการ
ตอไดวาจะเกดอะไร
ขนตอไป
เนนดวยกรอบภาพ (FRAME)
กำรประกอบภำพโดยกำรเพม
กรอบภำพใหเปนฉำกหนำของ
ภำพ จะชวยสรางความเดน
สะดดตา ท าใหภาพภายในกรอบ
น าสน ใจข น เ ช น ช อ งปร ะต
หนำตำง รว กงไม ฯลฯ และควร
ใหกรอบภำพเหลำนมน ำหนก
ควำมเขมของภำพใหมำกกวำ
ภำพเรองรำวทอยภำยใน
เนนดวยกรอบภาพ (FRAME)
รปแบบซ าซอน (REPETITION)
เปนการจดภาพท มรปราง ลกษณะ ท คลาย ๆ กนวางเปนกลมท ำให
ภำพดสนก สดชน และมเสนหแปลกตำ
การจดองคประกอบภาพ : COMPOSITION
ก า ร จ ด ว า ง อ ง ค ป ร ะ ก อบ ภ า พ ค อ ก า ร จ ด ว า งองคประกอบทมอยในภาพใหไดภาพรวมของงานทสวยงาม และสอความหมาย ซงมหลกการ 2 อยาง
•การสรางเอกภาพ (Unity)
•การสรางจดเดน เนนจดส าคญ (Emphasize)
• การวางจดสนใจในงาน Focus Point
• การสรางความแตกตางในงาน Contrast
• การวางแยกองคประกอบใหโดดเดน Isolation
การจดองคประกอบภาพ : COMPOSITION
•สมดลในงานออกแบบ Balance
•ขนาดและสดสวนขององคประกอบ Scale & Proportion
•ทวางในงานออกแบบ Spacing
เอกภาพ
คอความเปนอนหนงอนเดยวกน เปนจดเรมตนในการจดองคประกอบของภาพ
องคประกอบในภาพ ตองมความกลมกลนกน เปนพวกพองกน ไมขดกน
การวางจดสนใจในงาน
การวางต าแหนงขององคประกอบทจะเนนใหเกดจดสนใจ จะวางในต าแหนงท 1,3,2 และ 4 เปนหลก โดยแตละต าแหนงมคณสมบตแตกตางกนออกไป
1
0
0 2
4 0
2 0 3ใหนกศกษาวาดรปน
การวางจดสนใจในงาน
ต าแหนง 0 เปนต าแหนงทไมควรวางองคประกอบทตองการเนน เพราะเปนต าแหนงทสายตาคนสวนใหญไมไดใหความสนใจนก เพราะอยในชวงครง ๆ กลาง ๆ ของภาพ ซงลดแรงดงดดทางสายตา
ต าแหนง 1 เปนต าแหนงทคนสวนใหญเหนเปนอนดบแรก เนองจากความเคยชนในการกวาดตาเพออานหนงสอ
ต าแหนง 2 เปนต าแหนงทมพลงในการดงดดสายตา มความเฉยบ จงเหมาะทจะจดวางองคประกอบทตองการเนน เนองจากเปนต าแหนงทเรยกรองความสนใจจากสายตาไดด
การวางจดสนใจในงาน
ต าแหนงหมายเลข 3 เปนต าแหนงทสบเนองมาจากต าแหนงท 1 เพราะเปนต าแหนงสดทายทคนสวนใหญกวาดสายตามอง
ต าแหนงหมายเลข 4 เปนต าแหนงทคนสวนใหญมกจะใหเปนต าแหนงทมความส าคญทสดในงาน ถงแมจะไมเปนจดเรยกรองสายตามากเทากบจด 1,2,3 แตกเปนจดรวมสายตาของผชมทมตองาน
ต าแหนง 1 กบ 3 จะมพลงในการดงดดสายตามากกวาต าแหนง 2 เพราะคนสวนใหญมกกวาดสายตาจากมมซายบน ไปยงมมขวาลาง
ต าแหนง 0 สามารถวางองคประกอบใหนาสนใจได เพราะบางครงทศทาง หรอเสนสายจากองคประกอบอน ๆ อาจพงเนนมายงต าแหนงนกได
ตวอยางการจดองคประกอบ
1 2
4
0
0 0
302
การสรางความแตกตาง
ความแตกตางเปนตวก าหนดนาสนใจหรอความโดดเดนของภาพไดด แตไมควรใหมความแตกตางมากเกนไป เพราะจะท าใหภาพไมมเอกภาพ มากกวาจะกอใหเกดจดสนใจ
ภาพตวอยาง เปนการใชภาพทโดดเดน แตกตางจากพนหลงสลว ขบใหภาพของอปกรณดคมชด และโดดเดนขน
การสรางความแตกตาง
การวางแยกองคประกอบใหโดดเดน
การวางองคประกอบใหโดดเดน คอการแยกองคประกอบออกมา ใหผชมงานสงเกตเหนองคประกอบนนไดงาย แตตองค านงถง ขนาดและสดสวนในการจดองคประกอบ (Scale & Proportion) ทวางในงานออกแบบ(Spacing) สมดลในงานออกแบบ (Balance) จงหวะขององคประกอบในงาน (Rhythm)
ตวอยางการวางแยกองคประกอบใหโดดเดน
ขนาดและสดสวนในการจดองคประกอบ SCALE & PROPORTION
ขนาดขององคประกอบมบทบาทในการก าหนดความส าคญขององคประกอบนน ๆองคประกอบขนาดใหญจะสอ ความหมายวาตวเองส าคญ กวา องคประกอบทมขนาดเลก
Spacing ทวางทอยรอบ ๆ องคประกอบในภาพจะสอดประสานกบองคประกอบทอยในภาพ ท าใหภาพเกดความเปนภาพ และมอทธพลในการสอความหมายได
SCALE & SPACE
SCALE & SPACE
สมดลในงานออกแบบ (BALANCE)
การจดองคประกอบงานออกแบบ การสราง ความสมดลขององคประกอบ ชวยใหภาพรวมของงานดด แบงออกเปน 2 ชนด
1.สมดลแบบแนวแกน 2 ขางเหมอนกน
2.สมดลแบบแนวแกน 2 ขางไมเหมอนกน
สมดลในงานออกแบบ (BALANCE)
การ จดองคประกอบภาพดวยการจดความสมดลยใหกบวตถ หรอ สงตางๆ ในภาพ โดยอาศยการรบรถง"น าหนก" และต าแหนงของวตถตางๆ ท อ ย ภ า ย ในภ าพน น ๆ โ ดยอาศยหลกการ คานดด - คานงด โดย มต า แห น ง ก ง ก ล า ง ภ าพ เ ป น จ ดศนยกลางของตวคานน าหนก
การรบรน าหนกของ วตถจากคนด ขณะดภาพ
วตถ ขนาดใหญจะมน าหนกในภาพมากกวาวตถท มขนาดเลก แตถาวตถทมขนาดเลกกวา หากวางในจดทอยหางออกไปจากจดก งกลางของคาน ในต าแหนงทเหมาะสม กจะสามารถสรางดมพลงและน าหนกไดมากยงขนกวาปรกต เพอน าถวงดลกบวตถทท มขนาดใหญกวาทอยดกดานหนงของคานได
การรบรน าหนกของ วตถจากคนด ขณะดภาพ
การรบรถงน าหนกมาก1) วตถมขนาดใหญ2 ) วตถมสเขม3 ) ต าแหนงของวตถอยหางจากจดกงกลางภาพ
การรบรถงน าหนก นอย1 ) วตถมขนาดเลก ( หรอเปนทวางในภาพ )2 ) วตถมสออน3 ) อยใกลกบจดศนยกลางของภาพ
สมดลแบบแนวแกน 2 ขางเหมอนกน
สมดลแบบแนวแกน 2 ขางไมเหมอนกน
วทยาการและจตวทยาของการออกแบบเวบไซต
HOW TO DESIGN ???
องคประกอบศลป
องคประกอบของศลปเสนส
คาน าหนกรปราง รปทรงพนผว
หลกการจด องคประกอบศลปสดสวนความสมดลจงหวะลลาการเนนเอกภาพ
PSYCHOLOGY FOR DESIGN
มนษยรบรจากประสาทสมผสทง 5 ตา ห จมก ลน สมผสแตประสาทตาจะเปนสวนทรบรมากทสด คอ 75% ของสงทเขามาสประสาทสมผสของมนษย
ดงนนในงานออกแบบจงตองค านงถง การใชรปภาพ การจดวางจดเดนจดดอย การก าหนดขนาดของตวอกษร เพอใหดงดดความสนใจของผชม
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
SIZE OF LOGO
สญลกษณขนาด 5 นว สามารถมองเหนไดไกลประมาณ 48 ฟต
สญลกษณขนาด 10 นว สามารถมองเหนไดไกลประมาณ 130 ฟต
สญลกษณขนาด 12 นว สามารถมองเหนไดไกลประมาณ 157 ฟต
โดยใหมมมมองทชดเจนแบบไมตองเงยมากในระดบประมาณ 10 ˚
POINT - LINE
จดและเสน (Point & line) จดเปนพนฐานในทางศลปทกสาขา และเสนกเกดจากการตอกนของจด เสนใชน าสายตาและแสดงการเคลอนไหวไดไมวาเสนจะอยลกษณะใด สามารถท าใหเกดการเคลอนไหว (Dynamic) หรออยกบทได ทนยมใชมดงน
• เสนตวเอส• เสนทะแยงมม• เสนน าสายตา
………….........
เสนตวเอส S บางครงธรรมชาตอาจชวยสรางศลปขนได เชน ถนนหนทาง รปตว S เปนสงทนกออกแบบอาจจะเลอกใช เพอใหภาพเกดความสวยงาน ออนชอยไดอกแบบหนง
POINT - LINE
POINT - LINE
เสนทะแยงมม ในการออกแบบ ถาใชภาพตามแนวขวางธรรมดาจะท าใหภาพดแบน ๆ ไมนาสนใจ ก
สามารถทจะน าเสนทเปนเสนทะแยงมมมาใชเพอใหเกดความแปลกใหมได ขนอยกบความเหมาะสมของชนงานนนๆ
POINT - LINE
เสนน าสายตา ในการออกแบบอาจใช เสน ตวอกษรรปภาพ เชนแนวพมไม เปนแนว น าสายตาผชมเขาจดเดนของภาพได
เสนกบความรสก
เสนตรงแนวตงใหความรสกแขงแรง สงเดน สงางาม นาเกรงขามเสนตรงแนวนอนใหความรสกสงบราบเรยบ กวางขวางการพกผอน หยดนงเสนตรงแนวเฉยงใหความรสกไมปลอดภย การลม ไมหยดนงเสนตดกนใหความรสกประสานกน แขงแรงเสนโคงใหความรสกออนโยนนมนวลเสนคลนใหความรสกเคลอนไหว ไหลเลอน ราเรง ตอเนองเสนประใหความรสกขาดหาย ลกลบ ไมสมบรณแสดงสวนทมองไมเหนเสนขดใหความรสกหมนเวยนมนงงเสนหยกใหความรสกขดแยง นากลว ตนเตน แปลกตา
Color
สแดง ใหความรสกรอน รนแรง กระตน ทาทาย เคลอนไหว ตนเตน เราใจ มพลง ความอดมสมบรณ
ความมงคง ความรก ความส าคญ อนตราย
สสม ใหความรสก รอน ความอบอน ความสดใส มชวตชวา วยรน ความคกคะนอง การปลดปลอย
ความเปรยว การระวง
สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความเบกบานสดชน
ชวตใหม ความสดใหม ความสกสวาง การแผกระจาย อ านาจบารม
สเขยว ใหความรสก สงบ เงยบ รมรน รมเยน การพกผอน การผอนคลาย ธรรมชาต
ความปลอดภย ปกต ความสข ความสขม เยอกเยน
สน าเงน ใหความรสกสงบ สขม สภาพ หนกแนน เครงขรม เอาการเอางาน ละเอยด รอบคอบ สงางาม
มศกดศร สงศกด เปนระเบยบถอมตน
สมวง ใหความรสก มเสนห นาตดตาม เรนลบ ซอนเรน มอ านาจ มพลงแฝงอย ความรก ความเศรา
ความผดหวง ความสงบ ความสงศกด
สฟา ใหความรสก ปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง ลมหายใจ
ความเปนอสระเสรภาพ การชวยเหลอ แบงปน
สด า ใหความรสก มด สกปรก ลกลบ ความสนหวง จดจบ ความตาย ความชว ความลบ ทารณ โหดราย
ความเศรา หนกแนน เขมเขง อดทน มพลง
สชมพ ใหความรสก อบอน ออนโยน นมนวล ออนหวาน ความรก เอาใจใส วยรน หนมสาว
ความนารก ความสดใส
สเทา ใหความรสก เศรา อาลย ทอแท ความลกลบ ความหดห ความชรา ความสงบ
ความเงยบ สภาพ สขม ถอมตน
สทอง ใหความรสก ความหรหรา โออา มราคา สงคา สงส าคญ ความเจรญรงเรอง ความสข
ความมงคง ความร ารวย การแผกระจาย
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
Q&A