網(wǎng)頁banner廣告設計的詳細步驟介紹！

網(wǎng)頁banner廣告設計的詳細步驟介紹！

　　很多時候，我們對一個網(wǎng)站或博客網(wǎng)頁的第一印象都來源于上方的網(wǎng)頁橫幅。漂亮、整潔、協(xié)調(diào)的網(wǎng)頁橫幅設計會令我們對其頓生好感。時間財富網(wǎng)小編就來介紹了如何輕松設計漂亮GIF網(wǎng)頁廣告設計步驟。

　　網(wǎng)頁廣告Banner變換的圖片很能吸引瀏覽者的注意。它實際上是一個動態(tài)的GIF圖形文件，也就是一個包含兩張以上獨立GIF圖形文件或fr_ame(幀)的文件。每一幀均設定了畫面播放時間與重播次數(shù)?？梢栽贕IF制作軟件中指定每一個輪回的動畫播放時間與回放次數(shù)。

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

　　

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

　　2、運行Ulead Gif Animator，此時會出現(xiàn)一個“開始向?qū)А泵姘澹⒁獾健伴_始向?qū)А泵姘迳系腁nimation Wizard項，通過它可以決定置入哪些畫面，每個畫面播放多少時間等控制信息。

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

　　4、在圖像類型菜單中選擇以文字為導向的圖像Text-oriented，單擊下一步按鈕。注意：若是以文字為導向的圖像，文字圖像的顏色比較少，可以不進行遞色處理，這樣可減小文件的大小，但如果是較復雜的相片圖像，則需進行遞色處理以求得較好的影像品質(zhì)。

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

　　6、在完成菜單中點擊Finish按鈕，完成動畫的基本制作。單擊編輯區(qū)中的Preview按鈕，預覽動畫的效果。

　　7、打開File菜單，選擇Optimization Wizard(或按下F11鍵)，啟動最佳化向?qū)А?/p>

　　8、在彈出菜單中選擇Yes，使用預設的項目以控制調(diào)色板的顏色數(shù)目，然后單擊下一步按鈕。

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

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

　　11、在最后彈出的菜單中列出了剛才的設定，單擊Finish按鈕完成優(yōu)化。

　　12、隨后彈出Gif Optimization菜單，顯示了優(yōu)化前后的文件尺寸大小對比，單擊Save as按鈕，將其保存。

　　材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。這樣就能大大提高GIF網(wǎng)頁廣告設計的效率與質(zhì)量了。