หน่วยที่ 1 ความรู้พื้นฐานเกี่ยวกับภาพกราฟิก

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

ห น่ ว ย ท่ี 1 ค ว า ม รู้ พ้ื น ฐ า น เ ก่ี ย ว กั บ ภ า พ ก ร า ฟิ ก ห น้ า | 2 จุดประสงค์การเรียนรู้ 1. แสดงความร้พู น้ื ฐานเกี่ยวกบั โปรแกรมกราฟกิ 2. แสดงความร้เู ก่ยี วกบั องคป์ ระกอบของภาพกราฟกิ 3. ใช้โปรแกรมกราฟิกสำนรบั ผลิตสอื่ ดจี ทิ ัลให้เหมาะสมกับงานธรุ กิจ แผนผงั ความคิด ความร้พู ้นื ฐานเกย่ี วกับภาพกราฟิก (Mind Mapping) - ความหมายของกราฟกิ - ประเภทของรูปร่างและภาพกราฟิก - หลักการของภาพกราฟิกแบบเวกเตอร์และบิตแมป - องคป์ ระกอบของภาพกราฟกิ - รูปแบบของแฟม้ ขอ้ มลู ภาพกราฟกิ - คอมพิวเตอร์กราฟิกกบั การประยกุ ตใ์ ช้งานด้านต่าง ๆ

ห น่ ว ย ท่ี 1 ค ว า ม รู้ พ้ื น ฐ า น เ กี่ ย ว กั บ ภ า พ ก ร า ฟิ ก ห น้ า | 3 แบบทดสอบ ก่อนเรียน หนว่ ยท่ี 1 ความรเู้ บอื้ งตน้ เก่ยี วกบั เวบ็ ไซต์ คำสง่ั :: จงทำเคร่อื งหมาย (X) ทับตัวเลือกท่ีถูกต้อง 1. ระบบต้นแบบของเว็บไซตม์ ีชอื่ เรียกวา่ อยา่ งไร ก. ENIAC ข. ENQUIRE ค. Hypertext ง. WorldWideWeb 2. ประเภทของเวบ็ ไซตแ์ บ่งออกเป็นกี่ประเภท ก. 6 ประเภท ข. 7 ประเภท ค. 8 ประเภท ง. 9 ประเภท 3. ขอ้ ใดให้ความหมายของเวบ็ ไซตไ์ ด้ถกู ตอ้ งท่ีสดุ ก. เอกสารเว็บเพจที่ทำหนา้ ท่ีเปน็ หนา้ แรกของเว็บไซต์ ข. เอกสารหน้าเว็บเพจหลายหน้าท่ีเชื่อมโยงกัน ค. หน้าเอกสารหนงึ่ หนา้ ภายในประกอบดว้ ยข้อความ ภาพ ลงิ ค์ ง. เปน็ บริการขอ้ มูล โดยข้อมูลจะอยู่ในรปู เอกสารแบบ Hypertext 4. เว็บเบราวเ์ ซอรแ์ ละเอดิเตอรต์ วั แรกของโลกช่ือว่าอะไร ก. ENIAC ข. ENQUIRE ค. Hypertext ง. WorldWideWeb 5. ขอ้ ใดตอ่ ไปนีไ้ มใ่ ช่โปรแกรมเวบ็ เบราเซอร์ ก. Google Chrome ข. Dreamweaver ค. Netscape Navigator ง. Safari 6. เว็บที่สร้างข้ึนโดยกล่มุ บุคคลหรือองค์กรต่าง ๆ ที่มีนโยบายในการสร้างสรรค์ทชี่ ่วยเหลือสงั คม คือเวบ็ ไซต์ประเภทใด ก. เว็บขอ้ มูล (Information site) ข. เว็บองค์กรทไ่ี ม่แสวงหาผลกำไร ค. เว็บทา่ (Portal site) ง. เวบ็ บนั เทิง (Entertainment site)

ห น่ ว ย ท่ี 1 ค ว า ม รู้ พ้ื น ฐ า น เ ก่ี ย ว กั บ ภ า พ ก ร า ฟิ ก ห น้ า | 4 7. เว็บไซต์ www.google.co.th เป็นเว็บไซตป์ ระเทศใด ก. ประเทศไทย ข. ประเทศจนี ค. ประเทศองั กฤษ ง. ประเทศออสเตรเลยี 8. เวบ็ ไซต์ www.google.co.th เป็นเวบ็ ไซตเ์ กยี่ วกบั ข้อใด ก. เวบ็ ไซต์สถาบันการศกึ ษา ข. เวบ็ ไซตบ์ ริษทั หรือ องค์กรพาณิชย์ ค. เวบ็ ไซต์องคก์ รทใ่ี หบ้ ริการเครอื ขา่ ย ง. เวบ็ ไซต์องค์กรของรัฐบาล 9. เวบ็ ไซต์ https://www.alibaba.com ขอ้ ใดต่อไปนี้หมายถึชื่อเวบ็ ไซต์ (domain name) ก. www ข. alibaba ค. .com ง. https 10. ข้อใดให้ความหมายของ โฮมเพจไดถ้ กู ต้อง ก. เอกสารเว็บเพจท่ที ำหน้าทีเ่ ป็นหนา้ แรกของเวบ็ ไซต์ ข. เอกสารหน้าเวบ็ เพจหลายหน้าที่เชอ่ื มโยงกัน ค. หนา้ เอกสารหน่ึงหน้าภายในประกอบด้วยข้อความ ภาพ ลงิ ค์ ง. เป็นบริการข้อมลู โดยขอ้ มูลจะอยู่ในรปู เอกสารแบบ Hypertext

