[分享] Glofiish 相框製作 DIY

厭倦了手機平凡無奇的照像效果嗎 ? 當然我們可以在拍照時玩許多新花樣。由於內建的相框只有 3 種，拍久了還滿缺乏新意，只好趁著平常工作後的空閒時間，研究一下自製 Glofiish 相機程式相框的方法。

相框圖檔製作規則

在製作相框圖片之前，先了解一下製作相框的規則。

• 一個相框需要製作「4」張不同檔名和解析度的圖片
  Glofiish 的相機程式使用的相框共需要 4 張不同解析度的圖片以符合直向 (Portait) /橫向螢幕 (Landscape) 顯示需求。必須同時將 4 張圖片放置在手機內指定的位置才能被相機程式讀取使用。
  
  這 4 張圖片的檔案命名規則如下 (假設相框名稱為 「MyFrame」)：
  
  1. MyFrame_np.gif
     「_np」的 p 代表 portrait (直向螢幕)。此圖片解析度為 240 ( W ) *320 ( L )。為使用直向螢幕，且拍攝解析度為 240 *320 或 144*176 時使用。
     
  2. MyFrame_nl.gif
     「_nl」的 l 代表 landscape (橫向螢幕)。此圖片解析度為 320 ( W ) *240 ( L )。為使用橫向螢幕，且拍攝解析度為 320 *240 或 176*144 時使用。
     
  3. MyFrame_hp.gif
     「_hp」的 h 筆者猜測應該為高解析度的意思， p 或 l 與前兩項用來表示螢幕顯示方向的意義相同。此圖片解析度為 960 ( W ) *1280 ( L )。為使用直向螢幕，且拍攝解析度為 1200*1600、960 *1280 或 480*640時使用。
     
  4. MyFrame_hl.gif
     與第 3 項剛好相反，為橫向螢幕使用。但拍攝解析度與第 3 項相同。
     


• 檔案格式為 256 色的GIF 圖像

當然實際製作時，由於 GIF 色彩太少，也可以先用全彩 24 bits 製作影像，最後儲存成 GIF 會自動轉換成 256 色。


• 透明色彩須指定為 RGB (192,192,192) , 16 進位色碼值為 #C0C0C0
  原先筆者以為製作透明底色的 GIF 圖檔即可自動被相機程式與拍攝的影像合成。當然事情沒有想像中的簡單，經過一番苦鬥後，才驚覺相機程式在拍攝時將 RGB (192,192,192) 作為遮罩色彩，也就是會自動將相框圖檔中的此顏色忽略掉(挖空)，取代為拍攝時的背景。這表示 GIF 圖檔底色不需特別指定為透明，只要圖片中出現該遮罩色彩的像素，在拍攝時即會變成透明。

使用 PhotoImpact 製作相框圖檔

可以用來自製圖檔的影像軟體相當多，不管是 Adobe PhotoShop、Ulead GIF Animator，甚至連 Windows XP / Vista 內建的小畫家都可以拿來繪圖，而且成品應該也大同小異。由於筆者的筆電記憶體跑 PhotoShop CS2 不太夠力，最後決定使用功能堪用，且操作比較簡易的 Ulead PhotoImpact 12 來製作。


▲首先，在 PhotoImpact 點選 檔案 > 開新檔案 > 開新影像

▲設定新影像的屬性

1. 影像類型 ： 選擇 全彩。由於 RGB (192,192,192) 此顏色不屬於預設的 256 色色盤，因此請勿點選 256 色

2. 接著點選 自訂色彩 將底色設為 RGB (192,192,192)

3. 點選此顏色區塊選擇色彩


▲顏色選擇畫面

4. 確定「未」勾選 Web 安全色彩。因為 RGB (192,192,192) 此顏色不屬於 Web 安全色色盤

5. R、G、B 欄位接填入 192，或者直接於 Hex 欄位填入 #C0C0C0。點選 確定 回到上層視窗


▲開新影像視窗

6. 設定影像解析度，點選 使用者自訂 。

7. 先製作高解析度的影像，長寬輸入：1280 x 960 (可以選擇先製作直向或橫向螢幕版本)

8. 點選 確定 即可開新影像


▲已建立底色為 #C0C0C0 的新影像，接著可以開始繪製影像

▲繪製完成的直向螢幕範例相框

▲繪製完成的橫向螢幕範例相框

▲接著分別將這兩個影像儲存。點選 檔案 > 儲存

▲儲存檔案視窗

9. 將檔案依照相框製作規則命名

• 960 ( W ) x 1280 ( L ) 直向螢幕影像： 檔名_hp.gif


• 1280 ( W ) x 960 ( L ) 橫向螢幕影像： 檔名_hl.gif

10.選擇存檔類型為 GIF

11. 點選 存檔


▲高解析度相框製作完成後，只需將剛製作的 2 個影像分別縮小到 240*320 即可。點選 調整 > 調整大小

▲調整大小視窗。設定直向螢幕影像大小為 240 ( W ) x 320 ( L ) 像素

▲設定橫向螢幕影像大小為 320 ( W ) x 240 ( L ) 像素

▲最後分別將這兩個 240*320 大小的影像另存新檔。點選 檔案 > 另存新檔

▲另存新檔視窗。將檔案依照相框製作規則命名，再點選 存檔

• 240 ( W ) x 320 ( L ) 直向螢幕影像： 檔名_np.gif


• 320 ( W ) x 240 ( L ) 橫向螢幕影像： 檔名_nl.gif

將圖檔存放到手機

相機使用的相框檔案位於手機內部記憶體的 \ My Documents\ Photo Frames 資料夾，直接將剛製作好的 4 個相框圖片檔案複製到該目錄內即可使用。

▲ 將相框圖檔複製到手機內

使用自行製作的相框

接著，我們可以開起手機的相機程式使用自製相框：


▲在相機程式主畫面點選 圖示開啟選單，選擇自製的相框 (例如: MyFrame)

▲直向螢幕拍攝畫面

▲拍攝後的圖檔 (直向)

▲橫向螢幕拍攝畫面

▲拍攝後的圖檔 (橫向)

如果在拍攝後發現相框圖片沒有透明化，背景仍為灰色，可能是因為儲存成 GIF 檔時 RGB (192,192,192) 此顏色像素區域被相鄰色取代。必須重新將該像素塗為 RGB (192,192,192) 再存檔。

小記

製作 Glofiish 相機程式的相框並不會很困難，只要清楚製作規則，再加上基本的影像繪圖能力就可以輕鬆完成囉。連筆者這種影像繪圖廢咖都可以做出來實在是頗令人意外的