先參閱一下效果圖:
1、新建一個文件,畫布背景顏色選取白色。同時將畫布大小設(shè)置稍大些; 2、使用Fwmx2004的矢量工具,繪制圓角矩形,自選一種紋理效果填充,如圖:
3、輸入文字“織夢論壇”; 4、在圓角矩形右、左上角繪制小圓形,如圖所示:
5、添加輔助形,找到該圓角矩形的中心點位置,如圖:
6、在中心點上方垂直輔助線上繪制漸變效果的小圓形,以及兩根斜直線段,復(fù)選該圓形及斜直線對角,組合并移至最后,使用鋼筆工具,分別在兩個白色小圓形上繪制曲線。如圖:
7、群組(Ctrl+A、Ctrl+G)所有對象,一個簡單的公告牌效果就簡單制作完成了,F(xiàn)在進(jìn)行動畫效果的制作。
8、克隆群組后的公告牌,使用工具欄中的縮放工具,分別對畫布中顯示的公告牌進(jìn)行旋轉(zhuǎn)處理,如圖:
9、復(fù)選這兩個對象,并按垂直居中與水平居中進(jìn)行排列,如圖:
10、在層面板中先屏蔽掉右邊的公告牌。再選擇修改菜單、動畫、選擇動畫命令,彈出動畫屬性設(shè)置窗口。進(jìn)行參數(shù)的設(shè)置,如圖:
11、確定后,公告牌對象自動轉(zhuǎn)化為元件。雙擊該元件對象,在元件編輯窗口中,將公告牌圓形移至元件編輯窗口中心位置,如圖:
12、返回至主編輯窗口,現(xiàn)在一個由左向右擺動的動畫效果已形成。打開幀面板,選擇第一幀。將層面板屏蔽的公告牌顯示出來,并進(jìn)行剪切。 13、在幀面板中新建空幀,粘貼對象至畫布內(nèi)。對當(dāng)前公告牌進(jìn)行由右至左的鐘擺動畫設(shè)置。選擇修改菜單、動畫、選擇動畫命令,彈出動畫屬性設(shè)置窗口。進(jìn)行參數(shù)的設(shè)置,其中各參數(shù)與第九步相同,僅需要給旋轉(zhuǎn)方向上變化為順時針。如圖:
14、將該公告牌參照第十一步修改元件中心的方法進(jìn)行位置的移動。 15、這樣,由右至左的鐘擺動畫效果就完成了,在幀面板中將Gif動畫效果設(shè)置為啟永久,讓動畫連續(xù)播放。再導(dǎo)出為Gif動畫文件,最終效果圖如下所示:
制作技巧提示: 、僭谖恢谜{(diào)整時,比如中心點的對齊、旋轉(zhuǎn)等,可以借助于FW中的輔助線。 、谑褂脛赢嬅姘逭{(diào)整好旋轉(zhuǎn)角度生成動畫后,建議不要在幀面板中進(jìn)行刪除幀了操作了。如果需要調(diào)整角度,可以在畫布上對元件對象進(jìn)行選擇右鍵、動畫、設(shè)置,在彈出動畫設(shè)置窗口中再進(jìn)行調(diào)整。
Fireworks制作的Png源圖:
出處:織夢幻影
責(zé)任編輯:Juven
◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論
|