2010年11月7日 星期日

[進階資訊檢測]以 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 : , , , , , , , , ,