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