顯示具有 教學/分享 標籤的文章。 顯示所有文章
顯示具有 教學/分享 標籤的文章。 顯示所有文章

2009年2月16日 星期一

Mac OS X 10.5 個人化 icon 教學(二)

1 意見

Hi, 繼上一篇「Mac OS X 10.5個人化 icon 教學(一)」之後,這次要跟大家分享如何將圖案去背後製作成檔案夾或程式的 icon。

有時候我們看到自己喜歡的圖案或 logo,想要用前一篇的教學來製作個人風格的 icon,卻發現偏偏圖案有底色或背景色,這樣一來製作成檔案 icon 後,在 Finder 上以 cover flow 的模式看起來便顯得有點美中不足,所以我要跟各位分享如何簡單地為圖形去背,步驟非常簡單,而且不需要動用到什麼重量級的影像處理軟體。

用過 iWork '09的人,或許已經知道我們可以很容易地為圖形去背,也就是利用「Alpha」這項功能。這次我們要使用的軟體,則是 Mac OS X 10.5內建的「預覽程式」,可別小看預覽程式喔,除了開啟圖片檔之外它可以做的事可多了呢。

預覽程式(Mac OS X 10.5內建)


步驟說明

1. 首先選定我們要做去背處理的圖檔,用預覽程式開啟。這次以 NBA 的 logo 為例。開啟圖檔後以游標按住工具列的「選取」,會出現一個選單,選取最下方的「擷取使用顏色」。

我們可以發現圖檔的四個角落有白色的背景色,我們的目的就是要把這些背景色去掉。

點選擷取顏色的選項後,視窗底部會出現一列黑底白字的說明:「按住並拖移來移除不要的影像區域。按住 Option 並拖移來將區域加入影像。按下 Return 來和結束。」這是要告訴我們如何操作並結束去背。


2. 根據上圖的解釋,如果要移除不要的顏色,將由標移至該區域之後,按住並拖移,之後會出現粉紅色的區域將我們所拖移的區域蓋住,並且會告訴我們百分比,選定範圍之後放開滑鼠左鍵,就可以把該區域的顏色去掉了。

小技巧:如果要去背的區域比較小,或是比較複雜,我們可以將圖片放大,也就是點選工具列上的「+」來放大,或是直接更改旁邊的百分比欄位,這樣做可以讓去背的工作變得比較輕鬆而且精確。

萬一不小心選取了過大的範圍,把其他顏色也去掉該怎麼辦呢?當然我們可以按「編輯」>「復原」來回復,可是這麼一來已經被移除的背景色也會跟著恢復,那之前不就白費工夫了嗎?


沒關係,還記得剛剛的說明嗎?這時候我們可以將滑鼠移到想要回復(重新上色)的區域按住 Option 鍵,然後用拖曳的方式來選定區域,一樣會有百分比的顯示,而這次我們可以看到預覽程式以綠色覆蓋我們選取的區域,和去背時的粉紅色有所區別。(注意:選取的過程必須一直按住 Option,選取完畢後再跟滑鼠左鍵一起放開)


下圖就是去背之後的效果,接著我們就可以將完成的圖片存檔囉。


注意:我們在另存新檔時可以發現預設值是存成 PNG 檔,以及下方有個打勾的核取方塊寫著「Alpha」,這表示我們有對圖形做過去背。而去背之後的圖形,一旦存成較常見的 JPEG 格式,去背的部份會被白色取代,那麼就前功盡棄了,因此要提醒各位,存檔時請選取有 Alpha 選項可以勾選的格式,例如預設的 PNG 或 TIFF 格式。


3. 重複上一篇「Mac OS X 10.5個人化 icon 教學(一)」的步驟1~3即可。

下圖就是完成後的效果,是不是比起去背前好看多了呢?

希望我的分享對您有幫助,有任何意見歡迎各位指教。


相關文章:Mac OS X 10.5 個人化 icon 教學(一)

 
Clip to Evernote
Share and Enjoy:
  • Facebook
  • Plurk
  • Twitter
  • Google Buzz it
  • Google
  • funP
  • Hemidemi
  • Digg
  • del.icio.us
  • Furl
  • Live
  • YahooMyWeb

2009年2月14日 星期六

Mac OS X 10.5 個人化 icon 教學(一)

0 意見

受不了 Mac OS X 10.5 內建的再生紙風格檔案夾了嗎?想讓自己的 Mac 更加個人化嗎?

這次的主題是如何製作屬於自己獨特風格的 icon。各位可能已經在網路上看過其他的教學文章或是使用 CandyBar 這套軟體更換過 icon,我要分享的是另一種比較基礎,適用於所有Mac OS X 10.5 檔案的作法。日後會再進一步跟各位分享其他 比較複雜的作法。

這次我們會用到一套部份功能免費的第三方軟體「Img2icns」。
(Img2icns 可至此處下載:http://www.img2icnsapp.com


步驟說明

這個作法適用於比較簡單、不需要先經過去背或裁切的圖檔。

步驟1
將 Img2icns 程式打開,



接著選定自己喜歡的圖示,JPG、PNG、TIFF 等格式皆可。
例如,我選擇這個檔名為 Apple logo 的圖檔。



步驟2
然後將選定的圖示拖入 Img2icns 視窗中的虛線框內。


我們可以看到畫面變成以下這樣:


由 Apple log 圖檔旁右上角開始順時針分別為:Icns, Favicon, iPhone, 檔案夾,也就是我們可以選擇將這個圖檔輸出的格式,「Icns」 就是 Apple 圖像影像的副檔名.icns,「Favicon」 是我們在瀏覽器的網址列或書籤列上看到的網站圖示,「iPhone」 指的是輸出為iPhone 中程式圖像的格式,「檔案夾」就是將圖檔輸出成檔案夾的格式。如果您用的是 Img2icns 的免費版本,無法使用匯出為「iPhone」 圖示與「Favicon」兩種功能,只能將圖檔匯出為「Icns」及「檔案夾」圖示。

點選欲匯出的格式之後選個位置存檔。



步驟3
將輸出的檔案複製(或是點選後按 cmd + C),接著以右鍵點一下我們要設定新 icon 的檔案選擇「簡介」(或是 cmd + i),可以看到左上角有一個檔案夾的圖示,左鍵點選後,再按 cmd + V 將輸出好的圖檔貼上,就大功告成啦。




製作完畢後的效果如下:


如果效果不滿意,想要回復成原來的檔案夾圖示該怎麼做呢?很簡單,打開檔案的簡介,點選左上角圖示後按 delete 即可,它就會回復成原來的檔案夾圖示囉。

希望我的分享對您有幫助,有任何意見歡迎提出指教。



Link: Img2icns
延伸閱讀:Mac OS X 10.5 個人化 icon 教學(二)


Clip to Evernote
Share and Enjoy:
  • Facebook
  • Plurk
  • Twitter
  • Google Buzz it
  • Google
  • funP
  • Hemidemi
  • Digg
  • del.icio.us
  • Furl
  • Live
  • YahooMyWeb