[進階資訊檢測]以 PhotoFiltre 修飾圖片

很早之前我就想要介紹 PhotoFiltre 這一套繪圖軟體的，不過一直拖著拖著，拖了好幾年一直還沒有介紹它。

剛好進階資訊能力檢測中有一些實作題要應考者抓取螢幕另存成圖，並在圖片上加文字。針對這樣的題目，也許有人會想要用 PhotoImpact 來做，不過說實話，祇是簡單的需求，動用 PhotoImpact 這樣的大傢伙實在是太誇張了。

以考試的需求來說，用 PhotoFiltre 就很夠了，而且因為 PhotoFiltre 小巧、快速，搞不好 PhotoImpact 還沒開起來，我已經用 PhotoFiltre 做完了！:p

PhotoFiltre 資訊

PhotoFiltre 網頁下載：http://photofiltre.free.fr/download_en.htm
下載點二：下載包含 PhotoFiltre 的 PStart 軟體包

下載後執行的畫面如下，因為我們還沒有開啟檔案，也沒有編輯圖片，所以一切還是空蕩蕩的。

圖、PhotoFiltre 畫面

抓取螢幕畫面

接下來，我們來抓取螢幕上執行的畫面。這個很容易，祇要按一下鍵盤上面的 Print Sceen 鍵 (鍵盤上可能寫為 Prt Scr)，就可以把現在的螢幕畫面存到剪貼簿去。

圖、按下 Print Screen 鍵將螢幕畫面複製至剪貼簿

回到 PhotoFiltre 後，按滑鼠右鍵選擇『貼上成為新的影像』這個功能，把剪貼簿中的資料貼到 PhotoFiltre 之中。

圖、將影像貼入 PhotoFiltre

經由『貼上成為新的影像』這個步驟，剛剛按 Print Screen 鍵複製到剪貼簿的螢幕畫面就貼入 PhotoFiltre 中成為新的圖片，可以供我們編輯了。

圖、將剪貼簿的資料轉成圖片

裁掉多餘的畫面

剛貼上的螢幕抓圖有太多我們不需要的部份，如果能將那些部份裁掉的話，可以讓畫面變得比較簡潔，免得其他不相干的內容影響。

要裁掉多餘的畫面，我們得先將我們想要的範圍圈選起來，再將不要的部份刪除。挑選『選擇工具』後，直接用滑鼠在圖片上選擇一塊區域，就可以把我們想要的部份圈選起來了。

圖、利用圈選工具選擇想要的範圍

如果選擇的範圍不對，可以將滑鼠移至圈選的虛線上，就可以調整圈選的範圍。利用這功能可以將選擇的範圍調整到最適當的大小，不會留下一堆礙眼的傢伙。

圖、調整圈選範圍

如果覺得選錯範圍想要整個取消掉，可以從『選取範圍 ==> 隱藏選取範圍』取消圈選的部份。

圖、取消圈選範圍

假設我們沒有選錯範圍，已經確定要將選取區以外的部份刪除了，那麼就在選取區內按滑鼠右鍵吧！按了滑鼠右鍵會出現一個功能表，選擇『裁切』功能，就能將選取區以外的部份完全抹除。

圖、選擇『裁切』功能

選擇裁切後，整個畫面祇留下我們選擇的部份，其他部份就消失在虛空中了。所以嚴格說起來，在 PhotoFiltre 要裁切圖片祇要兩個步驟：圈選、裁切，非常便利。如果你還在用小畫家修改、裁切圖片，就趕緊跳槽吧！

圖、裁切後祇保留住圈選的部份

強調重點：加框、加文字

平常使用解說圖片時，都會在圖片上加框 & 解說文字。在 PhotoFiltre 中不論是要加框或是要在圖片上加文字都是很容易的事。我們一個個來。

首先，我們先在圖片上加上強調內容用的方框。要加上方框，首先也是先用滑鼠選擇要加框的部份。選擇好要加框的區域後，在選擇區域內按右鍵。到這邊都與前面『裁切圖片』的步驟一樣，但是接下來我們要選擇『畫筆與填滿』。

圖、利用畫筆與填滿功能在圖片上加框

選擇了畫筆與填滿功能後，會跳出一個小視窗，在這邊我們可以設定方框的顏色 & 線條粗細。我們先將顏色設定為紅色，線條設定為 10 ，設好後就按確定。填滿的功能不要勾選，否則會出現一個實心的方塊，那不是我們要的結果。

圖、選擇方框的顏色 & 粗細

按下確定後，就可以看到圖片上多了一個紅色的方框。接下來我們要為這個紅色方框加上說明文字，選擇工具列上的文字工具就可以加入說明文字了。

圖、選擇文字工具

按了文字工具按鈕後，會跳出文字視窗。在這邊可以選擇字型、字體大小，以及輸入說明文字。文字輸入完成後，按下確定即可。

圖、設定字型、大小 & 說明文字

在文字視窗中將說明文字設定完成後，按下確定就可以在圖片上加上說明文字了。你可以用滑鼠將這個說明文字移動到適當的地方。

圖、圖片正確加上說明文字

