遮罩效果動畫

2022-11-27 03:51:08 字數 5710 閱讀 7734

問題1:遮罩層與被遮罩層是什麼關係?

解決思路

了解遮罩層和被遮罩層的關係,對於我們掌握遮罩動畫是非常關鍵的。遮罩動畫在flash技術裡面起到了重要作用,一些非常優秀的效果就是通過遮罩動畫來實現的。例如:

著名的「水面漣漪」效果,就是通過遮罩完成的,非常逼真。下面我們就通過不同的製作方法了解遮罩的原理,在實踐中領會遮罩的奧妙。

具體步驟

1、執行flashmx2004,文件屬性預設。

2、單擊【檔案】|【匯入】|【匯入到舞台】命令,匯入一幅位圖**,並調整適當尺寸。

3、更改圖層1為「閃吧桌面」,並鎖定;

4、新建圖層2命名為「遮罩層」,在遮罩層的第1幀單擊文字工具鍵入「顏色黑色。

5、單擊「遮罩層」選擇右鍵選單中的【遮罩層】命令,把這個普通圖層轉換為遮罩層。如圖2.1.19所示。

圖2.1.19建立遮罩層

5、看一下效果,原來文字的黑色線條已經不見了。替代線條的是下面的「閃吧桌面」的**。我們做乙個形象地比喻,就象把遮罩層內的文字線條掏空了,顯露出了下面的**,而遮罩層以外的地方都消失了。

這就是遮罩效果。如圖2.1.

20所示。

圖2.1.20遮罩效果

6、這個遮罩也可以做成動態的效果,單擊「遮罩層」,選擇右鍵選單【遮罩層】命令,取消現在的遮罩效果。

7、單擊「閃吧桌面」圖層,使它處於編輯狀態。單擊右鍵選單中的【轉化為元件】把點陣圖轉化為圖形元件。

8、在第30幀插入關鍵幀,移動場景中的圖形元件的位置,做乙個移動漸變動畫。

9、單擊「遮罩層」,在第30針插入「插入幀」。使其延長至30幀。

10、重新建立遮罩效果,測試,儲存。請參看原始檔

注意——如果用文字作遮罩層的話,盡量選用線條比較粗壯的字型,這樣才能夠更好的表現遮罩效果。

提示——◎區分遮罩層和被遮罩層的標準就是你想要顯現的形狀的圖層就是遮罩層。例如在上例中,想要顯示的是「的字形,所以就把這個圖層確定為遮罩層。

◎對於遮罩層的顏色對於最後的遮罩效果來說是沒有作用的。

技巧——除了利用移動漸變動畫來作遮罩效果以外,我們還可以利用形狀漸變動畫來製作遮罩效果。

試一試——要想理解遮罩的原理,我們就要通過反覆的實踐來了解。朋友們不妨把上例中的遮罩層和被遮罩層換一下位置,看看有什麼效果?

分析——遮罩的原理很簡單,但是往往初學的朋友對這個道理很難理解。我們不要先研究複雜的遮罩效果,從上例中我們就清晰地了解了遮罩的原理。綜合利用這個原理,我們就可以製作出炫目的效果。

特別提示

遮罩效果的實現最關鍵在於創作者要區分清楚遮罩層和被遮罩層的關係。弄不清遮罩層的關係,頭腦中就不會有這方面的想象,從而使自己的創作源泉乾涸。通過簡單遮罩效果的反覆實踐,清楚這兩者之間的關係,為我們以後的flash創作打好堅實的基礎。

上例製作動態遮罩效果的時候把點陣圖**轉換為圖形元件的原因是,此**是經過縮小的,所以如果不轉為元件的話,做移動漸變動畫就會有錯誤,這也是我們在製作過程中應該注意到的。除了文件可以作遮罩效果以外,我們還可以利用圖形來製作這個效果。

相關問題

◎乙個遮罩層可以遮罩兩個或者更多的層嗎?

對於這個問題的回答是肯定的。乙個遮罩層是可以對兩個或更多的圖層進行遮罩的。如圖2.1.21所示。

圖2.1.21遮罩兩個圖層

此效果中就是遮罩了兩個圖層,乙個圖層從左向右移動,另乙個圖層由右向左移動。如圖2.1.22所示。

圖2.1.22遮罩兩個圖層效果

請參考原始檔

◎可不可以把動畫效果製作在遮罩層裡面?

這個效果就是把移動動畫效果製作在遮罩層裡面的,如圖2.1.23所示。

圖2.1.23遮罩層的運動

製作後的效果,與動畫效果做在被遮罩層裡面沒有區別。從這一點來看,遮罩層在動畫效果製作上與普通圖層沒有區別。請參看原始檔

◎可以用影片剪輯製作遮罩層嗎?

影片剪輯的特點是獨立與時間線執行,這樣的特性可以製作遮罩層嗎?我們通過實踐得知,影片剪輯是可以製作遮罩層的。如圖2.1.24所示。

圖2.1.24利用影片剪輯製作遮罩層

請參考原始檔

第1頁第1頁如何掌握遮罩效果動畫