ห น่ ว ย ท่ี 1 ค ว า ม รู้ พ้ื น ฐ า น เ ก่ี ย ว กั บ ภ า พ ก ร า ฟิ ก ห น้ า | 5 1. ความหมายของกราฟกิ กราฟิก (Graphic) หมายถงึ ศิลปะแขนงหนง่ึ ซึ่งใชส้ ่ือความหมายด้วยเสน้ สัญลักษณ์ รูปวาด ภาพถา่ ย กราฟ แผนภมู ิ การ์ตนู ฯลฯ เพอ่ื ให้สามารถสือ่ ความหมายของชอั มูลได้ถูกตอ้ งตรงตามที่ผู้สือ่ สารต้องการ ส่วนคำว่า คอมพิวเตอร์กราฟิก (Computer Graphics : CG) หมายถึง การสร้าง การตกแต่การจัดการ เกี่ยวกับรูปภาพ โดยใช้เครื่องคอมพิวเตอร์ในการจัดการ การสร้างภาพตามจินตนาการและการใช้ภาพกราฟิกในการ นำเสนอช้อมูลต่าง เพื่อให้สามารถสื่อความหมายได้ตรงตามที่ผู้สือ่ สารต้องการและเพิ่มความน่าสนใจมากยิง่ ขึ้นด้วย กราฟ แผนภูมิ แผนภาพ ฯลฯ 2. ประเภทของรูปรา่ งและภาพกราฟิก รปู รา่ งแบ่งเปน็ 2 ประเภท คอื 2.1 รูปสองมิติ (2D shapes) คือ เส้นรอบนอกทางกายภาพของวัตถุ สิ่งของเครื่องใช้ คน สัตว์ และพืชมี ลักษณะเป็น 2 มิติ มีความกว้างและความยาวแบ่งออกเป็น 2 กลุ่มใหญ่ตามลักษณะของขอบหรือด้านของรูป ได้แก่ กลมุ่ ท่มี ีชอบหรอื ด้านของรปู เปน็ ส่วนของเสน้ ตรง กลุ่มน้ี คอื รูปหลายเหลีย่ ม (Polygon) กลมุ่ ที่มขี อบหรือด้านเป็นเส้น โค้งงอ เชน่ รปู วงกลม และรปู วงรี ฯลฯ กลุ่มน้ไี มม่ ีชือ่ เรียกโดยเฉพาะ 2.2 รูปสามมิติ (3D shapes) คือ โครงสร้างทั้งหมดของวัตถุที่ปรากฏแก่สายตาในลักษณะ 3 มิติ มีท้ัง ส่วนกวา้ งสว่ นยาว ส่วนหนาหรือลกึ โดยจะให้ความรู้สึกเปน็ แทง่ มเี นอ้ื ทภ่ี ายใน มปี ริมาตร และมนี ้ำหนัก สรปุ ขอ้ แตกตา่ งระหว่างภาพ 2 มติ ิกบั 3 มติ ิ ใน 2 มติ ิ และ 3 มิติ คำว่า มิติ (D) จะระบขุ นาดท่ีเกีย่ วช้องกบั รูปร่าง ดงั น้ัน ความแตกตา่ งหลกั ระหวา่ งรปู ร่าง 2 มิติ และ 3 มิติ คือ รูปร่าง 2 มิติ ประกอบด้วยสองมิติที่มีความยาวและความกวา้ ง ในทางตรงกนั ข้าม รูปร่าง 3 มิติ นน้ั รวมเอาสามมิติท่ีมีความยาว ความกวา้ ง และความสูง ประเภทของภาพกราฟิกแบบ 2 มิติ และ 3 มติ ิ มีลกั ษณะดังนี้ 1) ภาพาราฟิกแบบ 2 มิติ (2 Dmension : 2D) เป็นกาพที่พบเห็นโดยทั่วไป เช่น ภาพถ่าย รูปวาด ภาพ ลายเส้นสัญลักษณ์ กราฟ รวมถึงการ์ตูนต่าง ๆ ในโทรทัศน์ ตัวอย่างเช่น การ์ตูนเรื่องพิภพยมราช ชินจัง และโดราเอ มอนเกมแพลตฟอร์ม Sprite *ฯลฯ ซึ่งการ์ตนู จะเปน็ ภาพกราฟิกเคลือ่ นไหว (Animation) โดยจะมีกระบวนการสรา้ ง ทชี่ ับซอ้ นกวา่ ภาพปกติ 2) ภาพกราฟิกแบบ 3 มิติ เป็นภาพกราฟิกที่ใช้โปรแกรมสร้างภาพ 3 มิติ โดยเฉพาะ เช่น โปรแกรม 3Ds Maxโปรแกรม Maya ฯลฯ ซึ่งทำให้ได้ภาพที่มีสีและแสงเงาเหมือนจริง เหมาะกับงานด้านสถาปัตยกรรมและการ ออกแบบต่าง ๆ รวมถงึ การสรา้ งเปน็ ภาพยนตร์การ์ตนู หรอื โฆษณาสนิ ค้าตา่ ง ๆ เช่น ภาพยนตร์แอนเิ มชนั เรื่อง นโี ม... ปลาเลก็ หัวใจโต.้ ..โต (FINDING NEMO) ๙ ศาสตรา และการต์ ูนแอนิเมชนั เร่ืองกา้ นกลว้ ย ฯลฯ 3. หลักการของภาพกราฟกิ แบบเวกเตอร์และบติ แมป ภาพกราฟิกแบบเวกเตอร์ (Vector) คือ การสร้างภาพโดยอาศัยการวาดเส้นและรูปทรงของภาพโดยการ คำนวณจากจุดและสมการทางคณิตศาสตร์ ภาพจะมีความเป็นอิสระด้วยกัน แยกชิ้นส่วนของภาพทั้งหมดออกเป็น เส้นตรง (Straight Line) เส้นโค้ง (Curves) รูปทรง (Shape) เมื่อมีการขยายความละเอียดของภาพจะไม่ลดลง ข้อดี

