The words you are searching are inside this book. To get more targeted content, please make full-text search by clicking here.
Discover the best professional documents and content resources in AnyFlip Document Base.
Search
Published by niraschaporn50, 2021-03-02 09:29:58

Multimedia

Multimedia

Multimedia

ความหมาย องคป์ ระกอบ และ
ประโยชนข์ องมลั ติมเี ดยี

มลั ติมีเดยี คือ อะไร ??
อะไร คือ มลั ตมิ ีเดีย ?

มลั ติมีเดีย(Multimedia)

มัลติ (Multi) + มเี ดยี (Media)
หลาย ๆ อย่าง,ประสม ส่ือ , ข่าวสาร

สอ่ื ประสม

4

มัลติมเี ดีย(Multimedia)

“มลั ตมิ เี ดีย” หมายถึง การนาองค์ประกอบของสอ่ื ชนดิ
ต่าง ๆ มาผสมผสานเขา้ ด้วยกนั ซึ่งประกอบดว้ ย
1. ตวั อักษร (Text)
2. ภาพน่ิง (Image)
3. ภาพเคลอื่ นไหว (Animation)
4. เสยี ง (Sound)
5. วดิ ีโอ (Video)

องคป์ ระกอบมัลตมิ ีเดยี (Multimedia)

ขอ้ ความหรือ ภาพ
ตัวอกั ษร (Picture)
(Text)

วีดีโอ Multimedia
(Video) เสยี ง

(Sound)

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

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

ข้อความหรือตัวอกั ษรถือว่าเป็นองค์ประกอบพ้ืนฐานทส่ี าคัญ
ของมัลติมีเดีย ระบบมัลติมีเดียที่นาเสนอผ่านจอภาพของเครื่อง
คอมพิวเตอร์ นอกจากจะมีรูปแบบและสีของตัวอักษรให้เลือก
มากมายตามความต้องการแล้วยังสามารถกาหนดลักษณะของการ
ป ฏิ สั ม พั น ธ์ ( โ ต้ ต อ บ ) ใ น ร ะ ห ว่ า ง ก า ร น า เ ส น อ ไ ด้ อี ก ด้ ว ย

องค์ประกอบมัลตมิ เี ดยี (Multimedia)

ข้อความหรือตัวอกั ษร (Text)
ม่งุ เนน้ การส่อื ความหมายทภ่ี าพทาไม่ได้

ภาพน่งิ (Still Image)

ภาพน่ิงเป็นภาพที่ไมม่ กี ารเคลอื่ นไหว เช่น ภาพถา่ ย ภาพวาด
และภาพลายเส้น เปน็ ต้น

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

องคป์ ระกอบมลั ตมิ ีเดีย(Multimedia)

ภาพ (Picture)

• ภาพนิ่ง (Still Picture)
– BMP, TIFF, JPEG, PNG,
Clipart

• ภาพเคลอ่ื นไหว (Animation)
– MPEG, AVI, MOV, GIF, SWF

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

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

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

องค์ประกอบมัลติมีเดยี (Multimedia)

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

ตวั อย่าง animation สรา้ งจากโปรแกรม Swish

องคป์ ระกอบมลั ตมิ เี ดยี (Multimedia)

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

ตัวอย่าง animation สรา้ งจากโปรแกรม Flash

เสียง (Sound)

เสียงเป็นองค์ประกอบหนึ่งท่ีสาคัญของมัลติมีเดีย โดยจะถูก
จัดเก็บอย่ใู นรปู ของสัญญาณดิจิตอลซึง่ สามารถเลน่ ซ้ากลบั ไปกลับมาได้

- การใช้เสียงที่เร้าใจและสอดคล้องกับเนื้อหาในการนาเสนอ จะ
ชว่ ยใหร้ ะบบมลั ติมีเดียนั้นเกิดความสมบรู ณแ์ บบมากยง่ิ ขึน้

- ช่วยสร้างความน่าสนใจและน่าติดตามในเรื่องราวต่างๆ ได้
เป็นอยา่ งดี

- เสยี งมีอทิ ธพิ ลตอ่ ผใู้ ชม้ ากกวา่ ขอ้ ความหรือภาพนิง่

องค์ประกอบมลั ติมเี ดยี (Multimedia)

เสยี ง (Sound)

• Digital Audio
– Wave , AU, AIFF, MP3 , MIDI

วดี ีโอ (Video)

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

ปัญหาหลักของการใช้วิดีโอในระบบมัลติมีเดียก็คือ การ
สิน้ เปลืองทรพั ยากรของพืน้ ท่บี นหน่วยความจาเปน็ จานวนมาก

องค์ประกอบมัลติมเี ดีย(Multimedia)

วีดีโอ (Video)

หลกั การทางานของ Multimedia

เน่ืองจากประสิทธิภาพของสื่อมลั ติมีเดีย ท่ีสามารถนาเสนอได้

ท้งั ขอ้ ความ ภาพนิ่ง ภาพเคล่ือนไหว เสียง วีดิทศั น์ และอื่นๆท่ีจะเกิดข้ึน
ในอนาคต

ผนวกกบั ระบบติดต่อผูใ้ ช้ (GUI: Graphics
User Interface) ท่ีทาใหผ้ ใู้ ชม้ ีความสะดวกในการใช้งาน
สร้างสรรคง์ าน ทาใหบ้ ทบาทของส่ือฯ มีมากข้ึนตามลาดบั มีการนาสื่อ

มลั ติมีเดีย มาประยุกตใ์ ชก้ บั งานต่างๆ มากมาย เช่น การเรียนการสอน

การถ่ายทอดความรู้ การนาเสนอขอ้ มูลการประชาสัมพนั ธ์ เป็ นต้น

การประเมนิ และเเก้ไข

การประกอบเอกสารประกอบ

การสรา้ งและเขียนโปรแกรม

การสร้าง story board

การเขยี น Flow chart

การออกแบบ

การจดั เตรยี ม

การสร้างส่ือมัลติมีเดียไม่ว่าจะเป็นรูปแบบใดๆก็ตามก็จะเริ่ม

ที่การกาหนดหัวเรื่อง,เป้าหมาย,วัตถุประสงค์และกลุ่มเป้าหมาย
ผู้ใช้ จากน้ันทาการวิเคราะห์,ออกแบบ,พัฒนาสร้างสื่อ,ประเมินผล
และนาเผยแพรต่ อ่ ไป

การสรา้ งสอ่ื มลั ตมิ เี ดยี มี 7 ขั้นตอน ดงั น้ี
1.การจัดเตรยี ม
-การกาหนดเปา้ หมายและวตั ถปุ ระสงค์
-รวบรวมขอ้ มลู
-เนอื้ หาสาระ
-การพฒั นาออกแบบ
-สือ่ ในการนาเสนอ

2.ขนั้ ตอนการออกแบบ
-ทบทวนความคดิ
-วิเคราะหแ์ ละแนวความคดิ
-ออกแบบข้นั แรก
-ประเมนิ และแกไ้ ขการออกแบบ

3.ขัน้ ตอนการเขยี นผังงาน
เปน็ การนาเสนอลาดับขนั้ โครงสรา้ งของงาน

4.ขั้นตอนการสร้าง story board
เป็นการเตรียมนาเสนอขอ้ ความ ภาพ รปู แบบมลั ตเิ ดยี ตา่ งๆ

5.ข้นั ตอนการสรา้ งและเขยี นโปรแกรม
เป็นกระบวนการเปล่ียนสตอรใี่ หเ้ ปน็ ช้นิ งาน

6.ข้ันตอนการประกอบเอกสารประกอบ
แบ่งเปน็
-คู่มอื การใช้
-คูม่ ือสาหรบั การแกป้ ัญหาเทคนิคตา่ งๆ
-เอกสารประกอบเพ่ิมเติมท่วั ไป

7.ขั้นตอนการประเมินและเเกไ้ ข
จะประเมินในการนาเสนอซึง่ ผ้ทู ่ีมีการออกแบบจะสงั เกตหลงั จากใชง้ าน

โปรแกรมท่ใี ชส้ ร้างงานมลั ตมิ เี ดยี

ชนดิ ของภาพ

ภาพนง่ิ (Still Image)

ภาพน่งิ (Still Image) คือภาพที่ไมม่ ีการเคลื่อนไหว เกิดจาก
การวางสี เส้น และรูปทรงต่างๆ ในตาแหน่งท่ีเหมาะสม ปัจจุบัน
นิยมใช้ภาพนิ่งประการนาเสนอข่าวสาร หรือเช่ือมโยงเรื่องราวเข้า
ด้วยกนั ในรปู แบบของมลั ติมเี ดยี

ประเภทของภาพนงิ่ (Still Image)

ภาพน่ิงท่ใี ชง้ านบนคอมพวิ เตอร์ เกิดจากการรวมกันของจุดสี หรือ
เรียกว่า “พิกเซล” (Pixel) มีลักษณะเปน็ รูปส่ีเหล่ียมเล็กๆ โดยจุดสี
อยคู่ นละจุดในตาแหน่งท่เี หมาะสมจะเกิดเป็นภาพ

Pixel จะเป็นตัวกาหนดความชัดของภาพ โดยคุณภาพของ
ภาพน่ิงใดๆ จะข้ึนอยู่กับความละเอียดของภาพ ประสิทธิภาพของ
อุปกรณ์ เช่น จอภาพ การด์ จอ และคณุ ภาพของเครื่องพิมพ์

ประเภทของภาพน่ิง (Still Image)

ประเภทของการเกิดภาพ

• ภาพกราฟกิ ท่ีได้จากการสร้างด้วยโปรแกรมคอมพิวเตอร์ เช่น Adobe
Photoshop

• ภาพกราฟิกท่ไี ด้จากการสแกนดว้ ยสแกนเนอร์

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

1. ภาพ 2 มิติ (2D Image)

ภาพเวกเตอร์ (Vector Graphic)
บติ แมพ (Bitmap Image)

2. ภาพ 3 มติ ิ (3D Image)

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

 ภาพ 2 มิติ (2D Image) เป็นภาพท่ีแสดงบนระนาบ 2 มิติ คือ x
และ y

 ภาพเวกเตอร์ (Vector Graphic หรือ ราสเตอร์ Raster) เป็น
ภาพท่ีสร้างด้วยองค์ประกอบของรูปทรงเรขาคณิต เช่น เส้นตรง
และเส้นโค้งต่างๆ ประกอบเป็นภาพ และจัดเก็บข้อมูลในรูปแบบ
ของคาสง่ั เช่น Rectangle (0,0,200,200)

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

 ลกั ษณะเฉพาะของภาพเวกเตอร์ (Vector Graphic)

 เกิดจากเสน้ ตรงและเส้นโค้งต่างๆ ประกอบเป็นภาพ ถูกบรรจุไว้
ในลกั ษณะของสมการทางคณติ ศาสตร์ประกอบกันเปน็ ภาพ

 ปรับปรุงโครงสร้างได้ ภาพท่ไี ดม้ คี วามคมชัดสงู

 ทาการยอ่ -ขยายภาพ มคี วามคมชัด

 ไฟล์มขี นาดเล็ก

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

 ลกั ษณะเฉพาะของภาพเวกเตอร์ (Vector Graphic)

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

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

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

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

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

 ลกั ษณะของภาพบิตแมป (Bitmapped Graphic)
เป็นภาพท่ีประกอบรวมกันของจุดสี (Pixel) หลายจุด
ประกอบรวมกนั เป็นภาพ
มีลักษณะเหมอื นจรงิ เช่น ภาพถ่ายจากกลอ้ งดจิ ิตอล
ขนาดไฟลข์ น้ึ อยู่กบั การบบี อดั และความละเอียดของภาพ
รองรับการแสดงสีไดม้ ากกวา่ 16.7 ลา้ นสี (24 bits)
เปลืองเน้ือทม่ี ากกวา่ vector

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

 ลักษณะของภาพบิตแมป (Bitmapped Graphic)

ย่อ-ขยายภาพ ความคมชัดลดลง

ถา้ ภาพมคี วามละเอยี ดนอ้ ย เมอ่ื ทาการขยายภาพจะทาให้
สญู เสยี รายละเอียดของภาพทาใหเ้ กิดรอยหยัก

 ขอ้ แตกต่างระหว่าง เวกเตอร์ กับ บิตแมป

Bitmap Vector

1. ลกั ษณะภาพประกอบข้ึนดว้ ย 1. ใชส้ มการทางคณิตศาสตรเ์ ปน็ ตวั

จุดตา่ งๆ มากมาย สร้างภาพ โดยรวมเอา Object (เช่น

วงกลม เสน้ ตรง) ตา่ งชนดิ มาผสมกนั

2. ภาพมจี านวนพกิ เซลคงทีจ่ งึ 2. สามารถย่อและขยายขนาดได้

ต้องการค่าความละเอียดมากข้ึน มากกว่า โดยสัดส่วนและลักษณะของ

เมื่อขยายภาพ โดยจะคานวณค่า ภาพยังเหมอื นเดมิ ความละเอียดของ

สที ีละ pixels ทาให้ภาพแตกเมื่อ ภาพไมเ่ ปลยี่ นแปลง

ขยายภาพใหใ้ หญ่

 ขอ้ แตกต่างระหว่าง เวกเตอร์ กบั บติ แมป

Bitmap Vector

3. เหมาะสาหรบั งานกราฟกิ ใน 3. เหมาะสาหรับงานแบบวาง

แบบต้องการให้แสงเงาใน Layout งานพิมพ์ตัวอกั ษร Line Art

รายละเอียด หรอื Illustration

4. แสดงภาพบนจอทันที เม่ือรบั 4. คอมพวิ เตอรจ์ ะใชเ้ วลาในการแสดง

คาส่ังย้ายข้อมลู จาก ภาพมากกว่า เนอื่ งจากต้องทาตาม

หน่วยความจาท่เี ก็บภาพไปยัง คาสง่ั ที่มจี านวนมากกว่า

หน่วยความจาของจอภาพ

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

 ภาพ 3 มิติ (3D Image)

 เป็นภาพประเภทหนงึ่ ของภาพเวคเตอร์ ซึ่งมลี กั ษณะมุมมองของ
ภาพท่ีเหมือนจริง อย่ใู นรูปทรง 3 มิติ มีพืน้ ฐานจากภาพ 2 มิติ
(x,y) และเพมิ่ ความลกึ ในการสรา้ งภาพ (z) สามารถกาหนด
คุณสมบัตเิ พมิ่ เตมิ ไดห้ ลายอยา่ งเช่น การตกแตง่ ผวิ การใหแ้ สง
เงา การหมุนหรือพลิก การใสพ่ ้นื หลงั เปน็ ต้น

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

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

 ภาพ 3 มิติ (3D Image)

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

 การสรา้ งภาพ 3 มิติ (3D Image)

รู้จักพนื้ ฐานของงานกราฟฟิก

 กาหนดความละเอยี ดของภาพ (Resolution)

 ความละเอียดสาหรับการแสดงผลบนจอคอมฯ 72-96 Pixel/Inch

เหมาะสาหรับการแสดงผลผ่านจอคอมพิวเตอร์ การนาไปใสใ่ น
เว็บไซต์ Presentation หรือโทรศพั ท์มอื ถอื เนือ่ งจากไฟลม์ ีขนาด
เลก็ จะแสดงผลได้เร็ว

รจู้ ักพนื้ ฐานของงานกราฟฟกิ

 กาหนดความละเอยี ดของภาพ (Resolution)

 ความละเอียดสาหรับภาพทีน่ าไปพิมพ์ผา่ น Printer 150
Pixel/Inch

ภาพที่นาไปพมิ พ์ลงกระดาษดว้ นเครือ่ ง Printer ความละเอียดท่ี
เหมาะสมคือ 150 Pixel/Inch ข้นึ ไป เพราะจาทาให้งานมคี วาม
สวยงาม

รู้จกั พนื้ ฐานของงานกราฟฟกิ

 กาหนดความละเอยี ดของภาพ (Resolution)

 ความละเอยี ดสาหรบั งานสอ่ื ส่ิงพิมพ์ 300 Pixel/Inch

สาหรับภาพท่นี าไปใชก้ ับงานสอ่ื สิ่งพิมพ์ หรืองานทตี่ อ้ งสง่ โรงพมิ พ์
เช่น โปสเตอรโ์ ฆษณา ปกนติ ยสาร ส่ือสง่ิ พมิ พ์อนื่ ๆ จะตอ้ งมีความ
ละเอยี ดขน้ั ตา่ 300 Pixel/Inch เพ่อื ให้งานที่พิมพ์ออกใสสวยงาม
คมชัด

