百葉窗，在日常生活是經常能見到，電腦上的屏保大者有百葉窗效果，現在作為閃客當然希望能用自己的武器設計自己的百葉窗效果，下面武林網小編就為大家介紹Flash遮罩特效實例之百葉窗效果，推薦給武林網，希望對大家有所幫助！最終效果如圖1所示：

圖1　百葉窗效果

    由上圖可以看出，百葉窗主要使用了遮罩技術，當“百葉窗”被拉下時將打開將打開另一幅畫面，具體操作步驟如下：

    1.新建一影片，設置影片大小為300pxX300px（單位為像素），背景色為白色，當然設計者可以根據需要另行設置，同時將兩幅準備好的圖片導入到庫中如圖4.3.2所示：

圖4.3.2　導入兩幅圖片

    2.新建一圖形元件“meng”，選中第1幀，插入一關鍵幀，選取矩形工具，設置其填充色為黑色，在工作區中繪制一矩形，如圖4.3.3所示：

圖4.3.3　圖形元件“meng”的設計

    3.新建一圖形元件“meng_f”，選中第1幀，插入一關鍵幀，將圖形元件“meng”拖放到工作區中，創建一實例，在第15幀處插入一關鍵，選中第1幀單擊鼠標右鍵，選擇“創建補間動畫”，選中第15幀，將實例調整為一條線如圖4.3.4所示：

圖4.3.4　創建動畫漸變動畫

    分別在第25幀和第40幀，插入兩創建關鍵幀，并在25幀和第40幀之間創建相反的運動激變動畫，即由一條線放大。時間軸如圖4.3.5所示：

圖4.3.5　時間軸窗口

    2.返回主場景，為了便于理解，將默認圖層更名為pic1,再新建一圖層“pic2”,分別將導入的兩幅圖片拖放到工作區中，分別對導入的兩幅進行如下處理，

    a.將不同圖層中的圖片使用分離命令進行分離操作。

    b.從工具箱中選取橢圓工具，設置其填充為透明，按住Shift分別在各圖層中繪制一圓。

    c.分別選中圓的輪廓線條及圓形外邊的圖片，按鍵盤上的Delete鍵，將其刪除，這時圖層“pic1”和“pic2”中的圖片效果如圖4.3.6所示：

圖4.3.6　圖層“pic1”

圖4.3.7　圖層“pic2”

    d.分別在這兩圖層的第42幀處插入一關鍵幀。

    3.選中圖層“pic2”,在其上插入一遮罩層“maske pic2”，選中第1幀插入一關鍵幀，將圖形元件“meng_f”拖放到工作區中，并在第42幀處插入幀，調整其位置如圖4.3.8所示：

圖4.3.8　為“pic2”添加遮罩層

    4.新增8個圖層，按住Shift鍵，選中圖層“pic2”和“maske pic2”，用鼠標右鍵點擊被選中的任意一幀，從彈出的快捷菜單中選擇“拷貝幀”菜單命令。用鼠標右鍵點擊“圖層4”的第1幀，從彈出的菜單中選擇“粘貼幀”菜單命令，這時“圖層4”將變成復制后的“pic2”和“maske pic2”蒙板層，點擊復制后的蒙板層，按鍵盤上的向上箭頭，將實例向上移動，調整到適當位置，如圖4.3.9所示：

圖4.3.9　調整實例位置

    5. 用同樣的方法，依次在“圖層5”至“圖層11”中分別復制“pic2”和“maske pic2”圖層，將各個蒙板圖層中的實例向上移動，并順次向上連接。最圖4.3.10所示：

圖4.3.10　調整排列各遮罩層中的實例

    6. 這樣整個“百葉窗效果”就制作完成，保存作品，按“Ctrl+Enter”預覽最終效果。

　以上就是用Flash遮罩特效實例之百葉窗效果，希望對大家有所幫助！