Fireworks教程:動畫制作的技巧
Fireworks教程:動畫制作的技巧
不得不承認fireworks的強大與便捷。這幾天的學習讓小編感覺以前學的知識都只是皮毛中的皮毛。這是推薦給大家一起學習的。
Fireworks教程:動畫制作的技巧
齒輪圖是用fw本身的動畫元件制作的。比較粗造。但能做出來已經(jīng)是一種安慰了。至于修飾。相對不會那么困難。難就難在對教程的理解。
旋轉球體是通過fw的擴展3d Primitives制作的。昨天在經(jīng)典閑逛發(fā)現(xiàn)有人在挖06年的墳,結果挖出了寶。趕緊下載了擴展安裝上去試驗了一下。一開始的旋轉球體總是第一幀和最后一幀銜接不理想。慢慢地發(fā)現(xiàn)其中規(guī)律。原來每一幀的y軸刻度都比上一幀按9刻度遞增。如第一幀的y軸刻度為1,第二幀則為10,第三幀為19,以此類推??磮D:
第一幀:
第二幀:
通常最后一幀的刻度都是一開始手動移動到的位置,那么就需要按照+9遞增法調(diào)整y軸刻度。由于這個擴展是swf格式的,可以通過右鍵來放大面板,便于更細致的調(diào)整。
這個效果則是結合了eyecandy4000濾鏡和3d擴展的應用。
在3d primitives制作好了旋轉立體圖之后導出到fireworks面板,打開幀面板可以看到之前設置的幀數(shù)
重點來了!用3d primitives擴展導出來的動畫的各個路徑層都是已經(jīng)設定好的。如果我們要修改怎么辦呢?總不能一幀一幀地去修改吧?一個不小心,各個幀的位置就算變了1個像素都是非常郁悶的事情。在這點上我郁悶了很久,看了別人挖起來的feng4ever(經(jīng)典論壇)的老貼認識到了“洋蔥皮”的概念。以前從未接觸過(為自己3-4年的網(wǎng)頁制作經(jīng)驗汗一個,羞愧中),趕緊上網(wǎng)找了個fw cs3的視頻教程,看看洋蔥皮到底在哪里。自己摸索了很久,后來才發(fā)現(xiàn),要統(tǒng)一改各幀里的動畫其實不難?,F(xiàn)總結一下,以拋磚引玉。
首先選擇第一幀:
在洋蔥皮面板里選擇“顯示所有幀”,可以看到在幀面板最左邊有條線:
也可以直接點擊最后一幀的最左邊空格方塊處,效果相同。
然后選擇所有幀,直接在fw頁面框選你要修改的圖層(不要在層面板里選擇)
然后就可以在屬性面板里改線條顏色,添加濾鏡等操作了。這些操作是直接運用到所有幀的。
寫完了,這個不是教程,只是一些心得的總結。其實我用fw也有幾年了。只是一直用來做一些簡單的網(wǎng)站用圖片,荒廢至今。希望各位不要見笑。也希望可以給跟我一樣菜的同學有所啟發(fā)。