30
สวยงาม แปลกใหม่ ดึงดูดใจ 240 ชุดสีพร้อมใชพร้อมค่าสี RGB | HEX สำาหรับทุกงานออกแบบ Version E-book RGB งานออกแบบ Website, PowerPoint, Flash, Animation, Banner พร้อมค่าสี RGB | HEX

Creative color Schems-2-RGB Edition-Preview

Embed Size (px)

DESCRIPTION

Creative color Schems-2-RGB Edition-Preview

Citation preview

Page 1: Creative color Schems-2-RGB Edition-Preview

สวยงาม

แปลกใหม

ดงดดใจ

240 ชดสพรอมใช

พรอมคาส RGB | HEXสำาหรบทกงานออกแบบ

Version

E-book

RGB

งานออกแบบ Website, PowerPoint, Flash, Animation, Banner

พรอมคาส RGB | HEX

Page 2: Creative color Schems-2-RGB Edition-Preview

E-book

WWW.THECREATIVEGUIDE.COM

Best view in Adobe Reader with Page Display settings: Two Page View Show Cover Page in Two Page View

RGBพรอมคาส RGB | HEX

Version

อบคในเวอรชน RGB จดทำ�ขนเปนพเศษเพอง�นออกแบบทแสดงผลบนหน�จอโดยเฉพ�ะ ไดเปน

ชดสทมคว�มสว�ง สดใส เตมคว�มส�ม�รถในก�รแสดงสของหน�จอ จงเหม�ะสำ�หรบก�รเลอกใช

สในง�นออกแบบ Website, PowerPoint, Flash, Animation, Banner และสอดจตอลต�งๆ

เนองจ�กขอบเขตก�รแสดงสของระบบสงพมพ กบระบบจอภ�พนนแตกต�งกนพอสมควร โดย

เฉพ�ะโทนสนำ�เงน โทนสเขยว โทนสบ�นเยน และโทนสมวง ทจะแตกต�งอย�งชดเจน โดยทวไปแลว

สทแสดงบนหน�จอ มกจะมคว�มสว�งและสดใสกว�สทพมพลงบนกระด�ษ

สำาหรบงานออกแบบ Website, PowerPoint, Flash, Animation, Banner

Page 3: Creative color Schems-2-RGB Edition-Preview

Clickable Color Schemes Indexคลกทตวอยางชดสในหนา Color Schemes Index 01- 06 เพอเปดไป

ยงหนาของชดสทตองการไดทนท

Back to Color Schemes Index Buttonเมออยในหนาของชดส สามารถคลกทปม Index 01- 06 ทปรากฎอย

ดานบนของหนา เพอกลบมายงหนา Color Schemes Index ของชดส

นนไดอยางรวดเรว

Color Scheme Bookmarksอกวธหนงในการเขาถงชดสอยางรวดเรว ดวยการคลกท Bookmarks

ลงค เพอไปยงหนา Color Schemes Index หรอหนาของชดสไดโดยตรง

แตละบคมารกจะหางกน 10 ชดส เรมจาก 001, 011, 021, 031 เรยง

ไปตามลำาดบ

Page Thumbnailsสำารวจดชดสอยางรวดเรว จาก Page Thumbnamils และสามารถคลกท

รปตวอยาง เพอไปยงหนาของชดสนนไดทนท

Interactive E-book Features

Page 4: Creative color Schems-2-RGB Edition-Preview

2

ขอมลทางบรรณานกรม

ธวชชย ศรสเทพ.

ชดสโดนใจ 2 = Creative Color Schemes 2.-- นนทบร :

เดอะ ครเอทฟ ไกด, 2554. 256 หนา.

1.คอมพวเตอรกราฟก. 2. สและการใชส. I. ชอเรอง.

006.6

ISBN 978-616-90855-0-8

ราคา 329 บาท

จดทำาโดย

The Creative Guide

134/118 ถ.นนทบร อ.เมอง จ.นนทบร 11000

โทร 08 1918 2300 แฟกซ 0 2967 0440

Website: www.thecreativeguide.com

E-mail: [email protected]

จดจำาหนายโดย

บรษท ปญญาชน ดสทรบวเตอร จำากด

747 ถนนลาดพราว-วงหน

แขวง/เขต ลาดพราว กรงเทพฯ 10230

โทร 0 2570 3929 แฟกซ 0 2570 3928

Email: [email protected]

สงซอหนงสอ

ตดตอ สอบถาม แนะนำา ตชม และสงซอหนงสอ

โทร 08 1918 2300

Website: www.thecreativeguide.com

E-mail: [email protected]

THAWATCHAI SRISUTHEPcreative

Copyright © 2011 All Rights Reserve by Thawatchai Srisuthepสงวนสทธตามพระราชบญญตลขสทธ พ.ศ. 2537 โดย ธวชชย ศรสเทพ หามนำา

สวนใดสวนหนงของหนงสอเลมน ไปลอกเลยน ทำาสำาเนา ถายเอกสาร หรอนำาไป

เผยแพรบนอนเทอรเนต และสอชนดอนๆ ไมวารปแบบใด นอกจากจะไดรบอนญาต

เปนลายลกษณอกษรเทานน

Page 5: Creative color Schems-2-RGB Edition-Preview

3

หนงสอ ชดสโดนใจ เลมแรกไดออกมาเมอป 2549 ปรากฏวาไดรบการตอบรบทดมาก

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

อยางแพรหลาย ทงในกลมนกออกแบบ นกเรยน นกศกษา รวมถงสำานกพมพและโรงพมพ

ตางๆ ทวประเทศ ทสำาคญคอ ชดสโดนใจ ไดกลายเปนเครองมอสำาคญ ในการเลอกใชส ใน

งานออกแบบกราฟกและสงพมพ ของนกออกแบบมออาชพ

ในกลมคนทำางานออฟฟศ ไดนำาชดสไปใชประกอบการทำาพรเซนเทชนดวย PowerPoint กน

อยางสวยงาม ยงไปกวานน บางคนกนำาชดสไปใชกบการสกรนเสอ ตดเยบผา กระเปา รวมถง

การถกตกตา และถกกระเปาถอใบเลกๆ ไดอยางสวยงามอกดวย

ผานมากวา 5 ป คดวาถงเวลาแลว ทเรานาจะมชดสใหมๆสวยๆได ใชกน ในครงน มแนวคด

ทจะจดชดสเปนชดเลกๆ ประกอบดวยส 5 ส เพอความงายและสะดวกทจะนำาไปใช เพราะงาน

ออกแบบสวนใหญ ใชสเพยง 3-5 สกเพยงพอ

โปรเจค ชดสโดนใจ 2 น ใชเวลาไปกวา 8 เดอน ในการสรางสรรคชดส ทสวยงาม แปลกใหม

รวมทงหมด 240 ชดส พรอมใหคณไดนำาไปใช ในงานออกแบบตางๆ เพอเสรมสรางพลงของส

ในการดงดดความสนใจ สอสารอารมณ ความรสก และสรางความประทบใจ ใหกบงานของคณ

ขอใหทกทาน สนกกบการเลอกใชชดสใหมๆสวยๆ จากหนงสอเลมนครบ

ธวชชย ศรสเทพ

พมพคำ�ว� The Creative Guide ในชอง Search ของ Facebook

แลวคลกปม Like ทหน�เพจของ The Creative Guide

ดวยกระแส Social Network ทำาใหเรามโอกาสไดใกลชดกนยงขน จงขอเชญชวนทกทาน รวมเปนแฟน

ของ The Creative Guide ทางหนา Fan Page ใน Facebook เพอทจะไดรบขาวสาร ขอมลหนงสอใหม

และโปรโมชนพเศษตางๆ รวมถงเปนชองทางทคณจะเสนอแนะ พดคย และตดตอกบผเขยนไดโดยตรง

สำาหรบทานท ไมสะดวกทจะเปนแฟนกนทาง Facebook กสามารถสมครรบขาวสาร (Newsletter) พรอม

ดรายละเอยดหนงสอ และโปรโมชนตางๆ ไดทหนาเวบไซต TheCreativeGuide.com เชนเดยวกนครบ

เปนแฟนกน

Become a Fan of The Creative Guide on Facebook

พรอมรบของสมนาคณพเศษ

Page 6: Creative color Schems-2-RGB Edition-Preview

4 001 003002 004

ชดสพรอมใช (Creative Color Schemes in Readiness)

อาจเรยกไดวาหนงสอ ชดสโดนใจ 2 นคอทางลดหรอสตรสำาเรจ ในการเลอกใชส ในรป

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

กบทฤษฎส ไมตองเสยเวลาเลอกสทละส ไมตองทดลองวาสแตละสนนเขากนไดดแคไหน และ

ทสำาคญคอ ไมตองคอยลนวาสทคณเลอกใชนน เมอพมพออกมาจะเปนอยางไร ชดสพรอมใช

ทงหมดนจะเปนเครองมอสำาคญ ใหคณทำางานกบสไดอยางมประสทธภาพ รวดเรว และมนใจ

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

ชดสโดนใจ 2 จะชวยเสรมสรางพลงของส ในการดงดดความสนใจ พรอมกบสอถงบคลก

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

สตางๆไปใชรวมกน โดยแสดงถงการตดกนของสแตละส เมอนำามาวางไวตดกน รวมถงการ

ใชสในตวอกษร บนพนหลงสตางๆกน ทำาใหไดเหนปฏสมพนธ (Color Interaction) ระหวาง

สทงหมดในชดส กอนทจะนำาสเหลานนไปใช ในงานของคณ

ชดสสำาหรบสงพมพ (Creative Color Schemes for Print)

ชดสทงหมดทปรากฏในหนงสอเลมน ออกแบบมาเพอใชกบงานพมพโดยเฉพาะ นน

หมายความวา หากคณนำาคาส CMYK ไปใช กจะไดผลลพทใกลเคยงกบสทปรากฎในหนงสอ

มาก เนองจากคาสทระบในหนงสอเลมนเปน CMYK และหนงสอเลมนกพมพดวยหมก 4 สคอ

CMYK จากเครองพมพระบบ Offset ทเปนมาตฐานของโรงพมพทวไป ดงนนผลลพททไดจง

คอนขางจะใกลเคยงกนมาก หากจะมความแตกตางขน กอาจเนองมาจากองคประกอบตางๆใน

กระบวนการพมพ เชน คณภาพของหมกพมพ ระบบการพมพ และประเภทของกระดาษ เปนตน

สำาหรบคาส RGB และ HEX นน ไดจากการแปลงสในระบบของสงพมพ จากคาส CMYK

ไปเปนคา RGB และ HEX ทใหสได ใกลเคยงกบสทปรากฏในหนงสอ

ลำาดบของชดส (Creative Color Schemes Ordering)

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

ของชดส เฉดส และโทนส โดยชดสแตละชด จะถกระบดวยรหสตวเลขจาก 001 ไปจนถง

240 ทงน ในชดสทงหมดนน ประกอบดวยกลมยอยๆ (Mini Group) ทมความใกลเคยงกน

เรยงอยตดกน เรมจากสออน ไปสเขม ซงโดยปกตชดสทอยหนาขวามอ จะมความเขมมากกวา

ชดสทอยหนาซายมอ

หากมองดคราวๆ ชดสทงหมดอาจแบงเปนสองกลมใหญ ในชวงแรกจะเปนชดสทมความ

โดดเดน สดใส สะดดตา ขณะทชวงหลง จะเปนชดสทออกไปทางโทนสเทา (Grayish) ทม

ความสดใสนอยกวากลมแรก แตมความสวยงามในอกรปแบบหนง

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

แตกตางกนไป ดงนนเราจงไมอยากใหชอของชดส มาจำากดความรสกของนกออกแบบ เปด

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

Page 7: Creative color Schems-2-RGB Edition-Preview

5

หนงสออบค ในเวอรชนพเศษตางๆ (Extra Version eBooks)

โปรดตดตามรายละเอยด และสงซออบคเวอรชนพเศษตางๆ ไดทเวบไซต

TheCreativeGuide.com

อบค ชดสโดนใจ 2 เวอรชน RGB (RGB Version)

เนองจากขอบเขตการแสดงสของระบบสงพมพ กบระบบจอภาพนนแตกตางกนพอสมควร

โดยเฉพาะโทนสนำาเงน โทนสเขยว โทนสบานเยน และโทนสมวง ทจะแตกตางอยางชดเจน

โดยทวไปแลว สทแสดงบนหนาจอ มกจะมความสวางและสดใสกวาสทพมพลงบนกระดาษ

