相信大家都看過林℃的FLASH動畫《單人床雙人房》吧,本例就是模仿動畫中紙張被風吹起的效果。效果中,紙張上的字也隨紙張輕輕地飄動,效果栩栩如生。效果主要使用了“運動漸變”、“形狀漸變”兩種簡單的運動。但其巧妙地構思及制作技巧才是讀者所要關心的。
本例源文件下載:點擊下載(8.25K, zip壓縮)
1.新建一個Flash文檔,單擊“屬性”面板中的“尺寸”按鈕,打開“文檔屬性”面板設置場景大小為450px x 300px,背景為白色,幀頻為12fps。
2.按快捷鍵Ctrl+F8,新建一個名為“膠帶”圖形元件。點選“筆刷”工具 ,在“膠帶”元件的場景中刷出一個傾斜的矩形,顏色為墨綠的,再點選“伸直”工具 把圖形變得平直、棱角分明些,如圖1所示。
圖1
3.新建一個“文字”圖形元件,點選“文本”工具 ,在其編輯場景中隨意輸入幾個文字。按快捷鍵Ctrl+T打開“變形”面板,輸入一個傾斜的角度,使文字向右傾斜一點(因為紙張是向右傾斜的)。如圖2所示。
圖2
4.新建一個“褶皺”圖形元件,在其編輯場景中繪制一個如圖3所示的圖形。點選該圖形,按快捷鍵Shift+F9打開“混色器”面板,并如圖4所示進行設置。面板種第1、4個滑塊顏色為白色,Alpha值為0;第2、3個滑塊顏色為黑色,Alpha值為20%。接著點選“顏色漸變”工具 將其調整成如圖5所示的狀態。
圖3
圖4, 圖5
5.按快捷鍵Ctrl+F8,新建一個名為“風吹”影片剪輯元件,在其編輯場景中創建“膠帶”、“文字”、“褶皺”、“紙”這四個層,見圖6所示。按快捷鍵Ctrl+L打開“庫”面板,將“庫”中的元件拖入到名字相對應的層中。
圖6
6.點選“膠帶”層第40幀,按F5鍵插入幀。點選“膠帶”元件,在“屬性”面板中將其Alpha值改為10%。
7.點選中“紙”層,制作一張如圖7(第1幀)所示的紙張,顏色為#99CCFF。點選該層的第1、10、15、25、40幀,按F6鍵插入關鍵幀。結合“箭頭”、“變形”、“橡皮”等工具把第10、15、25幀中的紙分別改成圖7中的形狀,篇幅關系,筆者這里不細講了。注意,各幀中紙的1/4以上的部分不要改動,因為這部分的紙在飄動時是不動的。*分別點選第1、10、15、25幀,然后在“屬性”面板中選擇“形狀漸變”建立形狀漸變運動。
圖7
8.調整“褶皺”元件到適當的位置,如圖8所示。分別點選該層的第10、15、25、40幀,按F6鍵插入關鍵幀。對第10、15、25幀中的“褶皺”元件進行微調,讓它和紙張一起飄動,看上去就象真的褶皺一樣。同樣設計“文字”層中的“文字”元件,只是角度變動大點。用“變形”面板和工具多試幾次,就能讓這兩個元件和紙張完美地結合在一起。最終設置見圖8。
圖8
效果到這里就設計好了。