14
กราฟิก (Graphic)

หน่วยการเรียนรู้ที่ 3

Embed Size (px)

Citation preview

Page 1: หน่วยการเรียนรู้ที่ 3

กราฟก

(Graphic)

Page 2: หน่วยการเรียนรู้ที่ 3

กราฟก (Graphic)

คำาวา กราฟก (Graphic) มาจากภาษากรก 2 คำาคอ1. Graphikos หมายถง การวาดเขยน2. Graphein หมายถง การเขยน

ตอมามผใหความหมายของคำาวา “กราฟก” ไวหลายประการซงสรปไดดงน........กราฟก หมายถง ศลปะแขนงหนงซงใชสอความหมายดวยเสน สญลกษณ รปวาด ภาพถาย กราฟ แผนภม การตน ฯลฯ เพอใหสามารถสอความหมายขอมลไดถกตองตรงตามทผสอสารตองการกราฟกประกอบดวย

1. ภาพบตแมพ (Bitmap) เปนภาพทมการเกบขอมลแบบพกเซล หรอจดเลกๆ ทแสดงคาส ดงนนภาพหนงๆ จงเกดจากจดเลกๆ หลายๆ จดประกอบกน (คลายๆ กบการปกผาครอสตก) ทำาใหรปภาพแตละรป เกบขอมลจำานวนมาก เมอจะนำามาใช จงมเทคนคการบบอดขอมล ฟอรแมตของภาพบตแมพ ทรจกกนด ไดแก .BMP, .PCX, .GIF, .JPG, .TIF

Page 3: หน่วยการเรียนรู้ที่ 3

2. ภาพเวกเตอร (Vector) เปนภาพทสรางดวยสวนประกอบของเสนลกษณะตางๆ และคณสมบตเกยวกบสของเสนนนๆ ซงสรางจากการคำานวณทางคณตศาสตร

3. คลปอารต (Clipart) เปนรปแบบของการจดเกบภาพ จำานวนมากๆ ในลกษณะของตารางภาพ หรอหองสมดภาพ หรอคลงภาพ เพอใหเรยกใช สบคน ไดงาย สะดวก และรวดเรว

4. HyperPicture มกจะเปนภาพชนดพเศษ ทพบไดบนสอมลตมเดย มความสามารถเชอมโยงไปยงเนอหา หรอรายละเอยดอนๆ มการกระทำา เชน คลก (Click) หรอเอาเมาสมาวางไวเหนอตำาแหนงทระบ (Over)

Page 4: หน่วยการเรียนรู้ที่ 3

คอมพวเตอรกราฟฟก

........คอมพวเตอรกราฟฟก หมายถง การสราง การตกแตงแกไข หรอการจดการเกยวกบรปภาพ โดยใชเครองคอมพวเตอรในการจดการ ยกตวอยางเชน การทำา Image Retouching ภาพคนแกใหมวยทเดกขน การสรางภาพตามจนตนาการ และการใชภาพกราฟกในการนำาเสนอขอมลตางๆ เพอใหสามารถสอความหมายไดตรงตามทผสอสาร ตองการและนาสนใจยงขนดวยกราฟ แผนภม แผนภาพ เปนตน........ภาพกราฟกแบงออกเปน 2 ประเภทคอ-กราฟกแบบ 2 มต เปนภาพทพบเหนโดยทวไป เชน ภาพถาย รปวาด ภาพลายเสน สญลกษณ กราฟ รวมถงการตนตางๆ ในโทรทศน-กราฟกแบบ 3 มต เปนภาพกราฟกทใชโปรแกรมสรางภาพ 3 มตโดยเฉพาะ เชน โปรแกรม 3Ds Max โปรแกรม Maya เปนตน

สวนรปแบบหรอนามสกลไฟลกจะเปน format รปภาพทวๆไป เชน .BMP, .PCX, .GIF, .JPG, .TIF, .WMF, .PNG เปนตน ซงสามารถใชโปรแกรม Adobe Photoshop, Illustrator, Freehand, Firework, Microsoft Visio, CorelDraw, GIMP เปนตน

Page 5: หน่วยการเรียนรู้ที่ 3

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

มลตมเดยสามารถจำาแนกองคประกอบของสอตางๆ ไดเปน 5 ชนด ประกอบดวย ขอความหรอตวอกษร(Text) ภาพนง (Still Image) ภาพเคลอนไหว (Animation) เสยง (Sound) และภาพวดโอ (Video)แลวนำามาผสมผสานเขาดวยกนเพอใชสำาหรบการปฏสมพนธหรอโตตอบ (Interaction) ระหวางคอมพวเตอรกบผใช

Page 6: หน่วยการเรียนรู้ที่ 3

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

1. ขอความหรอตวอกษร (Text)2. ภาพนง (Still Image)3. ภาพเคลอนไหว (Animation)4. เสยง (Sound)5. ภาพวดโอ (Video)

Page 7: หน่วยการเรียนรู้ที่ 3

ขอความหรอต วอกษร (Text)

ขอความ เปนสวนทเกยวกบเนอหาของมลตมเดย ใชแสดงรายละเอยด หรอเนอหาของเรองทนำาเสนอซงปจจบน มหลายรปแบบ ไดแก ขอความทไดจากการพมพ เปนขอความปกตทพบไดทวไป ไดจากการพมพดวย โปรแกรมประมวลผลงาน (Word Processor) เชน NotePad, Text Editor, Microsoft Word โดยตวอกษรแตละตวเกบในรหส เชน ASCII

Page 8: หน่วยการเรียนรู้ที่ 3

ขอความจากการสแกน เปนขอความในลกษณะภาพ หรอ Image ไดจากการนำาเอกสารทพมพไวแลว(เอกสารตนฉบบ) มาทำาการสแกน ดวยเครองสแกนเนอร (Scanner) ซงจะไดผลออกมาเปนภาพ(Image) 1 ภาพ ปจจบนสามารถแปลงขอความภาพ เปนขอความปกตได โดยอาศยโปรแกรม OCR ขอความอเลกทรอนกส เปนขอความทพฒนาใหอยในรปของสอ ทใชประมวลผลได

ขอความไฮเปอรเทกซ (HyperText) เปนรปแบบของขอความ ทไดรบความนยมสงมาก ในปจจบนโดยเฉพาะการเผยแพรเอกสารในรปของเอกสารเวบ เนองจากสามารถใชเทคนค การลงก หรอเชอมขอความ ไปยงขอความ หรอจดอนๆ ได

Page 9: หน่วยการเรียนรู้ที่ 3

ภาพนง (Sti l l Image)

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

Page 10: หน่วยการเรียนรู้ที่ 3

ภาพกราฟก (Graphics) เปนสอในการนำาเสนอทด เนองจากมสสรร มรปแบบทนาสนใจ สามารถสอความหมายไดกวาง ประกอบดวย

ภาพบตแมพ (Bitmap) เปนภาพทมการเกบขอมลแบบพกเซล หรอจดเลกๆ ทแสดงคาส ดงนนภาพหนงๆ จงเกดจากจดเลกๆ หลายๆ จดประกอบกน

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

คลปอารต (Clipart) เปนรปแบบของการจดเกบภาพ จำานวนมากๆ ในลกษณะของตารางภาพ หรอหองสมดภาพ หรอคลงภาพ เพอใหเรยกใช สบคน ไดงาย สะดวก และรวดเรว

HyperPicture มกจะเปนภาพชนดพเศษ ทพบไดบนสอมลตมเดย มความสามารถเชอมโยงไปยงเนอหา หรอรายละเอยดอนๆ มการกระทำา

Page 11: หน่วยการเรียนรู้ที่ 3

ภาพเคล อนไหว (Animation)

    

      

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

Page 12: หน่วยการเรียนรู้ที่ 3

เส ยง (Sound)

เสยงเปนองคประกอบหนงทสำาคญของมลตมเดย โดยจะถกจดเกบอยในรปของสญญาณดจตอลซงสามารถเลนซำากลบไปกลบมาได โดยใชโปรแกรมทออกแบบมาโดยเฉพาะสำาหรบทำางานดานเสยงหากในงานมลตมเดยมการใชเสยงทเราใจและสอดคลองกบเนอหาในการนำาเสนอ จะชวยใหระบบมลตมเดยนนเกดความสมบรณแบบมากยงขน นอกจากน ยงชวยสรางความนาสนใจและนาตดตามในเรองราวตางๆ ไดเปนอยางด ทงนเนองจากเสยงมอทธพลตอผใชมากกวาขอความหรอภาพนงนนเอง ดงนนเสยงจงเปนองคประกอบทจำาเปนสำาหรบมลตมเดยซงสามารถนำาเขาเสยงผานทางไมโครโฟน แผนซดดวด เทป และวทย เปนตน ลกษณะของเสยง ประกอบดวย 1. คลนเสยงแบบออดโอ (Audio) ซงมฟอรแมตเปน .wav, .au 2. เสยง CD เปนรปแบบการบนทก ทมคณภาพสง 3. MIDI (Musical Instrument Digital Interface) เปนรปแบบของเสยงทแทนเครองดนตรชนดตางๆ

Page 13: หน่วยการเรียนรู้ที่ 3

ว ด โอ (Video)

วดโอเปนองคประกอบของมลตมเดยทมความสำาคญเปนอยางมาก เนองจากวดโอในระบบดจตอลสามารถนำาเสนอขอความหรอรปภาพ (ภาพนงหรอภาพเคลอนไหว) ประกอบกบเสยงไดสมบรณมากกวาองคประกอบชนดอนๆ

Page 14: หน่วยการเรียนรู้ที่ 3

Video file format เปนรปแบบทใชบนทกภาพและเสยงทสามารถทำางานกบคอมพวเตอรไดเลย มหลายรปแบบไดแก

AVI (Audio / Video Interleave) เปนฟอรแมตทพฒนาโดยบรษทไมโครซอฟต เรยกวา Video for Windows มนามสกลเปน .avi ปจจบนมโปรแกรมแสดงผลตดตงมาพรอมกบชด Microsoft Windows คอ Windows Media Player

MPEG - Moving Pictures Experts Group รปแบบของไฟลทมการบบอดไฟล เพอใหมขนาดเลกลง โดยใชเทคนคการบบขอมลแบบ Inter Frame หมายถง การนำาความแตกตางของขอมลในแตละภาพมาบบ และเกบ โดยสามารถบบขอมลไดถง 200 : 1 หรอเหลอขอมลเพยง 100 kb/sec โดยคณภาพยงดอย มการพฒนาอยางตอเนอง โดย MPEG-1 มนามสกล คอ .mpg Quick Time เปนฟอรแมตทพฒนาโดยบรษท Apple นยมใชนำาเสนอขอมลไฟลผานอนเทอรเนต มนามสกลเปน.mov