อบคในเวอรชน RGB จดทำาขนเปนพเศษเพองานออกแบบทแสดงผลบนหนาจอโดยเฉพาะ

ไดเปนชดสทมความสวาง สดใส เตมความสามารถในการแสดงสของหนาจอ จงเหมาะสำาหรบ

การเลอกใชสในงานออกแบบ PowerPoint, Website, Animation และสอดจตอลตางๆ

อบค ชดสโดนใจ 2 เวอรชน พนหลงดำา (Glow in the Dark Version)

พบกบความสวยงามของชดสตางๆ ทง 240 ชดส บนพนหลงสดำา ในรปแบบอบค ทจะม

ทงเวอรชน CMYK และ RGB ใหคณเลอกใชไดตรงกบงานของคณ

CMYK

RGB

เปรยบเทยบความแตกตางของชดส

026 ในเวอรชน CMYK และ RGB

(จะเหนไดอยางชดเจนเมอดในอบค)

ตวอยางการนำาชดสไปใช อาจสงเกตไดจาก หนาแรกๆของหนงสอเลมน ทออกแบบโดยใชชดส 008

เปนหลก แตในสวนทพบวาสนนออนไป มองเหนไมชด จงนำาสจากชดอนทอยใกลเคยง มาใชเพมเตม008

สารบญของหนงสอเลมน ไดใชระบบ ดรรชน (Index) ทแสดงรหสของชดสเปนหลก ไมใชรปแบบ

เลขหนา เพอความเรยบงายของสารบญ และหลกเลยงความสบสนระหวางรหสของชดส กบเลขหนา

3

Page 8: Creative color Schems-2-RGB Edition-Preview

6

เรมตนจากการสำารวจดชดสทงหมดวา ชดสใดทใหอารมณและความรสกตรงกบงานของ

คณ โดยพจารณาจาก แถบชดส จดส และวงกลมส ทอยสวนบนของหนา โดยสงแรกทอยาก

แนะนำาใหมองกคอ แถบชดส (Color Scheme Palette) ทประกอบดวยรปสเหลยม 5 รป

ตดกน ซงจะสอถงอารมณและความรสกไดชดเจนทสด

พจารณา แถบสสามส (3-Color Combinations)

คำาแนะนำาในการเลอกใชชดส (Recommendations)

เรมตนท แถบชดส (Color Scheme Palette)

สำารวจ ตวอยางการใชส (Color Applications)

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

(Color Applications) จาก จดสทเรยงอยในแนวตง ขางซายหรอขวาของหนา บนพนหลง

สตางๆ เพอตรวจสอบความเขากนของส วาใหความรสกออกมาอยางไร มความตางระหวางส

(Contrast) มากเพยงพอหรอไม สคไหนทดคลายกนมากไป ตดกนมากไป ทำาใหมองเหนไมชด

กไมควรนำาสคนนไปใช

สำาหรบจดสพรอมเสนขอบทเรยงอยในแนวนอน แสดงใหเหนถงการใชส 3 สรวมกน คอ

สเสนขอบวงกลม สภายในวงกลม และ สพนหลง

ในสวนของ ตวอยางการใชสตวอกษรบนสพน แสดงใหเหนถงความสามารถในการอาน

ของแตละคส เราควรเลอกคสททำาใหมองเหนตวอกษรไดชดเจน สะดดตา และอานไดงาย

ในสวนของ แถบสสามส (3-Color Combinations) ทแสดงอยดานลางของหนา ทำา

หนาทแสดงตวอยางส 3 สเรยงชดตดกน ชวยใหคณพจารณาเลอกกลมส 3 สทเหมาะสม

ไปใช ในงานของคณไดอยางรวดเรว

กอนทคณจะเลอกกลมสใดๆไปใช คณสามารถตรวจสอบด ปฏสมพนธระหวางสตางๆ

ทงหมดภายในชดสเดยวกนไดจากสวนของ แถบสสามส น เพอใหแนใจวาสทคณจะนำาไปใช

นนจะปรากฎออกมาอยางไร ทำาใหเราทราบวาสใดบางทควรนำาไปวางรวมกน และสไหนท

ไมควรนำามาใชคกน

Page 9: Creative color Schems-2-RGB Edition-Preview

7

สำาหรบทานทสนใจใชสเกรเดยนท ไลระดบจากสหนงไปอกสหนง ซงนยมใชเปนสพนหลง

