EyeCandy濾鏡打造旋轉(zhuǎn)立體四葉草動(dòng)畫_Fireworks教程
推薦:教你Fireworks使用切片工具副標(biāo)題#e# 在fireworks或者是photoshop中設(shè)計(jì)好的網(wǎng)頁(yè)效果圖,需要導(dǎo)入到Dreamweaver中進(jìn)行排版布局。在導(dǎo)入到Dreamweaver之前,可以使用Fireworks對(duì)效果圖進(jìn)行切片和優(yōu)化,然后才能夠把優(yōu)化好的切片輸出到Dreamweaver的站點(diǎn)中進(jìn)行布局。切片的目的是為了獲得圖像素材,
完成效果如圖。

效果圖

Png圖
1. Fireworks中新建一個(gè)150*100px大小的畫布,用“星型工具”畫一個(gè)四葉草圖案,為它加一個(gè)“純色陰影濾”鏡。
按F8轉(zhuǎn)換為“動(dòng)畫”元件,設(shè)為用21幀轉(zhuǎn)過(guò)360度。不要忘了在幀面板中刪除掉幀21。然后選中幀1。

圖1
2. 這一步是核心效果。為這個(gè)動(dòng)畫實(shí)例添加一個(gè)EyeCandy4.0的“運(yùn)動(dòng)痕跡”濾鏡,參數(shù)就自由選擇了。
按下播放按鈕就可以看到濾鏡是如何模擬到3d效果的了。

圖2
3. 最后新建一個(gè)層,放標(biāo)題和簽名,將該層置于頂部,鉤選“共享交疊幀”。
一個(gè)仿3D動(dòng)畫的gif就3步被K.O.了。

圖3
分享:Fireworks制作光芒四射的廣告效果類似這樣的背景光芒效果近來(lái)在很多網(wǎng)站廣告和海報(bào)上頻頻出現(xiàn),尤其配合粗體文字能起到烘托主題的作用,搭配插畫風(fēng)格的人物或產(chǎn)品也極具時(shí)尚氣息。這種放射狀的組合圖形有縱深感,吸引眼球?qū)χ攸c(diǎn)的關(guān)注。那么在fireworks要怎樣實(shí)現(xiàn)這種光芒四射的背景效果呢?先看例圖:
- 相關(guān)鏈接:
- 教程說(shuō)明:
Fireworks教程-EyeCandy濾鏡打造旋轉(zhuǎn)立體四葉草動(dòng)畫
。