fireworks怎樣制作banner
fireworks怎樣制作banner
在fireworks中,一個好的Banner圖會給人一種耳目一新的感覺,一張好的Banner圖會給網頁添色不少。想要制作一張漂亮的banner嗎?下面學習啦小編給大家整理了關于fireworks制作banner的方法,希望你們喜歡。
fireworks制作banner的效果圖:
本文涉及知識點:
1、fw創(chuàng)建gif動畫的基本過程;
2、fw幀動畫中共享層的使用;
3、fw形狀漸變動畫的制作;
4、fw縮放動畫的制作;
5、fw幀幀動畫的制作;
fireworks制作banner的方法步驟
首先要做背景層
大多動畫的背景圖片都是固定的,變化的只是動畫里的文字阿、圖標等等。我們可以事先將背景部分做好,然后將其設為共享層,其他幀里我們就不用再復制背景層了。
新建468*60文檔;
在fireworks中用矩形工具畫一個矩形,大小同畫布;
然后將填充顏色改為線性漸變,調整顏色如下;
如圖,通過“文件”菜單里的“導入”功能,將修飾圖片導入場景;
別忘了調整布局及搭配,結果如下圖:
將層面板中層1設置為共享層,并新建層2;
此時選擇層2,場景中輸入“海量”兩個字,大小為120px,調整透明度為60%;調整顏色及傾斜角度;
在幀面板中講幀1鼠標拖拉之新建圖標,復制創(chuàng)建幀2,并將文字大小設置為44;
在fireworks的畫布中輸入“免費”,在濾鏡的“陰影和光暈”中選擇“發(fā)光”;
調整參數(shù)如下:
再對“免費”兩個字進行模糊處理:在濾鏡的“模糊”中選擇“縮放模糊”;
調整參數(shù)如下:
然后復制該幀,并將新幀中的“免費”的模糊參數(shù)修改如下:
再復制該幀,刪除“免費”的模糊濾鏡。
復制幀,添加輸入“教”;復制幀,添加輸入“程”;重復復制幀,添加輸入“.”實現(xiàn)如下圖的效果:
在fireworks中新建幀(直接點新建幀圖標,不用復制幀的操作),輸入“盡在”,導入圖片,調整位置、文字字體等,如下:
重復復制幀,調整圖片位置:
輸入“Www.ITGao.Com”,并使用發(fā)光濾鏡:
雙擊各幀,在彈出的間隔時間:
動畫制作完畢,開始導出為gif圖片:打開圖像預覽面板
設置如上圖所示,最后點擊“導出”按鈕,保存。大功告成,效果如下:
動畫總體過程比較麻煩,綜合了fw的很多實用功能和技巧,但原理其實很簡單,只要耐心調整和操作就可以領悟到fw的無窮魅力了。
PNG源文件:
。
看過“ fireworks怎樣制作banner“的認還看了: