computer graphics and multimedia · pdf fileมัลติมีเดีย...

46
Computer graphics and multimedia

Upload: doanthuy

Post on 06-Feb-2018

223 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

Computer graphics and multimedia

Page 2: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

วตถประสงคการเรยนร

• ความรความเขาใจเกยวกบมลตมเดย และคอมพวเตอรการฟก

• ความหมาย องคประกอบพนฐานของมลตมเดย

• การประยกตใชงานมลตมเดย ซอฟตแวร ฮารดแวรทใชกบงานมลตมเดย

• ความแตกตางระหวางมลตมเดย และคอมพวเตอรการฟก

• การท างานของรปภาพในคอมพวเตอรการฟก

• ประโยชนของงานคอมพวเตอรการฟก

• ประเภทของไฟลภาพทใชในงานคอมพวเตอรกราฟก

Page 3: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

มลตมเดย หมายถง การน าองคประกอบของสอชนดตางๆ โดยผานกระบวนการทางระบบคอมพวเตอรเพอสอความหมายกบผ ใชอยางมปฏสมพนธและไดบรรลตามวตถประสงคการใชงาน

องคประกอบพนฐานของมลตมเดย ประกอบดวย5.3.1 ขอความ (Text)5.3.2. ภาพนง (Still Image)5.3.3. ภาพเคลอนไหว (Animation)5.3.4. เสยง (Sound)5.3.5. ภาพวดโอ (Video)

Page 4: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

องคประกอบพนฐานของมลตมเดย

5.3.1 ขอความ เปนองคประกอบพ น ฐาน ทส าคญของมลต ม เ ด ย ทสามารถก าหนดรปแบบตางๆ ของขอความใหมความแตกตางดวยการใชส ขนาด และรปแบบตวอกษรขอความเปนองคประกอบทเหมาะส าหรบการสอสารขอมลทมจ านวนมาก และสอความหมายไดตรงและชดเจน รปท 5.1 การใชขอความในการสอความหมายผานแปนพมพ

Page 5: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

องคประกอบพนฐานของมลตมเดย

5.3.2 ภาพนง หมายถง ภาพทไมมการเคลอนไหว ซงเกดจากเทคนคตาง ๆ เชน ภาพถาย แผนท โลโก และภาพราง เปนตน ถอเปนสวนประกอบทมบทบาทต อ ร ะบบง านมลต ม เ ด ยมากกวาขอความ หรอตวอกษร

รปท 5.2 การใชภาพนงในการสอความหมายความเสยใจ

Page 6: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

องคประกอบพนฐานของมลตมเดย

5.3.3 ภาพเคลอนไหว หมายถงภาพกราฟกทมการเคลอนไหวเพอแสดงขนตอน ห รอปรากฏการณตางๆ ทเ ก ดข น อย า งตอ เ น อ ง ในอต รากา รเ ค ล อ น ไห ว ท เ หมา ะสม ท ง น เ พ อสรางสรรคใหผชมเกดจนตนาการ

รปท 5.3 การใชโปรแกรมเฉพาะทางในการสรางภาพยนตรกานกลวย

Page 7: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

องคประกอบพนฐานของมลตมเดย

5.3.4 เสยง เปนองคประกอบหนงทส าคญของมลตมเดย โดยจะถกจดเกบอยในรปของสญญาณดจตอล ซงสามารถเลนซ ากลบไปมาไดโดยใชโปรแกรมทออกแบบมาเฉพาะส าหรบท างานดานเสยง หากในงานมลตมเดยมการใชเสยงเปนองคประกอบ จะชวยงานนาสนใจ และมความสมบรณของการน าเสนอมากยงขน

Page 8: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

องคประกอบพนฐานของมลตมเดย

การใชเสยงในงานมลตมเดย ควรพจารณาดงน 1. ความเหมาะสม งานทจะน าเสยงมาใชเปนสวนประกอบอาจจะมความเหมาะสมทแตกตางกนออกไป เชน เสยงพดใชในการบรรยายเนอหา หรอเสยงดนตรประกอบการแสดงภาพ เปนตน ซงเสยงจะชวยเสรมสรางใหงานแตละชนมความนาสนใจมากยงขน แตตองพจารณาถงความเหมาะสมในดานการน าไปใชใหถกตองตามกลมเปาหมายดวย

2. ความพรอม ในการเสยงเปนสวนประกอบจะตองพจารณาดานอปกรณทง ฮารดแวร และซอฟตแวร ในการเลนเสยงใหสามารถมระบบการเลนกลบ หรอบนทกเสยงได หรอไม

3. การควบคม พจารณาความสามารถของระบบการควบคมเสยง เชน การควบคมระดบความดงของเสยง หรอสามารถปดเสยงไดเมอไมตองการรบฟง เปนตน

Page 9: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

องคประกอบพนฐานของมลตมเดย

5.3.5 วดโอ เปนสอในการน าเสนอทสรางความเขาใจใหกบผ รบสารไดดกวาสอดานอนๆ เนองจากสามารถสอสารไดโดยน าเสนอเหตการณจรง พรอมทงน าขอความ หรอเสยงมาเปนองคประกอบในการสอความหมายไดอกดวย อยางไรกตามการใชสอวดโอกมขอเสย คอตองใชพนทในการจดเกบขอมลมากกวาสอชนดอนๆ และในดานการประมวลผลยงตองใชคอมพวเตอรทมประสทธภาพสงในการน าเสนอจงจะสามารถแสดงผลไดอยางราบรน

Page 10: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

วดโอในปจจบน สามารถแบงไดเปน 3 มาตรฐาน 5.3.5.1. NTSC (National Television System Committee) เปนมาตรฐานนใชในประเทศสหรฐอเมรกา และญป น โดยการสรางภาพในแนวนอนทมอตราการเคลอนทของภาพทจ านวน 30 เฟรมตอวนาท

5.3.5.2. PAL (Phase Alternate Line) เปนมาตรฐานทพฒนาโดยยโรป และมการน ามาใชในประเทศไทย ออสเตรเลยองกฤษ และเยอรมน โดยการสรางภาพในแนวนอนทมอตราการเคลอนทของภาพทจ านวน 25 เฟรมตอวนาท

5.3.5.3. SECAM (Sequential Color and Memory) เปนมาตรฐานทมการน ามาใชในรสเซย ฝรงเศส และตะวนออกกลาง มอตราการเคลอนทของภาพทจ านวน 25 เฟรมตอวนาท

Page 11: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.4 การประยกตใชงานมลตมเดยในงานดานตางๆ

5.4.1 คอมพวเตอรชวยสอน เปนการใชสอคอมพวเตอรในการน าเสนอเนอหาเรองราวตางมลกษณะเปนการเรยนโดยตรง ซงเปนการเรยนแบบมปฎสมพนธระหวางผ เรยนกบคอมพวเตอรทสามารถโตตอบกนได ซงเกยวของโดยตรงกบการออกแบบ และพฒนาโปรแกรมของคอมพวเตอรชวยสอนเปนหลก โดยคอมพวเตอรชวยสอนจะตองมลกษณะส าคญ 4 ประการ ซงเรยกวา 4-I คอ 1. Information คอตองมเนอหาสาระส าคญ

2. Individualize คอตองตอบสนองความแตกตางระหวางบคคล

3. Interactive คอตองมการโตตอบระหวางผใชกบบทเรยนได4. Immediate Feedback คอตองใหผลยอนกลบโดยทนท

Page 12: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.4 การประยกตใชงานมลตมเดยในงานดานตางๆ

5.4.2 การสรางเวบไซค เวบไซคเปนบรการหนงบนอนเทอรเนตทไดรบความนยมมาก ซงมการน าเอาตวอกษร รปภาพมาใชเปนไฮเปอรเทกซ และมการสรางไฮเปอรลงค เพอท าการเชอมโยงขอมล แตละเวบไซตจะมการออกแบบทสวยงาม มการน าภาพเคลอนไหวตางๆ มาประกอบ

1. การดหนง ฟงเพลงผานเวลดไวดเวบ เชน

http://www.youtube.com

2. การเลนเกมออนไลนผานเวบไซต เชน

http://www.freegameonline.com

Page 13: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.4 การประยกตใชงานมลตมเดยในงานดานตางๆ

• 5.4.3 E-learning คอ การเรยนการสอนผานระบบอเลกทรอนกสซงในปจจบนสถานศกษาตางๆ ไดมการใช E-learning ประกอบการเรยนการสอนมากยงขน ผ เรยนสามารถเขาสบทเรยนไดจากทกทผานเครอขายอนเทอรเนตโดยการลงทะเบยน สามารถท าแบบฝกหด และทราบคะแนนไดทนท ซงสวนประกอบหลก ๆ ของ E-learning มดงตอไปน

