บทที่ 5 สื่อสร้างสรรค์ 1.

งานนำเสนอเรื่อง: "บทที่ 5 สื่อสร้างสรรค์ 1."— ใบสำเนางานนำเสนอ:

1 บทที่ 5 สื่อสร้างสรรค์ 1

2 สารบัญ ความหมายของสื่อประสม (Multimedia) เสียง (sound)
ภาพนิ่ง (still image) ข้อความ (text)

3 ความหมายของสื่อประสม (Multimedia)

4 ความหมายของสื่อประสม (Multimedia)

5 การแบ่งชนิดของสื่อสามารถทำได้หลายวิธีดังนี้
แบ่งชนิดของสื่อตามระบบการรับรู้ของมนุษย์ 1. Sound หรือ Audio media(สื่อที่เกี่ยวกับระบบการได้ยิน) 2. Visual media (สื่อที่เกี่ยวกับระบบการมองเห็น) แบ่งชนิดของสื่ออิเลคทรอนิกส์ตามระบบของสัญญาณ 1. Analog media (สื่อแอนะล็อก) 2. Digital media (สื่อดิจิทัล)

6 การแบ่งชนิดของสื่อสามารถทำได้หลายวิธีดังนี้
แบ่งชนิดของสื่อตามลักษณะที่แสดงผลออกมา 1. เสียง (sound) 2. ข้อความ (text) 3. ภาพนิ่ง (still image) 4. ภาพเคลื่อนไหว (video, animation)

7 เสียง (Sound)

8 กราฟแสดงค่าความดันอากาศ (pressure) ณ เวลาต่าง ๆ
เสียง (Sound) เป็นคลื่นเชิงกลชนิดหนึ่ง ซึ่งต้องอาศัยตัวกลางเช่นอากาศในการเคลื่อนที่ สามารถเรียกคลื่นนี้ว่า คลื่นไซน์ (sine wave) ได้เช่นกัน กราฟแสดงค่าความดันอากาศ (pressure) ณ เวลาต่าง ๆ

9 เสียง (Sound) การวัดความถี่ของเสียง: Hertz (รอบต่อวินาที)
มนุษย์สามารถได้ยินคลื่นเสียง ซึ่งมีความถี่ในช่วงประมาณ ,000 Hz คลื่นความถี่ต่ำ คือเสียงต่ำ คลื่นที่มีความถี่สูง คือเสียงสูง เสียงที่เกิดขึ้นโดยธรรมชาติเป็นคลื่นแบบซับซ้อน เกิดจากคลื่นไซน์หลาย ๆ ความถี่มารวมกัน

10 เสียง (Sound) สื่ออิเลคทรอนิกส์ที่เอาไว้ใช้เก็บข้อมูลเสียง คือสื่อที่ต้องอาศัยอุปกรณ์อิเลคทรอนิกส์ ในการเรียกข้อมูลที่บันทึกไว้ แล้วแปลงออกมาเป็นสัญญาณ สัญญาณที่ใช้ในอุปกรณ์อิเลคทรอนิกส์ มี 2 ชนิด คือ สัญญาณแอนะล็อก สัญญาณดิจิทัล

11 เสียง (Sound) สัญญาณแอนะล็อก (analog signal) คือสัญญาณที่เรียงกันแบบต่อเนื่อง เช่น สัญญาณที่ถูกเรียกมาจากเทปคาสเซท หรือสัญญาณที่ออกมาจากไมโครโฟนโดยตรง สัญญาณแอนะล็อกสามารถ แสดงให้อยู่ในรูปของ “กราฟของค่าแรงดันไฟฟ้า (voltage) ณ เวลาต่าง ๆ”

12 เสียง (Sound) สัญญาณดิจิทัล (digital signal) คือสัญญาณที่เรียงกันแบบไม่ต่อเนื่อง เช่น สัญญาณที่อ่านจากซีดีเพลง, เทปดิจิทัล, ไฟล์เสียงในฮาร์ดดิสก์ มีลักษณะเป็นข้อมูลตัวเลข (หรือ sample) เรียงต่อ ๆ กันไป โดย sample แต่ละอันจะแทนค่าแรงดันไฟฟ้าในช่วงเวลาหนึ่ง

13 เสียง (Sound) ตัวอย่าง ขั้นตอนการบันทึกเสียง
ไมโครโฟน จะแปลงคลื่นเสียงในอากาศ เป็นสัญญาณแอนะล็อก การ์ดเสียง จะแปลงสัญญาณแอนะล็อกไปเป็นสัญญาณดิจิทัล คอมพิวเตอร์ ทำการประมวลผลหรือบันทึกข้อมูล

14 เสียง (Sound) ตัวอย่าง ขั้นตอนฟังเสียงด้วยคอมพิวเตอร์
คอมพิวเตอร์จะส่งสัญญาณดิจิทัลมายังการ์ดเสียง การ์ดเสียง แปลงสัญญาณดิจิทัลเป็นสัญญาณแอนะล็อก ลำโพง ทำหน้าที่แปลงสัญญาณแอนะล็อกไปเป็นคลื่นเสียงในอากาศ

15 เสียง (Sound) Sampling rate, bit per sample, และ bit rate
สัญญาณแบบดิจิทัลที่ไม่ต่อเนื่องสามารถใช้แทนสัญญาณแอนะล็อกที่ต่อเนื่องได้ แต่จะแทนได้เหมือนจริงมากหรือน้อยนั้น ขึ้นอยู่กับ : 1) "ความละเอียดการแทนข้อมูล" (bit per sample) 2) "ความถี่ในการเก็บข้อมูล" (sampling rate หรือ sample/s)

16 เสียง (Sound) เสียงดิจิทัลที่คุณภาพดี เช่น เสียงที่เกิดจากซีดีเพลงหรือซีดีออดิโอ จะใช้มาตรฐานไฟล์เสียง “44,100 Hz, 16 bit, stereo” ซึ่งมีความหมายดังนี้ : 1) 44,100 Hz (หรือ 44,100 sample/s) คือ เก็บข้อมูล 44,100 ครั้งต่อวินาที 2) 16 bit (หรือ 16 bit per sample) หมายความว่า “ใช้ 16 bit สำหรับเก็บหนึ่งข้อมูลเสียง” 3) Stereo หมายถึง มี 2 ช่องสัญญาณ (ซ้ายกับขวา) 4) ดังนั้นค่า bit rate ซึ่งก็คือ “จำนวน bit ใน 1 วินาที” จะเท่ากับ 1,411.2 kbit/s (มาจาก 2 ช่องสัญญาณ x 44,100 samples/วินาที/ช่องสัญญาณ x 16 bits per sample = 1,411,200 bit/s = 1,411.2 kbit/s)

17 เสียง (Sound) สรุป : ไฟล์เสียงที่มีค่า “bit per sample” มากก็จะทำให้สามารถเก็บเสียงได้ละเอียดขึ้น ส่วนค่า “sampling rate” ยิ่งมากก็ยิ่งสามารถเก็บคลื่นที่มีความถี่สูงได้ ในการบันทึกเสียงให้ได้คุณภาพ ควรเซ็ตค่า sampling rate และ bit ตามมาตรฐานที่ใช้ในซีดีออดิโอ มาตรฐานไฟล์เสียงที่นิยมใช้กันในสื่อมัลติมิเดียคุณภาพสูงอยู่ที่ 48,000 sample/s, 24 bit

18 เสียง (Sound) รูปแบบไฟล์เสียงในระบบดิจิทัล (Digital Audio File Formats) ที่พบบ่อย 1) ไฟล์เสียงแบบไม่บีบอัด (uncompressed audio formats) หรือ ไฟล์เสียงแบบดิบ เช่น ไฟล์เสียงแต่ละไฟล์ในซีดีเพลง (audio CD), WAV, และ AIFF; ไฟล์เสียงมีขนาดใหญ่ที่สุดเพราะเป็นไฟล์เสียงที่ยังไม่ถูกบีบอัด

19 เสียง (Sound) 2) ไฟล์เสียงบีบอัดแบบแต่ไม่สูญเสีย (lossless compressed audio formats) เช่น FLAC (Free Lossless Audio Codec), Monkey's Audio (มีนามสกุล .ape), WavPack (.WV), TTA, ATRAC Advanced Lossless, Apple Lossless, MPEG-4, Windows Media Audio Lossless (WMA Lossless) เมื่อไฟล์เสียงดิบถูกบีบอัดในลักษณะนี้แล้วอาจจะทำให้มีขนาดเล็กลงประมาณครึ่งหนึ่ง แต่จะไม่สูญเสียคุณภาพใด ๆ

20 เสียง (Sound) 3) ไฟล์เสียงบีบอัดแบบสูญเสีย (lossy compressed audio formats) เช่น MP3, Ogg Vorbis, Windows Media Audio Lossy (WMA lossy) โดยไฟล์เสียงแบบดิบอาจจะถูกบีบอัดให้มีขนาดประมาณ 1 ใน 10 ของไฟล์ต้นฉบับ เมื่อถูกบีบอัดไปแล้วก็จะสูญเสียคุณภาพไปเลย

21 เสียง (Sound) ซอฟต์แวร์ด้านเสียง
ซอฟต์แวร์ที่ใช้ในการตัดต่อเสียงที่เหมาะสมกับผู้ใช้ทั่วไปคือ “ออดาซิตี้ (Audacity)” เพราะเป็นซอฟต์แวร์ฟรีและโอเพนซอร์สที่ใช้งานง่าย และมีความสามารถเพียงพอสำหรับการบันทึก, ตัดต่อ, แต่ง, และแปลงไฟล์เสียงชนิดต่าง ๆ สำหรับผู้ที่ทำงานจริงจังในด้านดนตรีและเสียงจะใช้ซอฟต์แวร์ที่เรียกโดยรวมว่า “digital audio workstation” ซึ่งมีให้เลือกใช้มากมายทั้งที่เป็นซอฟต์แวร์แบบฟรีและโอเพนซอร์ส

22 ภาพนิ่ง (still image)

23 แสง, สี, และสื่อที่เกี่ยวกับการมองเห็น
มนุษย์จะสามารถมองเห็นสิ่งต่าง ๆ ได้ก็ต้องอาศัยแสง แสงและสีเป็นสิ่งที่เกี่ยวข้องกันอย่างแยกไม่ออก หลักการผสมสีที่ใช้ในคอมพิวเตอร์มีสองระบบหลัก ๆ คือ 1) การผสมสีแบบบวก 2) การผสมสีแบบลบ

24 แสง, สี, และสื่อที่เกี่ยวกับการมองเห็น
1) การผสมสีแบบบวก (additive color model) เป็นหลักการที่มาจากการผสมกันของแสง คลื่นแสงพื้นฐานประกอบด้วย แสงสีแดง (Red), แสงเขียว (Green), แสงน้ำเงิน (Blue) เมื่อคลื่นแสงเหล่านี้ซ้อนทับกันก็จะเกิดการบวกของคลื่นแสง ผสมแสง RBG ด้วยความเข้มร้อยละ 100 : 100 : 100 จะได้ความสว่างมากที่สุด (สีขาว) ความเข้มแสงเป็นศูนย์ทั้งหมด เกิดความมืดสนิท (สีดำ) การทำให้เกิดสีอื่น ๆ ทำได้โดยการปรับอัตราความเข้มของ

25 แสง, สี, และสื่อที่เกี่ยวกับการมองเห็น
Additive color model

26 แสง, สี, และสื่อที่เกี่ยวกับการมองเห็น
2) การผสมสีแบบลบ (subtractive color model) เป็นหลักการที่มาจากการผสมของสารสีบนกระดาษ สารสีที่เราคุ้นเคยได้แก่ สีน้ำ ดินสอสี เป็นต้น สีพื้นฐานประกอบด้วยสารสีที่มี สีน้ำเงินแกมเขียว (Cyan), สีแดงแกมม่วง (Magenta), สีเหลือง (Yellow) เมื่อ CMY มาผสมกันด้วยความเข้มข้นร้อยละ 100 : 100 : 100 ตามลำดับ ก็จะทำให้มองเห็นเป็นสีดำ ส่วนการทำให้เกิดสีอื่น ๆ ก็ทำได้โดยการปรับความเข้มข้นของ CMY

27 แสง, สี, และสื่อที่เกี่ยวกับการมองเห็น
Subtractive color model

28 รูปแบบไฟล์ภาพ (Image File Formats)
การเก็บไฟล์รูปภาพในคอมพิวเตอร์ที่พบบ่อย เช่น BMP, TIFF, JPEG, GIF, PNG และ SVG โดยไฟล์เหล่านี้สามารถแบ่งได้เป็นสองรูปแบบใหญ่ ๆ คือ 1) raster graphics 2) vector graphics

