006133 Color Theory

53
สี กับการออกแบบ Rearranged by Lect.Pariwit vitayacheeva

description

Principle of Color Color and Design Color Theory

Transcript of 006133 Color Theory

Page 1: 006133 Color Theory

สกบการออกแบบ

Rearranged by Lect.Pariwit vitayacheeva

Page 2: 006133 Color Theory

• เซอร ไอแซค นวตน พบวา แสงอาทตยมส ตาง ๆ รวมกนอย เมอใหแสงอาทตยสองผานแทงแกว รปสามเหลยม (Prism) แสงทผาน ออกมาอกดานหนง จะม 7 ส ดงทเหนในสรงกนน า Red, Yellow, Orange, Green, Blue, Indego, Violet หรอเรยกเปนชอยอวา ROY G BIV

Page 3: 006133 Color Theory

• นกออกแบบ ใช ส เปน”ตวกลาง” หรอ “สอ”ในการ ถายทอด อารมณ ความรสก สรางสรรค ออกมา เปนงานออกแบบ หรอศลปะสาขาใด สาขาหนง แตส จะบรรลถงอารมณ ความรสกไดนน ตองสมพนธ กบสวนประกอบขนมลฐานของศลปะ ดานอน ๆ ดวย ซงประกอบดวย เสน รปราง รปทรง พนผว เปนตน

Page 4: 006133 Color Theory

(บน) ภาพเขยนของปกสโซ ในยค “ น าเงน” (Blue Period,1901-1904) ภาพดานซายเปนภาพตนฉบบ อยในโทนสเยน (Cool Tone) ทใหความรสก เศรา เยอกเยน และความไมสบายแตในภาพดานขวา ไดน ามาเปลยนโครงส เปนสโทนรอน (Warm Tone) อารมณความรสก ในภาพจะเปลยนไปดอบอน และผอนคลาย

Page 5: 006133 Color Theory

• สโทนรอน (Warm Tone) ท าใหมองดแลว เหมอนอยใกล ใชสโทนเยน (Cool Tone) ท าใหรสกอยไกลออกไป ท าใหเกดเปนระยะ

Page 6: 006133 Color Theory

• ดานขนาด (Size) สออน จะใหความรสกวามขนาดใหญ กวางขวาง สเขม จะใหความรสกวามขนาดเลก คบแคบ

Page 7: 006133 Color Theory

• ดานน าหนก (Weight) สออน สวรรณะเยน จะใหความรสกวามน าหนกเบา สเขม สวรรณะรอน จะใหความรสกวามน าหนกมาก

Page 8: 006133 Color Theory

• ดานระยะทาง (Perspective) สออน จะใหความรสกวามระยะทางไกลสายตา สเขม จะใหความรสกวามระยะทางใกลสายตา

Page 9: 006133 Color Theory

• ดานอณหภม (Temperature)

• สวรรณะรอน จะใหความรสกเรารอน ตนเตน ไมสบายตา สวรรณะเยน จะใหความรสกสบาย เรยบ สงบ

Page 10: 006133 Color Theory

• เรองความแขงแรง สตามวตถในธรรมชาต ทมความแขงแรงอยในตวเอง หากใชสตามวตถในธรรมชาตนนจะใหความรสกวามความแขงแรงกวาสอน ๆ

Page 11: 006133 Color Theory

• สคทตดกนอยางรนแรง จะแยกรป และพน ออกจากกน อยางชด

Page 12: 006133 Color Theory

เปรยบเทยบรปสเหลยมสเหลองทปรากฎบนพนหลง (Background) ทมสแตกตางกนมผลท าให สเหลอง มความออนลง สดใส เขมขน และมสอนมาปะปน

Page 13: 006133 Color Theory

• จากผลของสกบพนหลง ไดน ามาเปนแนวทาง หนง ในการออกแบบ กราฟฟค โดยเฉพาะ การรออกแบบ ตวอกษร พนหลง (Background) มความส าคญมาก ทจะท าให ตวอกษรนน มองเหนชด อานงาย