ของงานออกแบบตางๆ สามารถดตวอยางการไลระดบของสภายในชดสนนไดจากแถบส Color

Gradient Stripe ดานลางสดของหนา เพอเลอกสทนาสนใจไปใช ในงานของคณ

ขอแนะนำาใหคณลองพจารณาใชสเกรเดยนท ในการออกแบบเมอมโอกาส เนองจากส

เกรเดยนทของหลายๆชดสนนมความสวยงาม แปลกตา สามารถสรางความแปลกใหมใหกบ

งานออกแบบของคณไดเปนอยางด

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

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

กน และมระดบความเขมพอๆกน กไมควรนำามาใชคกน เชนเดยวกบสออนทมโทนใกลเคยงกน และระดบ

ความออนของสพอๆกน กไมควรนำามาใชคกน เพราะจะทำาใหแยกความแตกตางระหวางสไมออก

ในการใชงาน ใหนำาโคดสทตองการใช ไปใสในโปรแกรมออกแบบของคณ เพอสรางเปน

แพลเลท (Palette) หรอ Swatches ของชดส สำาหรบเลอกใชงานไดอยางสะดวกตอไป สำาหรบ

งานพมพกจะใชโคด CMYK สำาหรบคาส Cyan, Magenta, Yellow, blacK ตามลำาดบ สวน

งานทแสดงผลบนหนาจอ เชน งานพรเซนเทชน บนโปรแกรม PowerPoint หรองานแอนน

เมชนตางๆ กให ใชคาส RGB (Red, Green, Blue) เปนหลก สำาหรบการออกแบบเวบไซต ก

สามารถนำาคา Hexadecimal ทขนตนดวยเครองหมาย # ไปใช ในการระบสขององคประกอบ

ตางๆ ในหนาเวบไดตามตองการ

มองหา สเพมเตม (Extended Color Palettes)

หากสทง 5 สในชดทคณเลอกใชนนยงไมเพยงพอ หรอตองการใชโทนสทเขมขน หรอออนลง

กวาสทมอย คณอาจพจารณาเลอกสอนเพมได จากชดสทอยในหนาตดกนของหนงสอ รวมถงชด

สอนๆทอยใกลเคยง เนองจากชดสทงหมด มการจดเรยงลำาดบตามความใกลเคยงกนของชดส

นอกเหนอจากทง 5 สในชดสแลว ยงมสดำา สขาว และสเทาระดบตางๆ ทสามารถนำามา

ใชไดกบแทบทกชดส โดยพยายามเลอกโทนส และระดบความเขมของสเทา ทเขาไดกบสทมอย

ทดลองใช แถบสเกรเดยนท (Color Gradient Stripe)

นำาคาสไปใช (Color Values)

นำาคาส CMYK

ไปสราง Swatches

สำาหรบใชงานตอไป

4

Page 10: Creative color Schems-2-RGB Edition-Preview

8

Color Palette

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

เรยงอยางพถพถน เพอความนาสนใจของชดส และจะใชเปนหลกในการแสดงรปแบบชดส และตวอยางการใชส ในสวนอนๆตอไป

4

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

5

Color Values in CMYK, RGB and HEX

Color Scheme

Circle

Color Dots

Color Circles

Color Scheme Number

แสดงการใชสแตะละสกบตวอกษร บนพน

หลงสขาว และบนพนหลงสตางๆ ในชดส

แถบสพนหลง เรมตนดวยสขาว แลวตามดวยส

อนๆ ภายใชชดส ตามลำาดบ

แสดงสตวอกษร พรอมสของวงกลมและเสนขอบ

บนพนหลงสตางๆ ในชดส

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

ขอบวงกลม จะเปนสเดยวกบจดสทอยดานบน

ขณะทสพนภายในวงกลม จะเปนสทงหาของชดส

ในตำาแหนงทสของคอลมน เปนสเดยวกบ

แถบสพน ตวอกษร สของเสนขอบ รวมถง

จดในแถวดานขาง จะแสดงเปนสขาวแทน

แสดงตวอยางส 3 สเรยงชดตดกน

ในแตละคอลมน จะมการไลเรยงสตาม

ลำาดบ เชน คอลมนแรก จะมสท 1 และ 2