29 รูปแบบไฟล์ภาพ (Image File Formats)
1) Raster graphics หรือ bitmap คือการใช้จุดภาพ (pixel) เรียงกันทั้งในแนวนอนและแนวตั้งให้เกิดเป็นภาพ แต่ละพิกเซลล์จะเป็นระบบสี RGB แต่ละสีจะมีความละเอียด 8 บิต แต่ละพิกเซลล์สามารถแสดงสีได้ 8 x 3 = 24 บิต Raster graphics

30 รูปแบบไฟล์ภาพ (Image File Formats)
1) Raster graphics หรือ bitmap (ต่อ) ภาพแบบ binary image หรือ 1-bit ในแต่ละพิกเซลล์จะมีสีที่แตกต่างกัน 2 สี คือ สีดำกับสีขาว ภาพแบบ grayscale (ระดับเทา) 8-bit ในแต่ละพิกเซลล์จะมีสีที่แตกต่างกันทั้งหมด 256 สี

31 รูปแบบไฟล์ภาพ (Image File Formats)
ลีน่า (นางแบบเพลย์บอย) ในแบบ binary image (1-bit), grayscale (8-bit), และ true-color (24-bit)

32 รูปแบบไฟล์ภาพ (Image File Formats)
1) Raster graphics หรือ bitmap (ต่อ) ไฟล์ภาพแรสเตอร์ที่เราพบบ่อยในชีวิตประจำวัน ได้แก่ : 1. BMP หรือ Microsoft Bitmap (นามสกุล .bmp, .dib) เป็นรูปแบบไฟล์ภาพแบบไม่ถูกบีบอัดของไมโครซอฟต์ สามารถกำหนดขนาดภาพให้มีความกว้างหรือยาวเท่าไหร่ก็ได้ สามารถใช้โปรแกรมบีบอัด เช่น WinZip เพื่อบีบอัดไฟล์ให้มีขนาดเล็กลงได้

33 รูปแบบไฟล์ภาพ (Image File Formats)
1) Raster graphics หรือ bitmap (ต่อ) 2. TIFF หรือ Tagged Image File Format (นามสกุล .tiff, .tif) เป็นรูปแบบไฟล์บีบอัด (เป็นได้ทั้งบีบอัดแบบสูญเสีย และไม่สูญเสีย) เป็นรูปแบบไฟล์ที่นิยมใช้ในวงการการพิมพ์

34 รูปแบบไฟล์ภาพ (Image File Formats)
1) Raster graphics หรือ bitmap (ต่อ) 3. JPEG (นามสกุล .jpg, .jpeg) เป็นรูปแบบไฟล์บีบอัด (เป็นได้ทั้งบีบอัดแบบสูญเสีย และไม่สูญเสีย) เหมาะกับการใช้ในการเก็บภาพถ่าย คุณภาพของภาพจะขึ้นอยู่กับอัตราการบีบอัด เหมาะกับการใช้งานบนอินเตอร์เน็ต

35 รูปแบบไฟล์ภาพ (Image File Formats)
1) Raster graphics หรือ bitmap (ต่อ) 4. JPEG 2000 (นามสกุล .jp2, .j2k, .jpf, .jpx, .jpm) เป็นรูปแบบไฟล์ที่พัฒนาขึ้นมาให้มีประสิทธิภาพในการบีบอัดมากกว่า JPEG เวอร์ชันเก่า

36 รูปแบบไฟล์ภาพ (Image File Formats)
1) Raster graphics หรือ bitmap (ต่อ) 5. GIF เป็นรูปแบบไฟล์บีบอัดแบบไม่สูญเสีย แต่มีขนาดเล็ก ไม่เหมาะกับการเก็บภาพถ่าย หรือภาพที่มีความหลากหลายของสี เพราะมีแค่ 256 สี เหมาะสำหรับการเก็บรูปการ์ตูน, ตราสัญลักษณ์, และแผนภูมิ เป็นภาพเคลื่อนไหวได้