ห น่ ว ย ที่ 1 ค ว า ม รู้ พ้ื น ฐ า น เ กี่ ย ว กั บ ภ า พ ก ร า ฟิ ก ห น้ า | 6 ของภาพเวกเตอร์ คือ มีความละเอียดในการแสดงสูงมาก สามารถย่อหรือขยายได้โดยทีภ่ าพยังคงความละเอียดเสมอ แต่การแสดงผลจะช้ากวา่ ภาพแบบบติ แมป ทั้งนี้ ภาพกราฟิกแบบเวกเตอร์ (Vector) นิยมใช้ในงานสถาปัตยกรรมตกแต่งภายในและการออกแบบต่าง ๆ เช่น การออกแบบรถยนต์ การสร้างโลโก การออกแบบอาคาร การสร้างภาพการ์ตูน ฯลฯ โปรแกรมที่นิยมใช้ คือ โปรแกรม Adobe IIIustrator, Macromedia Freehand, Light Wave, Text3D, CorelDRAW, Maya, Macromedia Flash, 3Ds Max และ AutoCAD ฯลฯ ภาพกราฟิกแบบบิตแมป (Bitmap) คือ การสร้างภาพโดยใช้จุดสีเล็ก ๆ จำนวนมาก ซึ่งเรียกว่า พิกเซล (Pixel) ภายในแต่ละพิกเซลจะมีองค์ประกอบที่ใช้ในการแสดงสี รูปทรง รูปแบบไฟล์ ทั้งนี้ องค์ประกอบของพิกเซล เหล่านี้ (Bit)ขอ้ ดี คือ ภาพไดม้ ีความละเยดสวยงาม ทำใหท้ คนิคการสร้างภาพแบบบิตแมป กบั งานภาพที่ตอ้ งการความ ละเอียดมาก เช่น ภาพถ่าย แต่ปัญหาที่เกิดขึ้นตามมา คือ เมื่อภาพมีความละเอียดมากขนาดของภาพจะใหญ่ตามไป ดว้ ยและจะทำใหค้ วามละเอียดของภาพลดลง การกำหนดพิกเซลควรกำหนดให้เหมาะสมกบั งานที่สร้าง ดงั นี้ 1) ชง้ านทัว่ ไป กำหนดจำนวนพิกเซลประมาณ 100-150 ppi (Pixels/Inches) หรอื จำนวน 1 ตารางน้วิ 2) งานที่ต้องการความละเอียดน้อยและแฟ้มภาพมีขนาดเล็ก เช่น ภาพสำหรับใช้กับเว็บไซค์ กำหนดจำนวน พิกเชลประมาณ 72 ppi 3) งานพิมพ์ เช่น นิตยสาร โปสเตอร์ขนาดใหญ่ กำหนดจำนวนพิกเซลประมาณ 300-350 ppi ข้อดีของ ภาพกราฟิกแบบบิตแมป คือ สามารถแกไ้ ข ปรับแตง่ สี ตกแต่งภาพได้งา่ ยและสวยงาม โปรแกรมท่ีนยิ มใช้ คอื Adobe Photoshop, Fractal Design Painter, Paint Shop Pro, LView ฯลฯ ตารางเปรียบเทียบขอ้ แตกต่างระหวา่ งภาพกราฟิกแบบเวกเตอร์กบั แบบบิตแมป ภาพกราฟิกแบบเวกเตอร์ (Vector) ภาพกราฟกิ แบบบิตแมป (Bitmap) 1. ใช้สมการทางคณิตศาสตร์เป็นตัวสร้างภาพโดยรวม 1. ลักษณะภาพประกอบข้นึ ด้วยจุดตา่ ง ๆ มากมาย เอาวัตถุ (Object) เช่น วงกลม เส้นตรงต่างชนิดมาผสม 2 ภาพมีจำนวนพิกเซลคงที่จึงต้องการค่าความละเอียด กนั มากขึน้ เมอื่ ขยายภาพ โดยจะคำนวณค่าสีทีละพิกเซลทำ 2. สามารถย่อและขยายขนาดได้มากกว่า โดยสัดส่วน ให้ภาพแตกเมอื่ ขยายภาพให้ใหญ่ขน้ึ และลักษณะของภาพยังเหมือนเดิม ความละเอียดของ 3. เหมาะสำหรับงานกราฟิกในแบบที่ต้องการให้แสงเงา ภาพไม่เปล่ียนแปลง ในรายละเอียด 3. เหมาะสำหรับงานแบบวางโครงร่าง (Layout) งาน 4.แสดงภาพบนจอทันทีเมื่อรับคำสั่งย้ายข้อมูลจาก พ ิ ม พ ์ ต ั ว อ ั ก ษ ร ( Line Art) ห ร ื อ ภ า พ ป ร ะ ก อ บ หนว่ ยความจำทเ่ี กบ็ ภาพไปยังหน่วยความจำของจอภาพ (Illustration) 4.คอมพิวเตอร์จะใช้เวลาในการแสดงภาพมากกว่า เนือ่ งจากต้องทำตามคำสั่งท่มี ีจำนวนมากกวา่

