閃閃的紅星-Flash中遮罩層的另類玩法

前言

遮罩層效果是一個圖形對象對另一個圖形對象的區域約束(有選擇的局部顯示);在動畫播放之後“遮罩層的圖形對象”本身是隱而不現的,被遮罩層則只顯示局部區域;像自轉的地球儀,流動的瀑布,屏幕上的畫面等都可以通過遮罩層技術模擬出來,然而對於新手,光芒效果無疑是比較巔覆思想觀念(開腦洞)也是知識點比較多的一個課題方案。

一、重點難點(知識儲備):

在進入影片操作之前,請確保操作人具備和掌握以下知識點(要不然則隨時卡殼):

1.為什麼要新建與刪除圖層;新建圖層是為了對象之間不會造成混合,也容易選取,當然有時候可以用組合或元件的方式來區分不同對象,但是建立圖層更容易查找,不用多費時間和精力去點選,當動畫完成之後,發現輔助線對動畫的畫面造成視覺干擾了,則需要刪除。

2.“旋轉並複製”的功能應用;對於CS系列版本,這個功能是有BUG的,也就是每複製一次它的旋轉中心就會偏離一點點,但是對於本動畫,它的BUG還能控制在合理範圍。

3.旋轉的方向和中心,中心沒有對齊則從第一步就無法繼續;複製並粘貼在當前位置,意味著兩個圖形是同一個旋轉中心點的。

4.“遮罩層”只應用於“填充”,也可以叫做色塊(另一種就是線條,線條能轉化為填充,但是,填充不能轉化為線條,也就是不可逆),如果對象中有填充也有線條,則只對填充起作用。

5.遮罩層中的對象,被遮罩層中的對象,都可以是元件(但要元件中有填充色塊);不涉及代碼控制或模糊特效的,只用圖形元件則可,影片元件多了文件容易崩潰。

6.補間動畫的建立,使用元件、關鍵幀、補間屬性中的旋轉設置(順逆時針方向)。

二、具體操作:

1.新建圖層,用橢圓工具畫出個小正圓,並“相對於舞臺”居中對齊。

閃閃的紅星-Flash中遮罩層的另類玩法

正圓和十字,相對於舞臺居中


2.新建圖層,使用線條工具畫出一個十字,同樣“相對於舞臺”居中對齊;讓十字置於小圓之內,這是為了方便對齊中心。

3.新建圖層畫出一條直線,讓直線與圓相切(也就是剛好接觸到圓),然後,“將線條轉化為填充”;在變形工具下讓直線的旋轉中心對齊小圓,旋轉角度設置為15度。

閃閃的紅星-Flash中遮罩層的另類玩法

畫出圓的切線,並轉化為填充


閃閃的紅星-Flash中遮罩層的另類玩法

選擇這條線(已經是填充),用任意變形工具調節旋轉中心到十字


閃閃的紅星-Flash中遮罩層的另類玩法

使用放大鏡,確保位置正中

4.將“旋轉並複製”的按鈕(重製選區和變形)點擊若干次,直到旋轉一週;這時得到了一個右旋或左旋的幾何圖形。


閃閃的紅星-Flash中遮罩層的另類玩法

在變形屬性面板,將旋轉度數設為15


閃閃的紅星-Flash中遮罩層的另類玩法

多次點擊後,得到第一個圖形,這時發現旋轉的倍數不是15的倍數,但沒關係


5.新建圖層,將這個圖形複製粘貼在當前位置,再水平翻轉,得到一個方向相反的圖形。這個操作可以是在時間軸上覆制粘貼幀,也可以是在舞臺中複製粘貼對象。

閃閃的紅星-Flash中遮罩層的另類玩法

得到兩個方向相反的圖形,這時它們的旋轉中心是一樣的

分別將這兩個圖形轉化為元件,比如圖形上,圖形下,插入關鍵幀讓其中一個元件順時針旋轉,另一個圖形逆時針旋轉;再將其中一個元件設置為遮罩層;這樣得到了一個光芒的效果的動畫。

閃閃的紅星-Flash中遮罩層的另類玩法

兩個圖形分別,創建補間動畫,旋轉方向不同


閃閃的紅星-Flash中遮罩層的另類玩法

將其中一個圖形的層設置為遮罩層

6. 添加一個裝飾物,比如五角星(用星形工具),大小以能擋住光芒的底部為宜。

三、步驟小結:

0.畫出輔助圖形,一個小正圓和一個小十字,等到創作結束時可以刪除掉這兩對象;

1.畫出一個由繞點旋轉的線段構成的圖形(說是線段,實際在旋轉複製之前,已經將直線轉化為填充,如果等到線條都旋轉複製後再轉化,則容易缺失某些部分);

2.複製粘貼得到這個圖形的相反面;

3.將兩個圖形轉化為圖形元件;

4.將其中一個圖形轉化為遮罩層(遮罩層只能應用於填充色塊,不能應用於線條);

5.讓兩個圖形不同方向旋轉;

6.在光芒前面添加裝飾物,比如五角星。

四、進階操作;

元件是一個很有趣的容器,元件裡面還可以承載元件,就像俄羅斯套娃一樣,嵌套很多層;可以新建一個元件來承載光芒,如果覺得光芒太少,然後再舞臺上多放置幾個元件;如果覺得還可以加上透明度,那就調節元件的透明度。


閃閃的紅星-Flash中遮罩層的另類玩法



分享到:


相關文章: