1

第 3 章媒體的介紹與處理

3-1 認識數位影像 3-2 色彩模式3-3 影像色彩類型3-4 影像檔案介紹

3-5 數位相片的編修與處理3-6PhotoImpact 基本入門3-7 PhotoImpact 與相片特效處理3-8 影像管理軟體介紹

2

• 照片、圖片、海報，還有電視畫面等，都可以算是影像的一種。

• 早期影像處理技術不但手續繁多、耗時，但隨著科技的進步，現階段都由電腦來處理。

3

3-1 認識數位影像

• 影像處理技術主要是用來編輯、修改與處理靜態圖像，以產生不同的影像效果。

• 將圖片或照片等資料，利用電腦與周邊設備 ( 如掃描器、數位相機 ) 將其轉換成數位化資料影像，數位化 。

4

1. 使用掃描器掃描照片、文件、圖片等，並將其轉為數位影像。

2. 使用數位相機或透過 DV 直接取得動態影像，再使用電腦加以編修。

3. 對於一般錄影帶、 VCD 、 DVD 的動態影像，還可利用影像擷取卡轉為數位影像。

4. 使用電腦繪圖軟體軟體設計圖案，再利用影像處理軟體加以編修，最後可在電腦上呈現數位化的影像檔。

5

點 陣 圖

• 影像是由螢幕上的像素 (Pixel) 所組成 。• 像素，就是螢幕畫面上最基本的構成粒子，每一個像素都記錄著一種顏色。

• 像素的數目越多，圖像的畫質就更佳。

6

• 解析度 (resolution) 則是決定點陣圖影像品質與密度的重要因素

• 像素粒子密度，密度愈高，影像則愈細緻，解析度也越高。

1308 解析度： 300 1309 解析度： 150 1310 解析度： 96

7

解析度單位

• 解析度單位通常是以 DPI (Dot Per Inch) 與 PPI

(Pixel Per Inch) 為主。• DPI 適用於平面輸出單位，印表機解析度， PPI

則是螢幕上的像素單位，例如顯示器解析度。

8

• 點陣圖的優點可以呈現真實風貌，缺點則為影像經由放大或是縮小處理後，容易出現失真的現象。

點陣圖放大後會產生失真現象

9

向 量 圖

• 數學運算產生的幾何曲線所構成的繪圖方式，具有放大縮小均不會失真或產生鉅齒狀，檔案大小也通常不大。

• 無法表示精緻度較高的圖案，適合表示一般的卡通或漫畫圖。

向量圖放大時不會產生失真現象

10

3-2 色彩模式

• 色彩模式，就是電腦影像上的色彩構成方式，或是決定用來顯示和列印影像的色彩模型。

11

RGB 色彩模式

• 色光三原色，則為紅（ Red ）、綠（ Green ）、藍（ Blue ）三種。

• 每個像素是由 24 位元 (3 個位元組 ) 表示，每一種色光都有 256 種光線強度 ( 也就是 28種顏色 ) 。三種色光正好可以調配出 224=16,777,216 種顏色，也稱為 24 位元全彩。

12

CMYK 色彩模式

• CMYK 色彩模式是由 C 是青色， M 是洋紅， Y

是黃色， K 是黑色，進行減法混色所形成，將此三色等量混合時，會產生黑色光。

• 稱為印刷四原色，屬於印刷專用，適合印表機與印刷相關用途。

13

• CMYK 模式所能呈現的顏色數量會比 RGB 模式少，所以在影像軟體中所能套用的特效數量也會相對較少。

• RGB 模式中，色光三原色越混合越明亮，而 CMYK 模式，色料三原色越混合越混濁，這是兩者間的主要差別。

14

HSB 模式

• HSB 模式，可看成是 RGB及 CMYK 的一種組合模式，其中 HSB 模式是指人眼對色彩的觀察來定義。

• 所有的顏色都用 H( 色相 ,Hue) 、 S(飽和度 ,Saturation)及 B(亮度 ,Brightness) 來代表，在螢幕上顯示色彩時，會有較逼真的效果。

15

3-3 影像色彩類型

• 色彩深度是以位元來表示，當位元數目越高，就代表影像所能夠具有的色彩數目越多，相對地，影像的漸層效果就越柔順。

16

色彩深度 1位元 2位元 4位元 8位元 16位元 24位元

色彩數目 2色 4色 16色 256色 65536色（高彩）

16777216色

（全彩）

17

黑白模式

• 黑白色彩模式中，只有黑色與白色。 • 圖檔容量小，影像比較單純。• 可以製作黑白的線稿 (Line Art) ，或是只有二階

(2 位元 ) 的高反差影像。

18

灰階模式

• 像素用 8 個位元來表示，亮度值範圍為 0~255 ，0 表示黑色、 255 表示白色，共有 256(28) 個不同層次深淺的灰色變化，也稱為 256灰階。

19

16 色模式

• 像素用 4 位元來表示，共可表示 16 種顏色，為最簡單的色彩模式，如果把某些圖片以此方式儲存，會有某些顏色無法顯示。

20

256 色模式

• 像素用 8 位元來表示，共可表示 256 種顏色，已經可以把一般的影像效果表達的相當逼真，也是目前常用的彩色模式。

21

高彩模式

• 像素用 16 位元來表示，其中紅色佔 5 位元，藍色佔 5 位元，綠色佔 6 位元，共可表示 65536 種顏色。

• 資料量過多，礙於儲存空間的限制。

22

全彩模式

• 像素用 24 位元來表示，其中紅色佔 8 位元，藍色佔 8 位元，綠色佔 8 位元，共可表示 16,777,216種顏色。

• 表現上非常的豐富、完整，不過使用全彩模式及256 色模式，光是檔案資料量的大小就差了三倍之多。

23

影像畫面

• 影像畫面呈現規格來說，通常是採用 640x480 、800x600 、或 1024x768 的空間解析度。

• 容量計算與影像檔量的預估，就可以計算出多媒體光碟所需要的總容量。

24

• 可以計算以一張 3×5吋全彩影像 ( 每個像素佔 24

bits) ，其解析度為 200ppi ，則所佔用的電腦儲存空間為何？方法很簡單，如下所示：

(200×3)×(200×5)×24/8 = 18×105 bytes (約 1.7 M

B)

25

3-4 影像檔案介紹

• 影像壓縮，是根據原始影像資料與某些演算法，來產生另外一組資料，方式可區分為「破壞性壓縮」與「非破壞性壓縮」兩種。

• 「破壞性壓縮」壓縮比率大，但容易失真，而「非破壞性壓縮」壓縮比率小，不過還原後不容易失真。

26

• PCX 、 PNG 、 GIF 、 TIF 是屬於「非破壞性壓縮」格式，而 JPG 是屬於「破壞性壓縮」。

png jpg

27

TIF

• 副檔名為 .tif ，為非破壞性壓縮模式，支援儲存 C

MYK 的色彩模式與 256 色，能儲存 Alpha 色版。• 檔案格式較大 ，不同軟體與平台交換傳輸圖片，為文件排版軟體的專用格式。

28

BMP

• 副檔名為 .bmp ，屬於點陣圖格式• Windows 與 OS/2 的作業系統中，最常使用到。• 檔案較大，無法壓縮，並不適用於網路傳輸。

29

JPG

• 副檔名為 .jpg 或 jpeg

• 屬於破壞性壓縮，儲存後的影像會造成失真的現象，但壓縮比率可達相當高的程度，適合大自然或人物等連續色調的全彩相片。

30

GIF

• 網際網路上最常使用的點陣式影像壓縮格式，副檔名為 .gif

• 網頁中要加入背景圖片，通常會插入 GIF 圖檔 • 適合卡通類小型圖片或按鈕圖示。 GIF 圖檔最多只能儲存 256 色 (8 bits) ，當圖片超過 256 色，若以 GIF 圖檔儲存，顏色就會被降到 256 色了。

31

PCX

• PCX格式支援 1 位元，最多 24 位元的影像，它的影像是採用 RLE 的壓縮方式，因此不會造成失真的現象。

32

UFO

• 副檔名為 .ufo ，具有保留影像圖層，方便檔案修改及編輯，是 PhotoImpact專屬檔案格式。

33

3-5 數位相片的編修與處理

• 拍攝或取得的數位影像，難免有不盡理想的的地方，諸如色偏、膚色過暗、焦距模糊、對比不明顯、曝光過度或不足等問題，這時都可以透過 Ph

otoImpact 來加以編修調整與處理。

34

曝光情況的調整

• 線不足的情況下所拍攝的照片，會變得很暗，而強光之下所拍的照片則可能變得過亮，如下圖所示：

曝光不足

35

• 調整曝光過度或不足的照片，利用「相片 / 光線 /色階」指令

36

• 拍攝的照片，只要部份光線較為不足 ，可以使用「相片 / 光線 / 改善光線」的功能來調整陰暗部的光線。

37

調整相片焦距

• 「相片 /清晰 /清晰」指令也可以讓影像的輪廓線變得較清晰，而其用法也是透過快速範本或程度的控制來調整影像。

38

調整色調與色溫

• 夜間或室內拍攝影像時，造成影像偏色的問題 。「相片 / 色彩 /白平衡」指令來調整白平衡的問題。

39

• 室內透過黃色燈光所照射出來的效果，利用「相片 / 色彩 /白平衡」指令

40

調整影像色彩

• 因為畫面的需求，想要更換色相與彩度，可以選用「相片 / 色彩 / 色相與彩度」來加以控制。

41

• 「相片 / 色彩 / 色彩平衡」指令，可以針對目前的影像做紅、橙、黃、綠、青、藍綠、藍、洋紅等色的增加。

42

• 裁切畫面，利用「裁切工具」是最快速的方法

43