37 รูปแบบไฟล์ภาพ (Image File Formats)
1) Raster graphics หรือ bitmap (ต่อ) 6. PNG (Portable Network Graphics; นามสกุล .png) เป็นรูปแบบไฟล์บีบอัด (เป็นได้ทั้งบีบอัดแบบสูญเสีย และไม่สูญเสีย) เดิมทีถูกสร้างขึ้นมาเพื่อทดแทน GIF เนื่องจากปัญหาด้านสิทธิบัตรของ GIF เป็นที่นิยมใช้งานบนอินเทอร์เน็ตเช่นเดียวกัน รูปแบบไฟล์ PNG ยังสามารถมีค่า color depth ได้หลายแบบ

38 รูปแบบไฟล์ภาพ (Image File Formats)
2) Vector graphics (เวกเตอร์กราฟิก) คือไฟล์ภาพที่จัดเก็บข้อมูลเป็นตัวแปรทางคณิตศาสตร์และคำสั่งต่าง ๆ ขนาดของไฟล์ขึ้นอยู่กับจำนวนของคำสั่งและตัวแปรต่าง ๆ ข้อดี คือคุณภาพของภาพไม่ขึ้นอยู่กับความละเอียด ภาพจะถูกขยายให้ใหญ่แค่ไหนก็ได้ โดยคุณภาพไม่ลดลง เหมาะกับการเก็บภาพตราสัญลักษณ์, ภาพที่ใช้เป็นไอคอนของเว็บไซต์, หรือภาพกราฟิกที่ออกแบบโดยนักออกแบบกราฟิก

39 รูปแบบไฟล์ภาพ (Image File Formats)
เปรียบเทียบระหว่างภาพเวกเตอร์ และภาพเดียวกันที่ถูกแปลงให้เป็นบิทแมป ที่การขยาย 7 เท่า

40 ข้อความ (Text)

41 ข้อความ (Text) ข้อความเกิดจากการนำอักขระ หลายตัวมาประกอบกัน
อักขระประกอบด้วยตัวอักษร, ตัวเลข, และเครื่องหมายสัญลักษณ์ นิยมเก็บตามมาตรฐาน ASCII และ UTF-8 เช่น เก็บข้อมูลเป็นตัวอักษร I love computer. ในระบบมาตรฐานการเก็บข้อมูลแบบ ASCII จะต้องแทนด้วยตัวเลขเรียงลำดับดังต่อไปนี้ I l o v e c m p u t r . 73 32 108 111 118 101 99 109 112 117 116 114 46

42 ข้อความ (Text) นอกจากอักขระแล้ว ข้อความยังมีองค์ประกอบอื่น ๆ ได้อีก เช่น แบบอักษร (font, ฟอนต์) หรือแม่แบบของตัวอักษร รวมถึงอักขระด้วย สไตล์ของตัวอักษร มี 4 รูปแบบ คือ ตัวปกติ “A” ตัวหนา “A” ตัวเอียง “A” และขีดเส้นใต้ “A” และสามารถผสมรูปแบบดังกล่าวเข้าด้วยกันได้

43 รูปแบบไฟล์เอกสาร (document file format)
1) ไฟล์ข้อความแบบธรรมดา (plain text) ไฟล์ข้อความธรรมดา เช่น ไฟล์ .txt ที่นิยมใช้บนวินโดวส์ สามารถสร้างด้วยโปรแกรม Notepad, EditPlus, Notepad++ ไม่สามารถแทรกรูปภาพได้ 2) PDF (Portable Document Format) นามสกุล .pdf สามารถเปิดดูไฟล์ได้กับทุกระบบปฏิบัติการ ส่วนใหญ่แล้วไฟล์ PDF จะถูกสร้างออกมาเพื่อให้นำไปแก้ไขไม่ได้ TXT File PDF File บทที่ 3 ซอฟต์แวร์ (Software)

44 รูปแบบไฟล์เอกสาร (document file format)
3) Microsoft Word Documents รูปแบบไฟล์สำหรับงานพิมพ์เอกสารบนโปรแกรมไมโครซอฟต์เวิร์ด เช่น .doc และ .docx 4) OpenDocument (นามสกุล .odt) เป็นรูปแบบไฟล์สำหรับงานพิมพ์เอกสาร และเป็นไฟล์มาตรฐานเปิด (open standard) ใช้ในซอฟต์แวร์โอเพ็นซอร์ส เช่น OpenOffice และ LibreOffice DOC File บทที่ 3 ซอฟต์แวร์ (Software)

45 คำถาม