BMP (Bitmap)

จดุ เดน่ จดุ ด้อย

•ภาพจะมีรายละเอยี ดท่ี •ใช้เนือ้ ทีใ่ นการเกบ็ จานวนมาก ทา

สมบรู ณ์ ใหข้ นาดของไฟล์ภาพมีขนาดใหญ่

JPEG
( Joint Graphics Expert Group )

จุดเดน่ จดุ ด้อย

•สนบั สนนุ สไี ดม้ ากถงึ 24 bit •ไมส่ นับสนุน

•สามารถกาหนดคณุ ภาพและต้งั ค่าการบบี อดั ภาพเคลอื่ นไหวเพราะไม่

ไฟล์ภาพได้ สามารถเกบ็ ภาพหลายๆ

•ใช้ใน Internet (Worl Wild Web) มี ภาพไวด้ ้วยกันได้

นามสกลุ .jpg

•มีโปรแกรมสนบั สนนุ การสรา้ งจานวนมาก

•เรยี กดภู าพได้ใน Graphic Browser ทุกตวั

GIF
( Graphics Interchange Format )

จดุ เด่น จุดดอ้ ย
•เป็นท่นี ยิ มมากท่ีสุดสาหรบั ภาพทจี่ ะ •แสงภาพได้เพียง 256 สี

แสดงบน Web/Internet เท่านนั้
•มขี นาดเล็กมาก •ไม่เหมาะสาหรบั การ
•สามารถทาพ้นื ให้เปน็ แบบโปรง่ ใสได้
นาเสนอภาพถา่ ยหรืองานท่ี
(Transparent/Opacity)
ต้องการความคมชัดสูง

GIF
( Graphics Interchange Format )

จุดเดน่ จดุ ด้อย
•สามารถทาเปน็ ภาพเคลอ่ื นไหวบน

WebPage ได้ โดยใชเ้ ครอ่ื งมือชว่ ยสร้าง

เช่น JAVA, Flash
•มีโปรแกรมสนับสนนุ ในการสรา้ งจานวน

มาก
•สามารถเรียกดภู าพไดใ้ น Graphic

Browser ทกุ ตัว

PNG (Portable Network Graphics)

JPG GIF PNG

จุดเดน่ จดุ ดอ้ ย

•เอาคณุ สมบัติของ(JPEG+GIF) มา •ไมส่ นับสนุนภาพเคลื่อนไหว

ใชค้ อื สมี ากกวา่ 256สแี ละโปรง่ ใส เพราะไม่สามารถเกบ็ ภาพหลายๆ

ได้(Transparent) ภาพไว้ดว้ ยกันได้

•PNG มีการบีบอัดขอ้ มลู โดยไมเ่ สยี

คณุ ภาพ

PNG (Portable Network Graphics)

JPG GIF PNG

จุดเดน่ จดุ ด้อย
•ทาใหโ้ ปร่งใสได(้ Transparency)และยัง

สามารถควบคุมองศาของความโปร่งใส

(Opacity)ไดด้ ว้ ย
•เกบ็ บนั ทกึ ภาพดว้ ยสจี รงิ (True Color)

ได้เชน่ เดยี วกับตารางส(ี Pallete) และสี

เทา(Grayscale)แบบ GIF

TIFF ( Tagged Image File Format )

คือการเก็บไฟล์ภาพในลักษณะเดียวกับไฟล์แบบ BMP แต่ในไฟล์มี
Tagged File ซ่ึงเป็นสัญลกั ษณท์ ี่ช่วยโปรแกรมควบคุมการแสดงภาพ
เช่น การแสดงหรือไม่แสดงภาพบางส่วนได้ ภาพท่ีเก็บไว้ในลักษณะ
ของ TIFF จึงมีความพิเศษกว่าการเก็บแบบอนื่ ทีก่ ล่าวมา นอกจากน้ี
ยังมีไฟล์ภาพแบบต่างๆ อีกหลายแบบ โดยแต่ละแบบจะมีจุดเด่น
แตกต่างกันไป มักนยิ มใช่ในงานกราฟิกการพิมพ์


Click to View FlipBook Version