轉換影像色彩類型

• 比例和尺寸都確定之後， PhotoImpact 也轉換成其他的影像類型，諸如：黑白、灰階、最佳化…等，各位可以從下方比較它們的差異性。

44

原圖 黑白，半色調網點形狀為「擴散」

黑白，半色調網點為「十字」 黑白，半色調網點形狀「無」

45

灰階 Web 最佳化

46

3-6 PhotoImpact 基本入門

• 使用 PhotoImpact 軟體進行影像媒體設計時 ，基本的操作觀念與物件編輯技巧必須先型了解。

47

專業名詞介紹

• 基底影像 – 開啟的 JPG 、 BMP 等影像檔格式，它們都是屬於「基底影像」，就如同最底層的畫布一樣。

– 開啟圖層管理員，就能清楚地看到「基底影像」

48

• 物件 – 選取工具選取範圍，再移動該選取區，該區域就會形成「影像物件」，並以獨立的圖層顯示：

49

• 路徑物件是利用「路徑繪圖工具」 所繪製的向量圖形，而「文字物件」則是使用「文字工具」 所製作而成的文字，它們都會以不同的符號顯示於圖層管理員中。

50

• 物件圖層 – 透過「圖層管理員」可以知道影像的位置、控制群組關係、設定遮罩，還可以控制它與下層的混合模式。

51

建立影像物件

• 「標準選取工具」 • 「套索工具」 • 「魔術棒工具」

52

建立路徑物件

• 「路徑繪圖工具」為例，由其屬性工具列上，可設定圖形的形狀、色彩、模式、框線、陰影或物料選項等相關屬性。– 「路徑繪圖工具」 – 「輪廓繪圖工具」 – 「線條與箭頭工具」

53

• PhotoImpact 所提供的基本形 (圓形、橢圓形、矩形、正方形、菱形、圓角矩形、多邊形 ... 等 )及「自訂形狀」中的造型來組合物件：

54

建立文字物件

• 「文字工具」– 可改變文字的字型、大小、樣式、模式、框線、深度、光線、以及各種質感的控制。

55

• 屬性工具列上按下「開啟圖庫」鈕，選擇「環繞圖庫」

56

• 設定路徑 – 執行「物件 /環繞 /結合套用」指令

57

3-7 PhotoImpact 與相片特效處理

• PhotoImpact 來加入各種驚艷的特效，諸如光線、藝術、扭曲、創意特效等

58

光線特效

• 光線特效提供冷 /暖色系、創意光線、手電筒等光線效果，透過快速的範例縮圖或參數的設定，就能產生光線：

59

藝術變化

• 特效 /藝術」功能中，包含各種藝術的特殊效果，諸如：水彩、彩色炭筆、剪紙裝飾、銅板畫、印象畫等。

原圖 水彩

60

磚塊 卡通

彩色筆 剪紙裝飾

61

印象畫 筆與墨水

62

扭曲變化

• 「特效 /扭曲」中，很多效果是大家常用的效果，諸如擠壓、水波、球體、胖、瘦…等效果。

原圖 往內擠壓

63

填充與材質

• 填充與材質方面， PhotoImpact提供浮雕、拼圖、磁磚…等功能，而其效果大致如下：

原圖 浮雕

64

套用百寶箱功能

• 「圖庫」標籤下的「相片特效」和「特殊特效」就提供各種的特殊效果，只要按滑鼠兩下，即可套用

65

66

• 想要修改其參數的設定，可按右鍵於縮圖上，然後執行「修改內容再套用」指令，就能進入相關視窗修改參數

67

3-8 影像管理軟體介紹

• 影像管理軟體可快速整理、擷取、編修、瀏覽數位多媒體檔案 。

68

ACDSee 秀圖軟體

• ACDSee 8 軟體的試用版，可以至「 ACD Syetems」公司的官方網站下載 acdsee.exe自我解壓縮檔的安裝程式，接著依安裝精靈的指示，就可以順利完成軟體的安裝。

69

• 軟體安裝完畢後，第一次開啟軟體時，會要求如下圖的解除鎖定的視窗

70

• ACDSee 軟體的主畫面，在主視窗以樹狀的方式來顯示資料夾。

71

Picasa 秀圖軟體

• Picasa 是 Google 所推出的一套用免費影像管理軟體，檢索圖片的速度比起 ACDSee快上許多，除了具有影像管

72

• 網址「 http://picasa.google.com.tw」下載 Picasa軟體

73

• 畫面左側會顯示「基本編修」、「調整」及「效果」等三種編修功能標籤，各位可隨時切換選用：

74

製作網頁相簿

• 取視窗左側的資料夾名稱後再執行「資料夾 /匯出成網頁」，軟體會將資料夾中的所有影像一同匯出

75

76

相片拼貼製作

• 相片拼貼製作 – 利用「 Shift」或是「 Ctrl」鍵複選多張影像後再執行「建立 / 圖片美術拼貼」指令：