1. การลงทะเบยนเรยนของนสต

2. บทเรยนตางๆ ทใชสอน

3. แบบทดสอบออนไลน

4. กระดานขาว เพอแลกเปลยนขอมลขาวสาร ระหวางผ เรยนดวยกน

Page 14: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.4 การประยกตใชงานมลตมเดยในงานดานตางๆ

• 5.4.4 ดานความบนเทง เทคโนโลยมลตมเดยไดเขามามบทบาทดานความบนเทงในรปแบบตางๆ เชน เกมสคอมพวเตอร เพลง ภาพยนตรสารานกรมส าหรบการสอสาร และการตน เปนตน โดยผใชสามารถโตตอบกบแอปพลเคชนของมลตมเดยเพอควบคมการท างานตางๆ ไดเชน สงใหเลน หรอหยดเพลง

Page 15: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.4 การประยกตใชงานมลตมเดยในงานดานตางๆ

• 5.4.5 ดานการฝกอบรม เปนการฝกอบรมและพฒนาพนกงานในองคกรดวยระบบคอมพวเตอร Computer Based Training (CBT) เพอเพมศกยภาพ และขดความสามารถในการปฏบตงาน เชน การฝกอบรมดานการเงนและการบญช และการฝกอบรมดานคอมพวเตอร เปนตน การอบรมดวยวธนสามารถเรยนในเวลาวางไดไมกระทบเวลาในการท างาน และสามารถเรยนรไดเองโดยไมจ าเปนตองเรยนรจากอาจารยผ สอนโดยตรงท าใหพนกงานแตละหนวยงานมความรทเปนมาตรฐานเดยวกน

Page 16: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.4 การประยกตใชงานมลตมเดยในงานดานตางๆ

• 5.4.6 ดานธรกจ งานมลตมเดยจะชวยอ านวยความสะดวกในดานธรกจไดเปนอยางมากใชส าหรบแสดงรายละเอยดสนคาหรอการบรการตางๆ รวมถงสามารถอธบายขอมลไดอยางชดเจน และเขาใจงาย นอกจากนยงการพฒนาเทคโนโลยการตดตอสอสารทเปนไปอยางรวดเรว และเชอมโยงกนอยางทวถง ท าใหสามารถใชมลตมเดยเพอการตดตอสอสารกนในระยะไกลได เชน การประชมทางไกล โดยจะสอสารกนผานกลอง และไมโครโฟน

Page 17: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.4 การประยกตใชงานมลตมเดยในงานดานตางๆ

• 5.4.7 ดานการซอขายสนคา ปจจบนการซอขายสนคาผานทางเครอขายอนเทอรเนตจะน าสอมลตมเดยมาประยกตใชในการน าเสนอสนคาและบรการแกลกคา เชน ราคา ขนาด สสน และคณสมบตพเศษของสนคาหรอบรการ เปน เมอลกคาตองการกสามารถสงซอผานเวบไซตไดอยางสะดวก และรวดเรวโดยระบบควรจะแสดงขนตอนการสงซอ และวธการใชงานใหกบลกคาทราบอยางละเอยดทกขนตอน

Page 18: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.4 การประยกตใชงานมลตมเดยในงานดานตางๆ

• 5.4.8 ดานการแพทย เทคโนโลยมลตมเดยสามารถน ามาประยกตใชในดานการแพทยได เชน ภาพเอกซเรยทไดจากการ CT Scan ซงจะใชคลนแมเหลกตรวจสอบรางกายมนษย และแสดงผลลพธการสแกนในรปแบบ 3 มต เ ปนตน นอกจากนยงสามารถใชเทคโนโลย Tele

Medicine หรอระบบแพทยทางไกลผานดาวเทยมชวยในการวนจฉยเพอหาสาเหตของโรค เพอวางแผนการรกษา และวธการรกษาไดอยางรวดเรวผานระบบทางไกลไดอยางแมนย า

Page 19: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.4 การประยกตใชงานมลตมเดยในงานดานตางๆ

• 5.4.8 ดานการออกแบบทางดานวศวกรรม เทคโนโลยมลตมเดยชวยในการออกแบบเครองจกรไฟฟา วงจรอเลกทรอนกส และอาคาร โดยใชคอมพวเตอร Computer Aided Design (CAD) และ Computer Aided

Manufacturing (CAM) วศวกรจะใชซอฟตแวรส าหรบการออกแบบในการพฒนาผลตภณฑ ทแสดงสวนประกอบตางๆ ไดอยางละเอยด เหมอนจรง และเคลอนไหวได กอนทจะท าการผลตจรง

Page 20: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.5 ซอฟตแวรทนยมใชในงานมลตมเดย

• 5.5.1 Windows Movie Maker เปนเครองมอผลตสอวดโอ และตดตอ ท ไ ด รบการยอมรบวาสามารถใชถายทอดความรสกไ ดอยา ง มประสทธภาพ อาจจะมแทรกขอความ เสยงบรรยาย เสยงดนตร เพอเพมใหรายละเอยดของสอออกมามเนอหาครบถวนสมบรณ

รปท 5.4 ตวอยางโปรแกรม Windows Movie Maker

Page 21: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.5 ซอฟตแวรทนยมใชในงานมลตมเดย

• 5.5.2 Macromedia Flash เปนโปรแกรมทพฒนามาเพอสนบสนนการสรางงานกราฟก ทงภาพนง และภาพเคลอนไหว ส าหรบการน าเสนอผานอปกรณตางๆ อกทงมฟงกชนชวยในการสรางผลงานหลากหลายรปแบบ ตลอดจนชดค าสงโปรแกรมม งทเรยกวา Flash Action Script ทเพมประสทธภาพในการท างาน และสามารถคอมไพล เปนโปรแกรมใชงานได

รปท 5.5 ตวอยางโปรแกรม Macromedia Flash

Page 22: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.5 ซอฟตแวรทนยมใชในงานมลตมเดย

• 5.5.3 Adobe Photoshop CS6 เปนโปรแกรมประยกตทมความสามารถในการจดการแกไข และตกแตงรปภาพสามารถท างานกบระบบสตางๆ และและสามารถจดการกบรปแบบไฟลตางๆ ได

รปท 5.6 ตวอยางโปรแกรม Adobe Photoshop CS6

Page 23: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.5 ซอฟตแวรทนยมใชในงานมลตมเดย

• 5.5.4 Adobe Illustrator CS6 เปนโปรแกรมทใชในการวาดภาพ โดยจะสรางภาพเปนลายเสน หรอทเรยกวา Vector Graphic ซงเปนนมาตร-ฐานในการออกแบบระดบสากล และสรางภาพเพอใชเปนภาพประกอบในงานอนๆ เชน การตน ภาพประกอบหนงสอ เปนตน

รปท 5.7 ตวอยางโปรแกรม

Adobe Illustrator CS6

Page 24: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.9 ชนดของไฟลภาพกราฟก

• ภาพกราฟกอาจจะมนามสกลตาง ๆ ของไฟลภาพ หรอนามสกลไฟลไมเหมอนกน และแตละนามสกลไฟลแตกตางกนอยางไร เหมาะส าหรบการใชงานแบบไหน จงเปนทมาของการศกษาไฟลภาพชนดตางๆ เพอจะท าใหสามารถเลอกน าไปใชงานไดอยางถกตองโดยการจ าแนกชนดของไฟลภาพกราฟกเปน 2 ประเภท คอ ไฟลประเภทบตแมป (Bitmap) และ กราฟกไฟลประเภทเวคเตอร (Vector)

Page 25: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.9 ชนดของไฟลภาพกราฟก

• ภาพกราฟกแบบบตแมป (Bitmap)หรอแบบราสเตอร (Raster)

เปนภาพกราฟกทเกดจากการเรยงตวกนของจดสเหลยมเลกๆ หลากหลายส ซงเรยกจดเหลานวาพกเซล พกเซลจง ถอเปนองคประกอบพนฐานของภาพบตแมป และเปนหนวยยอยท เลกทสดซงรวมกนท าใหเกดภาพ

Page 26: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.9 ชนดของไฟลภาพกราฟก

• ตวอยางชนดของกราฟกไฟลประเภทบตแมป

รปท 5.8 ตวอยางชนดของกราฟกไฟลประเภทบตแมป

Page 27: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

ชนดของกราฟกประเภทบตแมปทนยมใช ม 6 ชนด

• JPEG นยมน ามาใชในงานระบบอนเตอรเนต เพราะไฟลมขนาดเลก• TIFF เหมาะสมตอการเกบบนทกภาพตนฉบบ และภาพส าหรบใชประกอบการสรางสอ

สงพมพ• GIF เปนไฟลกราฟฟกมาตรฐานส าหรบระบบอนเทอรเนต เพราะไฟลมขนาดเลก• PNG เปนไฟลกราฟฟกในการน าเสนอภาพบนระบบอนเทอรเนต มความคมชดสง แต

ไมสนบสนนภาพเคลอนไหว• PDF ใชแสดงเอกสารในรปแบบของกราฟฟก โดยผใชสามารถบนทกไฟลกราฟฟก หรอ

เอกสารทกประเภทใหเปนไฟล PDF ได• PSD เปนไฟลกราฟฟกของโปรแกรมตกแตงรป Photoshop และสามารถบนทก

กราฟฟกแบบเวคเตอรลงในไฟลได

Page 28: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.9 ชนดของไฟลภาพกราฟก

• ภาพแบบเวคเตอร (Vector)คอภาพทเกดจากเสนโคง และเสนตรง ซงคณสมบตสของเสนนนๆ เกดจากการค านวณทางคณตศาสตร ดงนนขอดของภาพกราฟกแบบเวคเตอร คอเมอท าการขยายภาพทวาดภาพจะยงคงความละเอยด และคมชดเสมอ นอกจากนไฟลภาพยงมขนาดเลกกวาแบบราสเตอร อกดวย

Page 29: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.9 ชนดของไฟลภาพกราฟก

• ตวอยางชนดของกราฟกไฟลประเภทเวคเตอร

รปท 5.9 ตวอยางชนดของกราฟกไฟลประเภทเวคเตอร

Page 30: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.10 ประโยชนของคอมพวเตอรกราฟกในการประยกตใชกบงานดานตาง ๆ

5.10.1 คอมพวเตอรกราฟกกบงานดานโครงสรางอาคาร เชน งานดานสถาปตยกรรมออกแบบอาคาร การออกแบบวงจรไฟฟาอเลกทรอนกส การออกแบบรถยนต และการออกแบบโครงสราง เปนตน ซงโปรแกรมทใชจะท าใหสามารถออกแบบไดในลกษณะภาพ 3 มต และสามารถก าหนดส และแสงเงาเพอใหไดงานเหมอนจรงมากทสด อกทงสามารถทจะ เลอกดในมมมองดานตางๆ ของภาพไดครบทกมมมอง

Page 31: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.10 ประโยชนของคอมพวเตอรกราฟกในการประยกตใชกบงานดานตาง ๆ

5.10.1 คอมพวเตอรกราฟกกบงานดานโครงสรางอาคาร

ภาพท 5.10 การใชคอมพวเตอรกราฟกเพอออกแบบโครงสรางทางวศวกรรมของอาคารทอยอาศย

Page 32: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.10 ประโยชนของคอมพวเตอรกราฟกในการประยกตใชกบงานดานตาง ๆ

5.10.2 คอมพวเตอรกราฟกกบงานดานวศวกรรมไฟฟา และอเลกทรอนกส ผออกแบบสามารถออกแบบวงจรตางๆ โดยใชสญลกษณทอยในโปรแกรมทถกออกแบบไวอยางเปนระเบยบเพอใหผออกแบบสามารถใชไดตามตองการ นอกจากนนยงสามารถทจะแกไข เพมเตมสวนประกอบอนในภายหลงไดอยางสะดวก และรวดเรว ผ ออกสามารถตรวจทานการท างานจากภายในโปรแกรม หรอสามารถปรนออกมาตรวจสอบในรปแบบกระดาษกสามารถท าไดอยางงายดาย

Page 33: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.10 ประโยชนของคอมพวเตอรกราฟกในการประยกตใชกบงานดานตาง ๆ

5.10.2 ตวอยางของคอมพวเตอรกราฟกกบงานดานวศวกรรมไฟฟา และอเลกทรอนกส

ภาพท 5.11 การใชโปรแกรมในการออกแบบดานวศวกรรมไฟฟา และอเลกทรอนกส

Page 34: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.10 ประโยชนของคอมพวเตอรกราฟกในการประยกตใชกบงานดานตาง ๆ

5.10.3 ประโยชนของคอมพวเตอรกราฟกกบงานดานการออกแบบพาหนะ คอมพวเตอรกราฟกถกน ามาใชในการออกแบบรถยนต เครองบน และพาหนะตางๆ โดยผ ออกแบบสามารถก าหนดรายละเอยด หรอองคประกอบสวนยอยๆ แลวน ามาประกอบเปนสวนใหญขนจนกลายเปนพาหนะทตองการ นอกจากนในโปรแกรมยงสามารถทจะทดสอบแบบจ าลองทออกแบบไวกอนน าไปประยกตใชจรงกอนซงจะท าใหประหยด และน าผลทไดมาวเคราะหผลการทดสอบไดดวย

Page 35: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.10 ประโยชนของคอมพวเตอรกราฟกในการประยกตใชกบงานดานตาง ๆ

5.10.3 คอมพวเตอรกราฟกกบงานดานการออกแบบรถยนต

ภาพท 5.12 คอมพวเตอรกราฟกกบงานดานการออกแบบรถยนต

Page 36: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.10 ประโยชนของคอมพวเตอรกราฟกในการประยกตใชกบงานดานตาง ๆ

5.10.4 ประโยชนของคอมพวเตอรกราฟกกบงานดานการออกการออกแบบโครงสราง การออกแบบโครงสรางตางๆ เชน อาคารทอยอาศย อาคารพาณชย และสะพาน เปนตน โครสรางดงกลาวตองอาศยความรดานการออกแบบทางวศวกรรมโยธา และสถาปตยกรรม ซงสามารถใชโปรแกรมดานคอมพวเตอรกราฟกชวยในการออกแบบได ซงหลงจากวศวกร ห รอสถาปนกท าการออกแบบโครงสรางตางๆ เสรจเรยบรอยแลวเราจะสามารถเหนภาพในรปแบบ 2 มต และโปรแกรมดานคอมพวเตอรกราฟกจะถกน ามาชวยจดการ และก าหนดองคประกอบของภาพใหเราสามารถมองเหนในรปแบบ 3 มต เพอความสมจรงมากยงขน

Page 37: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.10 ประโยชนของคอมพวเตอรกราฟกในการประยกตใชกบงานดานตาง ๆ

5.10.4 คอมพวเตอรกราฟกกบงานดานการออกการออกแบบโครงสรางสะพาน

ภาพท 5.13 คอมพวเตอรกราฟกกบงานดานการออกแบบสะพาน

Page 38: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.11 ประโยชนของคอมพวเตอรกราฟกกบงานดานการภาพยนตร

คอมพวเตอรกราฟกเปนเครองมอส าคญส าหรบการแสดงผลจากภาพขาวด ามาเปนภาพส และการพฒนาสอประเภทตางๆ โดยเฉพาะในปจจบนการสรางการตน ภาพยนตร มความจ าเปนอยางย ง ท ตองอา ศยคอมพวเตอรกราฟกมาชวยในการสรางเทคนคพเศษ (Special Effect)

การสรางภาพเคลอนไหว ซงสามารถปรบแตงแสง และสใหเหมาะกบการน าเสนอผานสอในรปแบบตางๆ ทมอยอยางมากมายในปจจบน เชน ทางโทรทศน โรงภาพยนตร ท าผ รบชมสามารถไดภาพทสวยงาม คมชด และสมจรงมากยงขน

Page 39: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.11 ประโยชนของคอมพวเตอรกราฟกกบงานดานการภาพยนตร

ตวอยางประโยชนของคอมพวเตอรกราฟกกบงานดานการภาพยนตร

ภาพท 5.14 ประโยชนของคอมพวเตอรกราฟกกบงานดานการภาพยนตรเรอง Avatar

Page 40: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.12 ประโยชนของคอมพวเตอรกราฟกกบงานดานเทคนคพเศษในภาพยนตร

ปจจบนเทคนคการสรางภาพยนตรไดน าความสามารถทางดานคอมพวเตอรกราฟกมาชวยในการสรางเทคนคพเศษ เชนการตดตอภาพยนตร ควบคมการเคลอนทของกลองถายภาพ และการควบคมอปกรณบนทกการเคลอนไหวของการจ าลองทศทางการเคลอนทของตวละครใหดสมจรง จดเปลยนแปลงทส าคญของประโยชนคอมพวเตอรกราฟกกบงานดานการภาพยนตรทน ามาทดแทนวธการแบบเดมในการสรางภาพยนตรคอการน าสรางภาพเคลอนไหว และสรางโลกใหมของมนษยในภาพยนตร นอกเหนอจากนน ยงสามารถแสดงรายละเอยดเลกๆ ทส าคญ เชนการแสดงอนภาคฝ นจากการระเบด การตอส และการสรางตวละครเพมจากตวละครเดม เปนตน

