itgao老總是我朋友,前幾天要我?guī)兔ψ鰝€(gè)banner,拖到今天終于有點(diǎn)不好意思了,動(dòng)手!
好久沒有用fw做動(dòng)畫了,有些生疏。有不合適的地方希望大家不要扔雞蛋砸我,要扔就扔石頭,一把砸死我得了,我這人臉皮薄,呼呼。
好,廢話不多說,咱們開始吧:
效果圖:
本文涉及知識(shí)點(diǎn):
1、fw創(chuàng)建gif動(dòng)畫的基本過程;
2、fw幀動(dòng)畫中共享層的使用;
3、fw形狀漸變動(dòng)畫的制作;
4、fw縮放動(dòng)畫的制作;
5、fw幀幀動(dòng)畫的制作;
...
第一步:做背景層
大家知道,大多動(dòng)畫的背景圖片都是固定的,變化的只是動(dòng)畫里的文字阿、圖標(biāo)等等。我們可以事先將背景部分做好,然后將其設(shè)為共享層,其他幀里我們就不用再?gòu)?fù)制背景層了。
新建468*60文檔;
用矩形工具畫一個(gè)矩形,大小同畫布;
將填充顏色改為線性漸變,調(diào)整顏色如下;
通過“文件”菜單里的“導(dǎo)入”功能,將修飾圖片導(dǎo)入場(chǎng)景;
|||
itgao老總是我朋友,前幾天要我?guī)兔ψ鰝€(gè)banner,拖到今天終于有點(diǎn)不好意思了,動(dòng)手!
好久沒有用fw做動(dòng)畫了,有些生疏。有不合適的地方希望大家不要扔雞蛋砸我,要扔就扔石頭,一把砸死我得了,我這人臉皮薄,呼呼。
好,廢話不多說,咱們開始吧:
效果圖:
本文涉及知識(shí)點(diǎn):
1、fw創(chuàng)建gif動(dòng)畫的基本過程;
2、fw幀動(dòng)畫中共享層的使用;
3、fw形狀漸變動(dòng)畫的制作;
4、fw縮放動(dòng)畫的制作;
5、fw幀幀動(dòng)畫的制作;
...
第一步:做背景層
大家知道,大多動(dòng)畫的背景圖片都是固定的,變化的只是動(dòng)畫里的文字阿、圖標(biāo)等等。我們可以事先將背景部分做好,然后將其設(shè)為共享層,其他幀里我們就不用再?gòu)?fù)制背景層了。
新建468*60文檔;
用矩形工具畫一個(gè)矩形,大小同畫布;
將填充顏色改為線性漸變,調(diào)整顏色如下;
通過“文件”菜單里的“導(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)整參數(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)整位置、文字字體等,如下:
新聞熱點(diǎn)
疑難解答