世新电算中心课件

生活e起來：

《相片的數位處理》系列課程

第一場：本校運用實例&實用基本觀念主辦單位：電算中心、人事室講師：王秀芬2004年11月6日(六)93學年度教職員教育訓練1廣告：為什麼沒有我？！爹地媽咪

為什麼沒有我？！話說有一天爸媽正在客廳裡看電視，小明突然拿著一張照片跑過來…2廣告：為什麼沒有我？！小孩子

講了也聽不懂！

孩子的爹，

照片先處理一下吧…3《相片的數位處理》第一場

大綱

2開場白

(剛看過的那兩張)5本校運用實例11何謂“數位影像處理”？27影響檔案大小的因素31影像大小&解析度39色彩深度50軟硬體54大家來練習吧別怕！

字眼看似艱深，

其實講的很簡單，而且大都是漫畫版的喔！

4本校運用實例不論是各單位、教師或學生，

大家數位照片用的越來越多了…(生活上當然也是)5以圖檔為主的網站《世新生活》多媒體資料庫

http://media..tw6各單位以網頁方式展示活動成果世新電台

展現廣播營成果http://.tw/aboutshrs.asp7教師的教學或演講簡報例：人社院李振清院長的簡報照片掃描8學生作業逐漸使用大量照片數媒系學生的作業

(Powerpoint

檔)(張恩光老師指導)有的直接擺照片…9學生作業逐漸使用大量照片數媒系學生

的作業

(仿魔戒)有的還做了很多處理…10何謂“數位影像處理”？以前要透過暗房,花好幾天工夫

現在可以用電腦處理,真是方便太多了！數位

暗房…11電腦繪圖(CG)兩大陣營Computergraphics點陣Bitmapimages

﹙創作方式：painting﹚相片手繪向量Vectorgraphics

﹙創作方式：drawing﹚就是像Office裡「繪圖工具列」的那種啦！將局部放大後,就能瞧出端倪…一時很難理解，以後想到再來看…12何謂“數位影像處理”？主要處理對象：現有點陣圖檔點陣繪圖向量繪圖OX13照片屬於「點陣」類14點陣圖的最小單位：像素像素：pixel=pictureelement(1)最小的獨立單位(大小一樣的矩形，約1：1)(2)位置(排列非常整齊

)(3)色彩值像素

﹙放大圖﹚

你可以再靠近點…就是一格一格的這種東東15何謂“數位影像處理”？處理結果：改變像素的色彩值色彩三要素

：H色相、S彩度、B明度16改變像素的色彩值色彩三要素：H色相、S彩度、B明度原圖B明度(Brightness)：很暗←→很亮17改變像素的色彩值色彩三要素：H色相、S彩度、B明度原圖S飽和度：鮮豔←→灰階18改變像素的色彩值色彩三要素：H色相、S彩度、B明度原圖H色相﹙Hue﹚好奇妙喔！19何謂“數位影像處理”？也可以加上一些有趣的濾鏡

(Filter)特效處理前處

理

後20日常照片的常見處理歪了轉正不要的裁掉太大張的縮小些太暗或太亮灰濛濛的對比不夠有點模糊的稍微清楚些女生變美一些…21日常照片的常見處理：去背要很小心、

很有耐心地

把範圍圈出來22日常照片的常見處理：調整色彩、合成雖然拍得不好但萬一還是要用，也可以處理看看喔！23除了處理

現有的點陣圖檔，當然你也可以完全自己創作。24話說如果那時候賓拉登成功了那麼以後男生得這個樣子…女生得這個樣子…點陣圖：相片

繪圖If…then

紐約‧2006除非您認識這兩位，不然您可能想不到照片被做了處理…25點陣圖：相片

繪圖畫家：GrandPre哈利波特：魔法地圖是她畫的GrandPre

官方網站算了，自己畫好難，

還是拿現成的

來處理吧！26影響檔案大小的因素該大的要大，

該小的要小！為什麼印出來品質這麼差呢？PowerPoint

上照片才沒放幾張，

簡報檔為什麼就變這麼大呢？27幾種主要來源與成果世新起飛數位相機掃描底片

幻燈片(建議送外轉檔

再回來處理)相片光碟

(在電視上看)圖檔或網頁

(在電腦上看)海報、印刷品

(平面輸出)來源成果要小要大28照片vs

美工(卡通)圖案照片通常是JPG檔全彩

(色調連續,膚色自然)美工(卡通)圖案通常是GIF檔最多256色

(色塊明顯)29影響照片類檔案大小的幾大因素影像大小(解析度)長*寬=多少像素?壓縮品質(尤其是JPG)品質越高,檔案當然越大品質高到某個程度,螢幕上其實也看不太出來色彩深度(尤其是GIF)影像大小：259*380檔案大小：

6.07KB

照片來源：http://.tw/news/afppic/default.asp原來拍攝品質就很好,所以壓縮到這麼小還是很清楚。另

場

介

紹待會介紹待會介紹才6K耶30影像大小&解析度螢幕上看的不要太大平面輸出的不能太小也就是指

長寬各多少啦！這大概就是讓你

照片檔很大的最常見原因了！31您的電腦桌面有多少像素？(桌面空白處按右鍵)

>內容>設定值>螢幕設定1024x768132321024x768是什麼意思？1024個768個33數位相機拍出來的照片有多大？以NikonCoolpix3100為例(300萬畫素)CCD有效畫素320萬畫素可選擇影像尺寸(像素)2048*15361600*12001024*768640*48034

2560*1920數位相機拍出來的照片有多大800萬(3264*2448)500萬2560*1920300萬(2048*1536)1792*13441600*12001280*9601024*768

1600*1200螢幕

1024*768現在相機的解析度都很高，拍出來的比螢幕大了許多！35注意：解析度的決定依最後呈現媒體，自一開始

即應決定印刷用解析度高(而且可能很高很高很高…)

只在螢幕上看(如網頁裡)解析度低一般不要超過螢幕也儘量讓瀏覽器不需拉動捲動36注意：逝者難追捨棄的資訊、細節再也回不來例：影像大小：大→小

色彩資訊：彩色→黑白﹙灰階﹚37處理照片時，最好將原來拍攝的較高品質的檔案保留起來，以備後用。最後存成網頁等某些格式時，

最好也將處理檔保留起來。來源>處理>結果38色彩深度也就是說,有展現多少色的能耐！嗚~~

我只有12

色的…我有36

色的

雄獅蠟筆！39色彩深度(位元)

1

位元 黑白 黑白

2

色變化

8

位元 灰階 256

色灰階變化16

位元 高彩

65,536

種色彩變化24

位元 全彩

16,777,216

種色彩變化-----------------------------------------------------------

8

位元 索引色

最高

256

種變化同樣長寬時,在不壓縮情況下檔案大小的比較,就看位元的倍數…40色彩深度--

1位元(bit)21=2黑白2色變化雖然只有2色，處理得好，竟然也不錯…41色彩深度--

2位元(bits)22=4黑灰白4階變化

42色彩深度--

8位元(bits)28=256256灰階變化當您的眼睛

已分辨不出一階階時連續色調﹙和觀看距離之遠近有關﹚43色彩深度--

24位元(bits)28

x

28

x28=16,777,216

(1千6百多萬)RGB

大自然色彩遠超過這個

不過在螢幕上，諒你的眼睛也沒這麼厲害到都分辨的出來…44色彩深度--

索引色最多256色網頁上常用的GIF

檔

就是屬於這種。因為顏色少，所以

檔案可以壓縮到很小。從2

色到最多256

色45色彩深度--

索引色4色(10K)8色

(14K)顏色雖然少，但也許會有特別的風格喔…46網頁安全色彩（216色）全彩網頁安全色彩顏色少多了，而且色階明顯地不連續…47畫家的色盤

--

畢卡索

/

colorart/picasso.html滑過去看看，不同色彩各是什麼感覺？48軟硬體別急！只剩幾張就要實做練習了！49影像處理軟體Photoshop--Adobe

公司--台灣代理：上奇科技PhotoImpact--友立﹙Ulead﹚公司Firework--Macromedia公司--台灣代理：上奇科技國際最專業

最知名的…支持國產品、

對一