1. บทที่ 2 การสร้างสื่ อกราฟิ ก
(หลักการออกแบบกราฟิ ก)
อาจารย์จกรภพ ใหม่เสน
ั

2. องค์ประกอบของงานกราฟิ ก
1. จุด (Point, Dot) เป็ นส่วนประกอบที่เล็กที่สด เป็ นพื ้นฐานของ
ุ
ส่วนประกอบต่างๆ โดยอาจเรี ยงกันเป็ นเส้ น หรื อรวมเป็ นภาพ
2. ภาพอักษร (Type) เป็ นการนาตัวอักษรมาประกอบอยูในภาพ เพื่อ
่
เพิ่มความชัดเจนในการสื่อความหมายด้ วยภาษา
3. เส้ น (Line) เป็ นการนาจุดหลายๆ จุดมาวางเรี ยงกันจนเกิดเป็ น
ความต่อเนื่อง มีลกษณะเป็ นแนวเส้ น
ั

3. เส้น กับ ความรู้สึก
• เส้ นแนวนอน ให้ ความรู้สก สงบ ึ • เส้ นประ ให้ ความรู้สก โปร่ง ไม่
ึ
ราบเรี ยบ สมบูรณ์ แสดงถึงส่วนที่ถกซ่อนเอาไว้
ู
• เส้ นแนวตัง้ ให้ ความรู้สก มันคง
ึ ่ • เส้ นก้ นหอย ให้ ความรู้สก เคลื่อนไหว
ึ
แข็งแรง ไม่มีที่สิ ้นสุด
• เส้ นทแยง ให้ ความรู้สก ไม่มนคง
ึ ั่ • เส้ นคลื่น ให้ ความรู้สกถึง การ
ึ
รวดเร็ว แสดงถึงการเคลื่อนไหว เคลื่อนไหวอย่างนิ่มนวล
• เส้ นตัดกัน ให้ ความรู้สก ประสาน
ึ • เส้ นซิกแซก ให้ ความรู้สก น่ากลัว
ึ
แข็งแกร่ง หนาแน่น อันตราย
• เส้ นโค้ ง ให้ ความรู้สก อ่อนช้ อย อ่อน
ึ
น้ อม

4. องค์ประกอบของงานกราฟิ ก (ต่อ)
4. รูปร่าง (Shape) เป็ นการนาเส้ น
มาประกอบกันเป็ นภาพ 2 มิติ
5. รูปทรง (Form) เป็ นการนาเส้ น
มาประกอบกันเป็ นภาพ 3 มิติ ซึง่
จะมีลกษณะเป็ นรูปร่างที่มีความ
ั
ลึก
6. แสงและเงา (Light and
Shade) เป็ นการให้ น ้าหนักแก่
ภาพ เห็นความทึบหรื อโปร่งแสง
รวมทังทิศทางของแสง
้

5. องค์ประกอบของงานกราฟิ ก (ต่อ)
7. สี (Color) เกิดจากเฉดสี ความเข้ ม 11. จังหวะลีลา (Rhythm) เป็ นการจัด
สี และความสว่างในการมองเห็น วางวัตถุที่มีความต่อเนื่อง แสดง
8. ลักษณะพื ้นผิว (Texture) ให้ ความถี่หรื อใกล้ ชิด ห่างหรื อไกลกัน
ความหมายต่อความรู้สกในการสัมผัส
ึ 12. ที่ว่าง (Space) เป็ นบริ เวณที่ไม่มี
วัตถุในภาพ วัตถุ เพื่อเพิ่มความชัดเจน ง่ายต่อการ
9. สัดส่วน (Proportion) คือความ รับรู้และเข้ าใจ รวมไปถึงความ
เหมาะสมของขนาดวัตถุ และที่วางใน
่ สวยงาม
ภาพ 13. ระยะของภาพ (Perspective)
10. ทิศทาง (Direction) เป็ นการนา คือมุมมองที่ทาให้ ภาพมีความสมจริ ง
สายตา จูงใจ และแสดงความ ภาพที่อยู่ใกล้ จะต้ องเห็นชัดเจน ภาพ
เคลื่อนไหวไปสูวตถุในภาพ
่ั ที่อยู่ไกลจะดูเลือนลาง

