
作者/魏風(2009-09-17)
BannerSnack是一個線上flash橫幅廣告製作工具,就算沒有flash基礎,也能輕鬆製作出swf格式的banner動畫。使用者可直接在網站上找尋自己喜歡的banner再進行修改,或是從零開始、逐步製作自己喜歡的樣式。此外,BannerSnack免費方案的限制如下:
- 動畫右下角會有小廣告(非常小)。
- 只能以外連方式使用banner,無法下載swf檔。
雖然有所限制,但使用上不會造成太大影響。
使用教學
在開始使用BannerSnack前,可以參考由該網頁製作出來的範例( 範例一)、( 範例二)。
第一步:進入BannerSnack並點選 “Banner Maker” 或是 “Make a Banner“。

第二步:如下圖點選 “Sign up” 填寫註冊表單,完成後會直接登入。


第三步:直接點選 “Create new banner” 製作,或是切換到 “Templates” (在導航欄上),再點選你喜歡的 banner 兩下開始編輯,或是點選進行預覽。(圖片是合成的,左邊是 Banner Maker 首頁,右邊是 Templates 的畫面)

如果是直接點選 “Create new banner” 的話必須選擇一個size和預設的背景色。

第四步:開始編輯banner囉!
- Add text:新增文字 (不支援中文)
- Add image:新增圖片(圖片可直接上傳)
- Text:編輯文字各種屬性
- Image:編輯圖片各種屬性
- Filters:增加各種特效
- Build in:圖片或文字進場的特效
- Build out:圖片或文字退場的特效
- Play:播放(預覽)
- Save:儲存

第五步:回到Banner Maker的首頁,將滑鼠移到製作好的banner上並選擇 “Publish“,之後點選 “Copy” 複製程式碼。將 Embed code 複製並貼在需要顯示的位置,就會出現你所製作的 flash banner 囉!
