a亚洲精品_精品国产91乱码一区二区三区_亚洲精品在线免费观看视频_欧美日韩亚洲国产综合_久久久久久久久久久成人_在线区

首頁 > 辦公 > Flash > 正文

Flash AS3教程:實現鼠標跟隨炫舞線條動畫效果

2020-07-17 13:12:08
字體:
來源:轉載
供稿:網友

  本例為Flash AS3代碼基礎實例教程,用Flash AS3實現鼠標跟隨炫舞線條動畫效果,教程主要介紹工具的運用、顏色的運用以及補間形狀的制作,但代碼部分未作講解,希望能給朋友們帶來幫助。

  效果演示:

  本教程是Flash創作的基礎教程,主要是工具的運用、顏色的運用和補間形狀的制作,代碼部分不作講解。

  打開Flash,設置文檔屬性尺寸:寬1024 高768 背景:黑色,其它默認,取名存盤。

  1、新建圖形元件1,選橢圓工具,筆觸禁止,填充色白色,畫一個5*5的圓(拖動鼠標的同時按住Shift鍵可畫出正圓)。按Ctrl+K組合鍵,打開對齊面板,選水平中齊,垂直中齊。

Flash AS3打造鼠標跟隨炫舞線條動畫效果,PS教程,思緣教程網

圖1:對齊面板

  2、新建圖形元件2,選橢圓工具,筆觸禁止,填充放射漸變,左ffcc00,右fffae6,畫一個5*5的圓。水平中齊,垂直中齊。

  3、新建圖形元件3,選直線工具,在屬性面板中設置筆觸高度為1.5 ,筆觸線性漸變,左f70000,右ffffff,填充色禁止,長度任意。用選擇工具和部分選取工具,把直線調整成~形。左對齊,上對齊。 

Flash AS3打造鼠標跟隨炫舞線條動畫效果,PS教程,思緣教程網

圖2:圖形元件曲線

Flash AS3打造鼠標跟隨炫舞線條動畫效果,PS教程,思緣教程網

圖3:設置顏色

  4、新建圖形元件4,選直線工具,在屬性面板中設置筆觸高度為1.5 ,筆觸線性漸變,左ffffff,中0033ff,右ff0000,填充色禁止,畫一條長度100的直線。水平中齊,垂直中齊。

Flash AS3打造鼠標跟隨炫舞線條動畫效果,PS教程,思緣教程網

圖4:設置直線漸變

  5、新建圖形元件5,選矩形工具,筆觸禁止,填充色白色,畫一個3*3的正方形。水平中齊,垂直中齊。 準備工作完成,開始制作。

  6、新建影片剪輯元件,名遮片,選矩形工具,筆觸禁止,顏色任意,畫一個長方形,在屬性面板中設置寬為1044,高為570, X,Y坐標為0。

  7、新建影片剪輯元件,名MouseEff,選中圖層1的第一幀,按Ctrl+L組合鍵,打開庫面板,把圖形元件1拖入舞臺,選中元件,按Ctrl+B組合鍵把圖形打散,成麻點狀。按Ctrl+K組合鍵,打開對齊面板,水平中齊、垂直中齊。選中時間軸34幀,插入關鍵幀,在屬性面板中設置寬高為59,選中圓打開顏色面板,設置透明度為0。返回第一幀,設置寬、高為1,右鍵點擊1—34的任意幀在下拉菜單中選創建補間形狀(拖動一下播放頭,看一下,一個從小到大的漸隱效果已經做好了)。選中35幀插入空白關鍵幀,選55幀插入關鍵幀,打開庫面板把圖形元件5拖入舞臺,打散圖形,設置寬高為3.0 ,x:294 y:109 ,選73幀插入關鍵幀,設置寬高為1.0 ,x, y為0, 右鍵點擊任意幀,選創建補間形狀。選中73幀按F9鍵打開動作面板輸入代碼:

  this.parent.removeChild(this);
  stop();

  圖層1上鎖,防止誤操作。

  8、插入圖層2, 選中第一幀,打開庫面板把圖形元件3拖入舞臺,打散,選中圖形在屬性面板中點寬高左邊的鎖,鎖定寬高,設置寬為463按Tab鍵自動設置高。x:0 , y:0 ,打開顏色面板,選中紅色滑塊,設置透明度為20 。

Flash AS3打造鼠標跟隨炫舞線條動畫效果,PS教程,思緣教程網

圖5:設置透明度

  選中13幀插入關鍵幀,在屬性面板中鎖定寬高,設置寬為100 ,設置紅色為100,在21幀插入關鍵幀,選任意變形工具,把中心點拖到注冊點位置,向左旋轉110度左右。

Flash AS3打造鼠標跟隨炫舞線條動畫效果,PS教程,思緣教程網

圖6:旋轉角度

  22幀插入關鍵幀打開庫面板,拖入圖形元件2打散, 設置寬高為23 ,x:-80, y:0.5 。24幀插入關鍵幀,設置寬高為20。25幀插入關鍵幀,打開庫面板,拖入圖形元件4打散,水平中齊、垂直中齊。26幀插入關鍵幀,向下作10度左右的旋轉,54幀插入關鍵幀,做垂直旋轉。設置寬為0 ,高為5 ,x:295.5 , y:112.5。選1—13、13—21、21—24、24—26、26—54, 創建補間形狀。圖層上鎖,打開庫面板右鍵點擊MouseEff影片剪輯,下拉菜單中選鏈接,在鏈接屬性面板中,選中為ActionScript導出。

Flash AS3打造鼠標跟隨炫舞線條動畫效果,PS教程,思緣教程網
圖 7:屬性鏈接

Flash AS3打造鼠標跟隨炫舞線條動畫效果,PS教程,思緣教程網
圖8:影片剪輯時間軸

  9、返回場景1,打開庫面板把影片剪輯遮片拖入舞臺,設置寬1024 ,高768 ,水平中齊,垂直中齊。在顏色的下拉菜單中選色調,設置成黑色。在文檔類:輸入框中輸入 Test。

Flash AS3打造鼠標跟隨炫舞線條動畫效果,PS教程,思緣教程網
圖9 

  至此,動畫部分已全部完成,保存。附件包括fla文件和Test類文件,解壓后把Test文件復制到保存動畫文件的同一目錄下,進行測試。用Flash AS3實現鼠標跟隨炫舞線條動畫效果的制作方法是不是很簡單,感興趣的朋友也可以自己嘗試做做,希望大家喜歡!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 天天看天天操 | 国产中文字幕亚洲 | 麻豆一区 | 国产 日韩 欧美 制服 另类 | 中文字幕av第一页 | 精品在线一区二区 | 日韩av一区二区三区在线 | 国产成人精品亚洲777人妖 | 欧美成人免费在线视频 | www精品美女久久久tv | 99精品久久99久久久久 | 欧美日韩黄色一区二区 | 亚洲国产精品va在线看黑人 | 日本精品在线 | 青草精品 | 亚洲精品乱码8久久久久久日本 | 色玖玖| 青青草在线免费视频 | 欧美在线资源 | 日韩极品在线 | 久久亚洲视频 | 日韩视频在线免费观看 | 成人影院在线 | 精品国产一区二区三区久久影院 | 天堂中文资源在线 | 欧美一区二区二区 | 黄色国产大片 | 日韩精品一区二区三区第95 | 日韩精品一区二区三区在线播放 | 国产日本欧美视频 | 黑人黄色毛片 | 性视频亚洲 | 国产精品久久久久久久电影 | 久久久久久亚洲 | 精品国内视频 | 精品久久久一区 | 久久小视频 | 羞羞视频网站在线看 | 成人v片 | 日日夜夜爽 | 国产乱精品一区二区三区 |