Top Banner
Introduction to Graphics Introduction to Graphics Introduction to Graphics Introduction to Graphics Introduction to Graphic Introduction to Graphics Introduction to Graphics 355205
114

Photoshop cs2

Jan 21, 2015

Download

Art & Photos

 
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Photoshop cs2

Introduction to Graphics

Introduction to Graphics

Introduction to GraphicsIntroduction to Graphics

Introduction to Graphics

Introduction to Graphics

Introduction to Graphics

355205

Page 2: Photoshop cs2

Graphic DesignGraphic Design

1. ความหมายของกราฟิ กและการออกแบบ2. ความสำ�าค�ญของการออกแบบ3. ประเภทของการออกแบบ4. องค�ประกอบของการออกแบบ5. ความร� �เบ��องต้�นเก!"ยวก�บสำ!6. การออกแบบและจั�ดวางองค�ประกอบในการผล'ต้สำ�"อกราฟิ ก

7. เทคน'คการกล�บพื้��นภาพื้ม!ผลต้)อสำายต้าผ��ด� 8. การผล'ต้ว�สำด+กราฟิ ก

Page 3: Photoshop cs2

1111

Page 4: Photoshop cs2

คำ��ว่�� "กร�ฟิก" ม�จ�กภ�ษ�กร�ก 2 คำ�� คำ�อ Graphikos ก�บ Graphein

• GraphikosGraphikos หม�ยถึ�ง ก�รเขี�ยนภ�พทั้��งทั้��เป็!นภ�พสี�และภ�พขี�ว่ดำ��

• GrapheinGraphein หม�ยถึ�ง ก�รเขี�ยนตั�ว่หน�งสี�อและก�รใช้*เสี*นในก�รสี��อสี�ร

ดำ�งน��น "Graphic" จ�งหม�ยถึ�ง ก�รเขี�ยนทั้��งภ�พสี�และภ�พขี�ว่ดำ��

ตัลอดำจนก�รเขี�ยนตั�ว่หน�งสี�อและก�รใช้*เสี*นเพ��อสี��อคำว่�มหม�ย

คำ��ว่�� "กร�ฟิก" ม�จ�กภ�ษ�กร�ก 2 คำ�� คำ�อ Graphikos ก�บ Graphein

• GraphikosGraphikos หม�ยถึ�ง ก�รเขี�ยนภ�พทั้��งทั้��เป็!นภ�พสี�และภ�พขี�ว่ดำ��

• GrapheinGraphein หม�ยถึ�ง ก�รเขี�ยนตั�ว่หน�งสี�อและก�รใช้*เสี*นในก�รสี��อสี�ร

ดำ�งน��น "Graphic" จ�งหม�ยถึ�ง ก�รเขี�ยนทั้��งภ�พสี�และภ�พขี�ว่ดำ��

ตัลอดำจนก�รเขี�ยนตั�ว่หน�งสี�อและก�รใช้*เสี*นเพ��อสี��อคำว่�มหม�ย

Page 5: Photoshop cs2

• กร�ฟิก หม�ยถึ�ง ว่�สีดำ+ตั��งๆ ทั้��ป็ระกอบดำ*ว่ยภ�พถึ��ย ภ�พว่�ดำ สี�ญล�กษณ์/ คำ��บรรย�ย สี�ม�รถึใช้*เป็!นสี��อถึ��ยทั้อดำ ขี*อเทั้0จจร1ง และแนว่คำว่�มคำ1ดำบ�งป็ระก�รไดำ* กร�ฟิก เป็!นศิ1ลป็4หร�อศิ�สีตัร/ทั้�งก�รว่�ดำภ�พ เขี�ยนภ�พโดำยเฉพ�ะอย��งย1�งง�นสี��หร�บช้��งเขี�ยนฝี8ม�อ

• กร�ฟิก หม�ยถึ�ง ว่�สีดำ+ตั��งๆ ทั้��ป็ระกอบดำ*ว่ยภ�พถึ��ย ภ�พว่�ดำ สี�ญล�กษณ์/ คำ��บรรย�ย สี�ม�รถึใช้*เป็!นสี��อถึ��ยทั้อดำ ขี*อเทั้0จจร1ง และแนว่คำว่�มคำ1ดำบ�งป็ระก�รไดำ* กร�ฟิก เป็!นศิ1ลป็4หร�อศิ�สีตัร/ทั้�งก�รว่�ดำภ�พ เขี�ยนภ�พโดำยเฉพ�ะอย��งย1�งง�นสี��หร�บช้��งเขี�ยนฝี8ม�อ

• ง�นกร�ฟิก ม�คำว่�มสี�มพ�นธ์/ก�บก�รออกแบบ ซึ่��งถึ*�ม�ก�รออกแบบทั้��ดำ�ง�นกร�ฟิกจะม�คำว่�มน��สีนใจม�กย1�งขี��น

• ง�นกร�ฟิก ม�คำว่�มสี�มพ�นธ์/ก�บก�รออกแบบ ซึ่��งถึ*�ม�ก�รออกแบบทั้��ดำ�ง�นกร�ฟิกจะม�คำว่�มน��สีนใจม�กย1�งขี��น

Page 6: Photoshop cs2

• ก�รออกแบบก�รออกแบบ หม�ยถึ�ง ก�รร;*จ�กว่�งแผนจ�ดำตั��งขี��นตัอน และร;*จ�กเล�อกใช้*ว่�สีดำ+ว่1ธ์�ก�รเพ��อทั้��ตั�มทั้��ตั*องก�รน��น โดำยให*สีอดำคำล*องก�บล�กษณ์ะร;ป็แบบและคำ+ณ์สีมบ�ตั1ขีองว่�สีดำ+แตั�ละช้น1ดำตั�มคำว่�มคำ1ดำสีร*�งสีรรคำ/ และก�รสีร*�งสีรรคำ/สี1�งใหม�ขี��นม�

• ก�รออกแบบก�รออกแบบ หม�ยถึ�ง ก�รป็ร�บป็ร+งแบบ ผลง�นหร�อสี1�งตั��งๆ ทั้��ม�อย;�แล*ว่ให*เหม�ะสีมม�คำว่�มแป็ลกใหม�ขี��น เช้�น เก*�อ��เร�ทั้��ขี��นม�ใช้*ซึ่��งเม��อใช้*ไป็น�นๆก0เก1ดำคำว่�มเบ��อหน��ยในร;ป็ทั้รง เร�ก0จ�ดำก�รป็ร�บป็ร+งให*เป็!น ร;ป็งแบบใหม�ให*สีว่ยกว่��เดำ1ม ทั้��งคำว่�มเหม�ะสีม คำว่�มสีะดำว่กสีบ�ยในก�รใช้*ง�นย�งคำงเหม�อนเดำ1ม หร�อดำ�กว่��เดำ1ม เป็!นตั*น

Page 7: Photoshop cs2

•ก�รออกแบบก�รออกแบบ หม�ยถึ�ง ก�รรว่บรว่มหร�อก�รจ�ดำองคำ/ป็ระกอบทั้��งทั้��เป็!น 2 ม1ตั1 และ 3 ม1ตั1 เขี*�ดำ*ว่ยก�นอย��งม�หล�กเกณ์ฑ์/ ก�รน��องคำ/ป็ระกอบขีองก�รออกแบบม�จ�ดำรว่มก�นน��น ผ;*ออกแบบจะตั*องคำ��น�งถึ�งป็ระโยช้น/ใช้*สีอยและคำว่�มสีว่ยง�ม อ�นเป็!นคำ+ณ์ล�กษณ์ะสี��คำ�ญขีองก�รออกแบบ เป็!นศิ1ลป็ขีองมน+ษย/เน��องจ�กเป็!นก�รสีร*�งคำ��น1ยมทั้�งคำว่�มง�ม และสีนองคำ+ณ์ป็ระโยช้น/ทั้�งก�ยภ�พให*แก�มน+ษย/

•ก�รออกแบบก�รออกแบบ หม�ยถึ�ง ก�รรว่บรว่มหร�อก�รจ�ดำองคำ/ป็ระกอบทั้��งทั้��เป็!น 2 ม1ตั1 และ 3 ม1ตั1 เขี*�ดำ*ว่ยก�นอย��งม�หล�กเกณ์ฑ์/ ก�รน��องคำ/ป็ระกอบขีองก�รออกแบบม�จ�ดำรว่มก�นน��น ผ;*ออกแบบจะตั*องคำ��น�งถึ�งป็ระโยช้น/ใช้*สีอยและคำว่�มสีว่ยง�ม อ�นเป็!นคำ+ณ์ล�กษณ์ะสี��คำ�ญขีองก�รออกแบบ เป็!นศิ1ลป็ขีองมน+ษย/เน��องจ�กเป็!นก�รสีร*�งคำ��น1ยมทั้�งคำว่�มง�ม และสีนองคำ+ณ์ป็ระโยช้น/ทั้�งก�ยภ�พให*แก�มน+ษย/

• ก�รออกแบบก�รออกแบบ หมายถึ-ง กระบวนการท!"สำนองความต้�องการในสำ'"งใหม)ๆ ของมน+ษย�ซึ่-"งสำ)วนใหญ)เพื้�"อให�ชี!ว'ต้อย�)รอด และม!ความสำะดวกสำบายมากข-�น

• ก�รออกแบบก�รออกแบบ หมายถึ-ง กระบวนการท!"สำนองความต้�องการในสำ'"งใหม)ๆ ของมน+ษย�ซึ่-"งสำ)วนใหญ)เพื้�"อให�ชี!ว'ต้อย�)รอด และม!ความสำะดวกสำบายมากข-�น

Page 8: Photoshop cs2

• เช้�น เร�จะทั้��เก*�อ��เก*�อ��น��งซึ่�กตั�ว่จะตั*องว่�งแผนไว่*เป็!นขี��นตัอนโดำยตั*องเร1�มเล�อกว่�สีดำ+ทั้��จะใช้*ทั้��เก*�อ��น��นจะใช้*ว่�สีดำ+อะไรทั้��เหม�ะสีม ว่1ธ์�ก�รตั�อย�ดำน��นคำว่รใช้*ก�ว่ ตัะป็;นอตั หร�อใช้*ขี*อตั�อแบบใดำ คำ��นว่ณ์สี�ดำสี�ว่นก�รใช้*ง�นให*เหม�ะสีม คำว่�มแขี0งแรงขีองเก*�อ��น��งม�กน*อยเพ�ยงใดำ สี�สี�นคำว่รใช้*สี�อะไรจ�งจะสีว่ยง�ม และทั้นทั้�นก�บก�รใช้*ง�น เป็!นตั*น

Page 9: Photoshop cs2

• ก�รออกแบบกร�ฟิกก�รออกแบบกร�ฟิก หม�ยถึ�ง ก�รสีร*�งสีรรคำ/ล�กษณ์ะ สี�ว่นป็ระกอบภ�ยนอกขีองโคำรงสีร*�ง ให*สี�ม�รถึสี��อสี�ร สี��อคำว่�มหม�ย คำว่�มเขี*�ใจในอ�นทั้��จะให*ผลในก�รดำ�งดำ;ดำคำว่�มสีนใจ ก�รให*มโนภ�พ ดำ*ว่ยก�รใช้*ว่1ธ์�ก�รออกแบบ ก�รจ�ดำว่�งร;ป็ ตั�ว่อ�กษร ถึ*อยคำ�� โฆษณ์� เคำร��องหม�ย และสี�ญล�กษณ์/ และอ�ศิ�ยหล�กศิ1ลป็ะก�รจ�ดำภ�พ ให*เก1ดำก�รป็ระสี�นกลมกล�นก�นอย��งสีว่ยง�ม ตั�มว่�ตัถึ+ป็ระสีงคำ/ทั้��ไดำ*ว่�งไว่*

Page 10: Photoshop cs2

• สี��หร�บก�รออกแบบดำ*�นกร�ฟิกน��น ม+�งทั้��จะว่�งแผน ออกแบบ สี��อดำ*�นกร�ฟิก ไม�ว่��จะเป็!นแผนภ;ม1 แผนภ�พ สีถึ1ตั1 ภ�พโฆษณ์� ฯลฯ ตัลอดำจนง�นกร�ฟิกอ��นๆ ทั้��ง แผ�นพ�บ ป็กหน�งสี�อ และก�รออกแบบ สี��หร�บสี��อก�รเร�ยนก�รสีอน เช้�น CAI WBI สี��อม�ลตั1ม�เดำ�ย ให*ม�คำว่�มน��สีนใจ สี��อสี�รไดำ*ตัรงป็ระเดำ0น และช้�ว่ยให*ก�รเร�ยนก�รสีอนหร�อก�รน��เสีนอน��น ม�ป็ระสี1ทั้ธ์1ภ�พ ดำ�ย1�งขี��น

Back

Page 11: Photoshop cs2

2222Back

Page 12: Photoshop cs2

ก�รออกแบบ ม�อ1ทั้ธ์1พลตั�อก�รป็ระย+กตั/ใช้*ในช้�ว่1ตัป็ระจ��ว่�นขีอมน+ษย/เร� เก��ยว่ขี*องก�บ ทั้+กระดำ�บอ�ย+ ทั้+กเพศิ ทั้+กอ�ช้�พ ทั้+ก

คำนม�คำว่�มร�กสีว่ย ร�กง�ม ดำ�งสี+ภ�ษ1ตัไทั้ยทั้��ว่�� " ไก�ง�มเพร�ะขีน

คำนง�มเพร�ะแตั�ง

ก�รแตั�งก�ย เคำร��องป็ระดำ�บตั��งๆ เล�อกทั้��ร;ป็ทั้รงและสี�ขีองรถึ แม*แตั�เม0ดำย�ทั้��เร�ก1นร�กษ�โรคำ

ก�รออกแบบ ม�อ1ทั้ธ์1พลตั�อก�รป็ระย+กตั/ใช้*ในช้�ว่1ตัป็ระจ��ว่�นขีอมน+ษย/เร� เก��ยว่ขี*องก�บ ทั้+กระดำ�บอ�ย+ ทั้+กเพศิ ทั้+กอ�ช้�พ ทั้+ก

คำนม�คำว่�มร�กสีว่ย ร�กง�ม ดำ�งสี+ภ�ษ1ตัไทั้ยทั้��ว่�� " ไก�ง�มเพร�ะขีน

คำนง�มเพร�ะแตั�ง

ก�รแตั�งก�ย เคำร��องป็ระดำ�บตั��งๆ เล�อกทั้��ร;ป็ทั้รงและสี�ขีองรถึ แม*แตั�เม0ดำย�ทั้��เร�ก1นร�กษ�โรคำ

Page 13: Photoshop cs2

หล�กก�รออกแบบกร�ฟิก

1. ก�รก��หนดำจ+ดำป็ระสีงคำ/ทั้��ช้�ดำเจนขีองง�น เพร�ะช้�องทั้�ง ร;ป็แบบและว่1ธ์�ก�ร ขีองก�รน��เสีนอม�ม�ก ม�คำว่�มรว่ดำเร0ว่ ไร*ขีอบเขีตั เช้�นใน เว่0บไซึ่ตั/ เคำร�อขี��ยอ1นเตัอร/เน0ตัตั��งๆ ซึ่��งตั*องม�ก�รป็ร�บป็ร+ง เป็ล��ยนแป็ลงให*ทั้�นเหตั+ก�รณ์/ อ�จจะทั้��ให*เก1ดำคำว่�มสี�บสีน ย+�งย�กในก�รดำ��เน1นง�น ม�ผลกระทั้บตั�อก�รทั้��ง�น เก1ดำคำว่�มไม�เป็!นระบบ ม�ก�รสี;ญเสี�ยและสี1�นเป็ล�องโดำยไม�จ��เป็!น

สี1�งแรกทั้��ตั*องคำ��น�งถึ�งคำ�อ สี1�งแรกทั้��ตั*องคำ��น�งถึ�งคำ�อ

Page 14: Photoshop cs2

1. ว่�ตัถึ+ป็ระสีงคำ/เพ��ออะไร ผ;*ออกแบบตั*องร;*ว่�� จะบอกกล��ว่ เร��องร�ว่ขี��ว่สี�รอะไรแก�ผ;*ร�บร;*บ*�ง เช้�น ทั้ฤษฎี�หร�อหล�กก�ร ก�รเผยแพร�ป็ระช้�สี�มพ�นธ์/ ฯลฯ ผ;*ออกแบบตั*องร;*ว่1ธ์�ก�รน��เสีนอ (Presentation) ทั้��ดำ�และเหม�ะสีมก�บเร��องร�ว่เหล��น��นว่��ม�เป็B�หม�ยขีองก�รออกแบบเป็!นไป็เพ��อว่�ตัถึ+ป็ระสีงคำ/ใดำ เช้�น เพ��อแนะน�� เผยแพร� เพ��อให*คำว่�มร;* หร�อคำว่�มบ�นเทั้1งเป็!นตั*น

Page 15: Photoshop cs2

2. กล+�มเป็B�หม�ยเป็!นใคำร แบ�งเป็!นเพศิ ช้�ย หญ1ง หร�อบ+คำคำลทั้��ว่ไป็ ม�ช้�ว่งอ�ย+เทั้��ใดำ น1สี1ตัน�กศิ�กษ�หร�อเฉพ�ะกล+�มสีนใจ ขี��ว่สี�รทั้��ให*ม�ระดำ�บคำว่�มย�ก-ง��ย หร�อม�คำว่�มเป็!นสี�กลหร�อไม� เฉพ�ะคำนในป็ระเทั้ศิหร�อช้�ว่ตั��งช้�ตั1 ซึ่��งผ;*ออกแบบจ��เป็!นจะตั*องร;*และเขี*�ใจเพ��อว่�งแผน ดำ��เน1นก�รก�บขี��ว่สี�ร ออกแบบ และก�รน��เสีนอให*ตัรงจ+ดำก�บกล+�มเป็B�หม�ยทั้��ตั*องก�รไดำ*ถึ;กตั*อง

Page 16: Photoshop cs2

3. สี1�งทั้��ตั*องก�รบอกคำ�ออะไร หม�ยถึ�ง ว่1ธ์�ก�รทั้��จะสี��อคำว่�มหม�ยก�บผ;*ร�บร;*หร�อกล+�มเป็B�หม�ย และถึ*�ทั้��ม�ก�รก��หนดำกล+�มเป็B�หม�ยไว่*ล�ว่งหน*� ช้�ดำเจนแล*ว่ก0จะทั้��ให*ผ;*ออกแบบม�คำว่�มสีะดำว่กในก�รทั้��จะบอกหร�อสี��อคำว่�มหม�ยไดำ*ง��ยขี��น เช้�น ก�รเล�อกใช้*สี�ญล�กษณ์/ เคำร��องหม�ย และภ�พป็ระกอบตั��งๆ สี��อแทั้นคำ��ศิ�พทั้/ ขี*อคำว่�มทั้��เป็!นน�มธ์รรม ไดำ*ตัรงตั�มระดำ�บคำว่�มสี�ม�รถึในก�รร�บร;*ขีองผ;*ร�บ จะช้�ว่ยให*เก1ดำคำว่�มเขี*�ใจในคำว่�มหม�ยขีองขี��ว่สี�รน��น ๆ จ��ไดำ*ในเว่ล�อ�นรว่ดำเร0ว่และจดำจ��ไว่*ตัลอดำไป็

Page 17: Photoshop cs2

4. น��เสีนอขี��ว่สี�รดำ*ว่ยสี��อใดำ แบบใดำ ผ;*ออกแบบตั*องม�คำว่�มร;*เก��ยว่ก�บป็ระเภทั้ขีองสี��อ ศิ�กยภ�พขีองสี��อช้น1ดำตั��งๆ คำ��น�งถึ�งก�รเล�อกใช้*สี��อในก�รน��เสีนอขี��ว่สี�รเป็!นร;ป็แบบใดำ จ�งจะไดำ*ผลดำ�ม�คำว่�มเหม�ะสีมก�บขี��ว่สี�ร และผ;*ออกแบบคำว่รจะใช้*ว่1ธ์�ก�รจ�ดำก�รก�บขี��ว่สี�รน��น อย��งไร จ�งจะสี�ม�รถึโน*มน*�ว่จ1ตัใจและสี��อคำว่�มหม�ยตั�อผ;*ร�บไดำ*อย��งม�ป็ระสี1ทั้ธ์1ภ�พสี;งสี+ดำ เช้�น โป็สีเตัอร/ หน�งสี�อพ1มพ/ โทั้รทั้�ศิน/ ภ�พยนตัร/ อ1นเตัอร/เน0ตั ฯลฯ

Page 18: Photoshop cs2

ก�รออกแบบกร�ฟิก ......สี�ว่นใหญ�เป็!นว่1ธ์�ก�รทั้��เก��ยว่ขี*องก�บก�ร

แสีดำงออกถึ�งก�รสี��อคำว่�มหม�ยในล�กษณ์ะขีองตั�ว่อ�กษรและภ�พในร;ป็แบบตั��ง ๆ ซึ่��งเป็!นก�รสี��อสี�รทั้�งทั้�ศินสี�ญล�กษณ์/ (Visual form) ดำ�งน��นในก�รออกแบบจ�งเป็!นสี1�งจ��เป็!นทั้��จะตั*องม�ก�รเร�ยนร;*เก��ยว่ ก�รมองเห0นและจ1ตัว่1ทั้ย�ทั้��เก��ยว่ขี*อง.......

Page 19: Photoshop cs2

3333Back

Page 20: Photoshop cs2

1. ก�รออกแบบทั้�งสีถึ�ป็Dตัยกรรม

(Architecture Design) เป็!นก�รออกแบบเพ��อ ก�รก�อสีร*�ง สี1�งก�อสีร*�งตั��งๆ น�กออกแบบสี�ขี�น�� เร�ยกว่�� สีถึ�ป็น1ก (Architect) ซึ่��ง โดำยทั้��ว่ไป็จะตั*องทั้��ง�นร�ว่มก�บ ว่1ศิว่กรและม�ณ์ฑ์น�กร โดำยสีถึ�ป็น1ก ร�บผ1ดำช้อบเก��ยว่ ก�บป็ระโยช้น/ใช้*สีอยและคำว่�มง�มขีองสี1�งก�อสีร*�ง ง�นทั้�งสีถึ�ป็Dยตักรรม

Page 21: Photoshop cs2

2. ก�รออกแบบผล1ตัภ�ณ์ฑ์/ (Product Design)

.......เป็!นก�รออกแบบเพ��อก�รผล1ตั ผล1ตัภ�ณ์ฑ์/ ช้น1ดำตั��ง ๆง�นออกแบบสี�ขี�น�� ม�ขีอบเขีตักว่*�งขีว่�งม�กทั้��สี+ดำ และแบ�งออกไดำ*ม�กม�ย หล�ย ๆ ล�กษณ์ะ น�กออกแบบร�บผ1ดำช้อบเก��ยว่ก�บป็ระโยช้น/ใช้*สีอยและคำว่�มสีว่ยง�มขีองผล1ตัภ�ณ์ฑ์/

Page 22: Photoshop cs2

3. ก�รออกแบบทั้�งว่1ศิว่กรรม (Engineering Design)

.......เป็!นก�รออกแบบเพ��อก�รผล1ตั ผล1ตัภ�ณ์ฑ์/ช้น1ดำตั��ง ๆ เช้�นเดำ�ยว่ก�บก�รออกแบบผล1ตัภ�ณ์ฑ์/ ซึ่��งม�คำว่�มเก��ยว่ขี*องก�น ตั*องใช้* คำว่�มร;*คำว่�มสี�ม�รถึและเทั้คำโนโลย�ในก�รผล1ตัสี;ง ผ;*ออกแบบคำ�อ ว่1ศิว่กร ซึ่��งจะร�บผ1ดำช้อบ ในเร��องขีองป็ระโยช้น/ใช้*สีอย คำว่�มป็ลอดำภ�ยและ กรรมว่1ธ์�ในก�รผล1ตั บ�งอย��งตั*องทั้��ง�นร�ว่มก�นก�บน�กออกแบบสี�ขี�ตั��งๆ ดำ*ว่ย

Page 23: Photoshop cs2

4. 4. ก�รออกแบบตักแตั�ง ก�รออกแบบตักแตั�ง (Decorative (Decorative Design)Design)

เป2นการออกแบบเพื้�"อการต้กแต้)งสำ'"งต้)าง ๆ ให�สำวยงามและเหมาะสำมก�บประโยชีน�ใชี�สำอยมากข-�น น�กออกแบบเร!ยนว)า ม�ณฑนากร (Decorator) ซึ่-"งม�กท�างานร)วมก�บสำถึาปน'ก งานออกแบบประเภทน!�ได�แก) Interior Design, Exterior Design, Landscape Design, Display, Exhibition, การจั�ดบอร�ด ,การต้กแต้)งบนผ'วหน�าของสำ'"งต้)าง ๆ เป2นต้�น ฯลฯ

Page 24: Photoshop cs2

5. ก�รออกแบบสี1�งพ1มพ/ (Printing Design)

.......เป็!นก�รออกแบบเพ��อทั้�งผล1ตัง�นสี1�งพ1มพ/ ช้น1ดำตั��ง ๆ ไดำ*แก� หน�งสี�อ หน�งสี�อพ1มพ/ โป็สีเตัอร/ น�มบ�ตัร บ�ตัรตั��ง ๆ ง�นพ1มพ/ลว่ดำล�ยผ*� ง�นพ1มพ/ภ�พลงบนสี1�งขีองเคำร��องใช้*ตั��งๆ ง�นออกแบบร;ป็สี�ญล�กษณ์/ เคำร��องหม�ยก�รคำ*� ฯลฯ

Page 25: Photoshop cs2

6. ก�รออกแบบกร�ฟิก (Graphic Design).......เป็!นก�รออกแบบง�นดำ*�นกร�ฟิก อ�จจะออกม�ในล�กษณ์ะขีอง ก�รผล1ตัสี��อทั้��ใช้*แนว่คำ1ดำ ร;ป็แบบซึ่��งม�ก�รใช้*ร;ป็ภ�พ ตั�ว่อ�กษร น��ม�จ�ดำองคำ/ป็ระกอบให*น��สีนใจ ม�ก�รใช้*สี� สีว่ยง�ม บ�งคำร��งอ�จสีอดำแทั้รกเทั้คำน1คำโป็รแกรมคำอมพ1ว่เตัอร/ (effect) สี�ม�รถึน��ไป็ใช้*เป็!นสี��อในก�รน��เสีนอ ก�รออกแบบแผนภ;ม1 แผนภ�พ สีถึ1ตั1 ภ�พโฆษณ์� ก�ร/ตั;น ล;กโลก-แผนทั้�� ก�รจ�ดำป็B�ยน1เทั้ศิ ก�รจ�ดำน1ทั้รรศิก�ร สี��อม�ลตั1ม�เดำ�ย สี��อกร�ฟิกในโทั้รทั้�ศิน/ สี��อสี��หร�บง�นว่1จ�ย ตั�มจ+ดำม+�งหม�ยขีองช้1�นง�นในแตั�ละคำร��ง

Page 26: Photoshop cs2

4444Back

Page 27: Photoshop cs2

( Elements of Design)( Elements of Design)

1. จ+ดำ (Dot) เป็!นพ��นฐ�นเบ��องตั*นทั้��สี�ม�รถึน��ม�ป็ระกอบก�นให*เป็!นเสี*น ร;ป็ร��ง ร;ป็ทั้รง ตัลอดำจนเป็!นภ�พ สี��หร�บก�รพ1มพ/ภ�พธ์รรมช้�ตั1ในป็Dจจ+บ�นจะพ1มพ/ให*เป็!นจ+ดำสี�ขีน�ดำเล0กผสีมผสี�นก�นเป็!นจ��นว่นม�กโดำยพ1มพ/เพ�ยง 4 สี� เม��อจ+ดำสี�ทั้��ง 4 สี�ป็ระกอบเขี*�ดำ*ว่ยก�นจะเก1ดำก�รป็ระสี�นสี�ให*ดำ;เป็!นภ�พสี�ธ์รรมช้�ตั1ไดำ*ถึ*�ขีย�ยภ�พดำ;จะเห0นไดำ*ช้�ดำว่��จ+ดำทั้��ป็ระกอบก�นม�คำว่�มถึ��ห��งตั��ง ๆ ก�น เม��อป็ระสี�นจ+ดำดำ*ว่ยสี�ยตั�จะเห0นเป็!นภ�พทั้��ม�น���หน�กสี�อ�อนเหม�อนธ์รรมช้�ตั1

Page 28: Photoshop cs2

2. เสี*น (Line) ม�คำว่�มสี��คำ�ญม�กทั้��สี+ดำ เสี*นเร1�มจ�กจ+ดำๆเดำ�ยว่ซึ่��งเก1ดำจ�กจ+ดำหล�ยร*อย หล�ยพ�น หล�ยหม��น หล�ยล*�นๆจ+ดำทั้��ตั�อก�น เสี*นม�หล�ยล�กษณ์ะทั้��งเสี*นตัรง เสี*นโคำ*ง เสี*นเฉ�ยง เสี*นตั��งฉ�ก เสี*นนอน ตั��งก0ให*คำว่�มร;*สี�กทั้��แตักตั��งก�น

Page 29: Photoshop cs2

3. ร;ป็ร��งและร;ป็ทั้รง (Shape and Form) ร;ป็ร��งและร;ป็ทั้รงม�คำว่�มสี�มพ�นธ์/ก�นอย��งใกล*ช้1ดำ แตั�เม��อพ1จ�รณ์�ให*ดำ�แล*ว่จะพบว่��ร;ป็ร��งและร;ป็ทั้รงม�ล�กษณ์ะตั��งก�น

Page 30: Photoshop cs2

ม�ล�กษณ์ะเป็!นสีองม1ตั1 คำ�อ ม�เฉพ�ะคำว่�มกว่*�งและคำว่�มย�ว่ เก1ดำขี��นจ�กเสี*นและทั้1ศิทั้�งทั้��ล�กม�บรรจบก�น ร;ป็ร��งขีองมน+ษย/ สี�ตัว่/ หร�อสี1�งขีองใดำ ๆ ก0ตั�ม จะม�เพ�ยงเสี*นรอบนอก ไม�ม�ป็ร1ม�ตัรหร�อมว่ลม�เก��ยว่ขี*อง ตั�ว่อย��งเช้�น ร;ป็ว่งกลม ร;ป็สี�มเหล��ยม ร;ป็สี��เหล��ยม หร�อร;ป็เง�ขีองหน�งตัล+ง

Page 31: Photoshop cs2

ล'ขสำ'ทธิ์'9 : ผศ. ถึาวร สำายสำ�บ

Page 32: Photoshop cs2

ม�ล�กษณ์ะเป็!นสี�มม1ตั1 คำ�อ ม�ทั้��งคำว่�มกว่*�ง คำว่�มย�ว่ และคำว่�มหน�หร�อคำว่�มล�กป็ระกอบก�น ร;ป็ทั้รงคำ�อร;ป็ร��งขีองป็ร1ม�ตัร (volume) หร�อมว่ล (mass) ซึ่��งเก1ดำจ�กก�รป็ดำล*อม พ��นทั้��ว่��งเหม�อนก�บบ*�น ตั;*และช้�ม ดำ�งน��นร;ป็ทั้รงจะม�ก�รก1นระว่�งเน��อทั้��ในอ�ก�ศิและม�ล�กษณ์ะทั้�งก�ยภ�พเป็!นตั�ว่เป็!นตันเป็!นกล+�มเป็!นก*อนจ�บตั*องไดำ*

Page 33: Photoshop cs2

ล'ขสำ'ทธิ์'9 : ผศ. ถึาวร สำายสำ�บ

Page 34: Photoshop cs2

หม�ยถึ�ง เน��อขีองว่�ตัถึ+หร�อสีสี�รตั��งๆ ทั้��ก1นระว่�งเน��อทั้��ในอ�ก�ศิหร�อเป็!นเน��อว่�ตัถึ+ทั้��ม�ป็ร1ม�ตัรน��นเอง มว่ลจะม�ล�กษณ์ะเป็!นสี�มม1ตั1

Page 35: Photoshop cs2

ก�รว่�งหร�อก�รจ�ดำร;ป็แบบ ให*เห0นแนว่ทั้�ง ขี��นตัอนขีองกระบว่ณ์ก�รให*เป็!นไป็อย��งตั�อเน��อง และถึ;กตั*องตั�มล��ดำ�บขี��น ทั้1ศิทั้�งในก�รออกแบบจะช้�ว่ยให*ผ;*ช้มเขี*�ใจกระบว่ณ์ก�รไดำ*รว่ดำเร0ว่ย1�งขี��น

Page 36: Photoshop cs2
Page 37: Photoshop cs2
Page 38: Photoshop cs2
Page 39: Photoshop cs2
Page 40: Photoshop cs2

ทั้1ศิทั้�งขีองแสีงทั้1ศิทั้�งขีองแสีง

Page 41: Photoshop cs2

ทั้1ศิทั้�งขีองแสีงทั้1ศิทั้�งขีองแสีง

Page 42: Photoshop cs2

ทั้1ศิทั้�งขีองแสีงทั้1ศิทั้�งขีองแสีง

11

22

Page 43: Photoshop cs2

คำ�อ เป็!นก�รก��หนดำขีน�ดำขีองง�นกร�ฟิก ให*ม�คำว่�มพอดำ� เหม�ะสีมก�บก�รน��ไป็ใช้* และย�งหม�ยรว่มไป็ถึ�งสี�ดำสี�ว่นสี�มพ�นธ์/ซึ่��งเป็!นขีน�ดำขีองภ�พก�บภ�พ หร�อขีน�ดำขีองภ�พก�บตั�ว่อ�กษรให*ม�คำ�ว่มเหม�ะสีมกลมกล�นซึ่��งก�นและก�น

Page 44: Photoshop cs2

Present ไดำ*น��สีนใจ Present ไดำ*น��สีนใจ