Page 14: 006133 Color Theory
Page 15: 006133 Color Theory
Page 16: 006133 Color Theory

สจะมความสด ความสวางขนกวาเดม หากใชสเขม เชน สด าตดเสน

Page 17: 006133 Color Theory

เมอน าแสงหรอแมสทงสามสมาผสมกนเขาจะไดแสงสขาว สอหรองานออกแบบใด ๆ กตามทมการใชแสงสอง ออกมาอยาง เชน จอโปรเจคเตอร (Movie Projector) ทว มอนเตอรส าหรบคอมพวเตอร รวมทงการออกแบบ แสงส บนเวทส าหรบการแสดง ละคร ภาพยนตร กใชกฎของการผสมสแบบบวกน

Page 18: 006133 Color Theory

• แมสลบ (Substractive Color) แมสของชางเขยน (Artist Color) หรอแมสวตถธาต (Pigmentary color) ประกอบดวยส 3 ส คอ สเหลอง (Yellow) สแดง (Red) สน าเงน (Blue)

• แมสชางเขยน (Artist Color) เมอสทงสามมการผสมกนเปนค ๆ กจะเกดเปนสตาง ๆ และเมอผสมกนไปเรอย ๆ ในขนสดทาย ท าใหไมมแสงสใด สามารถสะทอนออกมาได กจะเปนความมด หรอสด าอาจเรยกไดวา เปนการผสมสแบบลบ (Subtractive Mixing)

Page 19: 006133 Color Theory
Page 20: 006133 Color Theory
Page 21: 006133 Color Theory
Page 22: 006133 Color Theory

การใชสเอกรงค (Monochromatic Colors)

• กลมกลน ไมเกนสามส จดชด ผสมคตรงขาม

Page 23: 006133 Color Theory

การใชสแบบสใกลเคยง (Relate Color, Anagolous Colors)

Page 24: 006133 Color Theory
Page 25: 006133 Color Theory

หากตองการใชสกลมกลน ทตองการเนนจดเดน จดนาสนใจ ในงานออกแบบนน ควรเลอกสกลมกลนทมบางสทไมอย ในโทนเดยวกน เชนมบางสอยใน โทนรอน หรอโทนเยนหรอเปนสทมคา น าหนก แตกตางกน และควรใหใชสเหลาน มปรมาณทนอยกวา สสวนรวม

Page 26: 006133 Color Theory

การใชสแบบวรรณะ (WarmTone / Cool Tone)

Page 27: 006133 Color Theory
Page 28: 006133 Color Theory

• ใชสตางวรรณะมารวมดวย

• ในอตราสวน 90 : 10 ในอตราสวน 80 : 20 ในอตราสวน 70 : 30

Page 29: 006133 Color Theory
Page 30: 006133 Color Theory

การใชสสวนรวม (Tonality)

Page 31: 006133 Color Theory
Page 32: 006133 Color Theory

การใชสแบบคาของส (Value of Color)

• คาของส หมายถง ลกษณะความเขมหรอความออน – แก ของสทไลเลยกน การใชสแบบคาของสน คอ การใชสแท (Hue) ผสมกบสกลาง คอสด า สขาว สเทา ท าใหคาของส (Value) นนออน หรอเขมขน

Page 33: 006133 Color Theory
Page 34: 006133 Color Theory

การใชสแบบแตกตางกน

• การใชสแบบแตกตางกนชนดตดกนอยางแทจรง (True Contrast)

Page 35: 006133 Color Theory

