網(wǎng)頁banner廣告設(shè)計(jì)的詳細(xì)步驟介紹！ 打印頁面

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

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

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

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

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

　　2、運(yùn)行Ulead Gif Animator，此時(shí)會(huì)出現(xiàn)一個(gè)“開始向?qū)А泵姘?，注意到“開始向?qū)А泵姘迳系腁nimation Wizard項(xiàng)，通過它可以決定置入哪些畫面，每個(gè)畫面播放多少時(shí)間等控制信息。

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

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

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

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

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

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

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

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

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

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

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