Page 41: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.12 ประโยชนของคอมพวเตอรกราฟกกบงานดานเทคนคพเศษในภาพยนตร

ประโยชนของคอมพวเตอรกราฟกกบงานดานเทคนคพเศษในภาพยนตร

ภาพท 5.15 ประโยชนของคอมพวเตอรกราฟกกบงานดานเทคนคพเศษในภาพยนตรเรอง The Matrix

Page 42: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.13 อนาคตของคอมพวเตอรกราฟกคอมพวเตอรกราฟกมการพฒนาขดความสามารถในการแสดงผล และสามารถท างานรวมกบอปกรณรบขอมลทมากขนเพออ านวยความสะดวกตอผ ออกแบบ เชน ปากกาแสง จอสมผส และคยบอรดไรสาย คอมพวเตอรกราฟกจะท าหนาทเปนตวประสาน หรอเปนเครองมอทจะเปลยนวธการใชคอมพวเตอรในอนาคตใหอยในรปแบบของสอประสม (Multimedia) และความเปนเสมอนจรง (Virtual Reality : VR) มากยงขน ความสามารถของการพฒนาระบบสอประสมในปจจบนจะท าใหเครองคอมพวเตอรเพยงเครองเดยวสามารถท าหนาทไดหลากหลายมากยงขน เชน การแสดงผลทงภาพนง เสยง และภาพเคลอนไหว เปนตน

Page 43: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.14 การแสดงผลภาพในรปแบบเสมอนจรง

การสรางภาพเสมอนจรงเกดจากการสรางเปนภาพลวงตา ผชมจะมองเหนภาพซงบางครงไมสามารถแยกแยะไดวาเปนของจรง หรอเปนวตถจ าลองขนมา นอกจากนน เทคโนโลยความเสมอนจรงจะสรางสภาวะแวดลอมใหมใหกบตวละครดวยคอมพวเตอรแตยงตองอาศยอปกรณจอภาพสวมศรษะของผชมในขณะทแสดงผลภาพในรปแบบความเสมอนจรงดวยสอทเรยกวาฮอโลแกรม ซงฮอโลแกรมเปนเทคนคการผสมผสานของเทคโนโลย และคอมพวเตอรกราฟกเพอใชในการสรางภาพสามมต ปจจบนการใช เทคนคฮอโลแกรมยงน าไปประยกตใชในวงจ ากดเนองจากยงมตนทนทสง

Page 44: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

5.14 การแสดงผลภาพในรปแบบเสมอนจรง

ตวอยางเชนการน าเทคนคฮอโลแกรมมาใชในการจดคอนเสรตเพอร าลกการจากไปของศลปนไมเคล

ภาพท 5.17 การใชเทคนคฮอโลแกรมในการสรางศลปนไมเคล แจกสนทเสยชวตไปแลวในงานคอนเสรต

Page 45: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

แบบฝกหด

1. จงอธบายความหมายของค าวามลตมเดย และองคประกอบพนฐานของมลตมเดย

2. ใหนสตยกตวอยางสอในปจจบนทมการประยกตใชงานมลตมเดยในการสรางสรรค พรอมทงอธบายถงประโยชนของการน ามลตมเดยในการสรางสรรคสออยางชดเจน

3. จงอธบายความส าคญของการใชมลตมเดยในงาน E-learning พรอมยกตวอยางประกอบ 3 ตวอยาง

Page 46: Computer graphics and multimedia · PDF fileมัลติมีเดีย หมายถึง การน ... ๆ เช่น ภาพถ่าย แผนที่ โลโก้

แบบฝกหด

4. ใหนสตยกตวอยางสอทตวเองสนใจ พรอมอธบายถงเครองมอทจ าเปนตองใชทง Hardware และ Software มาพอสงเขป5. เหตใดเทคโนโลยฮอโลแกรมจงไมไดรบความนยมมากนกในปจจบน และหากนสตจ าเปนตองใชเทคโนโลยฮอโลแกรมนสตจะน ามาใชกบการแสดงผลงานประเภทใด