多媒體製作

進階

多媒體整合文字、圖形、聲音、動畫與視像等元素。點陣圖由像素組成,解像度與色深決定檔案大小;向量圖形以數學式描述,放大不失真。壓縮分無損與有損;動畫靠影格連續播放,串流一邊下載一邊播放。製作流程包括規劃、製作、測試與發布。

適合:中六資訊及通訊科技 · 單元:資料庫與多媒體 · 建議學習路徑第 2/6 課

學完呢課,你會識:
  • 多媒體整合文字、圖形、聲音、動畫與視像,效果與檔案大小須取得平衡
  • 未壓縮影像大小 = 闊 × 高像素 × 每像素位元組(色深 ÷ 8)
  • 向量圖形放大不失真,宜做標誌;點陣圖表現相片,放大見鋸齒
文體:科技知識說明文有聲朗讀

文體小知識:科技知識說明文——講解多媒體元素的數碼化原理、影像檔案大小的計算、壓縮與格式的選擇,以及製作流程,是選修單元「多媒體製作」的入門知識。

資訊及通訊科技Information & Communication Technology
讀呢課前,你應該識: 資料庫基礎

§課文原文 Passage

1多媒體指結合兩種或以上媒介元素的作品,常見元素包括文字、圖形、聲音、動畫和視像,透過互動方式呈現,廣泛應用於教學簡報、網頁、宣傳片與遊戲。與單純的文字相比,多媒體能同時調動視覺與聽覺,資訊傳遞更立體;但元素越多,檔案越大,製作時必須在質素與檔案大小之間取得平衡。

2電腦圖形分兩大類。點陣圖由一個個像素組成,每個像素記錄顏色;解像度指像素數目,例如 1024×768,色深則指每個像素用多少位元記錄顏色,兩者直接決定未壓縮檔案的大小。向量圖形則以數學式描述點、線與形狀,檔案細小,任意放大也不失真,適合標誌與插圖;相片這類色彩連續變化的影像則宜用點陣圖。

3音訊方面,聲音經取樣轉成數碼:每秒取樣次數越多、每次量度越精細,音質越好,檔案也越大。視像其實是連續播放的影格,每秒影格數目越多,畫面越流暢。舉個例子:每秒 30 個影格的動畫播放一分鐘,便需要 1800 個影格,可見影片檔案何其龐大,壓縮因而必不可少。

4壓縮分無損與有損兩類。無損壓縮能完全還原原有數據,適合文字、程式與需要保留細節的圖像;有損壓縮捨棄人眼或人耳不敏感的數據,換取大幅縮小檔案,相片常以 JPEG 格式儲存,音樂以 MP3,影片以 MPEG。選用格式時要考慮用途:需要透明背景或反覆編輯的圖像宜用無損格式,網上展示的相片則可用有損格式換取載入速度。

5串流技術令多媒體可以在網上一邊下載一邊播放,用戶毋須等待整個檔案下載完成,影音平台因此普及。製作多媒體作品則須按流程進行:先規劃內容與分鏡,再製作和整合各元素,然後在不同裝置上測試播放,最後選擇合適格式與解像度發布。一步一步做,作品質素才有保證。

1重點摘要 Summary

多媒體整合文字、圖形、聲音、動畫與視像等元素。點陣圖由像素組成,解像度與色深決定檔案大小;向量圖形以數學式描述,放大不失真。壓縮分無損與有損;動畫靠影格連續播放,串流一邊下載一邊播放。製作流程包括規劃、製作、測試與發布。

2生字卡 Vocabulary

m
multimedia多媒體

結合文字、圖形、聲音、動畫、視像等多種元素的呈現方式。

p
pixel像素

構成點陣圖的最小單位,記錄一點的顏色。

r
resolution解像度

影像所含像素的數目,例如 1024×768;解像度越高,影像越細緻,檔案越大。

c
colour depth色彩深度

記錄每個像素顏色所用的位元數目,例如 24 位元可顯示約 1677 萬色,簡稱色深。

b
bitmap點陣圖

以像素陣列描述的影像,又稱位圖,放大會出現鋸齒,適合表現相片。

