การออกแบบกราฟิก ม.3

GDREASPIGHNIC การกอรอากฟแกบบ ตอนที 1 เสน้ และสี มธั ยมศึกษาปที 3 ค รู ป า น เ ท พ ภู ก ร ะ โ ท ก 1

GRAPHIC คืออะไร ? การออกแบบตัวอักษร รูปภาพ ลงบนพนื ผวิ แนวราบ 2 มติ ิและ ซงึ เปนการออกแบบเกียวกับสอื สิงพมิ พ์ ความสวยงามขนึ อยูก่ บั ความสามารรถของนักออกแบบทสี ามารถจัดวางภาพหรอตัวอกั ษร ไดอ้ ยา่ งมีศิลปะ การออกแบบกราฟก 2

DESIGN มธั ยมศึกษาปที 3 การออกแบบกราฟกมีหลายรูปแบบ เช่น - การออกแบบงานสือสิงพิมพ์ ได้แก่ ออกแบบจัดหนา้ หนงั สือ หนังสอื พิมพ์ หรอนิตยสาร รวมถงึ การออกแบบตวั อกั ษร - การออกแบบงานพิมพ์ เชน่ การออกแบบแผ่นพบั บรรจภุ ัณฑ์ หรอแผ่นโปสเตอร์ - การออกแบบสอื เคลือนไหว เช่น งานตัดต่อภาพยนตร์ หรอวดโิ อ - การออกแบบโฆษณา เชน่ ออกแบบปายสินค้า โลโกส้ ินค้า - การออกแบบงานวาดภาพประกอบ เชน่ งานวาดภาพ งานตกแตง่ ภาพ - การออกแบบภาพเคลอื นไหว เชน่ งานออกแบบภาพ 3 มติ ิ - การออกแบบเวบ็ ได้แก่ การออกแบบหน้าเวบ็ และทาํ สอื มลั ติมีเดยี 3

GRAPHIC ลักษณะของเส้น การเลอื กใชล้ ักษณะของเสน้ ใหเ้ หมาะกับผลงานนัน จะทาํ ใหผ้ ล งานทไี ดส้ อื ความหมาย และอารามณไ์ ดอ้ ย่างดี ควรเลอื กใชเ้ สน้ ให้ เหมาะสมกับผลงานทีทาํ หากใช้ประเภทของเส้นผิด ผู้ทดี ูผลงาน นนั ๆ อาจไมเ่ ข้าใจความหมาย หรออารมณท์ ีต้องการจะสอื ได้ ประเภทของเสน้ 4

DESIGN มธั ยมศึกษาปที 3 เสน้ ตัง หรอเสน้ ดิง ให้ความรู้สกึ ทางความสูงสง่า มันคง แข็งแรง หนักแนน่ เปนสญั ลกั ษณข์ องความซอื ตรง ดงั ตวั อยา่ งดา้ นลา่ งนี 5

GRAPHIC เสน้ นอน ใหค้ วามรู้สึกทางความกวา้ ง สงบ ราบเรยบ นงิ ผ่อน คลาย ดงั ตัวอยา่ งด้านล่างนี ประเภทของเสน้ 6

DESIGN มธั ยมศึกษาปที 3 เสน้ เฉยี ง หรอเสน้ ทแยงมุม ให้ความรู้สึก เคลือนไหว รวดเร็ว ไม่มนั คง ดงั ตัวอย่างดา้ นล่างนี 7

GRAPHIC เส้นหยกั หรอ เส้นซกิ แซกแบบฟนปลา ให้ความรู้สกึ เคลอื นไหวอยา่ งเปนจังหวะ มีระเบยี บ ไมร่ าบเรยบ น่ากลวั อันตราย ขัดแยง้ ความรุนแรง ดงั ตวั อย่างด้านลา่ งนี ประเภทของเสน้ 8

DESIGN มธั ยมศึกษาปที 3 เสน้ โค้ง แบบคลืน ใหค้ วามรู้สึก เคลอื นไหวอยา่ งชา้ ลืนไหล ตอ่ เนอื ง สุภาพ อ่อนโยน นุม่ นวล ดังตัวอย่างดา้ นล่างนี 9

GRAPHIC เสน้ โค้งแบบก้นหอย ใหค้ วามรู้สึกเคลือนไหว คลคี ลาย หรอเตบิ โตใน ทศิ ทางทหี มุนวนออกมา ถ้ามองเข้าไปจะเห็นพลังความ เคลือนไหวทีไมส่ นิ สุด ดงั ตัวอย่างด้านล่างนี ประเภทของเสน้ 10

DESIGN มธั ยมศึกษาปที 3 เสน้ โค้งวงแคบ ใหค้ วามรู้สึกถึงพลังความเคลอื นไหวทรี ุนแรง การ เปลยี นทิศทางทีรวดเร็วไม่หยุดนิง ดงั ตวั อยา่ งด้านลา่ งนี 11

