Fireworks-8-制作網(wǎng)頁(yè)效果圖

1、Fireworks制作動(dòng)態(tài)banner流程2007-05-09 11:12:38來(lái)源: 網(wǎng)頁(yè)教學(xué)網(wǎng)網(wǎng)友評(píng)論 0 條 進(jìn)入論壇itgao老總是我朋友，前幾天要我?guī)兔ψ鰝€(gè)banner，拖到今天終于有點(diǎn)不好意思了，動(dòng)手！好久沒(méi)有用fw做動(dòng)畫了，有些生疏。有不合適的地方希望大家不要扔雞蛋砸我，要扔就扔石頭，一把砸死我得了，我這人臉皮薄，呼呼。好，廢話不多說(shuō)，咱們開始吧：效果圖：本文涉及知識(shí)點(diǎn)：1、fw創(chuàng)建gif動(dòng)畫的基本過(guò)程；2、fw幀動(dòng)畫中共享層的使用；3、fw形狀漸變動(dòng)畫的制作；4、fw縮放動(dòng)畫的制作；5、fw幀幀動(dòng)畫的制作；.第一步：做背景層推薦精選大家知道，大多動(dòng)畫的背景圖片都是固定的，變化的

2、只是動(dòng)畫里的文字阿、圖標(biāo)等等。我們可以事先將背景部分做好，然后將其設(shè)為共享層，其他幀里我們就不用再?gòu)?fù)制背景層了。新建468*60文檔；用矩形工具畫一個(gè)矩形，大小同畫布；將填充顏色改為線性漸變，調(diào)整顏色如下;推薦精選通過(guò)“文件”菜單里的“導(dǎo)入”功能，將修飾圖片導(dǎo)入場(chǎng)景； 推薦精選并調(diào)整布局及搭配，結(jié)果如下圖：將層面板中層1設(shè)置為共享層，并新建層2；推薦精選選擇層2，場(chǎng)景中輸入“海量”兩個(gè)字，大小為120px，調(diào)整透明度為60%；調(diào)整顏色及傾斜角度；推薦精選在幀面板中講幀1鼠標(biāo)拖拉之新建圖標(biāo)，復(fù)制創(chuàng)建幀2，并將文字大小設(shè)置為44； 在畫布中輸入“免費(fèi)”，在濾鏡的“陰影和光暈”中選擇“發(fā)光”；調(diào)整參

3、數(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)如下圖的效果：推薦精選新建幀（直接點(diǎn)新建幀圖標(biāo)，不用復(fù)制幀的操作），輸入“盡在”，導(dǎo)入圖片，調(diào)整位置、文字字體等，如下：重復(fù)復(fù)制幀，調(diào)整圖片位置：輸入“Www.ITGao.Com”，并使用發(fā)光濾鏡: 推薦精選雙擊各幀，在彈出的間隔時(shí)間：動(dòng)畫制作完畢，開始導(dǎo)出為gif圖片：打開圖像預(yù)覽面板推薦精選推薦精選設(shè)置如上圖所示，最后點(diǎn)擊“導(dǎo)出”按鈕，保存。大功告成，效果如下：動(dòng)畫總體過(guò)程比較麻煩，綜合了fw的很多實(shí)用功能和技巧，但原理其實(shí)很簡(jiǎn)單，只要耐心