v
vector graphics向量圖形

以數學式描述點、線與形狀的圖形,放大不失真,適合標誌與插圖。

c
compression壓縮

以編碼方法減少檔案所佔空間的技術,分無損與有損兩類。

l
lossless compression無損壓縮

解壓後可完全還原原有數據的壓縮方法,適合文字與需要保留細節的圖像。

l
lossy compression有損壓縮

捨棄部分不顯著數據以大幅縮小檔案的壓縮方法,不可還原,例如 JPEG。

s
streaming串流傳輸

讓影音在網上一邊下載一邊播放的技術,用戶毋須等待整個檔案下載完成。

3逐步講解 Steps

  1. 第一步:多媒體的元素與應用多媒體結合文字、圖形、聲音、動畫與視像等元素,配合互動設計呈現資訊。舉個例子:學校開放日的電子簡報,既有校園相片和宣傳片,又有背景音樂和超連結按鈕,參觀者可自行點選感興趣的內容,比單向派發文字單張更吸引。教學軟件、網頁、新聞報道與電子遊戲都是多媒體應用;元素越多表達力越強,但檔案亦越大,製作時要在效果與大小之間權衡。
  2. 第二步:像素、解像度與色深點陣圖由像素砌成,影像的細緻程度取決於解像度與色彩深度。舉個例子:1024×768 的影像共有 786432 個像素;若以 24 位元色深記錄,每像素佔 3 位元組,未壓縮約 2.25 MB。解像度越高影像越清晰,色深越高色彩越豐富,但兩者都令檔案變大。列印用的影像要比屏幕顯示的解像度更高,否則放大後便見到一格格像素,畫面粗糙。
  3. 第三步:點陣圖與向量圖形的取捨點陣圖以像素記錄色彩,善於表現色彩連續變化的相片;向量圖形以數學式描述點、線、形狀與填色,檔案細小,放大任意倍數仍線條銳利。舉個例子:學校校徽要印在證書、旗幟和巨型橫額上,用向量格式繪製,放大幾十倍也不失真;若用點陣圖,放大後邊緣便出現鋸齒。一般而言,標誌、圖示、插圖宜用向量,相片與屏幕截圖宜用點陣。
  4. 第四步:聲音與動畫的數碼化聲音數碼化靠取樣:每隔極短時間量度一次聲波的振幅,每秒取樣次數越多、每次量度越精細,還原的音質越好,數據量亦越大。動畫和視像則由一連串影格組成,連續播放產生動感。舉個例子:每秒 30 個影格的影片長兩分鐘,便含 3600 個影格,若每格都是解像度頗高的影像,未經壓縮的檔案以 GB 計算,可見影音數據何其龐大,壓縮與串流因此成為標準做法。
  5. 第五步:壓縮與格式選擇壓縮分兩類:無損壓縮以更省位的編碼記錄原有數據,解壓後分毫不差,適合文字檔、程式和需要反覆編輯的圖像;有損壓縮捨棄人眼或人耳不敏感的部分,壓縮比高得多,但不可還原。舉個例子:一張 2.25 MB 的相片以 JPEG 有損壓縮後可能只剩幾百 KB,肉眼看仍相當清晰;但反覆儲存多次,畫質便逐次下降。格式方面,JPEG 適合相片,PNG 支援透明背景且屬無損,MP3 與 MPEG 分別用於音樂和影片。
  6. 第六步:串流與網上播放影音檔案動輒以百 MB 計算,若要下載完整檔案才能播放,等待時間難以接受。串流技術把檔案切成小段,一邊下載一邊播放,播放進度略為領先下載進度即可。舉個例子:在影音平台觀看劇集,按下播放後幾秒便開始,全賴串流;網速突然下降時畫質自動調低,正是串流系統在縮減傳輸量以保持流暢。串流亦令教育影片和現場直播普及,改變了資訊傳播的方式。
  7. 第七步:多媒體製作流程製作多媒體作品要按流程推進,不可一邊做一邊想。先規劃:確定對象與目的,設計分鏡和腳本,列出所需元素;再製作:拍攝、繪圖、錄音,並用軟件整合;然後測試:在不同裝置與瀏覽器試播,檢查連結、音量與載入速度;最後發布:按用途選格式與解像度。舉個例子:為開放日製作的簡報若只在教師電腦測試,到禮堂大屏幕播放時可能字體過小或影片不暢順,可見發布前測試不可省略。