第2頁問題2:半透明的遮罩層遮罩**以後可以實現半透明的遮罩效果嗎?

問題2:半透明的遮罩層遮罩**以後可以實現半透明的遮罩效果嗎?

解決思路

這個問題問得非常好,因為根據遮罩層的特點,它是顯示這個圖層內形狀的,對於這個形狀裡面的填充顏色它是不承認的,所以按照正常的製作思路是無法實現的。但是我們可以通過改變遮罩的另乙個關鍵圖層---被遮罩層的透明度來實現這個效果。

具體步驟

1、執行flashmx2004,文件屬性預設。

2、單擊文字工具在舞台中鍵入「《專家門診》—清華大學出版社」,並分離使之成為向量圖形,設定混色器顏色,線性填充,左邊黑色透明100%,右邊黑色透明0%。如圖2.1.25所示。

圖2.1.25混色器設定

3、把填充透明漸變色的文字圖形轉化為圖形元件。

4、新建一圖層,為了達到清晰觀察漸變色遮罩效果,在這一圖層中繪製乙個紅色的矩形。

5、在文字圖層中進行遮罩操作。觀察效果,是否呈現半透明的遮罩效果。如圖2.1.26所示。

圖2.1.26建立遮罩層

6、從剛才製作的效果中並沒有看到預期的結果,雖然遮罩層中的文字是半透明的,但是遮罩效果並不是半透明的。如圖2.1.27所示。

圖2.1.27半透明文字遮罩效果

請參考原始檔

7、如何製作出具有透明感的遮罩效果呢?我們把思維方式反過來,遮罩層的文字我們不進行改變,把被遮罩層的透明度進行調整,看看能否實現我們想要的效果。

8、新建乙個flashmx2004文件,屬性預設。

9、把圖層1命名為「文字」,同樣輸入上述的文字,轉化為圖形元件。

10、新建圖層2,命名為「透明漸變」。在這個圖層裡面繪製乙個從左至右逐漸漸變的矩形,朋友們可以參考上面的步驟。

11、在文字層建立遮罩效果。如圖2.1.28所示。

圖2.1.28建立遮罩層

12、測試效果;我們已經看到了透明度的變化了,說明透明度遮罩效果實現了。如圖2.1.29所示。

圖2.1.29透明度漸變遮罩效果

請參看原始檔

注意——當遮罩層與被遮罩層不對應的時候,在場景中是看不到遮罩層的形狀的。

提示——因為遮罩層顯露的是被遮罩層的內容,所以才可以實現這個效果。

試一試——上一例中製作的時候漸顯的遮罩效果,朋友們可以把被遮罩層的矩形元件反轉過來,製作乙個逐漸消失的遮罩效果。

分析——這種效果的實現其實和上乙個問題的知識沒有區別,只是增加了透明度,原理都是同樣的。

特別提示

此例中的遮罩效果在flas**字動畫中經常可以看到,利用被遮罩層的速度、節奏的改變,在視覺上給人以衝擊。從另乙個角度來講,這種效果也打破了文字漸顯移動動畫的侷限性。

通過對這個問題的解釋,我們鞏固了遮罩層和被遮罩層的之間關係。了解了它們的作用。我們還可以利用顏色的漸變等手段來製作遮罩效果,製作的原理是一樣的。

只有在掌握基本知識的技術上大膽地進行嘗試,我們才能舉一反三,更上一層樓。

相關問題

◎可否使用兩個遮罩層遮罩乙個**?

根據例項說明。如圖2.1.30所示。

圖2.1.30兩個遮罩層

紅圓圖層與**圖層是正常遮罩。但是藍圓圖層遮罩作用在紅圓圖層上,紅圓圖層總有內容嗎?沒有,紅圓圖層顯示的是**圖層的內容,所以這樣的遮罩沒有起到遮罩的作用。

如圖2.1.31所示。

圖2.1.31兩個遮罩層效果

請參看原始檔2.1.4-7

◎在場景中可以把已經製作的遮罩影片剪輯再次遮罩嗎?

影片剪輯是乙個元件,如果它內部存在什麼效果,在場景中就作為乙個元件來使用。所以可以對這個影片剪輯作遮罩效果。

首先看一下「遮罩mc」裡面的遮罩效果:如圖2.1.32所示。

圖2.1.32遮罩mc的效果

下面是把「遮罩mc」拖動到舞台中,並建立遮罩效果。如圖2.1.33所示。

圖2.1.33巢狀遮罩效果

最終顯露的遮罩效果只是場景中的效果。請參考一下原始檔2.1.4-8。

減小字型增大字型

問題1:我做得flash移動動畫,在時間軸上面為什麼沒有那個長箭頭的標誌而且也沒有出現移動動畫效果?

解決思路

對於無法實現移動漸變效果,這個問題在初學者製作flash過程中經常會遇到,往往百思不得其解。其實問題的根本原因在於元件與圖形的區別。flash中一共有三種元件,分別是圖形元件、按鈕和影片剪輯,這三種元件都可以做移動動畫的。

但是flash中的圖形就不可以做移動漸變動畫,這裡所說的圖形就是向量化的圖形。我們只要了解了這一點,這個問題就會迎刃而解。

具體步驟

1、 開啟flash mx 2004,文件屬性預設。

2、單擊工具欄裡面的橢圓形工具,同時按「shift」鍵繪製乙個紅色的正圓。

3、單擊此圓形,利用右鍵或者f8鍵,開啟【轉換為符號】面板,把它轉換為圖形元件。設定元件名稱為「紅圓」。如圖2.1.1所示。

圖2.1.1 轉換為符號

4、單擊時間軸的第30幀,開啟右鍵選單,選擇【插入關鍵幀】命令或者按快捷鍵f6插入乙個關鍵幀。

5、利用滑鼠拖動或者按方向鍵移動「紅圓」元件到右邊的另外乙個位置。

6、在第1幀和第30幀之間任意一幀右擊選擇【建立補間動畫】命令。

7、第1幀和第30幀之間的所有幀變成藍色,並有乙個長箭頭,這說明已經在第1幀至第30幀之間建立了乙個移動漸變動畫效果。如圖2.1.2所示。

圖2.1.2 建立補間動畫

8、【控制】|【**】或者按 「enter」測試動畫效果。

9、儲存,完成。

注意:之所以可以實現移動漸變動畫效果,是因為把繪製的向量圖圖形轉換為圖形元件的原因。

提示:◎除了元件可以做移動漸變以外,文字格式、「組」物件、位圖**同樣可以製作移動漸變效果。

◎養成給元件命名和給圖層命名的好習慣,在製作大型flash動畫時,可以方便的尋找、修改命名的元件或者圖層。

◎大家經常所說的「mc」是英文movieclip的縮寫,中文是指「影片剪輯」。影片剪輯與圖形元件的顯著區別在於,影片剪輯可以給它命名,用來接受flash actionscript的控制,並且影片剪輯可以獨立與時間線**。

技巧:◎在flash中不可以象photoshop那樣合併圖層,但是可以通過拷貝幀的功能或者是拷貝幀內的元件,來達到合併圖層的目的。

試一試:

朋友們可以試一試利用位圖**、文件、組物件來製作移動漸變動畫,看看能夠成功。

專家指點:

通過這個基礎的技術問題的解決,我們掌握了flash移動漸變動畫的製作過程,也清楚了製作移動漸變動畫的物件是有限制的。製作移動漸變動畫必須是flash內的三種元件、文件、「組」物件以及位圖**。對於向量圖**是不可以製作移動漸變動畫的。

相關問題:

◎舞台以外灰色區域是否可以作為編輯區?發布後能否看見?

舞台以外的灰色區域可以作為flash動畫的編輯區域,當某一元件位於在這一區域的時候,動畫發布以後是無法看見的。

◎ 如何匯入位圖**?

單擊【檔案】|【匯入】,選擇【匯入到舞台】命令,就可以把目標**匯入到flash mx 2004的舞台中。也可以選擇【匯入到庫】或者【開啟外部庫】功能。flash mx 2004可以匯入其支援的各型別的**、**以及所支援的檔案格式。

問題2:可否實現影片剪輯按照乙個定點環繞?旋轉的速度怎樣改變?

解決思路:

元件的旋轉都是圍繞這個元件的變形點來進行的。利用【自由變形工具】找到該元件的變形點,利用滑鼠拖動改變其位置,就可以達到定點環繞的效果。

具體步驟

1、執行flash mx 2004,文件屬性預設。

2、單擊【插入】|【新建元件】,或者按快捷鍵「ctrl+f8」開啟【建立新元件】面板。

3、新建乙個名稱為「正方形」的影片剪輯。如圖2.1.3所示。

遮罩層動畫教案

課題 遮罩層動畫 課型 新授 操作 授課教師 教室 機房 多 投影 網路教學軟體 教學目標 知識目標 要求學生能夠理解遮罩的特點,分析總結遮罩動畫的方式,而基本掌握製作簡單的遮罩動畫的方法。能力目標 逐步地培養學生舉一反 三 分析解決問題的能力,逐步提高學生與人合作,討論問題,探索新知識的能力。情感...

遮罩層動畫教案

靈寶職專 一 教學目標 知識目標 1 了解遮罩層動畫理論 2 掌握遮罩層動畫的建立方法 能力目標 能獨立完成實訓目標,合理運用遮罩效果建立優美的動畫。情感目標 培養學生細心觀察 互幫互助的能力,養成做事規範 有條理 二 教學重難點 重點 遮罩層動畫的建立方法 難點 遮罩層與被遮罩層的關係 三 教法與...

《Flash遮罩動畫製作》教學案例

課題 flash遮罩動畫製作 教學設計 科目 flash提供者 梁長平 教學物件 2012級計算機班 課時 1課時 單位 臨川現代教育學校 1 掌握遮罩動畫的工作原理,理解遮罩層與被遮罩層的關係2 掌握遮罩動畫的製作方法 能夠靈活運用所學動畫製作技巧,創作動畫作品 1 感受運用flash動畫軟體創作...