graphic

12 1 อ้างองิ คานา https://sites.google.com/site/elearningkrujames/cg-unit1 เน่ืองจากในสังคมปัจจุบนั เทคโนโลยีไดม้ ีบทบาทต่อสังคม เป็นอยา่ งสูงท้งั ดา้ นการเรียนรู้,การบนั เทิงหรือ แมก้ ระทงั่ เร่ืองความสะดวกสบาย ในการสร้างสรรคง์ านต่างๆที่จาเป็นอยา่ งมากต่อการดารงชีวิตของคนในปัจจุบนั ซ่ึงรายงานชุดน้ีทางคณะผูจ้ ดั ทาไดจ้ ดั ทาข้ึนโดยมีจุดประสงคอ์ ยากให้ผอู้ ่านได้ รับรู้และเรียนรู้เกี่ยวกบั เรื่องความรู้ท่ีเก่ียวกบั กราฟิ กในชีวิตประจาวนั ไม่ว่าจะ ในดา้ นการใชง้ านหรือวตั ถุประสงคใ์ นการใชง้ าน โดยคณะผจู้ ดั ทาหวงั เป็นอยา่ ง ยิ่งว่าผูอ้ ่านจะสามารถนาความรู้ท่ีไดไ้ ปใชช้ ีวิตประจาวนั หรือในหนา้ ท่ีการงาน ไม่มากกน็ อ้ ย

2 หน้า 11 1 สารบญั 2 5. TIF หรือ TIFF (Tagged Image File) เร่ือง 3 คานา 5 เป็นไฟลท์ ี่ใชเ้ กบ็ ภาพแบบราสเตอร์คุณภาพสูง เช่น ภาพกราฟิ กที่นาไปทางาน สารบญั 6 ด้านส่ิงพิมพ์ (Artwork) สามารถเก็บขอ้ มูของภาพไวไ้ ด้ครบถ้วน ทาให้ ความหมายของกราฟิ ก 7 คุณภาพของสีเหมือนตน้ ฉบบั หลกั การทางานและการแสดงผล 8 หลกั การของกราฟิ กแบบ Vector 9-11 6. PSD (Photoshop Document) หลกั การสร้างภาพ หลกั การออกแบบภาพ เป็ นไฟล์ภาพเฉพาะโปรแกรม Adobe Photoshop จะทาการบันทึกแบบ ประเภทของไฟลภ์ าพกราฟิ ก แยกเลเยอร์ (Layer) โดยเกบ็ ประวตั ิการทางานและรายละเอียดการตกแต่งภาพ เอาไว้ เพ่ือง่ายต่อการแกไ้ ขในภายหลงั

10 3 ความหมายของกราฟิ ก 1. JPEG หรือ JPG (Join Photographic Export Group) กราฟิ ก (Graphic) มกั เขียนผดิ เป็น กราฟิ กส์ กราฟฟิ กส์ เป็นรูปแบบไฟลท์ ่ีเกบ็ ภาพแบบราสเตอร์ที่ไม่ตอ้ งการ กราฟฟิ ก คาวา่ “กราฟิ ก” มาจากภาษากรีก ซ่ึงหมายถึง การวาดเขียน คุณภาพสูงมากนกั เช่น ภาพถ่ายจากกลอ้ งดิจิตอล ภาพถา่ ยจา (Graphikos) และการเขยี น (Graphein) ต่อมามีผใู้ หค้ วามหมายของคา โทรศพั ทม์ ือถือและภาพกราฟิ กสาหรับแสดงบนอินเทอร์เน็ต วา่ “กราฟิ ก” ไวห้ ลายประการซ่ึงสรุปไดด้ งั น้ี สามารถแสดงสีไดถ้ ึง 16.7 ลา้ นสี กราฟิ ก หมายถึง ศิลปะแขนงหน่ึงซ่ึงใชส้ ื่อความหมายดว้ ย 2. GIF (Graphic Interchange Format) เสน้ สญั ลกั ษณ์ รูปวาด ภาพถ่าย กราฟ แผนภูมิ การ์ตูน ฯลฯ เพอ่ื ให้ สามารถสื่อความหมายขอ้ มูลไดถ้ ูกตอ้ งตรงตามท่ีผสู้ ื่อสารตอ้ งการ เป็นไฟลภ์ าพท่ีสามารถบีบอดั ขอ้ มูลให้มีขนาดเลก็ ไดส้ ่วนมาก จะนาไปใชบ้ นั ทึกเป็นไฟลภ์ าพ เคลื่อนไหวและนิยมมากในการ ความหมายของคอมพวิ เตอร์กราฟิ ก ใชง้ านบนเวบ็ เพจ คอมพิวเตอร์กราฟิ ก หมายถึง การสร้าง การตกแต่งแกไ้ ข 3. PNG (Portable Network Graphics) หรือการจดั การเกี่ยวกบั รูปภาพ โดยใชเ้ คร่ืองคอมพิวเตอร์ในการจดั การ ยกตวั อยา่ งเช่น การทา Image Retouching ภาพคนแก่ใหม้ ีวยั ที่เดก็ ข้ึน เป็นชนิดของไฟลภ์ าพท่ีนาจุดเด่นของไฟลภ์ าพแบบ GIF และ การสร้างภาพตามจินตนาการ กราฟ แผนภูมิ แผนภาพ แบบ JPG มาพฒั นาร่วมกนั ทาใหไ้ ฟลภ์ าพชนิดน้ีแสดงสีได้ มากกวา่ 256 4. BMP (Bitmap) เป็นรูปแบบของไฟลภ์ าพมาตรฐานที่ใชไ้ ดใ้ นระบบปฏิบตั ิการ วินโดวส์โดยมีลกั ษณะการจดั เกบ็ ไฟลภ์ าพเป็นจุดสีทีละจุดจึง ทาใหภ้ าพดูเสมือนจริง

4 9 ภาพกราฟิ ก แบ่งเป็น 2 ประเภท คือ ภาพกราฟิ กแบบ 2 มิติ แบบ 3 มิติ ความรู้เกยี่ วกบั สี ภาพกราฟิ กแบบ 2 มิติ เป็ นภาพท่ีพบเห็นโดยทวั่ ไป เช่น โดยทว่ั ไปแลว้ สีต่าง ๆ ในธรรมชาติและสีท่ีถูกสร้างข้ึน จะมี ภาพถ่าย รูปวาด ภาพลายเส้น สัญลกั ษณ์ กราฟ รวมถึงการ์ตูนต่าง รูปแบบการมองเห็นสีท่ีแตกต่างกนั ซ่ึงรูปแบบการ มองเห็นสีเรียกวา่ ๆ ในโทรทศั น์ ยกตวั อยา่ งเช่น การ์ตูนเร่ืองพิภพยมราช ชินจงั และ “โมเดล (Model)” ดงั น้ัน จึงทาให้มีโมเดลหลายแบบดงั ท่ีเราจะได้ โดเรมอน เป็ นต้น ซ่ึงการ์ตูนจะเป็ นภาพกราฟิ กเคล่ือนไหว ศึกษาต่อไปน้ี (Animation) โดยจะมีกระบวนการสร้างท่ีซบั ซอ้ นกวา่ ภาพวาดปกติ - โมเดล HSB ตามหลกั การมองเห็นสีของสายตามนุษย.์ ภาพกราฟิ กแบบ 3 มิติ เป็นภาพกราฟิ กท่ีใชโ้ ปรแกรมสร้าง ภาพ 3 มิติโดยเฉพาะ เช่น โปรแกรม 3 Ds max โปรแกรม Maya - โมเดล RGB ตามหลักการแสดงสี ของเคร่ื อง เป็ นตน้ ซ่ึงจะทาให้ไดภ้ าพมีสีและแสงเงาเหมือนจริง เหมาะกบั งาน คอมพิวเตอร์. ดา้ นสถาปัตยแ์ ละการออกแบบต่าง ๆ รวมถึงการสร้างเป็นภาพยนตร์ การ์ตูนหรือโฆษณาสินคา้ ต่าง ๆ เช่น การ์ตูน เรื่อง Nemo The Bug - โมเดล CMYK ตามหลกั การแสดงสีของเคร่ืองพิมพ.์ และปังปอนดแ์ อนิเมชนั - โมเดล Lab ตามมาตรฐานของ CIE ประเภทของไฟล์ภาพกราฟิ ก การสร้างภาพกราฟิ กหรือการตกแต่งภาพกราฟิ กประเภทของ ไฟล์ภาพกราฟิ กเป็ นอีกปัจจัยหน่ึงที่มี ความสาคัญ เพราะความ ละเอียดของไฟลภ์ าพจะส่งผลกบั ขนาดของภาพ เช่น ภาพที่นามาใช้ งาน บนเวบ็ เพจควรจะตอ้ งมีขนาดเล็ก เพื่อนาไปเรียกใชง้ านบนเวบ็ เพจไดอ้ ยา่ งรวดเร็ว ประเภทของไฟลภ์ าพกราฟิ กที่นิยมใชโ้ ดยทวั่ ไป

