什么是Banner圖片

什么是Banner圖片

banner是網絡廣告中最常見的廣告形式 。一般翻譯為網幅廣告、旗幟廣告、橫幅廣告等,尺寸是468*60像素,一般使用GIF格式的圖像文件,可以是靜態圖形,也可用多幀圖像拼接為動畫圖像 。

一般用戶可以使用Fireworks MX 來設計一張GIF動畫Banner.

Banner制作

你一定見過網頁中會動的廣告Banner 。變換的圖片很能吸引瀏覽者的注意 。它實際上是一個動態的GIF圖形文件,也就是一個包含兩張以上獨立GIF圖形文件或Frame(幀)的文件 。每一幀均設定了畫面播放時間與重播次數 。可以在GIF制作軟件中指定每一個輪回的動畫播放時間與回放次數 。


目前市場上制作GIF動畫的軟件相當多,友立公司的Ulead Gif Animator以其簡單易用 , 功能強大而受到良好的評價,是一款值得推薦的Gif動畫制作軟件 。下面我們用它來制作一個468X60像素大小的廣告Banner 。

1.在PhotoShop中制作四張468X60像素的圖片 , 并將其導出為Gif格式 。

2.運行Ulead Gif Animator,此時會出現一個“開始向導”面板,注意到“開始向導”面板上的Animation Wizard項,通過它可以決定置入哪些畫面,每個畫面播放多少時間等控制信息 。

3.單擊Animation Wizard項前的茶杯圖標,在彈出的選擇文件面板中單擊“增加圖像”按鈕,在隨后彈出的打開菜單中,選擇要置入的圖片 , 我們選擇前面在PhotoShop中制作的四幅圖片,選好之后單擊下一步按鈕 。

4.在圖像類型菜單中選擇以文字為導向的圖像Text-oriented,單擊下一步按鈕 。注意:若是以文字為導向的圖像,文字圖像的顏色比較少,可以不進行遞色處理,這樣可減小文件的大?。綣墻細叢擁南嗥枷瘢蛐杞械萆硪鄖蟮媒蝦玫撓跋衿分?。

5.在幀延續時間面板上設置每幀延續的時間和幀速率 。注意:GIF89a的動畫圖像結合了多張的個別圖像,它們都是獨立的Frame(幀或影格)文件,每一影格均須設置畫面的播放時間及重播次數 。

6.在完成菜單中點擊Finish按鈕,完成動畫的基本制作 。單擊編輯區中的Preview按鈕,預覽動畫的效果 。

7.打開File菜單,選擇Optimization Wizard(或按下F11鍵),啟動最佳化向導 。

8.在彈出菜單中選擇Yes,使用預設的項目以控制調色板的顏色數目 , 然后單擊下一步按鈕 。

9.在彈出的菜單中勾選No,然后在圖片顏色數項中設置其值為32色 。注意:視圖像情況以決定顏色數目方框中的數值,若以文字為導向的圖像,最好勾選“No”項目 。

10.在彈出菜單中均選擇Yes,移除多余的像素,移除注解區塊,移除層標志,這樣可以減小文件尺寸 。

11.在最后彈出的菜單中列出了剛才的設定,單擊Finish按鈕完成優化 。

12.隨后彈出Gif Optimization菜單,顯示了優化前后的文件尺寸大小對比,單擊Save as按鈕,如圖6,將其保存 。

注意:一般情況下,Banner的大小不要超過30KB,否則會增加網絡負擔 。

【什么是Banner圖片】

經驗總結擴展閱讀