ท��งสำองภาพื้ ให�ความน)าสำนใจัแต้กต้)างก�นไหม ถึ�าค+ณต้�องท�าภาพื้กราฟิ ก น�าเสำนอประเด;นการพื้'จัารณา การท�างาน ต้ามล�าด�บ จัากล�าด�บท!"หน-"งไปล�าด�บท!"สำอง ล�าด�บท!"สำองไปเร�"อยๆ การสำร�างภาพื้กราฟิ กแบบท!"สำอง จัะให�ความร� �สำ-ก "น�าสำายต้า" ได�ด!กว)าแบบแรกแน)นอน ลองด�น)ะ

Page 45: Photoshop cs2

คำ�อ ล�กษณ์ะเฉพ�ะทั้��เก1ดำจ�กโคำรงสีร*�งขีองว่�สีดำ+อ�จน��ว่�ตัถึ+ดำ1บหล�ย ๆ อย��งม�สีร*�งให*เก1ดำพ��นผ1ว่ใหม�หร�อคำว่�มร;*สี�กในก�รแยก จ��แนกคำว่�มเร�ยบคำว่�มขีร+ขีระ คำว่�มแตักตั��งขีองพ��นผ1ว่ในทั้�งกร�ฟิกสี�ม�รถึแยกออกไดำ*ดำ*ว่ยป็ระสี�ทั้สี�มผ�สีทั้�งตั�เป็!นสี�ว่นใหญ� พ��นผ1ว่ทั้��แตักตั��งก�นจะให*คำว่�มร;*สี�กแตักตั��งก�น

Page 46: Photoshop cs2

Graphic

1. 1. พ��นผ1ว่ทั้��สี�มผ�สีไดำ*ดำ*ว่ยม�อ หร�อก�ยสี�มผ�สีพ��นผ1ว่ทั้��สี�มผ�สีไดำ*ดำ*ว่ยม�อ หร�อก�ยสี�มผ�สี เป็!นล�กษณ์ะพ��นผ1ว่ทั้��เป็!นอย;�จร1งๆ ขีองผ1ว่หน*�ขีองว่�สีดำ+น��นๆ   ซึ่��งสี�ม�รถึสี�มผ�สีไดำ*จ�กง�นป็ระตั1ม�กรรม ง�นสีถึ�ป็Dตักรรมและสี1�งป็ระดำ1ษฐ/อ��น ๆ 2. พ��นผ1ว่ทั้��สี�มผ�สีไดำ*ดำ*ว่ยสี�ยตั� จ�กก�รมองเห0นแตั�ไม�ใช้�ล�กษณ์ะทั้��แทั้*จร1งขีองผ1ว่ว่�สีดำ+น��น ๆ เช้�น ก�รว่�ดำภ�พก*อนห1นบนกระดำ�ษ   จะให*คำว่�มร;*สี�กเป็!นก*อนห1นแตั�ม�อสี�มผ�สีเป็!นกระดำ�ษหร�อใช้*กระดำ�ษพ1มพ/ล�ยไม* หร�อล�ยห1นอ�อน  เพ��อป็ะ  ทั้�บบนผ1ว่หน*�ขีองสี1�งตั��ง ๆ

Page 47: Photoshop cs2
Page 48: Photoshop cs2

พ��นผ1ว่ล�กษณ์ะตั��ง ๆ จะให*คำว่�มร;*สี�กตั�อง�นศิ1ลป็ะทั้��แตักตั��งก�น พ��นผ1ว่หย�บจะให*คำว่�มร;*สี�กกระตั+*นป็ระสี�ทั้ หน�กแน�น ม��นคำง แขี0งแรง ถึ�ว่รในขีณ์ะทั้��ผ1ว่เร�ยบ จะให*คำว่�มร;*สี�กเบ� สีบ�ย ก�รใช้*ล�กษณ์ะขีองพ��นผ1ว่ทั้��แตักตั��งก�น 

Page 49: Photoshop cs2

หม�ยถึ�ง ช้�องว่��งระหว่��งภ�พหร�อระหว่��งภ�พก�บตั�ว่อ�กษร ซึ่��งหม�ยรว่มถึ�งช้�องว่��งทั้��งภ�ยในและภ�ยนอก ในกรอบขีองก�รออกแบบช้�องว่��งหร�อช้�องไฟิน�� จะช้�ว่ยทั้��ให*ก�รออกแบบม�คำว่�มน��สีนใจ ม�คำว่�มเดำ�นและม�สีมดำ+ล

Page 50: Photoshop cs2
Page 51: Photoshop cs2
Page 52: Photoshop cs2
Page 53: Photoshop cs2
Page 54: Photoshop cs2

ขนาดต้�วอ�กษร28

ขนาดต้�วอ�กษร32

ขนาดต้�วอ�กษร36

ขนาดต้�วอ�กษร40

ขนาดต้�วอ�กษร44 ขนาดต้�วอ�กษร48

Page 55: Photoshop cs2

ขนาดต้�วอ�กษร54

ขนาดต้�วอ�กษร60

ขนาดต้�วอ�กษร66

ขนาดต้�วอ�กษร72

Page 56: Photoshop cs2

ขนาดต้�วอ�กษร80 ขนาดต้�วอ�กษร88 ขนาดต้�วอ�กษร96 ขนาดต้�วอ�กษร106

Page 57: Photoshop cs2

ขนาดต้�วอ�กษร117 ขนาดต้�วอ�กษร129

Page 58: Photoshop cs2

5555Back

Page 59: Photoshop cs2

สี� ม�อ1ทั้ธ์1พลในเร��องขีองอ�รมณ์/ก�รสี��อคำว่�มหม�ยทั้��เดำ�นช้�ดำ กระตั+*นตั�อก�รร�บร;*ทั้�งดำ*�นจ1ตัใจมน+ษย/ สี� แตั�ละสี�ทั้��ให*คำว่�มร;*สี�ก คำว่�มสี�มพ�นธ์/และอ�รมณ์/ทั้��ไม�เหม�อนก�น สี� บ�งสี�ให*คำว่�มร;*สี�กสีงบ บ�งสี�ให*คำว่�มร;*สี�กตั��นเตั*นร+นแรง สี� จ�งเป็!นป็Dจจ�ยสี��คำ�ญอย��งย1�งตั�อก�รสีร*�งง�นศิ1ลป็ะและก�รออกแบบ เพ��อคำว่�มสีว่ยง�มและเพ��อสี��อคำว่�มหม�ย ฉะน��นง�นจะสีมบ;รณ์/สีว่ยง�มดำ�งดำ;ดำใจผ;*ดำ;ไดำ*ดำ� จะตั*องม�สี� เขี*�ไป็เป็!นองคำ/ป็ระกอบสี��คำ�ญในก�รสีร*�งง�น ดำ�งน��นเร�จ�งคำว่รศิ�กษ�ทั้ฤษฎี�สี�และหล�กก�รใช้*สี�อย��งละเอ�ยดำ เพ��อเล�อกใช้*สี�ให*เหม�ะสีมก�บง�นออกแบบ

Page 60: Photoshop cs2

ล'ขสำ'ทธิ์'9 : ผศ. ถึาวร สำายสำ�บ

Page 61: Photoshop cs2

ขี��นทั้�� ขี��นทั้�� 1 (primary)1 (primary) .......แม�สี�ทั้��เป็!นห�ว่ใจหล�กขีองทั้ฤษฎี�สี�ป็ระกอบดำ*ว่ย 3 สี�ดำ*ว่ยก�น คำ�อ แดำง เหล�อง และน���เง1น ทั้��ง 3 สี�น��ถึ�อว่��เป็!นแม�สี�หล�กขี��นทั้�� 1 ทั้��ไม�ไดำ*เก1ดำจ�กก�รผสีมสี�จ�กสี�อ��น แตั�เป็!นสี�ตั*นก��หนดำสี�อ��น ๆ แตั�ละสี�เหล��น��สี�ม�รถึเป็ล��ยนแป็ลงหร�อป็ร�บระดำ�บคำ��สี�ไดำ*อย��งไม�ม�ทั้��สี1�นสี+ดำ เช้�น สี�แดำงสี�ม�รถึเม��อป็ร�บคำ��ระดำ�บสี�แล*ว่ก0จะเก1ดำสี�อ��น ๆ คำ�อ สี�แดำงสีดำใสี สี�แดำงสีดำใสี สี�ก*อนอ1ฐสี�ก*อนอ1ฐ สี�สีน1มสี�สีน1ม สี�เน��อแตังโมแดำง สี�เน��อแตังโมแดำง สี�ผลมะเขี�อเทั้ศิสี�ผลมะเขี�อเทั้ศิ สี�ผ1ว่เดำ0กอ�อนสี�ผ1ว่เดำ0กอ�อน สี� สี�เหล��อง+ �น เหล��อง+ �น สี�น���ตั�ลแดำงสี�น���ตั�ลแดำง เป็!นตั*น สี�แดำงทั้��งหมดำเหล��น��แตั�ละสี�ม�คำ+ณ์ภ�พอย��งย1�งทั้��แสีดำงถึ�งบ+คำล1กอ�นโดำดำเดำ��ยว่

ขี��นทั้�� ขี��นทั้�� 1 (primary)1 (primary) .......แม�สี�ทั้��เป็!นห�ว่ใจหล�กขีองทั้ฤษฎี�สี�ป็ระกอบดำ*ว่ย 3 สี�ดำ*ว่ยก�น คำ�อ แดำง เหล�อง และน���เง1น ทั้��ง 3 สี�น��ถึ�อว่��เป็!นแม�สี�หล�กขี��นทั้�� 1 ทั้��ไม�ไดำ*เก1ดำจ�กก�รผสีมสี�จ�กสี�อ��น แตั�เป็!นสี�ตั*นก��หนดำสี�อ��น ๆ แตั�ละสี�เหล��น��สี�ม�รถึเป็ล��ยนแป็ลงหร�อป็ร�บระดำ�บคำ��สี�ไดำ*อย��งไม�ม�ทั้��สี1�นสี+ดำ เช้�น สี�แดำงสี�ม�รถึเม��อป็ร�บคำ��ระดำ�บสี�แล*ว่ก0จะเก1ดำสี�อ��น ๆ คำ�อ สี�แดำงสีดำใสี สี�แดำงสีดำใสี สี�ก*อนอ1ฐสี�ก*อนอ1ฐ สี�สีน1มสี�สีน1ม สี�เน��อแตังโมแดำง สี�เน��อแตังโมแดำง สี�ผลมะเขี�อเทั้ศิสี�ผลมะเขี�อเทั้ศิ สี�ผ1ว่เดำ0กอ�อนสี�ผ1ว่เดำ0กอ�อน สี� สี�เหล��อง+ �น เหล��อง+ �น สี�น���ตั�ลแดำงสี�น���ตั�ลแดำง เป็!นตั*น สี�แดำงทั้��งหมดำเหล��น��แตั�ละสี�ม�คำ+ณ์ภ�พอย��งย1�งทั้��แสีดำงถึ�งบ+คำล1กอ�นโดำดำเดำ��ยว่

Page 62: Photoshop cs2
Page 63: Photoshop cs2
Page 64: Photoshop cs2

