鼠標感應發(fā)光的文字旋轉效果_Flash教程
推薦:Flash AS3制作茶杯震動gif動畫效果下面小編就為大家介紹Flash AS3制作茶杯震動gif動畫效果,教程很不錯哦,也很簡單,一起來學習吧! 效果如下:(用鼠標指向右側的茶壺可以看到震動效果) 制作過程如下: 首先準備一個圖片當做背景,如下: 然后再建立一個新圖層,導入一個茶壺素材,然后把它轉變?yōu)橛?/p>
這篇教程是向我們介紹利用Flash AS3.0制作鼠標感應發(fā)光的文字旋轉效果,教程比較基礎,在這篇教程里,我們將學會用發(fā)光濾鏡使對象產(chǎn)生發(fā)光的效果,教程很實用,轉發(fā)過來,希望對大家有所幫助
注意:這個實例需要 TweenMax 類,請把附件中的gs類庫保存在fla同一目錄下。
鼠標感應發(fā)光的文字旋轉效果演示:
制作步驟:
1、新建Flash文件,設置屬性:寬高根據(jù)舞臺上的影片剪輯多少設定,我這里為 550 × 200 ,背景黑色。圖1:

2、選文本工具,在舞臺上輸入一些靜態(tài)的本文。根據(jù)需要選擇字型和字的大小。顏色選你喜歡的。圖2:

3、選菜單=>修改=>分離,把文字打散。圖3:

4、單選每一個字,右鍵單擊轉換為影片剪輯。命名根據(jù)你的需要,設定注冊點為居中。圖4:

全部完成后庫如圖5:

5、添加as層,選中第一幀,輸入下列代碼:
代碼如下://Import tweenmax
import gs.*;
//Loop through all the letters in the stage
for (var i=0; i < numChildren; i++) {
//Get a letter (movie clip) from the stage
var mc:* = getChildAt(i);
//Add an MOUSE_OVER listener for the letter
mc.addEventListener(MouseEvent.MOUSE_OVER, mouseOverHandler);
//Tween the letter to have a white glow
TweenMax.to(mc, 0.2 , {glowFilter:{color:0xffffff, alpha:1, blurX:10, blurY:10}});
}
//This function is called when the mouse is over an letter
function mouseOverHandler(e:Event):void {
//Save the letter to a local variable
var letter:MovieClip = e.target as MovieClip;
//Animate the letter.
//We call the function scaleBack() when the tween is finished
TweenMax.to(letter, 0.8 , {scaleX: -1, glowFilter:{color:0xff8800, blurX:20, blurY:20}, onComplete: scaleBack, onCompleteParams:[letter]});
}
//This function is called when a letter’s scaleX is -1
function scaleBack(letter:MovieClip):void {
//Animate the letter back to original state
TweenMax.to(letter, 0.2 , {scaleX: 1, glowFilter:{color:0xffffff, blurX:10, blurY:10}});
}
6、完工,測試你的電影。
7、延伸:你可以把舞臺上的影片剪輯更換為任何元素,任何顏色的光效果。
教程結束,以上就是利用Flash AS3.0制作鼠標感應發(fā)光的文字旋轉效果過程,感興趣的朋友可以跟著一起來制作,謝謝大家觀看本教程!
分享:Flash制作人物會活動的關節(jié)實例教程Flash Cs4在界面上與其上一個版本cs3總體來說并沒有特別大的區(qū)別,在工具菜單中添加了3d工具、deco工具、骨骼工具。針對mc添加了一個動畫編輯器.,腳本語言沒有變化,主要針對新版本中的骨骼工具做了相對的試用,下面是具體的示例。 首先制作一個簡單的火柴人 每個能夠
- 相關鏈接:
- 教程說明:
Flash教程-鼠標感應發(fā)光的文字旋轉效果
。