Fireworks教程:動畫制作的技巧

Fireworks教程:動畫制作的技巧

　　不得不承認(rèn)fireworks的強(qiáng)大與便捷。這幾天的學(xué)習(xí)讓小編感覺以前學(xué)的知識都只是皮毛中的皮毛。這是推薦給大家一起學(xué)習(xí)的。

　　Fireworks教程:動畫制作的技巧

　　齒輪圖是用fw本身的動畫元件制作的。比較粗造。但能做出來已經(jīng)是一種安慰了。至于修飾。相對不會那么困難。難就難在對教程的理解。

　　旋轉(zhuǎn)球體是通過fw的擴(kuò)展3d Primitives制作的。昨天在經(jīng)典閑逛發(fā)現(xiàn)有人在挖06年的墳，結(jié)果挖出了寶。趕緊下載了擴(kuò)展安裝上去試驗(yàn)了一下。一開始的旋轉(zhuǎn)球體總是第一幀和最后一幀銜接不理想。慢慢地發(fā)現(xiàn)其中規(guī)律。原來每一幀的y軸刻度都比上一幀按9刻度遞增。如第一幀的y軸刻度為1，第二幀則為10，第三幀為19，以此類推?？磮D：

　　第一幀：

　　第二幀：

　　通常最后一幀的刻度都是一開始手動移動到的位置，那么就需要按照+9遞增法調(diào)整y軸刻度。由于這個擴(kuò)展是swf格式的，可以通過右鍵來放大面板，便于更細(xì)致的調(diào)整。

　　這個效果則是結(jié)合了eyecandy4000濾鏡和3d擴(kuò)展的應(yīng)用。

　　在3d primitives制作好了旋轉(zhuǎn)立體圖之后導(dǎo)出到fireworks面板，打開幀面板可以看到之前設(shè)置的幀數(shù)

　　重點(diǎn)來了!用3d primitives擴(kuò)展導(dǎo)出來的動畫的各個路徑層都是已經(jīng)設(shè)定好的。如果我們要修改怎么辦呢?總不能一幀一幀地去修改吧?一個不小心，各個幀的位置就算變了1個像素都是非常郁悶的事情。在這點(diǎn)上我郁悶了很久，看了別人挖起來的feng4ever(經(jīng)典論壇)的老貼認(rèn)識到了“洋蔥皮”的概念。以前從未接觸過(為自己3-4年的網(wǎng)頁制作經(jīng)驗(yàn)汗一個，羞愧中)，趕緊上網(wǎng)找了個fw cs3的視頻教程，看看洋蔥皮到底在哪里。自己摸索了很久，后來才發(fā)現(xiàn)，要統(tǒng)一改各幀里的動畫其實(shí)不難?，F(xiàn)總結(jié)一下，以拋磚引玉。

　　首先選擇第一幀：

　　在洋蔥皮面板里選擇“顯示所有幀”，可以看到在幀面板最左邊有條線：

　　也可以直接點(diǎn)擊最后一幀的最左邊空格方塊處，效果相同。

　　然后選擇所有幀，直接在fw頁面框選你要修改的圖層(不要在層面板里選擇)

　　然后就可以在屬性面板里改線條顏色，添加濾鏡等操作了。這些操作是直接運(yùn)用到所有幀的。

　　寫完了，這個不是教程，只是一些心得的總結(jié)。其實(shí)我用fw也有幾年了。只是一直用來做一些簡單的網(wǎng)站用圖片，荒廢至今。希望各位不要見笑。也希望可以給跟我一樣菜的同學(xué)有所啟發(fā)。