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













11評論
良好的工作
良好的工作單字本... ... ... ...感謝你
這裡只有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目錄達斯維爾特:面具過渡動畫 - 酷閃光效果的教程! [...]
[...] http://flash-effects.com/tutorial-mask-transition-animation/ [...]