fireworks如何做gif動畫
fireworks如何做gif動畫
制作gif動畫一直都是fireworks的強項,方便、快捷、自由是fireworks的特點。雖然還有其他的一些優(yōu)秀的動畫制作工具,比如flash,比如imageready。但在制作gif動畫上,我一直都推薦fireworks,而不會選擇其他的軟件,甚至不主張用flash來制作gif那么下面學習啦小編跟大家分享了關于fireworks如何做gif動畫的步驟/方法,希望你喜歡。
fireworks做gif動畫步驟/方法:
(1)新建一文件,大小為450x116,然后我們用圓形、線條、鋼筆等矢量做圖工具做一個車輪的樣子,如圖所示:
車輪的畫法就不用我說了吧,不過fw mx里面的矢量繪圖方式也增強不少,因為比較容易,就自己去體驗一下了吧,還有車輪里面那個紅點不要偷懶不畫哦,等下有用處的。
(2)選中畫好的圖形,按f8鍵,將圖形轉換為animation,這時我們可以在library面板中看到它,呵呵,有點像做flash的感覺,如圖所示:
(3)選中這個animation元素,在屬性面板中的frame欄里面填寫數(shù)值10,屬性面板的出現(xiàn)真的是太好太方便了,又可以將設計制作的速度提高一層了,如圖:
這個frame的數(shù)字根據(jù)自己的動畫長度來決定,按下回車,這時會出現(xiàn)一個警告窗,如圖:
說的是將自動添加到幀上去,按ok,你也可以點擊don't show again,以防它下次又來攪亂視線。這時我們會在看到車輪的中心出現(xiàn)了一個小紅點,這個小紅點可很重要,代表著動畫最后運動的一個圖形,我們可以按住這個小紅點拖動到右邊,發(fā)現(xiàn)中間出現(xiàn)了很多的“關鍵幀”,點取其中任何一個幀點,都會將這一幀的圖形顯示出來。如圖:
按播放按鈕,發(fā)現(xiàn)車輪動起來了,由于缺省的動畫間隔時間是7,我們有必要將它調得慢一點,打開frame面板,按shift鍵將所有的frame選擇,然后雙擊,彈出窗口,將7改為18就可以了。如圖:
上面地動畫中,我們就可以看到車輪從左邊移到右邊了,注意是“移”不是“滾”啊,怎樣實現(xiàn)它滾的效果呢?下面我們來使用屬性面板讓我們的動畫變得更加富有變化。選擇這個動畫,在屬性面板中進行如下配置,如圖:
scaling是對動畫大小變化的調整,rotation是旋轉角度的度數(shù)調整,可以是順時鐘也可以是逆時鐘旋轉,跟flash中的rotation是一樣的道理,opacity...to...是透明參數(shù)設置,讓你的動畫淡入淡出效果更逼真。呵呵,這下基本上差不多了,按播放按鈕看看,看到車輪上的紅點滾動沒有?車輪到后面越來越小,最后淡出,效果很生動吧。
如果想讓車輪沿著波浪線滾動,就象上坡下坡的樣子,我該怎么做啊?我倒,夠狠啊,這么刁難的問題也提得出,firework可不象flash那樣有引導線,可以讓動畫沿著引導線走,那真的就不能實現(xiàn)了嗎?辦法還是有的,不過比較麻煩一點,那就是先把這個動畫用export wizard輸出為一個十幀的動畫,然后再在fw mx里面打開,最后在frame面板里面分別對每個畫面進行重新安排,當然安排是沿著波浪線的,下圖是用洋蔥皮觀看方式看到的效果,波浪線滾動還是出來了,雖然麻煩點。如圖: