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

圖1　百葉窗效果

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

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

圖4.3.2　導(dǎo)入兩幅圖片

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

圖4.3.3　圖形元件“meng”的設(shè)計

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

圖4.3.4　創(chuàng)建動畫漸變動畫

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

圖4.3.5　時間軸窗口

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

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

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

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

圖4.3.6　圖層“pic1”

圖4.3.7　圖層“pic2”

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

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

圖4.3.8　為“pic2”添加遮罩層

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

圖4.3.9　調(diào)整實例位置

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

圖4.3.10　調(diào)整排列各遮罩層中的實例

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

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

最新評論