.......สี�ในขี��นทั้�� 2 น��เป็!นก�รผสีมสี�จ�กแม�สี�ขี��นทั้�� 1 ทั้��อย;�ตั1ดำก�นเพ��อให*เก1ดำสี�ใหม�ขี��นม� โดำยก�รน��เอ� สี�แดำงผสีมน���เง1นเป็!นสี�ม�ว่ง สี�แดำงผสีมเหล�องเป็!นสี�สี*ม และสี�เหล�องผสีมน���เง1นเป็!นสี�เขี�ยว่ ภ�ยในแตั�ละสี�ระดำ�บทั้�� 1เหล��น�� สี�ม�รถึป็ร�บเป็ล��ยนหร�อก�รป็ร�บคำ��ขีองสี�เพ��อจะไดำ*สี�แบบไม�ม�ทั้��สี1�นสี+ดำ ดำ�งเช้�นสี�เขี�ยว่สี�ม�รถึทั้��ให*เก1ดำสี�อ��นอ�ก คำ�อ สี�ผลมะกอก สี�มะน�ว่ดำ1บ สี�ตั*นม0อซึ่หร�อหญ*� สี�ผลอง+ �น สี�มรกตั สี�พ�ช้จ��พว่กสีะระแหน� เป็!นตั*น

Page 65: Photoshop cs2

ล'ขสำ'ทธิ์'9 : ผศ. ถึาวร สำายสำ�บ

Page 66: Photoshop cs2
Page 67: Photoshop cs2

.....สี�ขี��นทั้�� 3 ซึ่��งเก1ดำจ�กก�รน��เอ�สี�ขี��นทั้�� 1 และสี�ขี��นทั้�� 2 ทั้��อย;�ตั1ดำก�นทั้��งสีองดำ*�นน��ผสีมก�นเพ��อให*เก1ดำสี�ขี��นม�อ�กหน��งระดำ�บ ทั้��งหมดำ 6 สี� ป็ระกอบดำ*ว่ยก�รผสีมสี� ดำ�งน�� คำ�อ สี�แดำง-สี*ม แดำง-ม�ว่ง น���เง1น-ม�ว่ง น���เง1น-เขี�ยว่ เหล�อง-เขี�ยว่และเหล�อง-สี*ม ซึ่��งม�สี�รว่มก�นทั้��งหมดำจ�ก�รผสีมสี�ตั��งแตั�ขี��นทั้�� 1 ขี��นทั้�� 2 และขี��นทั้�� 3 ม�ทั้��งหมดำ 12 สี� แตั�ย�งม�สี�ทั้��นอกเหน�อจ�กผสีมขีองแม�สี� คำ�อ สี�ขี�ว่และสี�ดำ��

Page 68: Photoshop cs2
Page 69: Photoshop cs2
Page 70: Photoshop cs2

Page 71: Photoshop cs2

• .......สี�พ��นฐ�นทั้��ถึ;กผสีมจ�กแม�สี�ทั้��งหมดำ 12 สี� แบ�งออกเป็!น 2 โทั้นสี� ตั�มคำ��คำว่�มเขี*มขีองสี� หร�อเร�ยกอ�กอย��งหน��งว่�� ว่รรณ์ะขีองสี� น��นก0 คำ�อ ว่รรณ์ะร*อนว่รรณ์ะร*อน(Warm Colors)(Warm Colors) และว่รรณ์ะเย0น ว่รรณ์ะเย0น (Warm Colors)(Warm Colors) โดำยม�คำว่�มแตักตั��งก�นในอ+ณ์หภ;ม1 นอกจ�กน��แล*ว่ย�งม�กล+�มสี�อ�กกล+�มหน��งน��นก0คำ�อ กล+�มสี�ทั้��เป็!นกล�ง (Neutral Colors) ซึ่��งเก1ดำจ�กก�รเพ1�มหร�อลดำคำ��สี� เพ��อให*เห0นคำว่�มแตักตั��งขีองสี�ทั้��แสีดำงออกทั้�งอ�รมณ์/ ม�ช้�ว่1ตัช้�ว่�หร�อเศิร*�โศิก ฉะน��นร;ป็แบบขีองสี�ทั้��สี�ยตั�ขีองมน+ษย/มองเห0น สี�ม�รถึแบ�งออกเป็!น 3 กล+�ม ดำ�งน��คำ�อ

Page 72: Photoshop cs2

• สี�โทั้นร*อน สี�โทั้นร*อน (Warm Colors)(Warm Colors)

.......สี�แบบอ+�นหร�อสี�โทั้นร*อนในทั้�งจ1ตัว่1ทั้ย�เขี�มองก�นว่��เป็!นกล+�มสี�ทั้��เก��ยว่ขี*องก�บคำว่�มสี+ขี คำว่�มป็ลอบโยน คำว่�มอบอ+�น และดำ�งดำ;ดำใจ ก�รทั้��หล�ยคำนช้อบสี�แบบร*อนหร�ออบอ+�นในฤดำ;หน�ว่ ทั้��สีร*�งคำว่�มร;*สี�กสีะดำว่กสีบ�ย คำว่�มสีน+กสีน�นเพล1ดำเพล1น ซึ่��งเก��ยว่ขี*องก�บช้�ว่1ตัคำว่�มเป็!นอย;�แบบร*อน ๆ ในแถึบป็ระเทั้ศิทั้ะเลเมดำ1เตัอร/เรเน�ยน ดำ1เทั้ทั้1ฟิว่ ป็ระกอบดำ*ว่ย สี�แดำง สี�สี*ม สี�เหล�อง สี�ม�ว่งแดำงและสี�เหล�องเขี�ยว่กล+�มสี�แบบขีองสี�ก0ไดำ*

Page 73: Photoshop cs2

ร;ป็ทั้�� 4 แสีดำงกล+�มขีองสี�แบบสี�ร*อนหร�ออ+ �น

ร;ป็ทั้�� 4 แสีดำงกล+�มขีองสี�แบบสี�ร*อนหร�ออ+ �น

สี�ร*อนน��ม�คำว่�มสี�ม�รถึในระดำ�บสี;งเก��ยว่ก�บก�รมองเห0นขี*อคำว่�มหร�อร;ป็ภ�พทั้��ม�ทั้�ศิน�ยภ�พในทั้��ใกล*และโน*มน�ว่คำว่�มร;*สี�กในขีณ์ะทั้��มองเห0น ซึ่��งสี�กล+�มแบบร*อนน��ถึ;กน��ม�ใช้*สี��หร�บก�รพ�ฒน�ออกแบบเว่0บเพจไดำ*อย��งกลมกล�น อย��งไรก0ตั�มล�กษณ์ะขีองคำว่�มแตักตั��งทั้��เก��ยว่ก�บก�รมองเห0นขีองแตั�ละคำนย�อมแตักตั��งก�น บ�งคำนอ�จจะมองว่��ไม�ม�ช้�ว่1ตัช้�ว่� แตั�สี�กล+�มน��เป็!นกล+�มสี�ทั้��ช้�ว่ยให*ห�ยจ�กคำว่�มเฉ��อยช้� ม�ช้�ว่1ตัช้�ว่�ม�กย1�งขี��น ฉะน��นเร�ตั*องป็ระย+กตั/ใช้*ร�ว่มก�บก�บสี�อ��น ๆ ตั�มหล�กหร�อกฎีทั้ฤษฎี�

Page 74: Photoshop cs2

.......ในทั้�งจ1ตัว่1ทั้ย�น��นคำว่�มทั้��ดำ;สี+ภ�พ อ�อนโยน เร�ยบร*อย มองดำ;เป็!นผ;*ช้��น�ญก�ร คำนกล+�มน��ม�กจะช้��นช้อบสี�ในแบบเย0น และเป็!นกล+�มสี�ม�คำนช้อบม�กทั้��สี+ดำ โดำยเฉพ�ะสี�น���เง1นทั้��สี�ม�รถึโน*มน�ว่ในระยะไกลไดำ* เคำร��องหม�ยก�รคำ*�สี�ว่นใหญ�ช้อบใช้*สี�น���เง1นเพร�ะอ�จจะดำ;เหม�ะสีมย1�งกว่��สี�อ��น สี�แบบเย0นป็ระกอบดำ*ว่ย สี�เขี�ยว่ทั้ะเล สี�ม�ว่ง สี�น���เง1น สี�อ�อน สี�น���เง1นอ�อนและน���เง1นเขี�ยว่

.......ในทั้�งจ1ตัว่1ทั้ย�น��นคำว่�มทั้��ดำ;สี+ภ�พ อ�อนโยน เร�ยบร*อย มองดำ;เป็!นผ;*ช้��น�ญก�ร คำนกล+�มน��ม�กจะช้��นช้อบสี�ในแบบเย0น และเป็!นกล+�มสี�ม�คำนช้อบม�กทั้��สี+ดำ โดำยเฉพ�ะสี�น���เง1นทั้��สี�ม�รถึโน*มน�ว่ในระยะไกลไดำ* เคำร��องหม�ยก�รคำ*�สี�ว่นใหญ�ช้อบใช้*สี�น���เง1นเพร�ะอ�จจะดำ;เหม�ะสีมย1�งกว่��สี�อ��น สี�แบบเย0นป็ระกอบดำ*ว่ย สี�เขี�ยว่ทั้ะเล สี�ม�ว่ง สี�น���เง1น สี�อ�อน สี�น���เง1นอ�อนและน���เง1นเขี�ยว่

Page 75: Photoshop cs2

สี�กล+�มน��อ�จจะดำ;แบบน��เบ��อและคำว่�มร;*สี�กช้*�ในขีณ์ะทั้��เร�มองเห0น ซึ่��งตัรงก�นขี*�มก�บกล+�มสี�แบบร*อนทั้��ให*อ�รมณ์/ม�กว่�� ฉะน��นก�รทั้��เร�จะน��เอ�สี�กล+�มน��ม�ออกแบบบนหน*�เว่0บจะตั*องมองไป็ย�งกล+�มเป็B�หม�ย เน��อห�พร*อมก�บว่�ตัถึ+ป็ระสีงคำ/ตัลอดำจนองคำ/ป็ระกอบตั��ง ๆ ทั้��เก��ยว่ขี*องดำ*ว่ยเพร�ะอ�จจะไม�ม�รสีช้�ตั1หร�อไม�ม�ช้1ตัช้�ว่�ก0ไดำ*แตั�เร�ตั*องเอ�ขี*อดำ*อยม�ป็ร�บให*เขี*�ก�บแนว่คำว่�มคำ1ดำทั้��จะน��เสีนอในทั้�งศิ1ลป็ะน��นก0คำ�อก�รน��เอ�ศิ�สีตัร/และศิ1ลป็4ม�ป็ระย+กตั/ใช้*ร�ว่มก�น

Page 76: Photoshop cs2

ร;ป็ทั้�� 5 แสีดำงกล+�มขีองสี�แบบสี�เย0น ร;ป็ทั้�� 5 แสีดำงกล+�มขีองสี�แบบสี�เย0น

Page 77: Photoshop cs2
Page 78: Photoshop cs2
Page 79: Photoshop cs2

....... สี�ทั้��เป็!นกล�ง ป็ระกอบดำ*ว่ย สี�ดำ�� สี�ขี�ว่ สี�เทั้�และสี�น���ตั�ล อย��งไรก0ตั�มกล+�มสี�ทั้��งหมดำเหล��น�� คำ�อ สี�กล�งทั้��สี�ม�รถึน��ไป็ผสีมก�บสี�อ��น ๆ เพ��อให*เก1ดำสี�กล�งขี��นม� สี��หร�บสี�ขี�ว่ในคำว่�มหม�ยทั้�งจ1ตัว่1ทั้ย�น��น คำ�อ บร1สี+ทั้ธ์1Gทั้��สี+ดำในจ��นว่นสี�ทั้��งหมดำพร*อมย�งแทั้นคำว่�มบร1สี+ทั้ธ์1G คำว่�มสีะอ�ดำหมดำจดำตัลอดำจนคำว่�มเร�ยบร*อย