你也許會認為這加上去的說明文字不太好看，那就再重新設定一次字型即可。之前在講 Word 文字格式設定時，提到楷體其實閱讀不易，在這邊你應該可以發現用楷體真的不怎麼好看。

我的圖片說明文字的外面還有一圈白色線條，那要怎麼做到呢？嗯，你『祇要』先放一個字體比較大的白色說明文字，然後再重新放一個比較小、顏色不同的說明文字，然後將兩者疊在一起就可以了。是滿耗工的，不過我部落格的圖片就是這樣一張張弄出來的。

不過在今年七月我發現 PhotoScape 加說明文字簡單的多，不過那是另一個故事了 (對了，今年七月我也發現 Xmind 可以匯至 Word，真是排課排到瘋了，整天不想工作就在亂玩……XD )。

調整色階與尺寸大小

進階資訊檢測中有一題要求考生將圖片灰階化。這對於 PhotoFiltre 真是輕而易舉，祇要按一下工具列上的灰階工具，整張圖片轉變成為灰階呈現。

圖、使用工具列上的灰階按鈕

按下灰階按鈕後，你看，就變成灰階圖片了。你也許以為這就是黑白相片，但灰階圖片與黑白相片是不太相同的，黑白相片的黑白對比會比較強烈，而灰階應該祇是把色彩飽和度降為 0 而已，沒有改變對比。

將圖片改為灰階後所呈現出來的樣子就是狗、貓所看到的世界樣貌。狗 & 貓是全色盲，所以牠們的世界祇有黑與白，沒有其他色彩。

圖、圖片成為灰階圖片

在灰階按鈕的左邊有許多調整色彩的功能按鈕，你可以自己試試那些功能。雖然不在考試範圍，但試一下滿好玩的。反正怎麼玩電腦都不會爆炸的，不用擔心。

在 PhotoFiltre 之中除了可以裁切圖片、調整色調外，我們還可以很容易的調整圖片大小。祇要選擇『影像 ==> 影像尺寸』就可以進入調整圖片大小的功能。

圖、調整圖片尺寸

在調整圖片尺寸的視窗中，你可以決定調整後的圖片要不要保留原始圖片的長寬比例。如果你決定保留長寬比例，那麼祇要寬度的數值改變了，高度的數值就會自動改變，反之亦然。如果你不想保留原始比例，那麼就要自己輸入寬度 & 長度兩種資料了。

前面的圖片大小是 1045*760，我要把它改為寬度 400。當輸入 400 後，因為我勾選保留原始比例，所以 PhotoFiltre 就自動幫我算出來在寬度 400 的情況下高度應該是 291。

圖、設定圖片大小

按下確定後，原本 1045*760 大小的圖片就變成 400*291 了，嗯，還真是好小一張啊！

圖、圖片尺寸縮小

儲存檔案

做了那麼多的修改後，我們得記得將檔案儲存起來，要不然前面的修改都做白工了，選擇『檔案 ==> 另存新檔』來儲存檔案吧。

圖、儲存檔案

存檔時記得選擇存檔類型，否則內定值是存為 BMP 檔。BMP 檔案沒有經過壓縮，所以檔案會比其他格式的圖片大上許多。如果圖片沒有要沖洗成相片、印成書面資料，那麼可以選擇用 JPEG 來貯存。

JPEG 檔案格式會破壞圖片內容，但是祇要破壞的程度不要太嚴重，我們人眼是分辨不出來的。但是破壞圖片內容讓 JPEG 檔案變得很小，有時檔案大小才 BMP 檔的 1/20 大小，所以這是犧牲一些我們人眼無法分辨的細節來換取小圖片的方法。

如果你不希望破壞圖片，又希望圖片比 BMP 小一些，那就選擇 PNG 檔吧。當然，檔案大小不能與 JPEG 相比了。

圖、選擇 JPEG 格式存檔

選擇 JPEG 格式存檔後，PhotoFiltre 會問我們要將圖片破壞至何種程度。我習慣是將破壞程度設在 5% 就好，讓圖片品質保持在 95% 以上。即使設定破壞 5%，整個圖片大小就已經變小很多了，所以不要太貪心。設破壞 20% (品質 80%) 的話，肉眼就可以分辨。至於破壞程度更高的，你可以自己試看看！:)

存完檔後記得將檔案關閉再重開，你才會看到圖片被破壞後的模樣喔！

圖、設定以 95% 品質存檔

如果以刀子來做比喻的話，PhotoImpact 可能是關公的青龍偃月刀吧，戰力強，可殺敵無數，不過扛起來重的很。平常一些切切小菜的工作不用動用青龍偃月刀，祇需瑞士小刀一把即可。PhotoFiltre 小巧、快速，功能不像 PhotoImpact 那麼豐富，但是平常使用也足夠了。如果你平常都祇用 PhotoImpact，那麼不妨看一下 PhotoFiltre 這個小工具，它的快速會讓你很滿意的！:)

Technorati : open source, 免費與自由軟體, 教學設計, 教材, 自由軟體, 資訊化教育, 資訊教育, 資訊融入教學, 進階資訊檢測, 電腦密技