6. วงล้อสี ธรรมชาติ
• สีตามธรรมชาติ มาจากการสังเคราะห์ทางเคมี มีแม่สี 3 สีตรงตามหลัก
ศิลปะคือ แดง เหลือง และน ้าเงิน เมื่อนามาผสมกันจะเกิดเป็ นสีตางๆ
่

7. สี กับ ความรู้สึก
• สีแดง ให้ ความรู้สก อันตราย เร่าร้ อน
ึ • สีม่วง ให้ ความรู้สก หนัก สงบ มีเลศนัย
ึ
รุนแรง มันคง กามารมณ์ ความปรารถนา
่ ลึกลับ เวทมนตร์ คาถา ใคร่ครวญ ทาสมาธิ
ความอ่อนเยาว์ สีแดงมีพลังมากสามารถ • สีน ้าตาล ให้ ความรู้สก เก่า หนัก สงบเงียบ
ึ
บดบังสีอื่นๆ ความแข็งแรง ความจริ ง
• สีส้ม ให้ ความรู้สก สว่าง เร่าร้ อน ฉูดฉาด
ึ • สีขาว ให้ ความรู้สก บริ สทธิ์ สะอาด ใหม่
ึ ุ
สนุกสนาน สดใส
• สีเหลือง ให้ ความรู้สก สว่าง สดใส อบอุ่น
ึ • สีดา ให้ ความรู้สก หนัก หดหู่ เศร้ าใจ
ึ
สดชื่น ระวัง ทึบตัน ความมืด ความว่าง
• สีเขียว ให้ ความรู้สก งอกงาม พักผ่อน
ึ • สีเทา ให้ ความรู้สก นิ่งเฉย สงบ สลด ชรา
ึ
สดชื่น • สีทอง และสีเงิน ให้ ความรู้สก มันคง มังคัง
ึ ่ ่ ่
• สีน ้าเงิน ให้ ความรู้สก สงบ ผ่อนคลาย
ึ อุดมสมบูรณ์
สง่างาม ทึม เปล่าเปลี่ยว ช่างฝั น

8. วรรณะของสี
• วรรณะสีเย็น ความรู้สกที่ปรากฏใน
ึ • วรรณะสีร้อน ลักษณะของสีจะให้
ภาพจะแสดงความสงบ เยือกเย็น ความรู้สกสดใส ร้ อนแรง ฉูดฉาด รื่ น
ึ
จนถึงความเศร้ า ได้ แก่ น ้าเงิน ม่วง เริง สีในกลุมนี ้ได้ แก่ เหลือง แดง ส้ ม
่
เขียว และสีใกล้ เคียง และสีใกล้ เคียง

9. เทคนิคการนาสี ไปใช้งาน
• Mono เป็ นการใช้ สีไปในโทน • Triad คือการเลือก 3 สีที่มี
เดียวกันทังหมด
้ ระยะห่างเท่ากันในวงล้ อสีมาใช้ งาน
• Complement คือสีที่ตดกัน ซึง ั ่ • Analogic คือการเลือกสีใดสีหนึง่
เป็ นสีตรงกันข้ ามในวงล้ อสี ควรใช้ ใน มาใช้ งานพร้ อมกับสีข้างเคียง
สัดส่วนประมาณ 70:30