GRAPHIC เส้นประ ใหค้ วามรู้สึกทีไมต่ อ่ เนอื ง ขาดหายไมช่ ัดเจน ทาํ ให้ เกิดความเครยด ดงั ตัวอย่างดา้ นล่างนี ประเภทของเสน้ 12

DESIGN มธั ยมศึกษาปที 3 ความสาํ คัญของเสน้ - ใช้ในการแบ่งทวี า่ งออกเปนส่วนๆ - กําหนดขอบเขตของทีวาง หมายถงึ ทําให้เกิดเปนรูปร่าง (Shape)ขนึ มา - กําหนดเสน้ รอบนอกของรูปทรง ทําใหม้ องเหน็ รูปทรง(Form)ชดั ขึน - ทําหน้าทีเปนนําหนกั ออ่ นแก่ของแสงและเงา หมายถงึ การแรงเงาด้วยเส้น - ใหค้ วามรู้สึกดว้ ยการเปนแกนหรอโครงสร้างของรูป และโครงสร้างของภาพ 13

GRAPHIC ความหมายของสตี ่างๆ แต่ละสีทมี อี ยบู่ นโลกนี สามารถสือความหมาย ความรู้สึก อารมณ์ และอนื ๆได้ เชน่ สอื ถงึ ความรุนแรง ความสงบ ความ อนั ตราย หรอความอบอุน่ เพราะฉนนั การเลือสใี ห้เขา้ กบั งานทที าํ ถอื เปนสงิ ทสี ําคัญอยา่ งยงิ เทียบเท่ากับเสน้ ความหมายของสี 14

DESIGN มธั ยมศึกษาปที 3 สีแดง เปนสขี องดวงอาทิตยแ์ ละไฟ เมือเห็นสี แดงเราจะรู้สกึ ถงึ ความร้อน พลังงาน ความ รุนแรง ความกลา้ าญ ความตนื เต้น มอี ํานาจ ความมีชีวตชวี า ความรัก ความปรารถนา สี แดงเปนสที มี พี ลังงานมากสามารถบดบงั สี อืนๆ จงึ ไม่เหมาะทีจะใชเ้ ปนสพี นื หรอฉากหลัง เมอื นาํ สแี ดงมาผสมกบั สีขาวจะเปนสีชมพู สี แดงจะลดพลงั ลงและทาํ ให้รู้สกึ ถงึ ความออ่ น หวาน นมุ่ นวล 15

สีนาํ ตาล GRAPHIC 16 แสดงถึงความเก่า ความโบราณ ความ สงบ ความเรยบง่าย ความมนั คง แขง็ แรง เข้มแขง็ ความเปนจิง และอบอ่นุ บางครังเรา ใชส้ อื ถึงไม้ ความหมายของสี

DESIGN มธั ยมศึกษาปที 3 สเี หลือง เปนสีทมี พี ลังมากในความสวา่ งใหอ้ ารมณ์ที สดใส ปลอดโปร่ง ความหนมุ่ สาว ความร่าเรง ความรุ่งเรอง ความมังคัง ใหค้ วามรู้สึกเย็น มากกวา่ สีเหลอื งอมส้มแต่กอ็ ่นุ กวา่ สีเหลืองอม เขยี ว สเี หลืองสะทอ้ น ถึงสตปิ ญญามากกวา่ จติ ใจคุณลกั ษณะของสีเหลืองจะรู้สึกได้เมือมีสที ี สองปรากฏอยดู่ ้วย เชน่ เมอื อยกู่ บั สเี ขยี วจะ ทําใหร้ ู้สกึ มันคงและจับตอ้ งไดม้ ากขึน 17

สนี ําเงนิ GRAPHIC 18 เปนสีทแี สดงถึงความสงบเงียบ ความสุ ขรม เยอื กเย็น ความเปนสภุ าพบรุ ุษ ความ หนักแน่น ความสูงศักดิ ความหมายของสี

DESIGN มธั ยมศึกษาปที 3 สฟี า ให้ความรู้สกึ ปลอดโปร่งสบายตาเหมอื น ทอ้ งฟาทเี รามองอยทู่ ุกวนั ความเปนอสิ ระเสร ความสงบ ความเรยบร้อย ปาณีต เปนสีแหง่ ความคิดสร้างสรรคแ์ ละจนิ ตนาการทไี มม่ ี ขอบเขต 19

สเี ขียว GRAPHIC เปนสีของตน้ ไม้ แสดงถงึ ความร่มรน 20 สดชนื สบายตา และช่วยใหค้ วามคิดพลุ่ง พลา่ นสงบลง เปนสกี ลาง ๆ ไมเ่ ย็นและไมร่ ้อน สเี ขียวอมฟา สฟี าพลอย เปนสญั ลักษณ์ของ นาํ และการเคลอื นไหวโดยปกตแิ ล้วสีเขยี วอม ฟาเปนสีตรงขา้ มกับสีฟา ความหมายของสี

