資源描述:
《FLASH制作下雨效果教程2》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、Flash下雨動畫制作圖1夜色雨景最終效果1、首先啟動Flash,設(shè)置影片舞臺大小為450像素×280像素,影片背景色為深灰色(#282C3E)。2、為了使下雨效果更加逼真,我們首先制作雨滴落到地上所形成的漣漪效果。新建影片剪輯元件,命名為Raindropripple,進入元件的編輯區(qū)后,使用橢圓工具繪制一個長橢院,使用鼠標(biāo)雙擊橢圓的輪廓線,按下鍵盤上的Delete鍵將輪廓刪除掉,然后打開混色器面板,在填充樣式下拉列表中選擇放射漸變填充方式,然后在下面的色帶下添加3個滑塊,設(shè)置左右兩邊的滑塊顏色為白色,設(shè)置中間滑塊的顏色為黑色,如圖2所示;圖2設(shè)置填充色然后
2、按照所設(shè)置好的填充色,給橢圓填充上漸變色,如圖3所示:圖3給橢圓填充顏色3、分別在時間線的第5幀和第45幀插入一個關(guān)鍵幀,選中第45幀的橢圓,使用縮放工具將其適當(dāng)放大,并在屬性面板中設(shè)置其透明度為0,然后回到第1幀,將橢園適當(dāng)縮小,然后同樣設(shè)置此幀中的橢圓的透明度為0,然后分別建立從第1幀到第5幀,第6幀到第45幀之間的形狀漸變動畫效果,時間線如圖4所示;圖4設(shè)置形狀漸變過渡動畫這樣就實現(xiàn)了水紋從無到有,逐漸擴大并消散的漣漪效果。4、接下來制作雨滴下落的效果,然后結(jié)合剛才制作的水紋效果,就達到了比較真實的下雨的效果。新建一個影片剪輯元件,命名為Raindro
3、p,進入元件的編輯區(qū)后,新建兩個圖層,分別命名為raindrop和ripple,其中在圖層raindrop中設(shè)置雨滴下落的效果,在圖層ripple中設(shè)置水紋擴散效果。5、回到圖層raindrop中,先使用橢圓工具繪制一個小的橢圓形,然后使用箭頭工具工具將其調(diào)整為上小下大的雨滴形狀,并按照圖2所示的填充色設(shè)置將其填充上漸變色,如圖5所示;圖5制作雨滴6、將時間軸延長到第40幀,選中此幀的雨滴,使用箭頭工具將其豎直向下移動一段距離,然后將此幀的雨滴透明度設(shè)置為0%,達到一種雨滴漸隱的效果,最后設(shè)置第1幀到第40幀之間為形狀漸變效果,時間軸如圖6所示:圖6設(shè)置漸變
4、效果7、回到圖層ripple,在第25幀插入關(guān)鍵幀,將前面做好的水紋效果元件Raindropripple拖到舞臺中,設(shè)置其位置到雨滴下落的最低位置,然后將時間軸延長到第70幀,最后在第71幀插入一個關(guān)鍵幀,在此幀添加action:removeMovieClip("");,時間軸如圖7所示;圖7時間軸8、回到主場景中,開始布置主場景。將場景中原來默認(rèn)的圖層重命名為Bg,然后使用矩形工具在舞臺最下面繪制一個長條的矩形,然后如圖8所示在混色器面板中設(shè)置填充色,做為雨滴落下的地面:圖8設(shè)置填充色其中左邊的色塊RGB值為(0,11,53),中間色塊的RGB值為(18,
5、44,71),右邊色塊的RGB值為(23,55,104),然后對矩形進行填充,如圖9所示:圖9制作地面同樣使用矩形工具在地面上繪制一個大的矩形,將舞臺的其余部分全部覆蓋住,作為夜空,并按照圖10所示的設(shè)置填充上漸變色:圖10設(shè)置填充色其中左邊的色塊RGB值為(60,70,90),右邊色塊的RGB值為(0,0,0),然后對矩形進行填充,如圖11所示:圖11設(shè)置夜空9、新建一個圖層命名為Rain,將元件RainDrop拖到舞臺中,并在屬性面板中設(shè)置其實例名為raindrop,在上面再新建一個圖層Border,在舞臺四周繪制四條支線,作為舞臺的邊界線。最后新建圖層
6、Action,在第1幀添加如下Action:n=Number(n)+1;//定義并初始化變量setProperty("raindrop",_x,-30+Math.random()*452);setProperty("raindrop",_y,-35+Math.random()*33);//設(shè)置對象raindrop的坐標(biāo)為隨機數(shù)duplicateMovieClip("raindrop","",n);//不斷復(fù)制對象raindrop在第2幀添加Action:gotoAndPlay(1);最后的時間線如圖12所示,這樣一個漂亮的夜空雨景的效果就做好了。圖12最后的
7、時間線