ห น่ ว ย ที่ 1 ค ว า ม รู้ พ้ื น ฐ า น เ กี่ ย ว กั บ ภ า พ ก ร า ฟิ ก ห น้ า | 7 โปรแกรมที่ใชส้ ำหรับงานแบบเวกเตอรก์ บั แบบบิตแมป โปรแกรมกราฟิกแบบเวกเตอร์ (Vector) โปรแกรมกราฟิกแบบบิตแมป (Bitmap) 1. Adobe Illustrator 1. Adobe Photoshop 2. Freehand 2. Fractal Design Painter 3. CorelDRAW 3. Paint Shop Pro 4. LightWave 4. LView 5. Flash 5. Painter 4. องค์ประกอบของภาพกราฟกิ องคป์ ระกอบหลกั ในงานกราฟกิ จะแบง่ ออกเป็น 8 ชนดิ คือ จดุ เส้น รูปร่างและรปู ทรง นำ้ หนกั สี ท่วี ่างพื้นผวิ และตัวอกั ษร 4.1 จดุ (Dot) เป็นองคป์ ระกอบที่มีขนาดเลก็ ไม่มีมติ ิ จดุ เมอ่ื อย่ใู นพนื้ ทีว่ า่ งจะมีผลตอ่ ความรสู้ ึกของผดู้ ู และเมอื่ นำจดุ มาเรียง ตอ่ กนั๋ จะกลายเป็นเส้น จดุ ที่รวมตวั กนั อยา่ งหนาแน่นและค่อย ๆ กระจายตัวออกไปจะทำใหเ้ กิดน้ำหนกั 4.2 เส้น (Line) เป็นส่อื แสดงขอบเขตของภาพ ขอบเขตของรปู รา่ ง รปู ทรง ขนาดและทศิ ทาง เสน้ มีลักษณะ 2 อย่าง ได้แก่ 4.2.1 เส้นตรง เปน็ เสน้ ทแี่ สดงถึงความสง่ เขม้ แข็ง ความรูส้ ึกม่นั คง แข็งแรง ได้แก่ 1) เสน้ ตงั้ เปน็ เสน้ ทแ่ี สดงถึงความสูง ความมีระเบียบ 2) เส้นนอน เปน็ เสน้ ท่ีแสดงถงึ ความกว้าง ความสงบ ความนงิ่ เฉย 3) เส้นทแยง เป็นเส้นที่แสดงความเคลื่อนไหวหรือการไม่อยู่นิ่ง ไม่หนักแน่น อันตราย ความเร็ว และแสดงทศิ ทาง 4) เสน้ หยกั เปน็ เสน้ ท่ใี หค้ วามร้สู กึ ตน่ื เต้น เคลื่อนไหว แปลกตา ไม่แน่นอน 5) เสน้ ประ เป็นเส้นทใ่ี หค้ วามรูส้ ึกไม่ตอ่ เนอ่ื ง ขาดหาย ไมช่ ัดเจน ทำให้เกิดความเครยี ด 4.2.2 เสน้ โคง้ เป็นเส้นท่ีใหค้ วามรู้สึกอ่อนชัอย นุ่มนวล ว่าเรงิ ให้ทศิ ทางการเคลอื่ นไหวที่ละมุนละไม ไดแ้ ก่ 1) เสน้ โคง้ แบบกันหอย ให้ความร้สู ึกเคลื่อนไหว คลค่ี ลายหรอื เตบิ โตในทิศทางท่ีหมุนวน ถ้า มองเข้าไปจะเห็นพลังความเคลื่อนไหวท่ไี มส่ ิน้ สุด 2) เส้นโค้งแบบคลื่น ให้ความรู้สึกเคลื่อนไหวอย่างช้า ๆ ลื่นไหล ต่อเนื่อง สุภาพ อ่อนโยน นุ่มนวล 3) เส้นโค้งแบบวงแคบ ให้ความรู้สึกถึงพลังความเคลื่อนไหวที่รุนแรง การเปลี่ยนทิศทางท่ี รวดเรว็ ไม่หยุดนงิ่ 4.3 รูปร่างและรูปทรง (Shape, Form) เป็นรูปทเี่ กิดจากการนำเส้นมาประกอบกันเปน็ รูป ไดแ้ ก่ 4.3.1 รูปร่าง (Shape) เปน็ รูปทม่ี ลี กั ษณะ 2 มิติ มเี นื้อที่ มขี อบเขต 4.3.2 รปู ทรง (Form) เป็นรูปทม่ี ีลกั ษณะ 3 มิติ มีปริมาตรท่เี ป็นความหนาหรือความลกึ

ห น่ ว ย ท่ี 1 ค ว า ม รู้ พ้ื น ฐ า น เ ก่ี ย ว กั บ ภ า พ ก ร า ฟิ ก ห น้ า | 8 4.4 น้ำหนกั (Value) เป็นคุณค่าของความอ่อน-แก่ของสีหรือแสงเงาที่นำมาใช้ในการแสดงออกทางศิลปะ ทำให้มองดูมี ความกลมกลืนและความต้ืนลึก 4.5 สี (Color) เป็นองค์ประกอบที่สำคัญอย่างหนึ่งในการสร้างสรรค์ศลิ ปะ สีในงานศิลปะจะมีผลทางจิตใจ เรียกว่า จิตวิทยาแห่งสี (Psychology of Colors) เช่น สีแดง ให้ความรู้สึกอันตรายเร่าร้อน สีนำ้ เงนิ ให้ความรูส้ ึกสงบ รนุ แรง ม่ันคงอดุ มสมบูรณ์ ผอ่ นคลาย สงา่ งาม อึมครึม สีส้ม ให้ความรู้สึกสว่าง เร่าร้อน สมี ่วง ให้ความรู้สึกหนัก สงบ มี ฉูดฉาด เลศนยั สีเหลือง ให้ความรูส้ กึ สว่าง สีน้ำตาล ใหค้ วามร้สู กึ เกา่ สดใส สดช่ืน ระวงั หนกั สงบเงยี บ สีเขียว ให้ความรู้สึกงอกงาม พักผ่อน สีดำ ใหค้ วามร้สู กึ หดหู่ สดชืน่ เศรา้ ใจ ทึบตัน สขี าว ใหค้ วามร้สู กึ บริสุทธ์ิ สะอาด ใหม่ สดใส 4.6 ท่ีวา่ ง (Space) ในงานศลิ ปะ หมายถงึ บรเิ วณหรือพืน้ ท่ตี ่าง ๆ ในงานน้ัน ๆ 4.7 พน้ื ผิว (Texture) ในงานออกแบบกราฟิก พื้นผิวจะเป็นอีกหนึง่ องค์ประกอบที่ช่วยสื่ออารมณ์ของงานออกมาไดซ้ ัดเจนมาก ข้ึน เชน่ ถ้าเลอื กพมิ พง์ านลงในกระดาษ Glossy ทเ่ี งาและแวววาว งานนั้นจะส่ือออกไปได้ทันทีวา่ \"หรู มีระดบั \" หรือถ้า ใสล่ วดลายท่ดี คู ล้าย ๆ สนมิ หรือรอยเปื้อนลงไปในงานจะส่ือถงึ \"ความเกา่ \" 4.8 ตัวอักษร (Type) ตัวอักษรเป็นสิ่งที่สำคญั ไม่น้อยกว่าสว่ นอื่น ในการออกแบบงานกราฟิกท่ีดี นัออกแบบอาจจะใช้เพียงแค่ ตัวอกั ษรและสี เป็นส่วนประกอบเพียงสองอย่าง เพ่อื สรา้ งสรรค์งานทส่ี ามารถสือ่ ความหมายออกมาได้ 5. รปู แบบของแฟม้ ข้อมลู ภาพกราฟิก รูปแบบของแฟ้มข้อมูลภาพกราฟิก หมายถึง รูปแบบของช้อมูลที่ใช้ในการจัดเก็บภาพกราฟิกลงในแฟ้มมี หลายรูปแบบให้เลอื กใช้งาน ดังนี้ 5.1 .GIF (Graphics Interchange Format) คือ รูปแบบแฟ้มภาพและแฟ้มภาพเคลื่อนไหว ถูกออกแบบ โดยบริษัท CompuServe เพื่อใช้กับคอมพิวเตอร์ต่างแบบต่างรุ่นได้ ทำให้เหมาะสำหรับการนำมาใช้ในเว็บเพจเพราะ ต้องแสดงไดบ้ นเคร่อื งท่แี ตกตา่ งกัน แตข่ อ้ จำกัดของ ,GIF ที่สำคัญ คอื สามารถใชส้ ไ่ ด้สูงสุดเพยี งครัง้ ละ 256 สี เท่านั้น กราฟกิ ชนดิ .GIF ใชก้ ารบบี อัดขอ้ มูลเพ่ือลดพ้ืนท่ีการจัดเก็บข้อมูล ลักษณะการบีบอัดข้อมูลในรูปแบบนี้ จะได้ผลมาก กับกราฟิกท่ใี ช้สที ี่มีความสม่ำเสมอ เชน่ ภาพ การต์ ูน หรอื โลโก โดยทจี่ ำนวนสีท่ีใช้ไมม่ ากนัก