DESIGN มธั ยมศึกษาปที 3 สมี ว่ ง เปนสีทแี สดงถงึ ความรู้สกึ ใคร่ครวญ การ ทาํ สมาธิ ความลกึ ลับ เวทมนตค์ าถา และความ เก่าแกโ่ บราณในสมัยอยี ิปตโ์ บราณ สีม่วงแดง เปนสขี องกษัตรย์ 21

สีส้ม GRAPHIC ให้ความรู้สึกดงึ ดดู ความทันสมยั ความ 22 สดใส กระฉบั กระเฉงและมพี ลงั ความ สนกุ สนาน ร่าเรง ความหมายของสี

DESIGN มธั ยมศึกษาปที 3 สีทอง มีตาํ แหนง่ ในวงล้อสใี กล้สีส้ม และนบั วา่ เปน สอี นุ่ สหี นึงเปนตวั แทนของความมีคุณคา่ ความ หรูหรา ราคาแพง มักใช้แสดงถึงสิงของหายาก ความสําคัญ ความสูงส่ง ความสงู ศกั ดิ ความ ศรัทธาสงู สุด เจดยี ์ และพระพุทธรูปตา่ ง ๆ มกั เปนสีทอง เปนเครองประกอบยศศักดิ ของ กษัตรย์และขุนนาง 23

สีเทา GRAPHIC เปนสีทีให้ความรู้สึกเศร้า หมน่ หมอง ไร้ 24 ชีวตชีวา สีเทามีระดับสีทอี อ่ นแบะแก่แตกตา่ ง กันหลายระดบั อาจพบเหน็ โดยทวั ไปจากการดู ภาพขาวดํา การอ่านหนงั สอื พมิ พแ์ ละหนังสือ ต่าง ๆ ความหมายของสี

DESIGN มธั ยมศึกษาปที 3 สีดํา เปนสญั ลักษณข์ องความมดื ความวา่ ง ความไม่เหน็ ซอ่ นความรู้สกึ ความนา่ กลัว ความ ลกึ ลบั ในการตพี ิมพ์สดี าํ มคี ่าในทางบวกมาก เนืองจากเมอื เราใชส้ อี นื ๆ ไม่วา่ จะเปนภาพหรอ ตวั อกั ษรวางลงไป กจ็ ะทาํ ใหส้ ีเหลา่ นันเจดิ จา้ สะดุดตาขึน 25

สีขาว GRAPHIC แสดงถงึ ความซือ ความสะอาด ความ 26 เรยบงา่ ย ความสดใส ความวา่ งเปล่าจาก กเิ ลส ตณั หา ไม่เปนทงั สีอนุ่ และเยน็ ยกเวน้ เมอื อย่กู บั สเี หลืองจะทาํ ใหส้ เี หลอื งจ้าขนึ เรา สามารถวางภาพ หรออกั ษรสตี ่าง ๆ ลงบน พนื ขาวไดผ้ ลดีเช่นเดียวกับสีดํา ความหมายของสี

DESIGN มธั ยมศึกษาปที 3 แหล่งทีมา - HONG THAI หงส์ไทย. 2564. ออกแบบกราฟก คืออะไร และสําคญั อยา่ งไร. [ระบบออนไลน์]. แหล่งทีมา https://hongthaipackaging.com/blog/what-is-graphic-design/. (3 กุมภาพันธ์ 2564) - BICEC วทยาลยั การอาชพี บ้านลาด . 2564. ส่วนประกอบขององค์ประกอบของศลิ ป. [ระบบออนไลน]์ . แหล่ง ทมี า https://sites.google.com/a/bicec.ac.th/e-learning/hnwy-thi-1-hlak-kar-cad-xngkh- prakxb-silp-hna3?tmpl=%2Fsystem%2Fapp%2Ftemplates%2Fprint%2F&showPrintDialog=1. (3 กุมภาพนั ธ์ 2564) - เจนจริ า อาจเพญ็ สีกบั การออกแบบงานกราฟก. 2559. สแี ละความหมายของส.ี [ระบบออนไลน์]. แหลง่ ทมี า https://sites.google.com/site/cenciraxacphey/si-laea-khwam-hmay-khxng-si. (3 กมุ ภาพนั ธ์ 2564) 27

จัดทาํ โดย 624144005 นายปานเทพ ภกู ระโทก สาขาวชาคอมพวิ เตอร์ศึกษา ชันปที 2 เสนอ อาจารย์ สจุ ิตตรา จนั ทร์ลอย รายวชา PC62506 นวตั กรรมและเทคโนโลยสี ารสนเทศเพือการสือสารการศกึ ษา การออกแบบกราฟก 28