เปนสหลก สวนคอลมนทสองกจะมสท

2 และ 3 เปนสหลก เปนตน

ในคอลมนเดยวกน แตละแถวจะประกอบ

ดวยสตำาแหนงท 1 และ 2 เหมอนกน

สวนตำาแหนงท 3 จะเปนสทเหลออก 3 ส

ไลเรยงกนไปตามลำาดบ

ในสวนน ไดแสดงใหเหนถงความเขากน

และการตดกนของสทกสในชดนน และ

ยงมประโยชนสำาหรบการพจารณาเลอก

ส 3 สไปใชงานไดอยางรวดเรว

3-Color Combinations

Color ApplicationsText Color

Stroke Color

Background Color

Vertical Color Dots

Color Gradient Stripe แสดงการไลสอยางตอเนองของสภายในชด โดยเรยงลำาดบตามความตอเนองของสเปนหลก

color

color

color

การพจารณาเลอกสทเหมาะสม ควรใหความ

สำาคญกบความตางของส (contrast) ทเพยงพอ

โดยเลอกใชคสทมความแตกตางกนอยางชดเจน

ขณะท ไมควรเลอกใชคสทคลายคลงกนมากไป

ซงจะทำาใหอานไดยาก หรอมองเหนไดไมชด

วตถประสงคของชารทน จะแสดงใหเหน

ถงการนำาสตางๆ ในชดไปใชรวมกน ทงใน

ลกษณะของสตวอกษรกบสพน และสเสน

ขอบ (stroke) กบสภายใน (fill) ของวงกลม

บนสพนตางๆกน ใหสงเกตความเขากนและ

ความตางของส (contrast) ทปรากฏใน

ตำาแหนงตางๆ เพอการพจารณาเลอกกลม

สทเหมาะสมไปใชตอไป

ดงตวอยางทแสดงในหนาถดไป ตำาแหนงทอย

ในเครองหมาย แสดงถงความตางระหวาง

คสท ไมเพยงพอ จงไมควรนำาสคนนไปใชรวมกน

จดสทบ 5 สตามแนวตง แสดงใหเหนถง

การนำาสภายในชดไปใชรวมกน บนพนหลง

สตางๆ

เลขลำาดบของชดส

แสดงดวยสใดสหนงในชดส

ชดสในแบบจด

ชดสในรปแบบวงกลมซอนกน

จดเรยงตามลำาดบส ในชดส

เรมจากวงใน ไปสวงนอก

วงส เปนสหลกใหกบ ตวอกษรและเสนขอบวงกลม ในคอลมนดานลาง

3

33

3

6

6

6

6

4

4

44

แถวจดสตามแนวตง ซงอาจวางอยดาน

ซายหรอขวาของชารท

3

4

4

4คาสตางๆในชดส มทงรปแบบ CMYK (Cyan, Magenta, Yellow, blacK) สำาหรบงานออกแบบกราฟกและสงพมพ

RGB (Red, Green, Blue) สำาหรบงานทแสดงผลบนหนาจอ และ HEX (Hexadecimal) สำาหรบงานออกแบบเวบไซต

3

6

Page 11: Creative color Schems-2-RGB Edition-Preview

9

1 2 3

4

5

2 3 4

5

1

3 4 5

1

2

4 5 1

2

3

5 1 2

3

4

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

008

6 6 6 6 66 6 6 6 6

6 66 6 6

R255G76B153#FF4C99

R122G184B204#7AB8CC

R152G217B43#98D92B

R255G255B166#FFFFA6

R255G178B89#FFB259

Page 12: Creative color Schems-2-RGB Edition-Preview

10

039038 040

001

011

019

027

005

015

023

033

031

009

003

013

021

029

007

017

025

035

002

012

020

028

006

016

024

034

032

010

004

014

022

030

008

018

026

036

037

CREATIVE COLOR SCHEMES INDEX

Page 13: Creative color Schems-2-RGB Edition-Preview

11

041

045

057

073

049

061

077

067

053

065

071

043

047

059

075

051

063

079

069

055

042

046

058

074

050

062

078

068

054

066

072

044

048

060

076

052

064

080

070

056

CREATIVE COLOR SCHEMES INDEX

Page 14: Creative color Schems-2-RGB Edition-Preview

12

085

091

105

