fireworks炫舞動畫實(shí)例

　　歡迎大家在這里學(xué)習(xí)Fireworks做動態(tài)頁!這里是我們給大家整理出來的精彩內(nèi)容。那么下面學(xué)習(xí)啦小編跟分享了更多關(guān)于fireworks炫舞動畫實(shí)例，希望你喜歡。

　　fireworks炫舞動畫實(shí)例：

　　Fireworks制作旋舞動畫，以方便大家參考。

　　圖1

　　此時(shí)，由于路徑擴(kuò)展成了填充對象，因?yàn)槲覀冊赟troke面板中設(shè)置描邊值為None，切換至Fill面板，從Fill Category填充類型下拉列表中選擇Linear(線性漸變)，然后點(diǎn)擊Edit按鈕，在漸變顏色編輯器中做如下圖所示的顏色設(shè)置，總共有四個(gè)顏色標(biāo)記，分別是紅、藍(lán)、藍(lán)、黃，其中紅和藍(lán)顏色標(biāo)記疊放在一起，藍(lán)和黃顏色標(biāo)記疊放在一起。

　　圖2

　　在fireworks中我們來設(shè)置線性漸變的方向，使用黑色箭頭工具移動黑色小圓點(diǎn)到橢圓形的頂部位置，然后把黑色的矩形點(diǎn)拉到橢圓形的底部位置，這樣就有了如下圖所示的形狀。

　　圖3

　　使用鍵盤快捷方式F8鍵，此時(shí)會彈出Symbol Properties對話窗口，確定當(dāng)前選擇的Type類型為Graphic，在Name選項(xiàng)中您可以給當(dāng)前這個(gè)symbol符號命名，當(dāng)然也可以使用默認(rèn)的名字，點(diǎn)擊OK按鈕完成符號轉(zhuǎn)換。

　　使用菜單命令：Edit>clone，克隆當(dāng)前的符號對象。當(dāng)克隆出來的這個(gè)對象被選中時(shí)，使用菜單命令Modify>Transform>Rotate 180°，此時(shí)對象被旋轉(zhuǎn)180度。

　　使用快捷方式Ctrl+A全選這二個(gè)對象，使用菜單命令Modify>Symbol>Tween Instances進(jìn)行插幀操作，當(dāng)Tween Instances對話窗口被打開時(shí)，設(shè)置Steps值為15~40中的一個(gè)值，本例中設(shè)置Steps為25。不要選擇Distribute to Frames選項(xiàng)，點(diǎn)擊OK按鈕。

　　圖4

　　此時(shí)如果您按照我上面的步驟來做的話，應(yīng)該就會出現(xiàn)如下圖所示的形狀，呵呵，這個(gè)效果蠻好玩的吧，別感覺驚訝，這就是Tween Instances命令所產(chǎn)生的，用這命令還能做很多效果呢，您可以查看本系列中其他的教程。

　　圖5

　　使它動起來得步驟：

　　快捷方式Ctrl+A全選這些對象，然后使用菜單命令Modify>Group，或是直接使用快捷方式Ctrl+G，將這些對象合成為一個(gè)組對象。

　　按F8鍵，當(dāng)Symbol Properties對話窗口被打開，此時(shí)我們選擇Animation類型，點(diǎn)擊OK按鈕。緊接著會跳出Animate對話窗口，在這兒我們設(shè)置Frames值為11，最下面的Rotate值為360，其他的就按照默認(rèn)的設(shè)置可以了，點(diǎn)擊OK按鈕。這個(gè)創(chuàng)建動畫過程可能需要一點(diǎn)等待的時(shí)間，請耐心一些，因?yàn)槌绦蛘谙鄳?yīng)地自動生成各個(gè)幀中的動畫。

　　圖6

　　動畫創(chuàng)建完成后，您的文件將會變成如下圖所示的樣子，文檔窗口左下角有一排播放按鈕，我們點(diǎn)擊下圖白色箭頭所指的按鈕就可以觀看這個(gè)動畫了。

　　圖7

　　是不是覺得動畫播放過程有一點(diǎn)停頓，這個(gè)原因出在剛才在設(shè)置Animation動畫時(shí)，Rotate角度為360度，所以當(dāng)前的動畫第一幀和最后一幀是重復(fù)的。打開Frames面板，選中Frame11，然后點(diǎn)擊幀面板右下角的垃圾筒按鈕，這樣就能把多余的幀給刪除了。

　　如果您覺得當(dāng)前動畫的播放速度有點(diǎn)快，點(diǎn)擊Frame1幀，然后按住Shift鍵，點(diǎn)擊Frame10幀，此時(shí)這些幀對象都被選中了，雙擊任何一幀右邊的“7”的位置，此時(shí)會彈出Frame Delay對話窗口中，我們可以加大這個(gè)數(shù)值，這樣就可以加長幀的延遲時(shí)間，本例中我設(shè)置為20。