10. หลักการพิจารณาเกี่ยวกับการใช้สี
1. ใช้ สีสดสาหรับกระตุ้นให้ เห็นเด่นชัด 5. อย่าใช้ สีตดกัน สาหรับตัวอักษร
ั
เพื่อการมองเห็นระยะเวลาสันๆ ้ และพื ้นหลัง เพราะผู้อานจะต้ อง
่
2. ใช้ สีให้ ถกต้ อง มุงส่งเสริมเนื ้อหา
ู ่ เพ่งมาก
สาระที่ชดเจนตรงประเด็น
ั 6. ควรใช้ สีสดหรื อสีเข้ ม คูกบสีอ่อน
่ ั
3. ใช้ สีให้ เหมาะสมกับวัยของผู้บริโภค มากๆ จะทาให้ ดชดเจน และมี
ูั
เช่น เด็กควรใช้ สีขนที่ 1 ส่วนผู้ใหญ่
ั้ ชีวิตชีวา
ควรใช้ สีแท้ ผสมกับสีขาวหรื อดา 7. ควรหลีกเลี่ยงการใช้ สีกบพื ้นที่วาง
ั ่
4. อย่าใช้ สีหลายสีเกินไป เพราะจะลด มากๆ โดยไม่ทาให้ เกิดการเร้ าใจ
ความเด่นชัดของเนื ้อหาสาระ และ
สิ ้นเปลือง

11. รู ปแบบตัวอักษร
• ตัวอักษรแบบมีเชิง (Serif) ดูเป็ น • ตัวอักษรแบบไม่มีเชิง (Sans
ระเบียบ เหมาะกับงานที่เป็ นทางการ Serif) ดูอานง่าย ทันสมัย เหมาะ
่
ต้ องการความน่าเชื่อถือมากๆ กับงานที่ไม่เป็ นทางการมากนัก

12. รู ปแบบตัวอักษร (ต่อ)
• ตัวอักษรแบบตัวเขียน (Script) ดู
สนุกสนาน เหมาะกับงานที่ไม่เป็ น
ทางการ ต้ องการความเป็ นกันเอง
• ตัวอักษรแบบอาลักษณ์ (Text
Letter) ดูคล้ ายกับการเขียนด้ วย
พูกน นิยมใช้ กบเอกสารตาราสมัย
่ ั ั
โบราณ
• ตัวอักษรแบบประดิษฐ์ (Display
Type) มีลกษณะสวยงาม ดึงดูด
ั
สายตา นิยมใช้ เป็ นหัวเรื่ อง หรื อ
ประกาศนียบัตร

13. การจัดองค์ประกอบในงานออกแบบ
• จัดองค์ประกอบแบบ Unity คือ • จัดองค์ประกอบแบบ Balance
การเลือกใช้ องค์ประกอบที่สือความ คือการแบ่งส่วนซ้ ายกับขวา หรื อบน
หมายในทิศทางเดียวกัน เพื่อสร้ าง กับล่าง ให้ เท่าๆกัน มี 2 ลักษณะ
งานที่มีความหมายเดียว – Balance ด้ วยขนาด จัดให้ ภาพ 2
ส่วน มีขนาดเท่าๆ กัน
– Balance ด้ วยน ้าหนัก จัดให้ ภาพ
2 ส่วน มีสีสน รูปทรง ที่ให้ น ้าหนัก
ั
เท่าๆ กัน แม้ มีขนาดไม่เท่ากัน

14. การจัดองค์ประกอบในงานออกแบบ (ต่อ)
• จัดองค์ประกอบแบบเน้ นจุดสนใจ (Point of Interest) คือการ
วางจุดเด่นของภาพลงไปในตาแหน่งที่ทาให้ เกิดความน่าสนใจ

15. Assignment 2
1. จงใช้ โปรแกรม Photoshop นาภาพจากหลายไฟล์ต้นฉบับ ได้ แก่
ภาพถ่ายผู้จดทา ภาพวิว ภาพลายเส้ น ภาพรูปทรง มาประกอบกัน
ั
เป็ นภาพใหม่ โดยให้ มีความกลมกลืนของภาพ และความเหมาะสมใน
การจัดองค์ประกอบ พร้ อมใส่ข้อความเกี่ยวกับคติพจน์ และชื่อของ
ผู้จดทา
ั