5例題示範 Example

計算與選材題:開放日籌備組要為展板製作一幅數碼海報,並拍攝一段宣傳短片。海報選用 1600×1200 像素、24 位元色深的相片;短片長 60 秒,每秒 25 個影格。試計算相片未壓縮的檔案大小,並說明海報與短片應分別選用什麼格式與壓縮方式。

  1. 先算像素總數:1600×1200 = 1920000 個像素,這是檔案大小計算的基礎
  2. 再換算位元組:24 位元色深即每像素 3 位元組(24 ÷ 8),總數 1920000 × 3 = 5760000 位元組
  3. 換算單位:5760000 ÷ 1024 ÷ 1024 ≈ 5.49 MB,此為未壓縮大小;展板列印宜保留高解像度,格式可用 PNG(無損)或高質素 JPEG
  4. 短片方面:60 秒 × 每秒 25 個影格 = 1500 個影格,影片必須以有損壓縮(如 MPEG)處理,否則檔案過大,難以播放和分享
  5. 答題時把計算步驟列明,並交代格式選擇的理由:無損保細節、有損換檔案細小
  6. 答案:相片未壓縮大小 = 1600 × 1200 像素 × 3 位元組每像素 = 5760000 位元組,即 5760000 ÷ 1024 ÷ 1024 ≈ 5.49 MB。海報要列印放大,宜保留高解像度並用無損格式(如 PNG);若只需上載學校網頁,可用高質素有損 JPEG 縮小檔案。短片共 60 × 25 = 1500 個影格,以未壓縮影像計算檔案將達數 GB,必須用 MPEG 一類有損壓縮,在可接受的畫質下大幅縮小檔案,方便播放與分享。評分位:像素總數、每像素位元組、單位換算、格式選擇理由,四項缺一不可。

6常見錯誤 Mistakes

✗ 計算檔案大小時忘記把位元換算成位元組。
✓ 色深以位元計,檔案大小以位元組計,必須除以 8:24 位元即每像素 3 位元組。
✗ 以為所有影像壓縮後都可以還原。
✓ 只有無損壓縮可完全還原;JPEG 等有損壓縮捨棄的數據不能取回,反覆儲存會累積畫質損失。
✗ 把校徽用點陣圖格式放大印製橫額。
✓ 標誌應以向量圖形繪製,放大不失真;點陣圖放大後邊緣會出現鋸齒。
✗ 認為解像度越高越好,一律用最高設定。
✓ 解像度越高檔案越大,網上傳播反而慢;應按用途選定,屏幕顯示與列印所需解像度並不相同。
✗ 覺得串流就是把整個檔案一次過下載。
✓ 串流一邊下載一邊播放,毋須等待完整檔案;網速不足時系統會自動降低畫質以維持流暢。

75 題快測 Quick check

Q11024×768、24 位元色深的影像,未壓縮檔案有多大?

Q2向量圖形與點陣圖有何分別?各適合什麼用途?

Q3無損與有損壓縮的主要分別是什麼?

Q4影片每秒 25 個影格,長 2 分鐘,共多少影格?

Q5串流技術如何改善網上觀看體驗?

8重點回顧 Recap

  • 多媒體整合文字、圖形、聲音、動畫與視像,效果與檔案大小須取得平衡
  • 未壓縮影像大小 = 闊 × 高像素 × 每像素位元組(色深 ÷ 8)
  • 向量圖形放大不失真,宜做標誌;點陣圖表現相片,放大見鋸齒
  • 無損壓縮可還原,有損壓縮換取細小檔案;JPEG、MP3、MPEG 各有所用
  • 串流一邊下載一邊播放;製作流程:規劃、製作、測試、發布

同級其他科

同一科其他級別