1,新建一個(gè)文件,長(zhǎng)和寬都是200pixel
2,用矩形工具畫(huà)一個(gè)矩形,你可以使用你喜歡的任何顏色
動(dòng)畫(huà)的設(shè)定
1,選中這個(gè)矩形,選擇modify菜單Animate->Animated selecation.
2,在frame 框中輸入5
3,move框中輸入180,這是設(shè)定移動(dòng)的距離像素
4,在direction中輸入45,設(shè)定移動(dòng)的角度
5,單擊ok,fireworks 將會(huì)問(wèn)你是否添加新的frame(幀)
6,單擊ok,將會(huì)自動(dòng)添加新的幀
現(xiàn)在圖中的矩形上的右下角就會(huì)加上一個(gè)小小的箭頭,表示這是一個(gè)動(dòng)畫(huà)符號(hào)(animation symbol),一條線表示這個(gè)符號(hào)的移動(dòng)路徑,線上的每一個(gè)點(diǎn)表示一幀。
動(dòng)畫(huà)預(yù)覽
你可以直接在工作區(qū)內(nèi)預(yù)覽這個(gè)動(dòng)畫(huà)
1,如果frame(幀)面板不可見(jiàn),選擇window -> frames
2,點(diǎn)擊畫(huà)布下方的播放/停止按鈕,就可以播放動(dòng)畫(huà)。
3,再次點(diǎn)擊這個(gè)按鈕可以停止。
4,在frames面板上你可以看到每一幀的動(dòng)畫(huà)
現(xiàn)在你可以給這個(gè)動(dòng)畫(huà)做一些修改
動(dòng)畫(huà)的編輯
可以使用object(對(duì)象)面板對(duì)動(dòng)畫(huà)進(jìn)行編輯
1,打開(kāi)object(對(duì)象)面板
2,點(diǎn)擊frames面板上的第一幀
3,選中這個(gè)symbol,在object(對(duì)象)面板上就會(huì)顯示這個(gè)動(dòng)畫(huà)的設(shè)定,
4,你可以對(duì)這個(gè)設(shè)定進(jìn)行修改,比如在scaling(縮放比例)內(nèi)輸入110,使從第一幀到最后一幀圖象放大10%
5,在opacity(透明度)左邊的框內(nèi)輸入10,右邊的框內(nèi)輸入100,這將使動(dòng)畫(huà)產(chǎn)生透明度的漸變
6,在rotation(旋轉(zhuǎn))中輸入180, 將使動(dòng)畫(huà)產(chǎn)生180度的旋轉(zhuǎn)
7,再次點(diǎn)擊播放按鈕就可以看看效果了。
編輯運(yùn)動(dòng)路徑
1,點(diǎn)擊工作區(qū)上的symbol,運(yùn)動(dòng)路徑就可以顯示出來(lái)
2,你可以用鼠標(biāo)拖動(dòng)路徑上的第一幀(綠色的點(diǎn))和最后一幀(紅色的點(diǎn)),來(lái)改變它們的位置
3,也可以拖動(dòng)中間的幀(藍(lán)色的點(diǎn)),改變整條路徑
4,再預(yù)覽一下看看吧
輸出gif動(dòng)畫(huà)
要在瀏覽器中看到這個(gè)動(dòng)畫(huà),就必須輸出成gif動(dòng)畫(huà)格式或swf格式
1,打開(kāi)optimize(優(yōu)化)面板
2,輸出格式設(shè)為animated gif(動(dòng)畫(huà)gif)
3,單擊菜單上file -> export命令
4,保存類(lèi)型選擇 html and images就可以輸出一個(gè)html文件
5,你可以用瀏覽器打開(kāi)這個(gè)動(dòng)畫(huà)來(lái)看了