8 5 หลกั การออกแบบภาพ หลกั การทางานและการแสดงผลของภาพคอมพวิ เตอร์กราฟิ ก การออกแบบ (Design). ความพึงพอใจน้ันมองหลกั ๆ มีอยู่ ภาพท่ีเกิดบนจอคอมพิวเตอร์ เกิดจากการทางานของโหมดสี RGB ท้งั หมด 3 ประเดน็ สาคญั คือ ซ่ึงประกอบดว้ ยสีแดง (Red) สีเขียว (Green) และสีน้าเงิน (Blue) โดยใช้ หลกั การยงิ ประจุไฟฟ้าใหเ้ กิดการเปล่งแสงของสีท้งั 3 สีมาผสมกนั ทาใหเ้ กิด . 1. ความสวยงาม (Aesthetic) เป็นความพึงพอใจแรกท่ีคนเรา เป็นจุดสีสี่เหล่ียมเลก็ ๆ ที่เรียกวา่ พิกเซล (Pixel) ซ่ึงมาจากคาวา่ Picture กบั สัมผสั ไดก้ ่อน มนุษยเ์ ราแต่ละคนต่างมีการรับรู้เรื่องความสวยงาม Element โดยพิกเซลจะมีหลากหลายสี เม่ือนามาวางต่อกนั จะเกิดเป็นรูปภาพ และความพึงพอใจในเร่ืองของความงามได้ไม่เท่ากัน ข้ึนอยู่กับ ซ่ึงภาพที่ใช้กบั เครื่องคอมพิวเตอร์มี 2 ประเภท คือ แบบ Raster และแบบ ความพ่ึงพอใจแต่ละบุคคล. Vector 2. มีประโยชน์ใชส้ อยที่ดี (Function) การมีประโยชน์ใชส้ อย หลกั การของกราฟิ กแบบ Raster ท่ีดีน้นั เป็นเร่ืองสาคญั มากในงานออกแบบทุกประเภท หลักการของภาพกราฟิ กแบบ Raster หรื อแบบ Bitmap เป็ น . 3. มีแนวความคิดในการออกแบบที่ดี (Concept) แนวความคิด ภาพกราฟิ กท่ีเกิดจากการเรียงตวั กนั ของจุดสี่เหล่ียมเลก็ ๆ หลากหลายสี ซ่ึง ในการออกแบบท่ีดีน้นั คือ หนทางความคิดท่ีทาให้งานออกแบบท่ี เรียกจุดสีเหล่ียมเล็ก ๆ น้ีว่าพิกเซล (Pixel) ในการสร้างภาพกราฟิ กแบบ ได้ ตอบสนองต่อความรู้สึกพอใจ ช่ืนชม Raster จะต้องกาหนดจานวนของพิกเซลให้กับภาพที่ต้องการสร้าง ถ้า กาหนดจานวนพิกเซลน้อย เม่ือขยายภาพให้มีขนาดใหญ่ข้ึนจะทาให้แฟ้ม ภาพมีขนาดใหญ่

6 7 หลกั การของกราฟิ กแบบ Vector หลกั การสร้างภาพ หลกั การของกราฟิ กแบบ Vector เป็ นภาพกราฟิ กท่ีเกิด ข้นั ตอนการสร้างภาพ จากการอา้ งอิงความสัมพนั ธ์ทางคณิตศาสตร์ หรือการคานวณ ซ่ึง ก่อนอ่ืนเราตอ้ งทาการวางแนวทางของชิ้นงานก่อนว่าจะนาเสนอเร่ือง ภาพจะมีความเป็ นอิสระต่อกนั โดยแยกชิ้นส่วนของภาพท้งั หมด ออกเป็นเสน้ ตรง เสน้ โคง้ รูปทรง เม่ือมีการขยายภาพความละเอียด อะไร ใชส้ ี ภาพ และขอ้ ความ ที่ทาให้ทราบถึงแนวทางการสร้างชิ้นงานกนั ของภาพไม่ลดลง แฟ้มมีขนาดเล็กกว่าแบบ Raster ภาพกราฟิ ก ต่อ ซ่ึงอาจจะไม่ตายตัวเสมอไปแต่ก็พอเป็ นแนวทางสรุปโดยรวมของ แบบ Vector นิยมใช้เพ่ืองานสถาปัยต์ตกแต่งภายในและการ ข้นั ตอนไดด้ งั น้ี ออกแบบต่าง ๆ เช่น การออกแบบอาคาร การออกแบบรถยนต์ การสร้างโลโก การสร้างการ์ตูน เป็ นตน้ ซ่ึงโปรแกรมที่นิยมใช้ 1. การกาหนดพ้นื หลงั ของภาพ เป็นการกาหนดภาพ หรือสีพ้ืนหลงั โดยภาพ สร้างภาพแบบ Vector คือ โปรแกรม Illustrator, Core Draw, Auto หรือสีพ้ืนหลงั ที่ใชน้ ้ันควรมีโทนสีให้อารมณ์และส่ือความหมายไดถ้ ูกตอ้ ง CAD, 3Ds max เป็ นต้น แต่อุปกรณ์ที่ใช้แสดงผลภาพ เช่น ตามจุดประสงคข์ องชิ้นงาน จอคอมพวิ เตอร์จะเป็นการแสดงผลภาพเป็นแบบ Raster 2. การเลือกพ้ืนที่ภาพท่ีใช้งาน เป็ นการตดั หรือคดั ลอกบางส่วนของภาพ ต่างๆ ที่เราจะนามาใชใ้ นชิ้นงานของเรา 3. การจดั วางภาพให้เหมาะสม การนาภาพส่วนประกอบมารวมกนั เป็ น ชิ้นงาน อาจมีบางภาพที่มีขนาดและมุมการจดั วางไม่ลงตวั เราก็สามารถ ขยาย หมุน และบิดภาพใหเ้ ขา้ กนั

กราฟิก เบอื้ งตน้ Graphic Basic นางสาว สพุ ตั ตรา สาวะโห เลขที่ 14 ระดบั ชน้ั ปวส.1/2