....... สี�ทั้��เป็!นกล�ง ป็ระกอบดำ*ว่ย สี�ดำ�� สี�ขี�ว่ สี�เทั้�และสี�น���ตั�ล อย��งไรก0ตั�มกล+�มสี�ทั้��งหมดำเหล��น�� คำ�อ สี�กล�งทั้��สี�ม�รถึน��ไป็ผสีมก�บสี�อ��น ๆ เพ��อให*เก1ดำสี�กล�งขี��นม� สี��หร�บสี�ขี�ว่ในคำว่�มหม�ยทั้�งจ1ตัว่1ทั้ย�น��น คำ�อ บร1สี+ทั้ธ์1Gทั้��สี+ดำในจ��นว่นสี�ทั้��งหมดำพร*อมย�งแทั้นคำว่�มบร1สี+ทั้ธ์1G คำว่�มสีะอ�ดำหมดำจดำตัลอดำจนคำว่�มเร�ยบร*อย

Page 80: Photoshop cs2

สี�ว่นสี�ดำ��น��นสี�ม�รถึแสีดำงออกถึ�งคำว่�มสี��คำ�ญหร�อเป็!นล�ง ดำ;ซึ่�อนเร*น เร*นล�บคำล+มเคำร�อ ซึ่��งเป็!นสี�แห�งคำว่�มม�ดำมนดำ;ม�พล�ง ในว่�ฒนธ์รรมทั้�งดำ*�นตัะว่�นตักบ�งบอกถึ�งคำว่�มรอบคำอบ คำว่�มม��งม� ในสี�ว่นม+มมองทั้�งตัะว่�นออกน��นบ�งบอกถึ�งคำว่�มอ�อนน*อม คำว่�มถึ�อมตั*น คำว่�มสี+ขี+ม คำว่�มรอบคำรอบ คำว่�มป็ระหย�ดำ คำว่�มม�ธ์ย�สีถึ/และคำว่�มพ1ถึ�พ1ถึ�น น��คำ�อ คำว่�มหม�ยขีองสี�ทั้��ในทั้�งจ1ตัว่1ทั้ย�ขีองคำนเร�ทั้��สี�ม�รถึบ�งบอกเร��องร�ว่หร�อเป็!นก�รแสีดำงออกไดำ*อย��งกลมกล�น

สี�ว่นสี�ดำ��น��นสี�ม�รถึแสีดำงออกถึ�งคำว่�มสี��คำ�ญหร�อเป็!นล�ง ดำ;ซึ่�อนเร*น เร*นล�บคำล+มเคำร�อ ซึ่��งเป็!นสี�แห�งคำว่�มม�ดำมนดำ;ม�พล�ง ในว่�ฒนธ์รรมทั้�งดำ*�นตัะว่�นตักบ�งบอกถึ�งคำว่�มรอบคำอบ คำว่�มม��งม� ในสี�ว่นม+มมองทั้�งตัะว่�นออกน��นบ�งบอกถึ�งคำว่�มอ�อนน*อม คำว่�มถึ�อมตั*น คำว่�มสี+ขี+ม คำว่�มรอบคำรอบ คำว่�มป็ระหย�ดำ คำว่�มม�ธ์ย�สีถึ/และคำว่�มพ1ถึ�พ1ถึ�น น��คำ�อ คำว่�มหม�ยขีองสี�ทั้��ในทั้�งจ1ตัว่1ทั้ย�ขีองคำนเร�ทั้��สี�ม�รถึบ�งบอกเร��องร�ว่หร�อเป็!นก�รแสีดำงออกไดำ*อย��งกลมกล�น

Page 81: Photoshop cs2

6666Back

Page 82: Photoshop cs2

6. ก�รออกแบบและจ�ดำว่�งองคำ/ป็ระกอบในก�รผล1ตัสี��อ

กร�ฟิก

6. ก�รออกแบบและจ�ดำว่�งองคำ/ป็ระกอบในก�รผล1ตัสี��อ

กร�ฟิก • สี�ดำสี�ว่น (Proportion) เป็!นก�รก��หนดำ

ขีน�ดำขีองง�นกร�ฟิก ให*ม�คำว่�มพอดำ� เหม�ะสีมก�บก�รน��ไป็ใช้* และย�งหม�ยรว่มไป็ถึ�งสี�ดำสี�ว่นสี�มพ�นธ์/ซึ่��งเป็!นขีน�ดำขีองภ�พก�บภ�พ หร�อขีน�ดำขีองภ�พก�บตั�ว่อ�กษรให*ม�คำว่�มเหม�ะสีมกลมกล�นซึ่��งก�นและก�น

Page 83: Photoshop cs2

• คำว่�มสีมดำ+ล(Balance) หม�ยถึ�งก�รจ�ดำว่�งร;ป็ภ�พ ตั�ว่อ�กษรและว่�สีดำ+อ��นๆ ในกรอบขีองก�รออกแบบ ให*เก1ดำคำว่�มพอดำ�หร�อเทั้��เทั้�ยมก�น ล�กษณ์ะขีองสีมดำ+ลแบ�งออกเป็!น 2ป็ระเภทั้ คำ�อ......สีมดำ+ลแบบซึ่*�ย ขีว่� เหม�อนก�นหร�อเทั้��ก�น(Symetrical Balance) เม��อแบ�งดำ*ว่ยเสี*นแนว่ตั��งผ��นจ+ดำก��งกล�งสี�ยตั� จะมองเห0นว่��ม�น���หน�กเทั้��ก�นทั้��งสีองขี*�ง ล�กษณ์ะน��เหม�อนดำ��งเช้�นก�รถึ��ยภ�พบ+คำคำลหน*�ตัรง ทั้��ว่��งทั้��งสีองขี*�งจะเว่*นไว่*เทั้��ก�น

Page 84: Photoshop cs2

• ......สีมดำ+ลแบบซึ่*�ย ขีว่� ไม�เหม�อนก�นหร�อไม�เทั้��ก�น(Assymetrical Balance) เป็!นก�รจ�ดำว่�งภ�พหร�อตั�ว่อ�กษรเน*นถึ�งก�รแสีดำงทั้1ศิทั้�ง ซึ่��งเม��อพ1จ�รณ์�โดำยภ�พรว่มแล*ว่ม�คำว่�มร;*สี�กว่��ม�น���หน�กเทั้��ก�น แตั�ถึ*�ล�กเสี*นแบ�งแนว่ตั��งผ��นจ+ดำก��งกล�ง น���หน�กทั้��งสีองขี*�งจะไม�เทั้��ก�น เหม�อนดำ��งเช้�นก�รถึ��ยภ�พบ+คำคำลในล�กษณ์ะเอ�ยงขี*�ง ทั้��ว่��งทั้��งดำ*�นหน*�จะม�คำว่�มกว่*�งม�กกว่��ดำ*�นหล�ง ภ�พก0ย�งร;*สี�กว่��สีมดำ+ล

Page 85: Photoshop cs2

• คำว่�มกลมกล�น (Harmony) หม�ยถึ�งคำว่�มพอเหม�ะ พอดำ� ขีองสี�ว่นป็ระกอบตั��งๆ ทั้��ป็ระกอบขี��นเป็!นสี��อกร�ฟิก ไม�ว่��จะเป็!นร;ป็ภ�พ ตั�ว่อ�กษร ล�กษณ์ะขีองร;ป็ทั้รง และก�รใช้*สี� ซึ่��งจะทั้��ให*เก1ดำคำว่�มสี�มพ�นธ์/ ม�คำว่�มเป็!นอ�นหน��งอ�นเดำ�ยว่ก�น เก1ดำเป็!นคำว่�มง�มและคำว่�มน��สีนใจในก�รออกแบบ

Page 86: Photoshop cs2

• คำว่�มแตักตั��ง (Contrast) หม�ยถึ�งก�รน��ร;ป็แบบทั้��แตักตั��งก�นทั้��งดำ*�นขีน�ดำ ล�กษณ์ะขีองภ�พ ล�กษณ์ะขีองว่�สีดำ+ ตัลอดำจนก�รใช้*สี� ม�จ�ดำไว่*ดำ*ว่ยก�น เป็!นก�รเน*นให*เห0นถึ�งคำว่�มแตักตั��งหร�อก�รตั�ดำก�นตั�มจ+ดำม+�งหม�ยขีองก�รออกแบบ เช้�น ก�รถึ��ยภ�พนกกระย�งอย;�กล�งทั้*องน�ทั้��ม�สี�เขี�ยว่ จะให*คำว่�มร;*สี�กว่��ม�สี�ตั�ดำก�นหร�อแตักตั��งก�น เห0นไดำ*ช้�ดำเจน

Page 87: Photoshop cs2

• .จ�งหว่ะหร�อล�ล� (Rhythm) หม�ยถึ�งก�รจ�ดำว่�งร;ป็ภ�พ ว่�สีดำ+ หร�อตั�ว่อ�กษร ในตั��แหน�งทั้��แตักตั��งก�น อ�จจะดำ*ว่ยก�รจ�ดำช้�องไฟิ ให*ม�ระยะห��งเทั้��ๆก�น หร�อม�ล��ดำ�บตั�อเน��อง จะทั้��ให*เก1ดำคำว่�มร;*สี�กทั้��บ�งบอกถึ�งทั้1ศิทั้�ง และคำว่�มสีมดำ+ลในก�รออกแบบ

Page 88: Photoshop cs2

• .......คำว่�มม�เอกภ�พ (Unity) หม�ยถึ�ง ก�รจ�ดำว่�งภ�พ ว่�สีดำ+ หร�อตั�ว่อ�กษร ตัลอดำจนก�รใช้*สี� ในก�รออกแบบให*เก1ดำเป็!นจ+ดำสีนใจหร�อศิ;นย/สีนใจ ซึ่��งในก�รออกแบบแตั�ละคำร��งเอกภ�พหร�อศิ;นย/สีนใจดำ�งกล��ว่จะตั*องม�เพ�ยงแห�งเดำ�ยว่ ป็ระหน��งว่��เอกภ�พขีองง�นแตั�งง�นย�อมอย;�ทั้��คำ;�บ��ว่สี�ว่เพ�ยงผ;*เดำ�ยว่เทั้��น��น

Page 89: Photoshop cs2

• ช้�องว่��งหร�อช้�องไฟิ(Space) หม�ยถึ�งช้�องว่��งระหว่��งภ�พหร�อระหว่��งภ�พก�บตั�ว่อ�กษร ซึ่��งหม�ยรว่มถึ�งช้�องว่��งทั้��งภ�ยในและภ�ยนอก ในกรอบขีองก�รออกแบบ ช้�องว่��งหร�อช้�องไฟิน��จะช้�ว่ยทั้��ให*ก�รออกแบบม�คำว่�มน��สีนใจ ม�คำว่�มเดำ�นและม�สีมดำ+ล

Page 90: Photoshop cs2

• ทั้1ศิทั้�ง (Direction) หม�ยถึ�งก�รว่�งหร�อก�รจ�ดำร;ป็แบบ ให*เห0นแนว่ทั้�ง ขี��นตัอนขีองกระบว่ณ์ก�รให*เป็!นไป็อย��งตั�อเน��องและถึ;กตั*องตั�มล��ดำ�บขี��น ทั้1ศิทั้�งในก�รออกแบบจะช้�ว่ยให*ผ;*ช้มเขี*�ใจกระบว่ณ์ก�รไดำ*รว่ดำเร0ว่ย1�งขี��น

