相信大家都看過(guò)林℃的FLASH動(dòng)畫(huà)《單人床雙人房》吧，本例就是模仿動(dòng)畫(huà)中紙張被風(fēng)吹起的效果。效果中，紙張上的字也隨紙張輕輕地飄動(dòng)，效果栩栩如生。效果主要使用了“運(yùn)動(dòng)漸變”、“形狀漸變”兩種簡(jiǎn)單的運(yùn)動(dòng)。但其巧妙地構(gòu)思及制作技巧才是讀者所要關(guān)心的。

　　本例源文件下載：點(diǎn)擊下載(8.25K, zip壓縮)

　　1．新建一個(gè)Flash文檔，單擊“屬性”面板中的“尺寸”按鈕，打開(kāi)“文檔屬性”面板設(shè)置場(chǎng)景大小為450px x 300px，背景為白色，幀頻為12fps。

　　2．按快捷鍵Ctrl+F8，新建一個(gè)名為“膠帶”圖形元件。點(diǎn)選“筆刷”工具 ，在“膠帶”元件的場(chǎng)景中刷出一個(gè)傾斜的矩形，顏色為墨綠的，再點(diǎn)選“伸直”工具 把圖形變得平直、棱角分明些，如圖1所示。

圖1

　　3．新建一個(gè)“文字”圖形元件，點(diǎn)選“文本”工具 ，在其編輯場(chǎng)景中隨意輸入幾個(gè)文字。按快捷鍵Ctrl+T打開(kāi)“變形”面板，輸入一個(gè)傾斜的角度，使文字向右傾斜一點(diǎn)（因?yàn)榧垙埵窍蛴覂A斜的）。如圖2所示。

      圖2

　　4．新建一個(gè)“褶皺”圖形元件，在其編輯場(chǎng)景中繪制一個(gè)如圖3所示的圖形。點(diǎn)選該圖形，按快捷鍵Shift+F9打開(kāi)“混色器”面板，并如圖4所示進(jìn)行設(shè)置。面板種第1、4個(gè)滑塊顏色為白色，Alpha值為0；第2、3個(gè)滑塊顏色為黑色，Alpha值為20%。接著點(diǎn)選“顏色漸變”工具 將其調(diào)整成如圖5所示的狀態(tài)。

圖3

  圖4， 圖5

　　5．按快捷鍵Ctrl+F8，新建一個(gè)名為“風(fēng)吹”影片剪輯元件，在其編輯場(chǎng)景中創(chuàng)建“膠帶”、“文字”、“褶皺”、“紙”這四個(gè)層，見(jiàn)圖6所示。按快捷鍵Ctrl+L打開(kāi)“庫(kù)”面板，將“庫(kù)”中的元件拖入到名字相對(duì)應(yīng)的層中。

  圖6

　　6．點(diǎn)選“膠帶”層第40幀，按F5鍵插入幀。點(diǎn)選“膠帶”元件，在“屬性”面板中將其Alpha值改為10%。

　　7．點(diǎn)選中“紙”層，制作一張如圖7（第1幀）所示的紙張，顏色為#99CCFF。點(diǎn)選該層的第1、10、15、25、40幀，按F6鍵插入關(guān)鍵幀。結(jié)合“箭頭”、“變形”、“橡皮”等工具把第10、15、25幀中的紙分別改成圖7中的形狀，篇幅關(guān)系，筆者這里不細(xì)講了。注意，各幀中紙的1/4以上的部分不要改動(dòng)，因?yàn)檫@部分的紙?jiān)陲h動(dòng)時(shí)是不動(dòng)的。*分別點(diǎn)選第1、10、15、25幀，然后在“屬性”面板中選擇“形狀漸變”建立形狀漸變運(yùn)動(dòng)。

 圖7

　　8．調(diào)整“褶皺”元件到適當(dāng)?shù)奈恢茫鐖D8所示。分別點(diǎn)選該層的第10、15、25、40幀，按F6鍵插入關(guān)鍵幀。對(duì)第10、15、25幀中的“褶皺”元件進(jìn)行微調(diào)，讓它和紙張一起飄動(dòng)，看上去就象真的褶皺一樣。同樣設(shè)計(jì)“文字”層中的“文字”元件，只是角度變動(dòng)大點(diǎn)。用“變形”面板和工具多試幾次，就能讓這兩個(gè)元件和紙張完美地結(jié)合在一起。最終設(shè)置見(jiàn)圖8。

  圖8

　　效果到這里就設(shè)計(jì)好了。