• สตดกนน อาจเรยกอกชอหนงวา สค (Complementary Color) เพราะนอกจาก จะมทศทางทเปนสคตรงกนขามกน ในวงสแลว ยงมอทธพลซงกนและกน เชน ในเงาของสแตละส จะมเงา ของ สคเจอปนอย ท าใหยดถอเปนทฤษฎวา หากตองการท าใหสใด ๆ หมนลง หรอเหมอนกบอยในเงามดแลว ใหใชสคตรงกนขามนมาผสม จะท าใหผลทไดเปนธรรมชาต ทถกตอง แทจรง การใชสวธน ท าให งานออกแบบนน มความโดดเดน สะดดตา นาสนใจ แตควรมแนวทาง การใชทถกตอง เพราะสคเหลาน มคาของสทตดกน อยางรนแรง

Page 36: 006133 Color Theory

ในธรรมชาตไดจดสดสวนของสตดกนอยางแทจรง ไดอยางลงตว

Page 37: 006133 Color Theory

. เมอตองการใชสคตดกน โดยไมผสมสอนใด ใหใช ในอตราสวน แตกตางกน เชน 90 : 10 , 80 : 20 , 70 : 30 เปนตน

ใชสหนกหรอสเขมตดเสน ในวตถทมสสดใส

ลดความสดใสของสใดสหนงลง โดยใชสคตรงกนขาม

ลดความสดใสของสคทง 2 ส ลง โดยใชสคตรงกนขาม

Page 38: 006133 Color Theory
Page 39: 006133 Color Theory

การใชสแบบแตกตางกนชนดสตรงกนขามเยอง (Split Complementary Colors)

• สตรงกนขามเยอง (Split Complementary Colors) หมายถงส คตรงกบขาม ทอยเยองมาทางซายและทางขวาของ

สคปฏปกษ เชน

สคตรงกนขามเยองของ สเหลอง คอ สมวงแดง และมวงน าเงน สคตรงกนขามเยองของ สมวง คอ สสมเหลอง และเขยวเหลอง

Page 40: 006133 Color Theory
Page 41: 006133 Color Theory
Page 42: 006133 Color Theory

การใชสแบบแตกตางกนชนดสตดกนโดยน าหนก (Value Contrast)

• สตดกนโดยน าหนก (Value Contrast) ไดแกสทมความแตกตางกน ในเรองความเขม หรอคณคาน าหนก (Value)ของแตละส ซงไมใชสคตรงขาม (Complementary Colors) กนในวงส ความเขม หรอตดกนโดยน าหนกน จะมตดตวเปนลกษณะเฉพาะ ของแตละส ซงจะเหนไดชดเจน หากปรบคาสเหลานนมาเปนคาน าหนก ขาว ด า

Page 43: 006133 Color Theory
Page 44: 006133 Color Theory

การใชสแบบแตกตางกนชนดไตรสมพนธ (Triadic Color)

Page 45: 006133 Color Theory
Page 46: 006133 Color Theory

การใชสแบบแตกตางกนชนดจตสมพนธ (Quadratic Color)

Page 47: 006133 Color Theory
Page 48: 006133 Color Theory
Page 49: 006133 Color Theory

การใชสแบบแตกตางกนชนดสปรากฏเดนชด (Intensity)

• สปรากฏเดนชด (Intensity) หมายถง สทดแลว สะดดตาโดยมสอน เปน องคประกอบ เพอเสรมใหเกด ความ เดนชดสะดดตามากขน กวาคาน าหนกเดม

• เชนเดยวกบ ดวงจนทร จะเหนเดนชดในเวลากลางคน เพราะอย ทามกลางทองฟา ทมดหรอมคาน าหนกทเขม

Page 50: 006133 Color Theory
Page 51: 006133 Color Theory
Page 52: 006133 Color Theory

การใชสแบบแตกตางกนชนดกลบคาของส(Discord)

• การใชสโดยการกลบคาของส คอ การใชสทมน าหนกออน รวมกบสทมน าหนกแก แตกลบน าหนกของสแกนนใหออนลงกวาสทม น าหนกออนและใชในปรมาณทนอยกวา

Page 53: 006133 Color Theory