fireworks怎么制作橢圓旋轉(zhuǎn)小動(dòng)畫
fireworks怎么制作橢圓旋轉(zhuǎn)小動(dòng)畫
今天我們?yōu)榇蠹沂占砹岁P(guān)于Fireworks制作旋舞動(dòng)畫,下面小編給大家整理了關(guān)于一些fireworks制作橢圓旋轉(zhuǎn)小動(dòng)畫的方法,喜歡大家喜歡。
fireworks制作橢圓旋轉(zhuǎn)小動(dòng)畫的方法步驟:
首先在Fireworks中使用菜單命令:File>New新建一文件,設(shè)置其畫布尺寸為200*200象素,畫布顏色為白色,點(diǎn)擊OK按鈕。
選擇工具面板中的Ellipse橢圓形工具在畫布中間位置繪制一橢圓形,橢圓形的尺寸您可以在Info面板中設(shè)置W值為30,H值為180,按回車確認(rèn)數(shù)值被正確輸入。在工具面板的Colors選項(xiàng)中設(shè)置描邊顏色為紅色,填充顏色為None(空)。
使用菜單命令Modify>Alter Path>Expand Stroke,該命令可以用來(lái)擴(kuò)展路徑。當(dāng)Expand Stroke對(duì)話窗口被打開時(shí),設(shè)置Width值為1,點(diǎn)擊OK按鈕。
此時(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)記疊放在一起。
然后我們來(lái)設(shè)置線性漸變的方向,使用黑色箭頭工具移動(dòng)黑色小圓點(diǎn)到橢圓形的頂部位置,然后把黑色的矩形點(diǎn)拉到橢圓形的底部位置,這樣就有了如下圖所示的形狀。
使用鍵盤快捷方式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)克隆出來(lái)的這個(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按鈕。
此時(shí)如果您按照我上面的步驟來(lái)做的話,應(yīng)該就會(huì)出現(xiàn)如下圖所示的形狀,呵呵,這個(gè)效果蠻好玩的吧,別感覺(jué)驚訝,這就是Tween Instances命令所產(chǎn)生的,用這命令還能做很多效果呢,您可以查看本系列中其他的教程。
“旋舞”,讓它動(dòng)起來(lái)的方法步驟:
快捷方式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)畫過(guò)程可能需要一點(diǎn)等待的時(shí)間,請(qǐng)耐心一些,因?yàn)槌绦蛘谙鄳?yīng)地自動(dòng)生成各個(gè)幀中的動(dòng)畫。
動(dòng)畫創(chuàng)建完成后,您的文件將會(huì)變成如下圖所示的樣子,文檔窗口左下角有一排播放按鈕,我們點(diǎn)擊下圖白色箭頭所指的按鈕就可以觀看這個(gè)動(dòng)畫了。
是不是覺(jué)得動(dòng)畫播放過(guò)程有一點(diǎn)停頓,這個(gè)原因出在剛才在設(shè)置Animation動(dòng)畫時(shí),Rotate角度為360度,所以當(dāng)前的動(dòng)畫第一幀和最后一幀是重復(fù)的。打開Frames面板,選中Frame11,然后點(diǎn)擊幀面板右下角的垃圾筒按鈕,這樣就能把多余的幀給刪除了。
如果您覺(jué)得當(dāng)前動(dòng)畫的播放速度有點(diǎn)快,點(diǎn)擊Frame1幀,然后按住Shift鍵,點(diǎn)擊Frame10幀,此時(shí)這些幀對(duì)象都被選中了,雙擊任何一幀右邊的“7”的位置,此時(shí)會(huì)彈出Frame Delay對(duì)話窗口中,我們可以加大這個(gè)數(shù)值,這樣就可以加長(zhǎng)幀的延遲時(shí)間,本例中我設(shè)置為20。
動(dòng)畫效果完成了,我們將它保存為一個(gè)GIF動(dòng)畫進(jìn)行輸出,使用菜單命令File>Export Preview,當(dāng)Export Preview對(duì)話窗口被打開時(shí),在Options標(biāo)簽面板中,設(shè)置Format格式為Animated GIF,這項(xiàng)設(shè)置是最主要的,然后您可以設(shè)置一下GIF文件的顏色值,在File標(biāo)簽面板中您可以設(shè)置該動(dòng)畫的文件尺寸比例。設(shè)置完后點(diǎn)擊Export按鈕,將文件保存到硬盤中,完成本例制作。
看過(guò)“fireworks怎么制作橢圓旋轉(zhuǎn)小動(dòng)畫 “的認(rèn)還看了: