June 3, 2010

大元動態桌布 Animated Flash Wallpaper

用 Flash 做成的 Windows 動態桌布,說穿了其實只是 Flash 嵌入 HTML 而已。

但只有 Windows XP 才可以將 HTML 設為桌布,WINDOWS 7 不能,故此動態桌布只適用於 Windows XP。


使用方法

  1. 下載 zip 檔: 載點一載點二
  2. 解壓縮後將 swf 和 html 檔放在同一個資料夾。
  3. 桌面→右鍵→更改桌面背景
  4. 選剛剛解壓縮的 DaYuanBG.html 就可以了。
  5. 要改大小的話改 width=”1680” height=”1050” 裡面的值
  6. 最左邊和最上面會自動留下小空間,應該是為了避免無法右鍵(在flash上右鍵只會顯示flash的控制選項)。

製作過程

昨天接到朋友的訊息,請求幫忙製作動態桌布,

google 後發現原來動態桌布只要用 flash 就可以做到了,馬上來嘗試看看,

首先依照朋友要求,到 http://housefun.yungching.com.tw/event/2010dayuan/ 找素材,

找到之後,用 SWF Decompiler 之類的工具 rip 出影像和聲音檔,

聲音是 mp3,擷取後自行編輯,

影片則用 flv converter 之類的軟體將影像轉成 wmv,avi 之類的檔案,剪輯需要的片段,

剪輯完成後,用 kmplayer 批次截取影片中當成圖片素材,比較節省檔案大小。

接下來就是 photoshop 時間,

由於素材畫質不是說很好,適當的使用模糊 blur 工具製造朦朧效果減低畫質的影響,

然後將靜態素材匯入flash,

為了達到動態區被靜態圖遮罩在後面的效果(類似相框效果),我想的到兩種作法,

一種是用靜態圖覆蓋調掉動態區(用 photoshop action 重複編輯素材,類似拼圖的方式);

一種是用 mask 遮罩動態區(用 flash 的圖層 mask 直接手繪顯示區域)。

因為懶得再開 photoshop ,所以選擇第二種,

這步驟有繪圖板的話比較輕鬆,沒有的話只能用滑鼠慢慢拉。

遮罩區塊弄好後,分別將素材放入動態區與靜態區的圖層,輸出 swf 和 html 檔案,

一個簡單的動態桌布就完成了。

VoiceTube 看影片學英文