DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks(FW)制作Banner[組圖]
Fireworks(FW)制作Banner[組圖]
編輯:Fireworks基礎     

fireworks教程是:Fireworks(FW)制作Banner。

當你駕著愛機在網上沖浪時,是否注意到網頁上形形色色的動態Banner呢?一個好的Banner會給人一種耳目一新的感覺,一張好的Banner會給網頁添色不少。那麼,你是否也想制作這麼一張漂亮的Banner呢?現在我們就用Fireworks來制作出一張Banner吧!

1、“巧婦難為無米之炊”,首先要收集好適合你網頁的圖片,如果自己能夠制作出這些圖片那就更好了!注意要把這些圖片調好尺寸,並且轉化成為GIF或JPG等格式,並保存好。

2、啟動Fireworks,點擊“File→New”(或按組合鍵“Ctrl+N”)新建一個文件(注意調整好文件的尺寸,要和圖片尺寸相適合)。

3、打開“Windows”菜單下的“Frames(幀)”面板,點擊“New”新建一個幀,如圖1所示。


圖1

4、將焦點指向第一個幀,然後點擊菜單項“Insert(插入)→Imige(圖片)”插入第一張圖片,再把焦點指向第二幀,用同樣的方法插入第二張圖片。

5、下面的工作就是調整播放速度了,點擊“播放”按鈕進行預覽。如果播放的速度不合適,可以利用Frames面板進行調整,具體方法是:讓需要改動的幀獲得焦點,然後雙擊該幀的時間欄,進行時間的調整,如圖2。


圖2 

6、調整滿意後,就可以對文件進行保存了,保存時選擇菜單項“File→Export PrevIEw(導出當前文件)”,否則將無法導出動畫。

7、進入導出對話框之後,將“Format”中的項目改成“Animated GIF”,再點擊“Export”按鈕,選擇適當的保存路徑。這樣一個動態的Banner就制成了。

這裡只介紹了比較簡單的兩個圖片的動態Banner的制作方法,希望大家可以舉一反三,制作出更多的好的Banner來,使我們的網頁空間變得更加精彩。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved