摘要
在本教程中,您將了解如何創建一個效果,在地方的MovieClip的正在消失英寸不同地區的MovieClip將蒙面出現不同。 您也可以控制的部分的大小和速度的衰落。
看到效果如下:
需求
Flash 8中,閃光 CS3或組件語言。
2圖像(在這種情況下,550 × 400,圖像,可以在教程zip文件 )
注:本教程的屏幕是由在Flash CS3。 它可以完全一樣在Flash 8和Flash CS4中。 本教程ActionScript 2的(雖然沒有動作需要)。
第1步 - 安裝組件的影響
下載面具過渡所產生的影響 。 請按照安裝說明並拖動組件從組件面板到您的圖書館。FLA文件。
第2步 - 導入圖像
導入圖像 [按Ctrl - R的]或“文件” - >“”導入“ - >”“進口舞台...”。
選擇此圖片,並將其轉換成一個 movieclip [按F8]或右鍵點擊的MovieClip - >“”轉換為元件...“。 給該 MC命名為“形象”。
第3步 - 將圖像的movieclip和組件在舞台上的影響
重命名層,從而使圖像的MovieClip被放置到“形象”。 創建一個新層,命名為“效應”,選擇第一幀(命名的層,不過是為了使事情,您可以將默認的層名稱或選擇其他名稱)。
給該 MC的實例名稱“my_image”(你可以選擇不同的名字,如果你想要的。確保實例的名稱是唯一的)。 如果沒有一個實例名稱,組件是無法檢測到的MovieClip。
選擇第一幀層的“效果”。 拖動面具過渡效果,從圖書館到圖像的MovieClip在舞台上。 該組件將自動單元左上角的形象的MovieClip。
步驟 4 - 調整設置
單擊組件,然後打開組件檢查器面板[按Shift - F7鍵]或“窗口” - >“”組件檢查器“。 在“目標的MovieClip”選擇列表“my_image”應該被選中。 所有影片剪輯的實例名稱在這個框架中列出了“目標的MovieClip”選擇列表中。 既然你只有一個影片剪輯,組件假定您要應用效果的影片剪輯“my_image”。 現在離開設置這樣。 導出 Flash影片[按Ctrl - ENTER]或“命令” - >“”測試影片“,你就會看到圖像顯示。
第5步 - 添加背景圖像
如果你想有一個過渡,從一個圖像到另一個,你需要把圖像背景。 重複步驟 2創建另一個圖像的MovieClip,創建一個新層,命名為“背景”,把剛創建的MovieClip那裡。 導出 Flash影片[按Ctrl - ENTER]或“命令” - >“”測試影片“,您會首先看到的背景圖像,然後圖像的MovieClip正在消失英寸
第6步 - 設置變種
參數大多是自描述的,但仔細看“動畫模式”選擇列表中。 查看全部動畫模式在這裡 。 使用設置以下截圖和測試影片。
玩弄的設置。 找到一個,這也符合你的要求。
下載
點擊這裡下載。弗洛本教程。 注:。弗洛包括試用版效果組件,它只能工作在IDE中閃光(Flash 8中,閃光 CS3或組件語言),但不能在瀏覽器內。
您也可以下載面具過渡所產生的影響 。
在這裡你可以找到一個視頻教程如何實現不同的效果。













11評論
良好的工作
良好的工作WALLAH ... ... ... ...感謝你們
這裡只有2圖像,但這種效果與幾個圖像連續,我都無法形容使工作... ..
喜家,
請下載試用版所產生的影響。
http://www.flash-filter.net/mask-transition-effect-download.phtml
裡面下載的zip你找到timline_demo.fla。 根據該結構可以適用於許多圖像,你喜歡。
嘿,非常感謝
嗨
亞是好
thx了很多
我愛的效果,但我有一個項目,需要一個面具的形狀。 在面具的形狀,我需要有一個過渡的幻燈片與說的8或10張圖片。 你的組件可以做到這一點? 什麼是最好的方案?
謝謝,
蒙特卡羅
您好蒙特卡洛,
請檢查此:http://www.flash-filter.net/effect-component-faq.phtml#cpid599
最好的問候
阿隆
嗨。 您的教程工程。 但是,當我試圖運行 swf文件,有一個消息提示答說:
“該swf文件試圖溝通這個上網功能的位置:http://www.flash-filter.net”
我應該怎麼做,讓 swf文件運行?
謝謝。
什麼是掩蔽動畫的例子? 謝謝!
例子來在下載郵編:http://www.flash-filter.net/mask-transition-effect-download.phtml
寫評論
3引用通告等
[...]閱讀完整教程[...]
[...] vielleicht hilft迪爾 DAS的weiter:面具過渡動畫 - 酷閃光效果的教程! [...]
[...] http://flash-effects.com/tutorial-mask-transition-animation/ [...]