17
คคคคคคคคคคคคคคคค คคคคคคคคค คคคคคคคคคคค คคคคคคค Graphic and Image ค.คคคคค คคคคคคคคคคคคคคคค คคคคคคคคคคคคคคคคคคคคคคคคค คคคคคคคคคคคคคคคคคคคคคคคคคค คคคคคคคคคคคคคคคคคคคคคคคคคค บบบบบ 6

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

  • Upload
    isleen

  • View
    34

  • Download
    3

Embed Size (px)

DESCRIPTION

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

Citation preview

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

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

Graphic and Image

อ.ชนิดา เรอืงศิรวิฒันกลุสาขาวชิาเทคโนโลยสีารสนเทศ

คณะวทิยาศาสตรแ์ละเทคโนโลย ีมหาวทิยาลัยราชภัฏอุตรดิตถ์

บทท่ี 6

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

ประเภทของภาพ ภาพ 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 เป็นต้น

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

ภาพบติแมป (Bitmapped Graphic ) เป็นภาพท่ีเกิดจากการรวมกันของจุดสหีรอืพกิเซล ซึง่แต่ละจุดจะมสีตีามลักษณะของภาพนัน้ๆ แตกต่างกันออกไป

ภาพบติแมป สามารถรองรบัการแสดงสไีด้มากกวา่ 167. ล้านส ีทำาให้สวยงามของภาพท่ีได้สมจรงิกวา่ภาพเวคเตอร ์แต่การขยายภาพทำาให้จุดสมีขีนาดใหญ่ขึน้และมองเห็นเป็นรอยหยกั ทำาให้ภาพไมค่มชดั

ไฟล์ Format เชน่ BMP CGM GIF HGL JPEG PBM PCX PGM PNM PSD RLE TGA TIFF และ WPG เป็นต้น

ประเภทของภาพ

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

ภาพ 3 มติิ (3D Image) เป็นภาพประเภทหนึ่งของภาพเวคเตอร ์ซึง่มี

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

ซอฟต์แวรท่ี์มคีวามสามารถในการทำางานด้านน้ีได้แก่ AutoCAD 3D Studio MAX เป็นต้น

ประเภทของภาพ

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

เลเยอร์

เลเยอร ์(Layer) เป็นวธิกีารจดัเรยีงภาพ แบง่ภาพออกเป็นชัน้

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

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

ธรรมชาติของแสงและสีแสงเกิดจากอิเล็กตรอนของอะตอมเดินทางด้วยการ

แปลงพลังงานจากระดับสงูสูร่ะดับตำ่า ทำาให้เกิดการ เปล่ียนแปลงของแสง จนมองเห็นเป็นสต่ีางๆ ความถ่ี

คล่ืนแสงท่ีมนุษยม์องเห็นได้ เรยีกวา่ Spectrum การทำางานของแสงสรีว่มกับคอมพวิเตอร์

เนื่องจากดวงตาของมนุษยไ์วต่อสหีลัก 3 สี คือ แดง เขยีว นำ้าเงิน จงึนำาลักษณะการรวมสขีองดงตามนุษย์

มาประยุกต์ใชกั้บการแสดงผลของจอภาพคอมพวิเตอร์

ส ี(Color)

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

ส ี(Color)

แบบจำาลองส ี(Color Model ) เป็นแบบจำาลองท่ีเก่ียวขอ้งกับขอ้มูลสใีนรูป

แบบต่างๆ จากการวจิยัพบวา่สต่ีางๆ ท่ีพบในธรรมชาติเป็นผลกมาจากการผสมผสานระหวา่งแมส่ใีนสดัสว่นท่ีแตกต่างกัน แบบจำาลองสท่ีีสำาคัญม ี 4 ชนิด

1. RGB2. CMYK3. HSB4. LAB

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

ส ี(Color) RGB

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

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

ส ี(Color) CMYK

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

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

ส ี(Color)

โหมดส ีCMYK

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

ส ี(Color) HSB

HSB เป็นแบบจำาลองท่ีอยูบ่นพื้นฐานการมองเห็นดวงตาของมนุษย ์ประกอบด้วยลักษณะของส ี 3 ประการ คือ Hue , Saturation และ Brightness1. Hue เป็นการเปล่ียนแปลงของเฉดสทีี่

อาศัยความแตกต่างของ 3 แมส่ี2. Saturation จะแสดงค่าความเขม้ของส ี

จางหรอืเขม้ ซึ่งเป็นสดัสว่นของสทีี่อยูใ่นโทนสเีทา วดัค่าเป็นเปอรเ์ซน็ต์

3. Brightness คือ ความสวา่งของส ีซึ่งจะแสดงการไล่ระดับความสวา่งของสขีึ้นเรื่อยๆ จนถึงสขีาว

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

ส ี(Color)

โหมดส ีHSB

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

ส ี(Color) LAB

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

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

ส ี(Color)

โหมดสขีอง LAB

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

การสรา้งภาพดิจติอล

Scanner Digital Camera Video Capture Image Software

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

รูปภาพบนเวบ็ GIF เป็นไฟล์ท่ีรองรบัสี 256 สี นิยมนำาไปใชกั้บการแสดงผลบน

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

โปรง่ใสได้ JPG เป็นไฟล์ท่ีนิยมใชกั้บการแสดงผลบนอินเทอรเ์น็ต เนื่องจาก

เป็นไฟล์ท่ีสามารถบบีอัดให้เล็กลงได้มาก แสดงผลรวดเรว็ คณุภาพ ไฟล์ตำ่า ความละเอียดของภาพน้อย ไมเ่หมาะกับงานสื่อสิง่พมิพ์

TIF เป็นไฟล์ท่ีนิยมใชใ้นการโอนถ่ายขอ้มูลขา้มโปรแกรม เป็นไฟล์ที่ นิยมใชส้ำาหรบัสง่งานเขา้โรงพมิพ์ เนื่องจากเป็นไฟล์ที่รองรบัโหมด

สี CMYK และเป็นไฟล์ท่ีสามารถเก็บคณุสมบติัต่างๆ ได้เหมอืนต้นฉบบัทกุประการ

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

นำาเสนอขอ้มูลผลิตภัณฑ์ด้านมลัติมเีดีย

ให้นักศึกษาแบง่กลุ่มเพื่อศึกษาและนำาเสนอขอ้มูลผลิตภัณฑ์ด้านมลัติมเีดีย โดยมรีายละเอียดดังต่อไปน้ี

1. ชื่อและรุน่ของซอฟต์แวร์ 2. ประเภทของซอฟต์แวร์ 3. รายละเอียดของซอฟต์แวร์ 4. ราคาของซอฟต์แวร์ 5. ภาพของซอฟต์แวร์ 6. เวบ็ไซต์ของซอฟต์แวร์ 7. วธิกีารใชง้านซอฟต์แวรเ์บื้องต้น

นำาเสนอโดยใช ้PowerPoint กลุ่มละ - 510 นาทีพรอ้มทัง้สง่ File