ห น่ ว ย ท่ี 1 ค ว า ม รู้ พ้ื น ฐ า น เ กี่ ย ว กั บ ภ า พ ก ร า ฟิ ก ห น้ า | 9 5.2 JPEG (Joint Photographic Expert Group Graphics) คือ รปู แบบการบีบอดั แฟม้ ภาพแบบสญู เสยี โดยยงั ใหเ้ สยี ความละเอยี ดน้อยท่ีสุด รูปแบบแฟม้ สำหรบั วธิ กี ารนี้ ได้แก่ jpeg jpg jpe jiff jfi (จะเป็นตัวเลก็ หรือตวั ใหญก่ ไ็ ด้ ซ่ึงเปน็ รปู แบบไฟล์ภาพ สำหรบั ภาพถ่าย เชน่ ภาพถ่ายธรรมชาติ ภาพถ่ายคน รถ สงิ่ ของ ฯลฯ รปู แบบแฟม้ JPEG นี้ เปน็ รปู แบบแฟม้ ท่ีใชก้ ันในการจดั เก็บและแลกเปลย่ี นรูปภาพบนเว็บไซตม์ ากทีส่ ุด โดยเฉพาะภาพถ่าย เนอ่ื งจาก สามารถเกบ็ ความละเอยี ดของภาพได้สูงโดยใชข้ นาดไฟลท์ ่ีเล็ก สามารถเก็บภาพสีได้หลากหลายระดบั ความแมน่ ยำของ สี (Bit Depth) ความสามารถในการยอ่ ขนาดไฟล์ของแฟ้ม .JPEG น้ัน เกดิ จากการใชเ้ ทคนคิ การยอ่ ขนาดภาพแบบการ บีบอดั คงข้อมูลหลัก (Lossy Compression) หรือการบบี อัดแบบ มีความสญู เสยี ทำใหไ้ มน่ ิยมใช้กบั ภาพที่เป็นลายเส้น หรือไอคอนตา่ ง ๆ เน่อื งจากจะไมไ่ ด้ประสิทธภิ าพเทา่ กับการเกบ็ ในรูปแบบอ่นื เช่น .PNG หรอื .GIF 5.3 .BMP (Bitmap) เป็นรูปแบบของแฟ้มภาพกราฟิก ซึ่งออกแบบโดยบริษัทไมโครชอฟท์ เป็นรูปแบบ พื้นฐานที่ใช้งานได้ดีกับโปรแกรมที่ทำงานภายใต้ระบบปฏิบัติการ Windows และใช้งานมากบนระบบปฏิบัติการ Windows จดุ ประสงค์ของรูปแบบน้ี คอื เนน้ ให้แสดงผลไดอ้ ยา่ งรวดเรว็ บนระบบปฏบิ ตั กิ าร Windows ขนาดของแพ้ม ภาพทีไ่ ด้จงึ มกั มีขนาดใหญ่กว่ารูปแบบของแฟ้มชนิดอ่ืน ปกตภิ าพทไี่ ด้จากโปรแกรมการวาดภาพจะมีรูปแบบของแฟ้ม เป็น BMP ไฟล์ BMP ที่พบบ่อย คือ ภาพพื้นหลัง (Wallpaper) ที่แสดงบนจอภาพของระบบปฏิบัติการ Windows โดยสามารถแสดงไดต้ ั้งแต่ 2, 16, 256 และ 16.5 ลา้ นสี 5.4 PNG (Portable Network Graphics) เปน็ รปู แบบของไฟลร์ ูปภาพที่ถูกพัฒนาข้ึนมาเพือ่ ใช้สำหรับการ แสดงผลบนเว็บไชต์โดยเฉพาะ และเพื่อใช้แทนรูปแบบของไฟส์ .GIF แต่สามารถปรับค่าความโปร่งใสได้ เพราะ G น้ัน รองรับ Alpha Transparency แต่ .GIF นั้น จะรองรับเพียง Binary Transparency กล่าวคือ ภาพมีพื้นหลัง 100% และไม่มีพื้นหลัง หรือพื้นหลัง 0น แต่จะไม่สามารถทำให้พืน้ หลังมีคา่ ท่ีต่างไป ให้พื้นหลงั มีค่า 50x จะไม่สามารถทำได้ จึงเรียกคุณสมบัตินี้ว่า Binary Transparency ด้วยเหตุผลทางด้านลิชสิทธ์ิ เพราะ .PNG นั้น เป็นรูปแบบของไฟล์ รปู ภาพที่มลี ิขสิทธแิ์ บบโอเพนซอรส์ (Open Source) สามารถนำไปใช้ และพัฒนาตอ่ ได้อยา่ งอสิ ระ 5.5 .PSD(Photoshop File) คือ นามสกุลฟล์ของโปรแกรม Photoshop โดยเฉพาะ ซึ่งจะบันทึก แบบ แยกเลเยอร์ และประวัติการทำงาน เช่น รายละเอียดการตกแต่งภาพ ว่าได้เปลี่ยนแปลงและตกแต่งอะไรบ้าง เก็บ เอาไว้ให้ นอกจากนี้ การเปิดไฟล์นั้นนอกจากใช้โปรแกรม Photoshop เปิดแล้ว ยังสามารถใช้โปรแกรมอื่น เช่น ACDsee, Adobe ImageReady, Adobe Illustrator ฯลฯ เปิดได้ 5.6 .TIFF(Tagged Image File Format) เป็นการบันทึกรูปภาพซึ่งสามารถบีบอัดข้อมูล ทำให้คุณภาพ เหมือนต้นฉบบั แต่ไฟล์น้นั จะมขี นาดคอ่ นขา้ งใหญ่ และสามารถนำไปใช้ร่วมกบั โปรแกรม PageMaker ได้ 6. คอมพิวเตอรก์ ราฟิกกับการประยุกต์ใช้งานด้านตา่ ง ๆ คอมพวิ เตอรก์ ราฟิกสามารถนำไปประยกุ ตใ์ ชใ้ นงานด้านต่าง ๆ ดงั นี้ 6.1 คอมพิวเตอร์กราฟกิ กับงานด้านการออกแบบ คอมพิวเตอร์ได้เข้ามามีบทบาทกับงานด้านการออกแบบ ในสาขาต่าง ( เป็นจำนวนมาก เช่น งานด้านสถาปัตยกรรมออกแบบภายในบ้าน การออกแบบทางวิศวกรรมการ ออกแบบรถยนต์ การออกแบบเครื่องจักรกล รวมถึงการออกแบบวงจรไฟฟา้ อิเล็กทรอนิกส์ ซึ่งโปรแกรมที่ใช้จะเปน็ โปรแกรม 3 มิติ เช่น CAD (Computer Aided Design) เพราะสามารถกำหนดสีและแสงเงาได้เหมือนจรงิ ที่สุดอีกทง้ั สามารถดมู ุมมองดา้ นตา่ ง ๆ ไดท้ กุ มมุ มอง 6.2 คอมพิวเตอร์กราฟิกกับงานด้านโฆษณา ปัจจุบันการโฆษณาสินค้าทางสื่อสังคมออนไลน์ต่าง ๆ ได้นำ ภาพกราฟิกเข้ามาช่วยในการโฆษณาสินค้าเพื่อเพิ่มความน่าสนใจมากขึ้น เช่น การทำหิมะตก การนำการ์ตูนมา

ห น่ ว ย ท่ี 1 ค ว า ม รู้ พ้ื น ฐ า น เ ก่ี ย ว กั บ ภ า พ ก ร า ฟิ ก ห น้ า | 10 ประกอบการโฆษณาชนมเด็ก ฯลฯ และการโฆษณาสินค้าด้วยภาพกราฟิกยังมีอยู่ทุกที่รอบตัวไม่ว่าจะเป็นตามป้าย รถเมลข์ ้างรถโดยสาร หน้าร้านค้าตามแหล่งชมุ ชนตา่ ง ๆ ฯลฯ 6.3 คอมพิวเตอร์กราฟิกกับงานด้านการนำเสนอ การนำเสนอข้อมูลต่าง 'ๆ เป็นการสื่อความหมายให้ผู้รบั สารเขา้ ใจในสง่ิ ทีผ่ ูส้ ่งสารตอ้ งการ และการส่อื สารท่ีดีจำเป็นอยา่ งยงิ่ ที่จะตอ้ งใช้ภาพเข้ามาชว่ ยเพ่อื เพ่ิมความเข้าใจให้กับ ผรู้ บั สาร เช่น การสรปุ ยอดขายสนิ คา้ ในแต่ละปดี ว้ ยกราฟ หรอื การอธบิ ายระบบการทำงานของบรษิ ัทดว้ ยแผนภูมิ ฯลฯ 6.4 คอมพวิ เตอร์กราฟกิ กบั งานด้านธุรกิจส่ือออนไลน์ ธุรกิจด้านสอื่ ออนไลนข์ องบริษัทหรือหน่วยงานต่าง ๆ รวมทั้งบุคคลทีท่ ำธุรกิจออนไลน์ ได้นำคอมพิวเตอรก์ ราฟิกเข้ามาช่วยในการสร้างส่ือเพ่ือให้สื่อออนไลน์ทีส่ ร้างมคี วาม สวยงามนา่ สนใจมากย่ิงขนึ้ 6.5 คอมพิวเตอร์กราฟิกกับงานด้าน Image Retouching ปัจจุบันธุรกิจคอมพิวเตอร์กราฟิกที่ใช้ ในการ Retouching ภาพ ได้เปิดตัวขึ้นเป็นจำนวนมาก เพราะสามารถตอบสนองความต้องการของบุคคล ในการทำภาพตาม จินตนาการได้เป็นอยา่ งดี เชน่ การทำภาพผิวกายใหข้ าวเนียนเหมือนดารา การทำภาพเกา่ ให้เป็น ภาพใหม่ การทำภาพ ขาวดำเป็นภาพสี และการทำภาพคนแก่ให้ดูหนุ่มหรือสาวขนึ้ ฯลฯ Web Guide https:/ /graphicfast.com/vector-bitmap-rastor-different/ https://www.allgentle.com/content-3d-for-business/ เกร็ดความรู้ โลโก (Logo) คือ เครื่องหมายหรือสัญลักษณ์ เป็นผลของการออกแบบกราฟิกที่เกี่ยวข้องกับสัญลักษณ์ (Symbolism) เป็นภาพสัญลักษณ์หรือเครื่องหมายต่าง ๆ ที่ช่วยสร้างเอกลักษณ์แก่สินค้าและบริษัทของตน โดยวตั ถปุ ระสงค์หลกั คือเพอ่ื ใหม้ เี อกลักษณ์แบบเฉพาะของตนเอง สอดคล้องกับผลิตภัณฑ์ และเพื่อให้ผู้พบเห็นจดจำ งา่ ย เกดิ ความน่าเชื่อถือ หรือตราตรงึ ผบู้ ริโภคตลอดไป ประโยชน์ของโลโก คือ สามารถใชส้ ือ่ สารข้อมลู ชาวสารในชว่ งเวลาทีส่ นั้ ท้งั น้ี เน่ืองจากมีความชดั เจนมากกว่า ใชช้ อ้ ความนที่นอ้ ยกว่าการใช้ขอ้ ความหรือว ขนาดของสญั ลกั ษณ์สามารถยอ่ /ขยายได้ตามขนาดท่ีต้องการ มีการสากล ท้งั น้ี เนื่องจากสามารถส่ือความหมายให้ผู้มาเยอื นทไี่ มเ่ ข้าใจภาษาท้องถิ่นเข้าใจได้ สามารถทำใหก้ ลุ่มลกู ค้าจดจำได้ง่าย ขึ้นและสื่อให้เห็นถึงความมีเอกลักษณ์ทางธุรกิจ และเป็นชื่อตราสินค้า (Band Name) ทางการตลาดที่สร้างความ นา่ เช่อื ถอื และภาพพจน์ที่ดี สรุปประเดน็ สำคัญ กราฟิก (Graphic) หมายถึง ศิลปะแขนงหน่ึงซึง่ ใช้สื่อความหมายด้วยเส้น สัญลักษณ์ รูปวาด ภาพถ่าย กราฟ แผนภมู ิ การต์ ูน ฯลฯ เพอื่ ใหส้ ามารถส่ือความหมายข้อมลู ได้ถูกตอ้ งตรงตามทีผ่ ูส้ ่ือสารตอ้ งการ ส่วนคำว่า คอมพิวเตอรก์ ราฟิก (Computer Graphics : CG) คือ การสร้าง การตกแต่งแก้ไข หรือการจัดการ เก่ียวกับรูปภาพ โดยใช้เครอ่ื งคอมพิวเตอร์ในการจดั การ

ห น่ ว ย ท่ี 1 ค ว า ม รู้ พ้ื น ฐ า น เ ก่ี ย ว กั บ ภ า พ ก ร า ฟิ ก ห น้ า | 11 ประเภทของรูปรา่ ง จะแบ่งเปน็ 2 ประเภท คอื รูปหรอื ภาพสองมติ ิ และรปู หรือภาพสามมติ ิ ภาพกราฟิกจะมี 2 แบบ คือ แบบเวกตอร์ (Vector) เมื่อขยายรูปภาพจะไม่แตก และบิตแมป (Bitmnap) ทสี่ ่วนใหญ่จะเปน็ รูปภาพ เมอื่ ขยายแลว้ ภาพจะแตก องค์ประกอบของภาพกราฟกิ ประกอบด้วย จุด เส้น รูปรา่ งและรูปทรง น้ำหนัก สี ท่วี ่าง พน้ื ผวิ ตวั อักษร รปู แบบของเฟ้มขอ้ มูลภาพกราฟิก มีหลายรูปแบบ เชน่ .GIF .JPEG .BMP .PNG .PSD .TIFF คอมพิวเตอร์กราฟิกกับการประยุกต์ใช้งานด้านต่าง ๆ เช่น งานด้านการออกแบบ งานด้านโฆษณา งานด้าน การนำเสนอ งานด้านสือ่ ออนไลน์ งานด้าน Image Retouching กจิ กรรมเสนอแนะ 1. ให้ผู้เรียนแบ่งกลุม่ กลุ่มละเท่า ๆ กัน จำนวน 3-5 กลุ่ม ค้นคว้าหาข้อมลู เกี่ยวกบั ภาพยนตร์ 3 มิติ กลุ่มละ 1 เรือ่ ง แลว้ นำเสนอหนา้ ชั้นเรยี น 2. ให้ผู้เรียนแบ่งกลุ่ม กลุ่มละเท่า ๆ กัน จำนวน 3-5 กลุ่ม นำเสนอโปรแกรมที่ใช้สร้างภาพ 2 มิติ กลุ่มละ 1 โปรแกรม หน้าชั้นเรยี น กรณศี กึ ษา กราฟสร้างภาพกราฟิกสำหรับส่ือดิจิทัล จะตอ้ งประกอบด้วยหลายองค์ประกอบด้วยกัน ไมว่ ่าจะเป็นตัวอักษร ฯลฯ เพือ่ ใหไ้ ด้ภาพออกมาสวยงามและนา่ สนใจ รวมทง้ั จะตอ้ งมชี ้อมลู ท่จี ะสามารถสื่อสารไดว้ า่ คอื อะไรจดุ ประสงค์ของ ภาพต้องการสื่ออะไรมากที่สุด แต่สิ่งสำคัญที่สุด คือ เมื่อผู้อ่านหรือผู้รับสารจากภาพได้เห็นแล้วเกิดความสนใจ และ สง่ั ซ้อื สนิ คา้ หรอื ช่ืนชมในผลงาน การวเิ คราะห์ 1. เสน้ สี ภาพ ตัวอักษร ฯลฯ แต่ละองค์ประกอบนมี้ ีความสำคญั อยา่ งไร และส่วนใดนา่ จะมีความสำคัญ มากทส่ี ุด เพราะอะไร 2. สีมีอิทธิพลตอ่ ความรสู้ ึกของผพู้ บเหน็ อย่างไร และแตล่ ะสใี ห้ความรู้สกึ อย่างไร

ห น่ ว ย ท่ี 1 ค ว า ม รู้ พ้ื น ฐ า น เ กี่ ย ว กั บ ภ า พ ก ร า ฟิ ก ห น้ า | 12 แบบทดสอบ หลังเรียน หนว่ ยท่ี 1 ความรูเ้ บอื้ งตน้ เกยี่ วกบั เว็บไซต์ คำส่งั :: จงทำเครอื่ งหมาย (X) ทับตัวเลือกทถี่ ูกต้อง 1. ระบบต้นแบบของเว็บไซต์มชี ่ือเรียกว่าอยา่ งไร ก. ENIAC ข. ENQUIRE ค. Hypertext ง. WorldWideWeb 2. ประเภทของเวบ็ ไซต์แบง่ ออกเปน็ ก่ปี ระเภท ก. 6 ประเภท ข. 7 ประเภท ค. 8 ประเภท ง. 9 ประเภท 3. ขอ้ ใดให้ความหมายของเว็บไซต์ได้ถูกตอ้ งท่สี ดุ ก. เอกสารเว็บเพจทท่ี ำหน้าท่ีเป็นหน้าแรกของเว็บไซต์ ข. เอกสารหน้าเว็บเพจหลายหน้าท่ีเช่ือมโยงกัน ค. หน้าเอกสารหน่งึ หน้าภายในประกอบดว้ ยขอ้ ความ ภาพ ลงิ ค์ ง. เปน็ บรกิ ารข้อมูล โดยขอ้ มูลจะอยู่ในรปู เอกสารแบบ Hypertext 4. เว็บเบราวเ์ ซอร์และเอดิเตอร์ตวั แรกของโลกช่ือวา่ อะไร ก. ENIAC ข. ENQUIRE ค. Hypertext ง. WorldWideWeb 5. ขอ้ ใดตอ่ ไปนไ้ี มใ่ ช่โปรแกรมเวบ็ เบราเซอร์ ก. Google Chrome ข. Dreamweaver ค. Netscape Navigator ง. Safari 6. เว็บที่สร้างขน้ึ โดยกลมุ่ บุคคลหรอื องค์กรต่าง ๆ ท่มี ีนโยบายในการสรา้ งสรรค์ทีช่ ว่ ยเหลือสงั คม คือเวบ็ ไซต์ประเภทใด ก. เว็บขอ้ มูล (Information site) ข. เว็บองคก์ รท่ไี ม่แสวงหาผลกำไร ค. เว็บทา่ (Portal site) ง. เวบ็ บันเทิง (Entertainment site)

ห น่ ว ย ที่ 1 ค ว า ม รู้ พ้ื น ฐ า น เ ก่ี ย ว กั บ ภ า พ ก ร า ฟิ ก ห น้ า | 13 7. เวบ็ ไซต์ www.google.co.th เป็นเว็บไซต์ประเทศใด ก. ประเทศไทย ข. ประเทศจนี ค. ประเทศอังกฤษ ง. ประเทศออสเตรเลยี 8. เว็บไซต์ www.google.co.th เปน็ เวบ็ ไซต์เกย่ี วกับขอ้ ใด ก. เวบ็ ไซตส์ ถาบันการศกึ ษา ข. เวบ็ ไซตบ์ รษิ ทั หรือ องค์กรพาณิชย์ ค. เวบ็ ไซต์องคก์ รท่ีให้บริการเครือข่าย ง. เว็บไซต์องคก์ รของรัฐบาล 9. เวบ็ ไซต์ https://www.alibaba.com ขอ้ ใดตอ่ ไปน้ีหมายถชึ ื่อเว็บไซต์ (domain name) ก. www ข. alibaba ค. .com ง. https 10. ขอ้ ใดให้ความหมายของ โฮมเพจไดถ้ ูกต้อง ก. เอกสารเว็บเพจท่ที ำหนา้ ทเี่ ป็นหน้าแรกของเวบ็ ไซต์ ข. เอกสารหนา้ เวบ็ เพจหลายหนา้ ท่ีเชอ่ื มโยงกัน ค. หนา้ เอกสารหนงึ่ หน้าภายในประกอบดว้ ยขอ้ ความ ภาพ ลงิ ค์ ง. เป็นบรกิ ารขอ้ มูล โดยข้อมูลจะอยใู่ นรปู เอกสารแบบ Hypertext

ห น่ ว ย ท่ี 1 ค ว า ม รู้ พ้ื น ฐ า น เ กี่ ย ว กั บ ภ า พ ก ร า ฟิ ก ห น้ า | 14 ใบงาน หนว่ ยที่ 1 ความรู้พ้ืนฐานเก่ยี วกบั ภาพกราฟกิ ตอนที่ 1 จงตอบคำถามต่อไปน้ใี ห้ไดใ้ จความสมบรู ณ์ 1. กราฟกิ (Graphic) คือ 2. คอมพิวเตอรก์ ราฟกิ คือ 3. รปู สองมิติ (2D Shapes) คอื 4. รูปสามมติ ิ (3D Shapes) คอื 5. ภาพกราฟิกแบบเวกเตอร์ (Vector) คือ

ห น่ ว ย ท่ี 1 ค ว า ม รู้ พ้ื น ฐ า น เ กี่ ย ว กั บ ภ า พ ก ร า ฟิ ก ห น้ า | 15 6. ภาพกราฟกิ แบบบติ แบป (Bitmap) คอื 7. ขอ้ ดีของภาพกราฟกิ แบบบติ แมป คอื 8. จุด (Dot) คอื 9. .GIF (Graphics Interchange Format) คือ 10. .JPEG (Joint Photographic Expert Group Graphics) คือ

ห น่ ว ย ท่ี 1 ค ว า ม รู้ พ้ื น ฐ า น เ ก่ี ย ว กั บ ภ า พ ก ร า ฟิ ก ห น้ า | 16 ใบงาน หน่วยท่ี 2 ความรพู้ น้ื ฐานเก่ยี วกับภาพกราฟิก ตอนท่ี 1 จงจบั คู่ขอ้ ความตอ่ ไปน้ีใหส้ ัมพันธ์กัน A. ดาว B. ทรงกรวย 1. ……… Triangle C. ปิรามิด 2. ……… Circle 3. ……… Star D. สามเหล่ยี ม E. ช่องวา่ ง 4. ……… Heart 5. ……… Cone F. เสน้ ตรง G. เสน้ โค้ง 6. ……… Cylinder H. วงกลม 7. ……… Shapes 8. ……… Curves I. รูปรา่ ง J. ทรงกระบอก 9. ……… Line 10. ……... Space K. รปู ทรง L. หัวใจ