Page 91: Photoshop cs2

• จ�กหล�กก�รในก�รออกแบบและจ�ดำว่�งองคำ/ป็ระกอบดำ�งกล��ว่ ถึ*�ผ;*ออกแบบเขี*�ใจป็ระเดำ0นขีองเร��องร�ว่ ร;*ถึ�งคำว่�มสี�มพ�นธ์/ขีององคำ/ป็ระกอบ ย�อมสี�ม�รถึออกแบบสี��อกร�ฟิกไดำ*อย��งม�คำว่�มน��สีนใจ ม�คำ+ณ์คำ�� ไม�ว่��จะเป็!นโป็สีเตัอร/ แผ�นพ�บ ใบป็ล1ว่ เอกสี�รเย0บเล�ม สีตั1Hกเกอร/ ก�รออกแบบป็B�ยน1เทั้ศิ ป็กหน�งสี�อ และสี��อสี��หร�บก�รน��เสีนอฯลฯ ก�รสี��อคำว่�มหม�ยหร�อก�รน��สี��อกร�ฟิกไป็ใช้*ย�อมทั้��ไดำ*อย��งม�ป็ระสี1ทั้ธ์1ภ�พ

Page 92: Photoshop cs2

7777Back

Page 93: Photoshop cs2

• จ�กก�รออกแบบกล�บพ��นภ�พ ทั้��ให*เก1ดำก�รสีร*�งสีรรคำ/ง�น เป็!นสี�ญล�กษณ์/(Logo) และเป็!นทั้��น1ยม เพร�ะม�คำว่�มแป็ลกใหม� น��สีนใจนอกจ�กน��ย�งม�ผลขีองก�รมองเห0นว่�� ภ�พสี�ขี�ว่ทั้��อย;�ในพ��นสี�ดำ�� จะทั้��ให*ดำ;โตัขี��น 10-15% เทั้คำน1คำน��น1ยมน��ไป็ใช้*ทั้��ตั�ว่อ�กษรพ�ดำห�ว่ขี��ว่สี��คำ�ญในหน*�หน��งขีองหน�งสี�อพ1มพ/

Page 94: Photoshop cs2
Page 95: Photoshop cs2

-ขีน�ดำ (Size) คำ�อ ก�รเป็ร�ยบเทั้�ยบร;ป็ร��งหร�อร;ป็ทั้รง ก�รว่�ดำสี�ดำสี�ว่น ระยะ หร�อขีอบเขีตัร;ป็ร��งน��น ๆ

- สี�ดำสี�ว่น (Scale) คำ�อ คำว่�มเหม�ะสีมขีองสี1�งขีองตั��งแตั� 2 สี1�งขี��นไป็ ม�คำว่�มสี�มพ�นธ์/ก�น

- ก�รห�คำว่�มสี�มพ�นธ์/ขีองขีน�ดำและสี�ดำสี�ว่นในก�รออกแบบตั*องคำ��น�งถึ�งขีน�ดำและสี�ดำสี�ว่นขีองผ;*ใช้*และก1จกรรมภ�ยในเป็!นหล�ก ในง�นออกแบบโดำยทั้��ว่ไป็ ม�หล�กเก��ยว่ก�บขีน�ดำและสี�ดำสี�ว่น ดำ�งน��

- ขีน�ดำทั้��แตักตั��งก�น จะให*คำว่�มร;*สี�กขี�ดำก�น (Contrast) - ขีน�ดำใกล*เคำ�ยงก�น ให*คำว่�มร;*สี�กกลมกล�นก�น (Harmony) - คำว่�มแตักตั��งขีองขีน�ดำทั้��ให*เก1ดำคำว่�มร;*สี�กเคำล��อนไหว่

(Dynamic)

-ขีน�ดำ (Size) คำ�อ ก�รเป็ร�ยบเทั้�ยบร;ป็ร��งหร�อร;ป็ทั้รง ก�รว่�ดำสี�ดำสี�ว่น ระยะ หร�อขีอบเขีตัร;ป็ร��งน��น ๆ

- สี�ดำสี�ว่น (Scale) คำ�อ คำว่�มเหม�ะสีมขีองสี1�งขีองตั��งแตั� 2 สี1�งขี��นไป็ ม�คำว่�มสี�มพ�นธ์/ก�น

- ก�รห�คำว่�มสี�มพ�นธ์/ขีองขีน�ดำและสี�ดำสี�ว่นในก�รออกแบบตั*องคำ��น�งถึ�งขีน�ดำและสี�ดำสี�ว่นขีองผ;*ใช้*และก1จกรรมภ�ยในเป็!นหล�ก ในง�นออกแบบโดำยทั้��ว่ไป็ ม�หล�กเก��ยว่ก�บขีน�ดำและสี�ดำสี�ว่น ดำ�งน��

- ขีน�ดำทั้��แตักตั��งก�น จะให*คำว่�มร;*สี�กขี�ดำก�น (Contrast) - ขีน�ดำใกล*เคำ�ยงก�น ให*คำว่�มร;*สี�กกลมกล�นก�น (Harmony) - คำว่�มแตักตั��งขีองขีน�ดำทั้��ให*เก1ดำคำว่�มร;*สี�กเคำล��อนไหว่

(Dynamic)

Page 96: Photoshop cs2

• ว่�สีดำ+(Material) คำ�อ ว่�ตัถึ+ดำ1บทั้��จะน��ม�ใช้*ในก�รออกแบบ โดำยเล�อกคำว่�มเหม�ะสีมตัรงตั�มล�กษณ์ะขีองง�น ถึ*�ทั้��ลงบนกระดำ�ษว่�ดำเขี�ยนอ�จเป็!นร;ป็ลอกลว่ดำล�ยตั��ง ๆ แบบทั้�บแสีงถึ*�ทั้��ลงบนแผ�นโป็ร�งใสีก0ใช้*ร;ป็หร�ออ�กษรลอกแบบสี�โป็ร�งแสีง เป็!นตั*น

Page 97: Photoshop cs2

• พ��นผ1ว่ (Texture) คำ�อ ล�กษณ์ะเฉพ�ะ ทั้��เก1ดำจ�กโคำรงสีร*�งขีองว่�สีดำ+ อ�จน��ว่�ตัถึ+ดำ1บหล�ย ๆ อย��งม� สีร*�งให*เก1ดำพ��นผ1ว่ใหม� หร�อคำว่�มร;*สี�กในก�รแยก จ��แนกคำว่�มเร�ยบคำว่�มขีร+ขีระ คำว่�มแตักตั��งขีองพ��นผ1ว่ในทั้�งกร�ฟิก สี�ม�รถึแยกออกไดำ*ดำ*ว่ยป็ระสี�ทั้สี�มผ�สี ทั้�งตั� เป็!นสี�ว่นใหญ� พ��นผ1ว่ทั้��แตักตั��งก�นจะให*คำว่�มร;*สี�กตั��งก�น เช้�น ผ1ว่ขีร+ขีระ ให*คำว่�มร;*สี�กป็ลอดำภ�ย ม��นคำง แขี0งแรง สี�ก สีะดำ+ดำ หย�บ ระคำ�ยเคำ�อง ในบ�งสีถึ�นะทั้��ให*ดำ;เล0กกว่�� คำว่�มจร1ง เช้�น ผ1ว่ขีร+ขีระขีองก��แพงทั้��ก�อดำ*ว่ยศิ1ล�แลงหร�อห1น ก�บ จะดำ;แขี0งแรงบ�กบ�น

Page 98: Photoshop cs2

• ในก�รสีร*�งง�นกร�ฟิกลงบนกระดำ�ษ เช้�น ร;ป็หล�งคำ�บ*�นล�ยสี�งกะสี� กระเบ��องลอนแบบตั��งๆ ผน�งตั�ก ซึ่��งลว่ดำล�ย ขีร+ขีระ เหล��น��จะน��ม�จ�กแผ�นร;ป็ลอก ซึ่��งใน ป็Dจจ+บ�นใช้*ลว่ดำล�ยสี��เร0จร;ป็จ�กคำอมพ1ว่เตัอร/ผ1ว่เร�ยบม�น ให*คำว่�มร;*สี�กไม�ม��นคำง ล��น หร;หร� ว่�บหว่�ม สีดำใสี แสีงสีะทั้*อน ในบ�งสีถึ�นะทั้��ให*ดำ;ใหญ�กว่��ป็กตั1 เช้�น ผน�งตั�กทั้��ฉ�บป็;นเร�ยบหร�ออ�คำ�รทั้��เป็!นกระจกทั้��งหล�ง จะดำ;เป็ร�ะบ�ง แว่ว่ว่�ว่ ตั�ว่อย��งง�นกร�ฟิกทั้��ตั*องก�รคำว่�มเป็!นม�นว่�ว่ ทั้��ใช้*เทั้คำน1คำแผ�นร;ป็ลอกทั้��ม�ล�ยไล�โทั้นสี��เร0จร;ป็

Page 99: Photoshop cs2

8888Back

Page 100: Photoshop cs2

• ในการผล'ต้ว�สำด+แต้)ละอย)างคร�ผ��สำอนควรศ-กษาว)าว�สำด+แต้)ละชีน'ดม!แบบใดท!"เหมาะสำมก�บเน��อหากล+)มเป<าหมายหร�อผ��เร!ยน คร�ควรร� �จั�กเล�อกและร� �จั�กใชี�ว�สำด+กราฟิ ก ร� �จั�กจั�ดระบบการผล'ต้ว�สำด+กราฟิ กเพื้�"อให�ผลผล'ต้น��นเก'ดความค+�มค)ามากท!"สำ+ด การผล'ต้ว�สำด+กราฟิ กโดยว'ธิ์!ระบบ ผ��ผล'ต้ว�สำด+กราฟิ กท!"ม!ค+ณภาพื้ จัะต้�องจั�ดระบบท!"จัะผล'ต้งานกราฟิ กให�ต้รงว�ต้ถึ+ประสำงค� ค�อ การท�าให�เก'ดประสำ'ทธิ์'ผลซึ่-"งสำามารถึด�าเน'นต้ามข��นต้อนได� ด�งน!�

Page 101: Photoshop cs2

• ในขี��นน��ผ;*ผล1ตัตั*องร;*ว่��ผ;*เร�ยนหร�อกล+�มเป็B�หม�ยเป็!นอย��งไร อ�ย+ เพศิ ช้�ยหร�อหญ1ง ฐ�นะ เศิรษฐก1จ สี�งคำม ศิ�สีน� เช้��อช้�ตั1 ว่�ฒนธ์รรมป็ระเพณ์� ซึ่��งคำว่รจะน��ม�เป็!นองคำ/ป็ระกอบในก�รว่1เคำร�ะห/ผ;*เร�ยน

• ในขี��นน��ผ;*ผล1ตัตั*องร;*ว่��ผ;*เร�ยนหร�อกล+�มเป็B�หม�ยเป็!นอย��งไร อ�ย+ เพศิ ช้�ยหร�อหญ1ง ฐ�นะ เศิรษฐก1จ สี�งคำม ศิ�สีน� เช้��อช้�ตั1 ว่�ฒนธ์รรมป็ระเพณ์� ซึ่��งคำว่รจะน��ม�เป็!นองคำ/ป็ระกอบในก�รว่1เคำร�ะห/ผ;*เร�ยน

ขี��นว่1เคำร�ะห/ผ;*เร�ยน

Page 102: Photoshop cs2

• ว่1เคำร�ะห/ว่��ผ;*เร�ยนหร�อกล+�มเป็B�หม�ย ม�คำว่�มร;*เน��อห�ทั้��จะน��เสีนอม�ก�อนหร�อไม� เพ�ยงใดำ และสี1�งทั้��จะให*เร�ยนร;*ใหม�ม�อะไรบ*�ง เม��อเร�ยนร;*จบแล*ว่จะไดำ*อะไรเพ1�มขี��น หล�งจ�กน��นจะให*เขี�ไป็ทั้��อะไรหร�อทั้��อะไรเป็!น ก�รว่1เคำร�ะห/ในขี*อ 1 และ 2 จะช้�ว่ยให*ก��หนดำว่�ตัถึ+ป็ระสีงคำ/ไดำ*ถึ;กตั*องช้�ดำเจน

ว่1เคำร�ะห/เน��อห�

Page 103: Photoshop cs2

• เป็!นก�รก��หนดำว่��จะให*ผ;*เร�ยนหร�อกล+�มเป็B�หม�ยเร�ยนร;*เร��องอะไร แคำ�ม�กน*อยเพ�ยงใดำ เพ��ออะไร เป็!นอย��งไรและคำว่รเป็!นว่�ตัถึ+ป็ระสีงคำ/เช้1งพฤตั1กรรม สี�ม�รถึว่�ดำไดำ* เช้�น ง�นออกแบบโป็สีเตัอร/ เพ��อรณ์รงคำ/ตั�อตั*�นย�บ*� หร�อเช้1ญช้ว่นไป็ป็ล;กตั*นไม*

ขี��นก��หนดำว่�ตัถึ+ป็ระสีงคำ/ขี��นก��หนดำว่�ตัถึ+ป็ระสีงคำ/

Page 104: Photoshop cs2

• .......- ว่�ตัถึ+ป็ระสีงคำ/ทั้��ก��หนดำขี��นม�ย�งเป็!นน�มธ์รรม ตั*องเป็ล��ยนให*เป็!นร;ป็ธ์รรม โดำยร��งเป็!นร;ป็แบบตั��งๆลงบนกระดำ�ษ หล�ย ๆ แบบแล*ว่ป็ระช้+มระดำมสีมองเพ��อเล�อกใช้*แบบใดำแบบหน��งทั้��คำ1ดำว่��ดำ�ทั้��สี+ดำ ไป็ทั้��ว่�สีดำ+กร�ฟิก ถึ*�ทั้��ง�นช้1�นน��นคำนเดำ�ยว่ก0เล�อกว่1เคำร�ะห/ในเช้1งเป็ร�ยบเทั้�ยบ อ�จทั้ดำลองใช้*อ�กษรแบบตั��งๆ เป็ล��ยนสีล�บสี� ให*สี��อคำว่�มหม�ย ไดำ*ดำ� และม�คำว่�มน��สีนใจ

ขี��นร��งแบบขี��นร��งแบบ

Page 105: Photoshop cs2

• .......- เป็!นขี��นตัอนก�รผล1ตัตั�มโคำรงร��งทั้��ไดำ*ร��งไว่* และให*ม�ขีน�ดำเหม�ะสีมก�บว่�ยขีองผ;*เร�ยน ใสี�ภ�พป็ระกอบ ใสี�สี� และตักแตั�งร�ยละเอ�ยดำให*เร�ยบร*อยสีว่ยง�ม

ขี��นผล1ตัง�นกร�ฟิก

Page 106: Photoshop cs2

• .- น��ว่�สีดำ+กร�ฟิกทั้��ผล1ตัขี��นไป็ใช้*ก�บกล+�มผ;*เร�ยน อ�จเป็!นกล+�มตั�ว่อย��ง ทั้��ม�คำ+ณ์สีมบ�ตั1เหม�อนก�นหร�อใกล*เคำ�ยงก�น แล*ว่ว่�ดำคำว่�มเขี*�ใจ คำว่�มช้อบ ผลทั้��ไดำ*จะช้�ว่ยให*ผ;*ผล1ตัทั้ร�บว่�� สี1�งทั้��ผล1ตัขี��นม�น��นม�สี�ว่นบกพร�องหร�อไม�อย��งไร ซึ่��งจะเป็!นแนว่ทั้�งในก�รป็ร�บป็ร+งแก*ไขีตั�อไป็

ขี��นทั้ดำลองใช้*

Page 107: Photoshop cs2

• .......- เป็!นขี��นตัอนทั้��น��ขี*อบกพร�องตั��ง ๆ ม�ป็ร�บป็ร+งเพ��อให*ง�นดำ*�นกร�ฟิกม�ป็ระสี1ทั้ธ์1ภ�พย1�งขี��น เม��อทั้��เสีร0จแล*ว่ให*น��ไป็ทั้ดำลองอ�กคำร��งหน��ง ถึ*�พบขี*อบกพร�องอ�กตั*องน��ม�แก*ไขีใหม� จะทั้��ให*ว่�สีดำ+กร�ฟิกม�ป็ระสี1ทั้ธ์1ภ�พสี;งสี+ดำ

ขี��นป็ร�บป็ร+งแก*ไขี

Page 108: Photoshop cs2

• .......- ในสีถึ�นก�รณ์/จร1ง เป็!นก�รทั้��ง�นกร�ฟิกทั้��ไดำ*ป็ร�บแก*จนเก1ดำคำว่�มม��นใจดำ�แล*ว่ จ�กน��นจ�งน��ไป็ถึ��ยทั้อดำก�รเร�ยนร;*ในห*องเร�ยนในบทั้บ�ทั้หร�อว่1ธ์�ก�รตั��ง ๆ ทั้��ไดำ*ว่�งแผนไว่* เช้�น ใช้*เป็!นภ�พในขี��นน��เขี*�สี;�บทั้เร�ยน

ขี��นน��ไป็ใช้*ขี��นน��ไป็ใช้*

Page 109: Photoshop cs2

ขี��นสีอนเน��อห�หร�อขี��นสีร+ป็

ขี��นน��ถึ*�ม�ก�รป็ระเม1นผลว่�สีดำ+กร�ฟิกซึ่��ง

จะทั้��ให*เก1ดำคำว่�มสีมบ;รณ์/ม�กขี��น

Page 110: Photoshop cs2

• .......- ขี��นเตัร�ยม ผ;*สีอนตั*องเตัร�ยมว่�งแผนดำ*�นสีถึ�นทั้��แสีงสีว่��งก�รจ�ดำโตัIะและเก*�อ��น��ง เพ��อให*ผ;*เร�ยนสี�ม�รถึมองเห0นไดำ*ทั้��ว่ถึ�ง และผ;*สีอนตั*องศิ�กษ�พ��นคำว่�มร;*เดำ1มขีองผ;*เร�ยน เพ��อเล�อกสี��อว่�สีดำ+กร�ฟิกให*เหม�ะสีมก�บผ;*เร�ยน เตัร�ยมสี��อและซึ่*อมก�รใช้*สี��อให*พอดำ�ก�บเว่ล� นอกจ�กน�� ผ;*สีอนย�งจะไดำ*ร�ว่มก�บผ;*เร�ยนช้��แนะป็ระโยช้น/จ�กว่�สีดำ+กร�ฟิกน��นๆ

ขี��นตัอนก�รใช้*ว่�สีดำ+กร�ฟิกป็ระกอบก�รสีอน

ขี��นตัอนก�รใช้*ว่�สีดำ+กร�ฟิกป็ระกอบก�รสีอน

Page 111: Photoshop cs2

• .......- ในขี��นน��ม�กพบขี*อบกพร�องอย;�เสีมอ โดำยผ;*สีอนม�กจะอธ์1บ�ยอย��งผ1ว่เผ1น เพ�ยงแคำ�ให*เห0นว่��ม�สี��อม�แสีดำง แล*ว่ผ��นเลยไป็ทั้��ให*ผ;*เร�ยนไม�ไดำ*ร�บคำว่�มร;*และคำว่�มเขี*�ใจจ�กว่�สีดำ+กร�ฟิกน��นอย��งล�กซึ่��ง หร�อไม�ก0ใช้*น�นเก1นไป็จนผ;*เร�ยนเบ��อหน��ย ผ;*สีอนตั*องม�ป็ระสีบก�รณ์/และศิ1ลป็ะในก�รถึ��ยทั้อดำและคำอยสี�งเกตัพฤตั1กรรมตัอบสีนองขีองผ;*เร�ยนตัลอดำเว่ล� ว่��ม�สี�หน*� อ�ก�รอย��งไร

ขี��นแสีดำงว่�สีดำ+

Page 112: Photoshop cs2

ขี��นพ�ฒน�คำว่�มคำ1ดำ

• .- ผ;*สีอนจะตั*องกระตั+*นให*ผ;*เร�ยนร;*จ�กคำ1ดำ ห�เหตั+ผล จ�ดำห�แนว่ทั้�งทั้��จะน��เอ�คำว่�มร;*จ�กว่�สีดำ+น��นไป็ใช้*ในช้�ว่1ตัป็ระจ��ว่�น หร�อใช้*ก�บสี1�งใหม�ๆ ก�อนทั้��จะถึ�งขี��นพ�ฒน�คำว่�มคำ1ดำอย��งแทั้*จร1ง ผ;*สีอนและผ;*เร�ยนจะตั*องม�ก�รอภ1ป็ร�ยแลกเป็ล��ยนป็ระสีบก�รณ์/ซึ่��งก�นและก�น

Page 113: Photoshop cs2

ขี��นทั้ดำสีอบห�ป็ระสี1ทั้ธ์1ภ�พ

• ผ;*สีอนตั*องคำอยสี�งเกตัก�รตัอบสีนองจ�กผ;*เร�ยน ทั้ดำสีอบคำว่�มร;* คำว่�มเขี*�ใจทั้��ไดำ*จ�กว่�สีดำ+กร�ฟิกน��น เช้�น สี�งเกตัก�รม�คำ��ถึ�มและตัอบคำ��ถึ�ม ก�รใช้*แบบทั้ดำสีอบ ก�รอภ1ป็ร�ย เสีนอแนะ เพ��อให*ทั้ร�บจ+ดำบกพร�องขีองว่�สีดำ+กร�ฟิกช้1�นน��น

Page 114: Photoshop cs2

ขี��นป็ร�บป็ร+งแก*ไขี

• .......- ผ;*สีอนตั*องพ1จ�รณ์�ว่��ว่�สีดำ+กร�ฟิกทั้��ใช้*ม�ขี*อบกพร�องเก1ดำขี��นทั้��สี�ว่นใดำ บ�งคำร��งอ�จไม�ไดำ*เก1ดำจ�กตั�ว่ช้1�นง�นกร�ฟิกเอง อ�จเก1ดำจ�กสีถึ�นทั้��และเว่ล� เช้�น จ+ดำหร�อตั��แหน�งทั้��ตั1ดำตั��งหน*�ช้��นไม�เหม�ะสีม เว่ล�ใกล*พ�กกล�งว่�นหร�อใกล*เว่ล�เล1กเร�ยน ซึ่��งน�กเร�ยนอย�กพ�กอย�กกล�บบ*�นเป็!นตั*น เม��อตัรว่จพบแล*ว่ให*ลงม�อป็ร�บป็ร+งแก*ไขี จะทั้��ให*เก1ดำป็ระสี1ทั้ธ์1ภ�พในก�รใช้*ง�นตั�อ ไป็