photoshop cs2

114
Introduction to Graphics Introduction to Graphics Introduction to Graphics Introduction to Graphics Introduction to Graphic Introduction to Graphics Introduction to Graphics 355205

Upload: -

Post on 21-Jan-2015

1.803 views

Category:

Art & Photos


5 download

DESCRIPTION

 

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ภ�พในก�รใช้*ง�นตั�อ ไป็