資源描述:
《flash cs動畫制作教學資料:參考案例》由會員上傳分享,免費在線閱讀,更多相關內(nèi)容在教育資源-天天文庫。
1、項目1項目2項目3項目4項目5項目9項目8項目6項目7項目10參考案例實例練習2:制作娛樂類網(wǎng)站知識要點:MovieClip類與Timer類的綜合應用難易程度:★★★★重點難點:元件位置與大小的關系算法(一)網(wǎng)站功能介紹本實例中將制作以娛樂新聞為主的娛樂風格類網(wǎng)站,網(wǎng)站中的所有按鈕圖標均有可自由飄動的氣泡充當,當氣泡按鈕與窗口邊框或與其它氣泡按鈕相撞時會自動改變飄動軌跡,當鼠標光標移動到氣泡按鈕上方時氣泡按鈕要停止移動并增加濾鏡效果。網(wǎng)站中還要提供用于停止氣泡按鈕飄動的復位按鈕和用于開始移動的飄動按鈕。(二)新建FlashCS3文檔從
2、菜單欄中選擇“文件”→“新建”,在彈出的“新建文檔”窗口中選擇“Flash文件(ActionScript3.0)”,新建一個文檔并在文檔屬性面板中將舞臺的寬設置為800像素高設置為450像素。(三)制作網(wǎng)站前臺控件(1)首先制作網(wǎng)站的背景圖案,創(chuàng)建名為網(wǎng)站背景的影片剪輯元件,展開顏色面板將當前填充區(qū)樣式設置為線性填充并在顏色漸進條上添加五個色標,將色標從左到右的RGB顏色編號設置為#000000、#000000、#595959、#777777、#3C3C3C、#000000、#000000。選擇矩形工具在元件編輯區(qū)中繪制一個寬800像
3、素,高450像素的矩形,并利用漸變變形工具將矩形的填充方向調(diào)整為水平方向,色表位置與填充效果如圖16-20所示。圖16-20色標位置與填充效果(2)選擇線條工具,在背景圖案的上下兩端分別繪制兩條筆觸高度為3像素的白色直線,并利用文本工具在背景圖案的左上角輸入“娛樂新聞網(wǎng)”字樣作為網(wǎng)站的標題,如圖16-21所示。45項目1項目2項目3項目4項目5項目9項目8項目6項目7項目10參考案例圖16-21背景效果(3)創(chuàng)建名為氣泡元件1的影片剪輯元件,選擇橢圓工具在元件編輯區(qū)中繪制一個半徑為50像素的正圓形,在繪制時要注意將正圓形的圓心作為該元
4、件的注冊點。選中繪制的正圓形,展開顏色面板并在顏色漸進條上添加一個色標,將色標從左到右的RGB顏色編號和透明度分別設置為#FF0000+0%、#3CD7DB+0%、#3CD7DB+50%,色標位置和填充效果如圖16-22所示。圖16-22色標位置與填充效果(4)使用制作氣泡元件1的方法分別制作氣泡元件2到氣泡元件8,各氣泡元件色標的漸進顏色為:氣泡元件2:#FF0000、#CC3399、#CC3399氣泡元件3:#FF0000、#66FF33、#66FF33氣泡元件4:#FF0000、#FFFF00、#FFFF00氣泡元件5:#FF0
5、000、#0000FF、#0000FF氣泡元件6:#FF0000、#FF0000、#FF0000氣泡元件7:#FF0000、#FFFFFF、#FFFFFF氣泡元件8:#FF0000、#FF9933、#FF9933(5)創(chuàng)建名為發(fā)光點的影片剪輯元件,在元件編輯區(qū)中繪制一個半徑為5像素的白色正圓形作為氣泡元件的反光點。(6)創(chuàng)建名為balloon1的影片剪輯元件,在元件編輯區(qū)中放入氣泡元件1和發(fā)光點兩個元件,分別為氣泡元件1添加斜角和投影濾鏡,為發(fā)光點元件添加發(fā)光濾鏡,各濾鏡的參數(shù)如下:“斜角”濾鏡效果:模糊X和模糊Y:20、距離:8、品
6、質:高、強度:300%、陰影顏色:#CC3399、陰影顏色透明度:80%、加亮顏色:#CC3399、加亮顏色透明度70%、類型:外側?!巴队啊睘V鏡效果:模糊X和模糊Y:8、顏色:#3CD7DB、品質:高。45項目1項目2項目3項目4項目5項目9項目8項目6項目7項目10參考案例“發(fā)光”濾鏡效果:模糊X和模糊Y:10、顏色:#FFFFFF、品質:高、強度:600。(7)使用相同方法分別創(chuàng)建影片剪輯元件balloon2到balloon8,各元件中發(fā)光點元件的濾鏡參數(shù)不變,斜角與投影濾鏡的顏色變?yōu)椋篵alloon2:“投影”濾鏡效果:陰影顏
7、色:#CC3399、陰影顏色透明度:80%、加亮顏色:#CC3399、加亮顏色透明度70%(其它參數(shù)不變)“投影”濾鏡效果:顏色:#CC3399(其它參數(shù)不變)balloon3:“投影”濾鏡效果:陰影顏色:#66FF33、陰影顏色透明度:80%、加亮顏色:#66FF33、加亮顏色透明度70%“投影”濾鏡效果:顏色:#66FF33balloon4“投影”濾鏡效果:陰影顏色:#FFFF00、陰影顏色透明度:80%、加亮顏色:#FFFF00、加亮顏色透明度70%“投影”濾鏡效果:顏色:#FFFF00balloon5“投影”濾鏡效果:陰影顏色
8、:#0000FF、陰影顏色透明度:80%、加亮顏色:#0000FF、加亮顏色透明度70%“投影”濾鏡效果:顏色:#0000FFballoon6“投影”濾鏡效果:陰影顏色:#FF0000、陰影顏色透明度:80%、加亮顏色: