fireworks炫舞動畫實例
歡迎大家在這里學(xué)習(xí)Fireworks做動態(tài)頁!這里是我們給大家整理出來的精彩內(nèi)容。那么下面學(xué)習(xí)啦小編跟分享了更多關(guān)于fireworks炫舞動畫實例,希望你喜歡。
fireworks炫舞動畫實例:
Fireworks制作旋舞動畫,以方便大家參考。
圖1
此時,由于路徑擴(kuò)展成了填充對象,因為我們在Stroke面板中設(shè)置描邊值為None,切換至Fill面板,從Fill Category填充類型下拉列表中選擇Linear(線性漸變),然后點擊Edit按鈕,在漸變顏色編輯器中做如下圖所示的顏色設(shè)置,總共有四個顏色標(biāo)記,分別是紅、藍(lán)、藍(lán)、黃,其中紅和藍(lán)顏色標(biāo)記疊放在一起,藍(lán)和黃顏色標(biāo)記疊放在一起。
圖2
在fireworks中我們來設(shè)置線性漸變的方向,使用黑色箭頭工具移動黑色小圓點到橢圓形的頂部位置,然后把黑色的矩形點拉到橢圓形的底部位置,這樣就有了如下圖所示的形狀。
圖3
使用鍵盤快捷方式F8鍵,此時會彈出Symbol Properties對話窗口,確定當(dāng)前選擇的Type類型為Graphic,在Name選項中您可以給當(dāng)前這個symbol符號命名,當(dāng)然也可以使用默認(rèn)的名字,點擊OK按鈕完成符號轉(zhuǎn)換。
使用菜單命令:Edit>clone,克隆當(dāng)前的符號對象。當(dāng)克隆出來的這個對象被選中時,使用菜單命令Modify>Transform>Rotate 180°,此時對象被旋轉(zhuǎn)180度。
使用快捷方式Ctrl+A全選這二個對象,使用菜單命令Modify>Symbol>Tween Instances進(jìn)行插幀操作,當(dāng)Tween Instances對話窗口被打開時,設(shè)置Steps值為15~40中的一個值,本例中設(shè)置Steps為25。不要選擇Distribute to Frames選項,點擊OK按鈕。
圖4
此時如果您按照我上面的步驟來做的話,應(yīng)該就會出現(xiàn)如下圖所示的形狀,呵呵,這個效果蠻好玩的吧,別感覺驚訝,這就是Tween Instances命令所產(chǎn)生的,用這命令還能做很多效果呢,您可以查看本系列中其他的教程。
圖5
使它動起來得步驟:
快捷方式Ctrl+A全選這些對象,然后使用菜單命令Modify>Group,或是直接使用快捷方式Ctrl+G,將這些對象合成為一個組對象。
按F8鍵,當(dāng)Symbol Properties對話窗口被打開,此時我們選擇Animation類型,點擊OK按鈕。緊接著會跳出Animate對話窗口,在這兒我們設(shè)置Frames值為11,最下面的Rotate值為360,其他的就按照默認(rèn)的設(shè)置可以了,點擊OK按鈕。這個創(chuàng)建動畫過程可能需要一點等待的時間,請耐心一些,因為程序正在相應(yīng)地自動生成各個幀中的動畫。
圖6
動畫創(chuàng)建完成后,您的文件將會變成如下圖所示的樣子,文檔窗口左下角有一排播放按鈕,我們點擊下圖白色箭頭所指的按鈕就可以觀看這個動畫了。
圖7
是不是覺得動畫播放過程有一點停頓,這個原因出在剛才在設(shè)置Animation動畫時,Rotate角度為360度,所以當(dāng)前的動畫第一幀和最后一幀是重復(fù)的。打開Frames面板,選中Frame11,然后點擊幀面板右下角的垃圾筒按鈕,這樣就能把多余的幀給刪除了。
如果您覺得當(dāng)前動畫的播放速度有點快,點擊Frame1幀,然后按住Shift鍵,點擊Frame10幀,此時這些幀對象都被選中了,雙擊任何一幀右邊的“7”的位置,此時會彈出Frame Delay對話窗口中,我們可以加大這個數(shù)值,這樣就可以加長幀的延遲時間,本例中我設(shè)置為20。