制作網頁動畫可用許多種方法來實現,如:用java或dhtml或等,也可用.而fireworks提供了三種制作動畫的手段:手工繪制、使用符號(symbol)、圖像法。
下面我們以手工繪制和圖像法來制作簡易的“月出場景”動畫。
1、新建一空白文檔窗口:
運行fireworks 4,選擇菜單“file→new”命令后,出現“new document”窗口,設置一些參數后,按“ok”,在fireworks的程序窗口中,出現新建空白文檔窗口(untitled-1)。
2、導入圖像:
選擇菜單“file→inport…”命令后,出現導入窗口(import),選擇某個圖像文件后,按“打開”,鼠標移到空白文檔窗口時,指針變為折線形狀,在空白文檔窗口的左上角單擊,則所選圖像導入到空白文檔窗口,調整圖像的位置或編輯畫布大小等。本例導入一幅“沒有月亮的夜景”(如圖1)。
圖1
3、創建動畫幀數:
如fireworks 4程序窗口沒有出現幀面板(frames),可同時按shift+f2鍵,則出現幀面板。在幀面板中有一個frame1 ,表示已存在一個幀,第2步導入的圖像就在這個幀中。鼠標單擊幀面板右上角的三角形圖標,出現幀面板菜單,選擇“add frames…”命令,出現添加幀窗口(add frames),在添加窗口的“number”輸入項中輸入動畫的幀數,本例輸入幀數4,并選擇“after current frame”選項,按“ok”,則在幀面板出現5個幀(frame 1~frame5)。如用鼠標單擊選擇第2~5幀,在文檔窗口中無顯示圖像,鼠標選擇第1幀時,在文檔窗口中顯示已導入的圖像。
4、共享圖層:
用鼠標單擊選擇第1幀,再按f2鍵,出現圖層面板(layers),用鼠標選擇“layer1”,再單擊圖層面板右上角的三角形圖標,出現圖層面板菜單,選擇“share this layer”命令,確定后,就把第1幀的第一層(layer1)轉換為4個幀都共享的圖層,可選擇其他4個幀預覽。
圖2
5、繪制動畫:
選擇第1幀的圖層面板,鼠標單擊圖層面板右下角的打開圖標,創建第1幀第二個圖層(layer2)。在layer 2圖層中,用工具箱中的畫圓工具,繪制一個月亮,再復制出4個月亮,把這5個月亮沿著升起的方向排放,并編輯太陽形狀顏色等屬性(如圖2)。用鼠標同時選擇(按shift鍵)這5個月亮,再選擇幀面板,把這5個月亮分發到5個幀去。
6、調整各幀延遲時間:
在幀面板中,用鼠標雙擊每一幀右邊的數字,出現一個窗口,輸入幀播放延遲時間。從frame 1至frame5順序選擇幀,瀏覽月亮升起的方向,如有誤,可用鼠標拖拽幀來調整幀的順序。
7、瀏覽效果:
在fireworks 4程序窗口的左下角有一排動畫播放控制按鈕,使用該控制按鈕,瀏覽動畫效果。若不滿意,可編輯修改各參數,直到滿意。
8、作品輸出
選擇菜單“file→export preview…”命令,出現導出預覽對話框(export preview),進行動畫優化和設置后,按“export…”按鈕,就導出動畫作品。
請各位自己試一試,在構建動畫的過程中,添加你的創意,你一定會發現許多奇妙的視覺效果。
|||
制作網頁動畫可用許多種方法來實現,如:用java或dhtml或等,也可用.而fireworks提供了三種制作動畫的手段:手工繪制、使用符號(symbol)、圖像法。
下面我們以手工繪制和圖像法來制作簡易的“月出場景”動畫。
1、新建一空白文檔窗口:
運行fireworks 4,選擇菜單“file→new”命令后,出現“new document”窗口,設置一些參數后,按“ok”,在fireworks的程序窗口中,出現新建空白文檔窗口(untitled-1)。
2、導入圖像:
選擇菜單“file→inport…”命令后,出現導入窗口(import),選擇某個圖像文件后,按“打開”,鼠標移到空白文檔窗口時,指針變為折線形狀,在空白文檔窗口的左上角單擊,則所選圖像導入到空白文檔窗口,調整圖像的位置或編輯畫布大小等。本例導入一幅“沒有月亮的夜景”(如圖1)。
圖1
3、創建動畫幀數:
如fireworks 4程序窗口沒有出現幀面板(frames),可同時按shift+f2鍵,則出現幀面板。在幀面板中有一個frame1 ,表示已存在一個幀,第2步導入的圖像就在這個幀中。鼠標單擊幀面板右上角的三角形圖標,出現幀面板菜單,選擇“add frames…”命令,出現添加幀窗口(add frames),在添加窗口的“number”輸入項中輸入動畫的幀數,本例輸入幀數4,并選擇“after current frame”選項,按“ok”,則在幀面板出現5個幀(frame 1~frame5)。如用鼠標單擊選擇第2~5幀,在文檔窗口中無顯示圖像,鼠標選擇第1幀時,在文檔窗口中顯示已導入的圖像。
4、共享圖層:
用鼠標單擊選擇第1幀,再按f2鍵,出現圖層面板(layers),用鼠標選擇“layer1”,再單擊圖層面板右上角的三角形圖標,出現圖層面板菜單,選擇“share this layer”命令,確定后,就把第1幀的第一層(layer1)轉換為4個幀都共享的圖層,可選擇其他4個幀預覽。
圖2
5、繪制動畫:
選擇第1幀的圖層面板,鼠標單擊圖層面板右下角的打開圖標,創建第1幀第二個圖層(layer2)。在layer 2圖層中,用工具箱中的畫圓工具,繪制一個月亮,再復制出4個月亮,把這5個月亮沿著升起的方向排放,并編輯太陽形狀顏色等屬性(如圖2)。用鼠標同時選擇(按shift鍵)這5個月亮,再選擇幀面板,把這5個月亮分發到5個幀去。
6、調整各幀延遲時間:
在幀面板中,用鼠標雙擊每一幀右邊的數字,出現一個窗口,輸入幀播放延遲時間。從frame 1至frame5順序選擇幀,瀏覽月亮升起的方向,如有誤,可用鼠標拖拽幀來調整幀的順序。
7、瀏覽效果:
在fireworks 4程序窗口的左下角有一排動畫播放控制按鈕,使用該控制按鈕,瀏覽動畫效果。若不滿意,可編輯修改各參數,直到滿意。
8、作品輸出
選擇菜單“file→export preview…”命令,出現導出預覽對話框(export preview),進行動畫優化和設置后,按“export…”按鈕,就導出動畫作品。
請各位自己試一試,在構建動畫的過程中,添加你的創意,你一定會發現許多奇妙的視覺效果。
|||
新聞熱點
疑難解答