互動式柔邊遮罩

請在畫面任意移動滑鼠

 

前言: 做一個中間為放射性漸層填色(中心填色的Alpha值為0%)的MovieClip就可以作出其效果,不需要Mask指令,也不需要寫任何複雜的Actions..

步驟 1

下載教材所需圖片,把背景色設為淡藍色,將舞台尺寸設為300 X 400 px。把所下載的圖片讀入進來,將Layer1命名為"圖片",並且調整圖片大小至與舞台大小相同,並且居中。如 圖 1所示


圖 1

步驟 2

產生一個新的Movie Clip,命名為"mask"。在"mask"的編輯介面,畫一個白色矩形,長寬各約為900px,並且在中間挖空。
中間挖空的地方,再填入放射性漸層填色,內外都設白色,中心白色的Alpha值調為0% 如 圖 2所示


圖 2

步驟 3

回到Scene場景,新增一個圖層,命名為"mask"。打開Library,把"mask"拖曳到舞台正中心,並且給予Instance名稱為"mask",如圖 3 所示


圖 3

步驟 4

新增一個圖層,命名為"action",在"action"圖層的Frame1請設定以下actions,如 圖 4 所示


圖 4

將背景色設回白色,執行Test Movie預覽其效果

原始檔下載

回課程目錄