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