081

087

101

107

111

115

093

097

083

089

103

109

113

117

095

099

086

092

106

082

088

102

108

112

116

094

098

084

090

104

110

114

118

096

100

CREATIVE COLOR SCHEMES INDEX

Page 15: Creative color Schems-2-RGB Edition-Preview

13

119

129

137

143

149

155

123

133

141

147

153

127

121

131

139

145

151

157

125

135

120

130

138

144

150

156

124

134

142

148

154

128

122

132

140

146

152

158

126

136

CREATIVE COLOR SCHEMES INDEX

Page 16: Creative color Schems-2-RGB Edition-Preview

14

159

167

173

163

171

177

181

185

189

193

197

201

161

169

175

165

179

183

187

191

195

199

160

168

174

164

172

178

182

186

190

194

198

202

162

170

176

166

180

184

188

192

196

200

CREATIVE COLOR SCHEMES INDEX

Page 17: Creative color Schems-2-RGB Edition-Preview

15

203

207

219

211

223

227

237

231

235

215

205

209

221

213

225

229

239

233

217

204

208

220

212

224

228

238

232

236

216

206

210

222

214

226

230

240

234

218

CREATIVE COLOR SCHEMES INDEX

Page 18: Creative color Schems-2-RGB Edition-Preview

56

INDEX 02

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

041

R255G127B0#FF7F00

R255G25B0#FF1900

R172G229B11#ACE50B

R51G153B255#3399FF

R255G229B0#FFE500

Page 19: Creative color Schems-2-RGB Edition-Preview

57

INDEX 02

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

042

color colorcolor color color

R102G255B255#66FFFF

R51G127B255#337FFF

R87G202B0#57CA00

R255G204B0#FFCC00

R255G0B51#FF0033

Page 20: Creative color Schems-2-RGB Edition-Preview

58

INDEX 02

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

043

color colorcolor color color

R217G22B0#D91600

R92G204B23#5CCC17

R51G102B204#3366CC

R115G204B255#73CCFF

R255G229B51#FFE533

Page 21: Creative color Schems-2-RGB Edition-Preview

59

INDEX 02

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

044

R110G178B18#6EB212

R255G204B0#FFCC00

R255G102B0#FF6600

R229G0B46#E5002E

R0G92B229#005CE5

Page 22: Creative color Schems-2-RGB Edition-Preview

60

INDEX 02

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

045

R145G242B242#91F2F2

R42G189B240#2ABDF0

R238G61B150#EE3D96

R112G204B0#70CC00

R255G229B25#FFE519

Page 23: Creative color Schems-2-RGB Edition-Preview

61

INDEX 02

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

046

color colorcolor color color

R255G255B0#FFFF00

R89G201B0#59C900

R237G0B128#ED0080

R255G217B0#FFD900

R0G173B220#00ADDC

Page 24: Creative color Schems-2-RGB Edition-Preview

62

INDEX 02

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

047

R0G184B222#00B8DE

R129G215B30#81D71E

R255G153B0#FF9900

R236G0B140#EC008C

R255G255B0#FFFF00

Page 25: Creative color Schems-2-RGB Edition-Preview

63

INDEX 02

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

048

color colorcolor color color

R242G255B76#F2FF4C

R133G222B0#85DE00

R255G127B0#FF7F00

R238G61B138#EE3D8A

R0G166B255#00A6FF

Page 26: Creative color Schems-2-RGB Edition-Preview

R0G153B204#0099CC

R0G201B206#00C9CE

R255G5B140#E1058C

R255G153B0#FF9900

R255G242B0#FFF200

64

INDEX 02

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

049

color colorcolor color color

Page 27: Creative color Schems-2-RGB Edition-Preview

R255G153B0#FF9900

R146G39B143#92278F

R237G40B145#ED2891

R255G229B25#FFE519

R0G178B178#00B2B2

65

INDEX 02

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

color

050

Page 28: Creative color Schems-2-RGB Edition-Preview

creative COLOR schemes46 47FOR PRINT : COLOR TONE

EARTHTONE Color Combinations

EARTHTONE

ลกษณะ k ชดส Earthtones หรอ Natural ไดมาจากธรรมชาตทเราคนเคยกน

ด นนคอ สนำาตาลของพนดน สเขยวของใบไม สนำาเงนบนทองฟา รวมถงสแดงและสม

