第十三次:多媒體概論-圖形認識及處理(1)


影像的認識

取得方式
  • 掃瞄器掃描平面的影像
  • 繪圖軟體自行創作
  • 數位相機拍攝
  • 圖庫
  • 利用影像擷取卡擷取影片中的影像
基本要素

1.影像記錄方式

點陣影像(Raster Image)
影像是由許多像素(pixels)小點所組合放大後會失真,如JPEG, GIF格式 放大、縮小、旋轉時,影像可能失真無法製作真正的三度空間影像.

向量影像(Vector Image)自由圖庫官網 openclipart 自由圖庫.
以數學向量方式記錄影像內容 一條線的向量資料兩個端點的座標+線條粗細+色彩影像所佔容量需求較小,多用於工程繪圖與美工插圖可放大、縮小、旋轉,影像不會失真可製作真正的三度空間影像不易製作階調豐富色彩複雜的影像自然界的照片較不逼真

(向量圖)


點矩陣轉向量程式

2.尺寸(一般以像素(pixel)計算單位)

1800*1200 pixel(約200萬像素. 1800為水平,1200為垂直). 2560*1920 pixel(400萬像素)

3.顏色(分為以下幾種)

黑白. 灰階(黑白的一種,但還包含明亮不同的變化). 16色. 256色. 65536色. 16.7百萬色

RGB模式
每個像素都由RGB—光的三原色所組成. 每個像素需3bytes, RGB各一 每個byte的內容大小顯示各種光的強弱
24個位元能映射到2^24=16M種色調全彩, Full color(16.7百萬色) 可用來模擬真實的彩色照片的影像

光的三原色是紅綠藍,這三種顏色各以0~255間不同的值分別混合就成了各種顏色

如下圖所示。圖是由三個原色塊混合而形成的顏色,紅色混合綠色則成黃色(yellow),混合藍色則成洋紅色(fuchsia);而藍色綠色相混合則成了青色(cyan);而三色相混則成了白色(white)。

在網頁製作上,要使用色彩基本上有三種方法:

1.RGB函數:在需要變更顏色的物件標籤中輸入color=RGB(xxx,xxx,xxx),由前至後所代表的顏色分別為紅綠藍,xxx代表由0~255之間的任意值,數值愈大該原色愈強,依自己的需求調配。例如RGB(0,255,255)調配出來的顏色就是青色。

2.特定顏色內定名稱:參照下表↓。

黑色black 白色white 綠色green 暗紅maroon 深黃olive 海軍藍navy 紫色purple 灰色gray
黃色yellow 亮綠lime 青色cyan 桃紅fuchsia 銀色silver 紅色red 藍色blue 藍綠teal

註:另外有幾種未在上述清單中的顏色,orange代表橘色,pink代表粉紅色

3.十六進位調色法:在需要變更顏色的物件標籤中輸入color="#xxxxxx",由前至後代表的顏色同RGB法,只不過數字改成十六進位(0~F)的數字佔兩碼代表一個顏色強弱值

例如#FF00FF即代表該顏色的紅色值為FF,綠色值為00,藍色值為FF,調配出來的顏色就是洋(桃)紅色。


4.解析度(單位長度包含的點數)

Dots Per Inch (DPI)—印刷用

Pixels Per Inch (PPI)—影像用

解析度愈高. 影像品質愈好. 資料量愈大,容量需求愈大.CPU處理時間愈久 網路傳輸時間愈長

5.影像解析度

檔案大小=影像的尺寸﹡解析度﹡色彩模式

6.相機像素與沖印尺寸

沖洗4*6吋的相片,解析度為300,則此照片是由(300*4)*(300*6)=1200*1800像素( 約200萬像素 )組成,解析度愈高,相片的像素愈高

沖印照片寬度與高度比例為3:2,數位相機拍下的照片寬度與高度比例為4:3,故拍攝時避免以滿格的方式拍攝,上下預留一些空間,才能避開影像被裁切的現象

檔案格式 BMP (點矩陣圖) 、JPG( 全彩,破壞性壓縮 )、GIF( 256色,透明圖,動畫圖 )、TIF、PNG、PCX....等
編輯軟體 影像處理軟體PhotoShop,PhotoImpact ,PhotoCap--向量繪圖軟體CorelDraw,Illustrator,GIMP

圖片格式比較

圖片格式 說明以及用途
BMP檔 Bitmap Picture點陣式圖形檔。 是Windows底下最常見的一種圖檔格式,影像未經任何壓縮,所以沒有所謂的失真情形,但相對的圖檔也因此增大,所以不常被應用於網路上。 其色彩模式從16色、8位元到24位元全彩可說是應有盡有。
GIF檔 Graphic Interchange Format圖形交換格式檔,此種格式可以設定透明底色及製成動畫檔。 缺點就是不能儲存全彩影像,僅能儲存最多為256種顏色作為色盤,包括設為透明色的顏色,稱為8bit(位元)色彩。優點就是因為只能儲存256種顏色及其專利壓縮方式的關係,檔案因此變小。與JPEG檔同屬網路最常見之圖檔。
JPEG、JPG、JPE檔 Joint Photographic Experts Group結合式照像專業群組,是JPEG組織所制定的一種圖檔格式,為一會破壞圖檔品質的儲存格式。能儲存24位元全彩影像,並且圖檔比原始未經壓縮的BMP檔小數倍。與GIF檔同屬網路最常見之圖檔。要儲存此種格式的影像,最好用專業的影像處理軟體 如PhotoShop儲存
PNG檔 Portable Network Graphics稱為可攜式網路圖形檔,支援全彩儲存格式和透明色彩,似乎有取代GIF檔的意味。不過目前應用仍不廣泛,大概是因為壓縮效率(非破壞式)不及JPEG檔高

 


影像處理軟體

下載


影像基本處理

Picasa相片管理程式下載

■Picasa程式功能

■Picasa相片管理程式操作步驟

秀圖的模式

(1)投影片模式

(2)一般模式

快點兩下

影像處理

TOP


製作網頁相簿

(1)選取影像

(2)點資料夾/匯出為HTML頁面

(3)匯出網頁設定.選樣式.按完成

 

(4)成果展示

進階網頁相簿(Flash相簿)

教學

1.下載template檔案

2.將上述檔案解壓縮至桌面再將四個相簿樣板複製到C:\Program Files\Picasa2\web\templates

3.建立相簿步驟如上在選取網頁範本時可選擇剛剛新加的樣板

教學網站

TOP


圖片視訊化

(1)選取影像

(2)建立/電影

(2)選壓縮模式

(3)成果展現

TOP


美術拼貼

(1)點美術拼貼

(2)選樣式.按建立

TOP


網路相簿

Picasa 網路相簿

Luti0845-picasa網路相簿

■相關教學網

Picasa教學1

Picasa教學2

TOP


課後作業:

1.學會利用Picasa製作美術拼貼

2.學會利用Picasa製作影片