1 / 17

ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟฟิก Graphic and Image

บทที่ 6. ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟฟิก Graphic and Image. อ.ชนิดา เรืองศิริวัฒนกุล สาขาวิชาเทคโนโลยีสารสนเทศ คณะวิทยาศาสตร์และเทคโนโลยี มหาวิทยาลัยราชภัฏอุตรดิตถ์. ประเภทของภาพ. ภาพ 2 มิติ ( 2D Image ) เป็นภาพที่แสดงบนระนาบ 2 มิติ คือ x และ y

isleen
Download Presentation

ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟฟิก Graphic and Image

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. บทที่ 6 ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟฟิกGraphic and Image อ.ชนิดา เรืองศิริวัฒนกุล สาขาวิชาเทคโนโลยีสารสนเทศ คณะวิทยาศาสตร์และเทคโนโลยี มหาวิทยาลัยราชภัฏอุตรดิตถ์

  2. ประเภทของภาพ • ภาพ 2 มิติ (2D Image) เป็นภาพที่แสดงบนระนาบ 2 มิติ คือ x และ y • ภาพเวกเตอร์ (Vector Graphic) เป็นภาพที่สร้างด้วยองค์ประกอบของรูปทรงเรขาคณิต เช่น เส้นตรงและเส้นโค้งต่างๆ ประกอบเป็นภาพ และจัดเก็บข้อมูลในรูปแบบของคำสั่ง เช่น Rectangle(0,0,200,200) • ประเภทของไฟล์เวคเตอร์ เช่น AI CDR CGM CMX DRW DFX EPS PDF PCT PIC PLT และ WMF เป็นต้น

  3. ประเภทของภาพ • ภาพบิตแมป (Bitmapped Graphic) เป็นภาพที่เกิดจากการรวมกันของจุดสีหรือพิกเซล ซึ่งแต่ละจุดจะมีสีตามลักษณะของภาพนั้นๆ แตกต่างกันออกไป • ภาพบิตแมป สามารถรองรับการแสดงสีได้มากกว่า 16.7 ล้านสี ทำให้สวยงามของภาพที่ได้สมจริงกว่าภาพเวคเตอร์ แต่การขยายภาพทำให้จุดสีมีขนาดใหญ่ขึ้นและมองเห็นเป็นรอยหยัก ทำให้ภาพไม่คมชัด • ไฟล์ Format เช่น BMP CGM GIF HGL JPEG PBM PCX PGM PNM PSD RLE TGA TIFF และ WPG เป็นต้น

  4. ประเภทของภาพ • ภาพ 3 มิติ (3D Image) • เป็นภาพประเภทหนึ่งของภาพเวคเตอร์ ซึ่งมีลักษณะมุมมองของภาพที่เหมือนจริง อยู่ในรูปทรง 3 มิติ สามารถกำหนดคุณสมบัติเพิ่มเติมได้หลายอย่างเช่น การตกแต่งผิว การให้แสงเงา การหมุนหรือพลิก การใส่พื้นหลัง เป็นต้น • ซอฟต์แวร์ที่มีความสามารถในการทำงานด้านนี้ได้แก่ AutoCAD 3D Studio MAX เป็นต้น

  5. เลเยอร์ • เลเยอร์ (Layer) • เป็นวิธีการจัดเรียงภาพ แบ่งภาพออกเป็นชั้นซ้อนกัน ทุกเลเยอร์จะถูกซ้อนรวมกันและแสดงผลเหมือนกับเป็นภาพเดียวกัน แต่สามารถแยกเลเยอร์เพื่อนำมาแก้ไขโดยไม่ส่งผลกระทบต่อเลเยอร์อื่น ลักษณะดังกล่าวสามารถนำไปใช้ปรับแต่งภาพบิตแมพได้

  6. สี (Color) • ธรรมชาติของแสงและสี แสงเกิดจากอิเล็กตรอนของอะตอมเดินทางด้วยการแปลงพลังงานจากระดับสูงสู่ระดับต่ำ ทำให้เกิดการเปลี่ยนแปลงของแสง จนมองเห็นเป็นสีต่างๆ ความถี่คลื่นแสงที่มนุษย์มองเห็นได้ เรียกว่า Spectrum • การทำงานของแสงสีร่วมกับคอมพิวเตอร์ เนื่องจากดวงตาของมนุษย์ไวต่อสีหลัก 3 สี คือ แดง เขียว น้ำเงิน จึงนำลักษณะการรวมสีของดงตามนุษย์มาประยุกต์ใช้กับการแสดงผลของจอภาพคอมพิวเตอร์

  7. สี (Color) • แบบจำลองสี (Color Model) • เป็นแบบจำลองที่เกี่ยวข้องกับข้อมูลสีในรูปแบบต่างๆ จากการวิจัยพบว่าสีต่างๆ ที่พบในธรรมชาติเป็นผลกมาจากการผสมผสานระหว่างแม่สีในสัดส่วนที่แตกต่างกัน แบบจำลองสีที่สำคัญมี 4 ชนิด • 1. RGB • 2. CMYK • 3. HSB • 4. LAB

  8. สี (Color) • RGB • RGB เกิดจากการรวมตัวของแม่สี คือ แดง(Red) เขียว(Green) และน้ำเงิน(Blue) ซึ่งจะได้สีแตกต่างกันตามสัดส่วนความเข้มของแต่ละสี โดยแม่สีทั้งสามจะมีค่าตั้งแต่ 0-255 เป็นโหมดสีที่ใช้แสดงผลบนหน้าจอโทรทัศน์หรือคอมพิวเตอร์ สีในโหมดนี้มีความสดและค่าความอิ่มตัวสูง แต่ไม่สามารถนำไปใช้กับงานสื่อสิ่งพิมพ์ได้

  9. สี (Color) • CMYK • CMYK เป็นโหมดสีที่ให้ผลลัพธ์ตรงกับธรรมชาติมากที่สุด มีแม่สีทั้งหมด 4 สี คือ แดงม่วง(Magenta) น้ำเงินเขียว(Cyan) และสีเหลือง(Yellow) เกิดจากการผสมกันของแม่สีในโหมด RGB และเพิ่มสีดำ (Black) เพื่อให้สีมีน้ำหนักมากยิ่งขึ้น เมื่อนำแม่สีเหล่านี้มาผสมกันในสัดส่วนที่เท่ากันจะได้สีดำ เป็นโหมดสีที่ใช้สำหรับงานสื่อสิ่งพิมพ์ทุกชนิด

  10. สี (Color) โหมดสี CMYK

  11. สี (Color) • HSB • HSB เป็นแบบจำลองที่อยู่บนพื้นฐานการมองเห็นดวงตาของมนุษย์ ประกอบด้วยลักษณะของสี 3 ประการ คือ Hue , Saturation และ Brightness • Hue เป็นการเปลี่ยนแปลงของเฉดสีที่อาศัยความแตกต่างของ 3 แม่สี • Saturation จะแสดงค่าความเข้มของสี จางหรือเข้ม ซึ่งเป็นสัดส่วนของสีที่อยู่ในโทนสีเทา วัดค่าเป็นเปอร์เซ็นต์ • Brightness คือ ความสว่างของสี ซึ่งจะแสดงการไล่ระดับความสว่างของสีขึ้นเรื่อยๆ จนถึงสีขาว

  12. สี (Color) โหมดสี HSB

  13. สี (Color) • LAB • LAB เป็นโหมดสีที่ให้สีสมจริงที่สุด เนื่องจากทุกค่าสีจะมี spectrum ของแสงรองรับ ทำให้การแสดงผลสีไม่ขึ้นกับอุปกรณ์ LAB เป็นมาตรฐานที่สามารถใช้งานครอบคลุมสีทุกสีในรูปแบบ RGB และ CMYK บนอุปกรณ์ต่างๆ เช่น เครื่องพิมพ์ เครื่องแสกน และรูปภาพบนจอคอมพิวเตอร์ ตัวอย่างของโปรแกรมที่แสดงสีแบบ LAB ได้ คือ โปรแกรม Photoshop

  14. สี (Color) โหมดสีของ LAB

  15. การสร้างภาพดิจิตอล • Scanner • Digital Camera • Video Capture • Image Software

  16. รูปภาพบนเว็บ • GIF เป็นไฟล์ที่รองรับสี 256 สี นิยมนำไปใช้กับการแสดงผลบนอินเทอร์เน็ต เหมาะกับงานที่มีรายละเอียดของสีน้อยๆ เช่น การ์ตูน หรือโลโก้ และยังสามารถสร้างภาพเคลื่อนไหว และภาพที่มีสีพื้นหลังโปร่งใสได้ • JPGเป็นไฟล์ที่นิยมใช้กับการแสดงผลบนอินเทอร์เน็ต เนื่องจากเป็นไฟล์ที่สามารถบีบอัดให้เล็กลงได้มาก แสดงผลรวดเร็ว คุณภาพไฟล์ต่ำ ความละเอียดของภาพน้อย ไม่เหมาะกับงานสื่อสิ่งพิมพ์ • TIFเป็นไฟล์ที่นิยมใช้ในการโอนถ่ายข้อมูลข้ามโปรแกรม เป็นไฟล์ที่นิยมใช้สำหรับส่งงานเข้าโรงพิมพ์ เนื่องจากเป็นไฟล์ที่รองรับโหมดสี CMYK และเป็นไฟล์ที่สามารถเก็บคุณสมบัติต่างๆ ได้เหมือนต้นฉบับทุกประการ

  17. นำเสนอข้อมูลผลิตภัณฑ์ด้านมัลติมีเดียนำเสนอข้อมูลผลิตภัณฑ์ด้านมัลติมีเดีย • ให้นักศึกษาแบ่งกลุ่มเพื่อศึกษาและนำเสนอข้อมูลผลิตภัณฑ์ด้านมัลติมีเดีย โดยมีรายละเอียดดังต่อไปนี้ 1. ชื่อและรุ่นของซอฟต์แวร์ 2. ประเภทของซอฟต์แวร์ 3. รายละเอียดของซอฟต์แวร์ 4. ราคาของซอฟต์แวร์ 5. ภาพของซอฟต์แวร์ 6. เว็บไซต์ของซอฟต์แวร์ 7. วิธีการใช้งานซอฟต์แวร์เบื้องต้น นำเสนอโดยใช้ PowerPoint กลุ่มละ 5-10 นาทีพร้อมทั้งส่ง File

More Related