ของดวงอาทตยทกำาลงตกดน สรางบรรยากาศอบอน ตดดน ใกลชดธรรมชาตยงขน

ความรสก 9 อบอน ปลอดภย ตดดน หนกแนน แขงแรง มนคง ทนทาน

สอถง v ธรรมชาต ชนบท สงแวดลอม การผจญภย ความเปนมตร ความจรง

พบไดใน 5 พนดน ปาไม ภเขา ทองฟา ทะเล ตนไม เฟอรนเจอร โซฟา โตะ เกาอ

พรม รองเทา รานกาแฟ

เอรทโทน

EARTHTONE EARTHTONE EARTHTONE

EARTHTONE EARTHTONE EARTHTONE

EARTHTONE EARTHTONE EARTHTONE

EARTHTONE EARTHTONE EARTHTONE

EARTHTONE EARTHTONE EARTHTONE

hue

contrast

seperation

warm

soft

clear

tone similar

gradation

cool

hard

grayish

C M Y K

30 50 60 80

20 30 40 50

10 15 30 30

20 70 90 70

15 50 90 50

5 20 40 20

10 80 100 50

0 55 100 10

0 5 50 5

55 25 85 70

50 5 80 25

25 0 40 5

55 30 20 50

30 15 10 30

20 10 10 10

creative COLOR schemes166 167FOR PRINT : IN TREND

INSPIRE Color Combinations

INSPIRE

ลกษณะ k ชดสแหงแรงบนดาลใจ ประกอบดวยสสดใสในโทนออนๆ

ของสชมพ ฟา เขยว และเหลอง รวมกบสเทา ไดเปนชดสทมแรงจงใจสง

ความรสก 9 สะอาด สดชน สดใส ไรเดยงสา จงใจ มงมน สรางสรรค

สอถง v แรงบนดาลใจ กำาลงใจ ความหวง

พบไดใน 5 งานออกแบบสมยใหม

INSPIRE INSPIRE INSPIRE

INSPIRE INSPIRE INSPIRE

INSPIRE INSPIRE INSPIRE

INSPIRE INSPIRE INSPIRE

INSPIRE INSPIRE INSPIRE

C M Y K

5 90 0 0

5 55 0 0

0 20 5 0

85 5 0 0

60 0 5 0

35 0 5 0

55 0 95 0

35 0 60 0

20 0 35 0

0 30 95 0

0 20 90 0

0 10 50 0

55 30 15 50

25 10 10 20

10 3 3 3

hue

contrast

seperation

warm

soft

clear

tone similar

gradation

cool

hard

grayish

แรงดลใจ

ชดส โดนใจ (เลมแรก)

ดรายละเอยด และสงซอ ไดทเวบไซต

TheCreativeGuide.com

75 ชดส สำ�หรบสงพมพ

75 ชดส สำ�หรบเวบ

Page 29: Creative color Schems-2-RGB Edition-Preview

CREATIVE COLOR

SCHEMES

Page 30: Creative color Schems-2-RGB Edition-Preview

ISBN 978-616-90855-0-8

ร�ค� 329 บ�ท

หมวดคอมพวเตอรกราฟก

THECREATIVEGUIDE.COM

9 786169 085508

เพมความสวยงาม และสรางความประทบใจ ใหกบ

งานออกแบบกราฟก สงพมพ หนงสอ โบรชวร

ปาย โปสเตอร บรรจภณฑ โลโก นามบตร เวบไซต

PowerPoint และงานออกแบบตางๆ

แสดงคาสในแบบ CMYK สำาหรบงานกราฟกและ

สงพมพ คาส RGB สำาหรบสอดจตอล ทแสดงผล

บนหนาจอ และคาส HEX สำาหรบเวบไซต

แสดงตวอยางการใชส ในรปแบบตางๆ ทงส

ตวอกษร สกราฟก สพนหลง และสเกรเดยนท

ทำาใหเหนถงความรสก และความเขากนของสตางๆ

ไดอยางชดเจน กอนทจะนำาสเหลานนไปใชงาน

240 ชดส ทสวยง�ม แปลกใหม และดงดดใจ

พรอมใหคณเลอกใช ไดอย�งรวดเรว

CREATIVE COLOR

SCHEMES