遊走光文字

(當滑鼠移至文字時會有光暈出現)

前言:

本範例利用遮罩工具配合空心框文字特效來完成。


步驟1
製作燈光動畫

1.先將背景顏色設成黑色,新增一個Graphic Symbol,命名為Oval

2.將Oval Symbol中的 Layer1 命名為Light

3.畫一無邊框的圓形,填入由白色到黑色的放射狀漸層色,如下圖所示:


圖 1

4.再新增一個Symbol,Behavior設為MovieClip,命名為mLight

5.將剛剛製作好的Oval Symbol,由Library拉進Movie Clip中,並在Frame 11213141分別插入Keyframe,如下圖所示:


圖 2

6.在Frame 11及Frame 31中,用Modify > Transform > Scale and Rotate 將圓形縮成原來的 65%,如圖所示;並用同樣方法將Frame 21 中的圓形縮成原來的 15%


圖 3

7.在各Keyframe之間按滑鼠右鍵呼叫出的快速選單中,執行 Create Motion Tween ,使各Keyframe間形成 Motion Tween 的動畫。如下圖所示:
(也可用另一種方法,先將Frame1至Frame41選取,執行Frame Properties中的Tweening / Motion的指令)


圖 4

 

步驟2
製作遮罩

1.回到 Scene 1 場景中,將mLight Movie Clip拉進場景中,將此Layer改名為Light。

2.再新增一Layer,將其命名為Mask,並輸入要當作遮罩的文字,用Modify > Break Apart將其打散。如下圖所示:


圖 5

3.在 Mask 圖層上按滑鼠右鍵呼叫出的快速選單,點選Mask選項,如圖所示:


圖 6

4.執行上述步驟後,Mask圖層即變為Light 圖層的遮罩(Mask),如下圖所示。


圖 7

 

步驟3
製作遮罩文字第一層外框

1.在Mask圖層上方新增一Layer,並將其命名為 Outline1

2.將Mask圖層的鎖定狀態解開,並將Light圖層隱藏起來,以方便接下來的作業。

3.到Mask圖層中,用墨水瓶(Ink Bottle)工具,將步驟二中打散的文字加上邊框,顏色用暗藍色,框線寬:1.0

4.將剛才所產生的框線全部選取(用按住Shift鍵做連續選取)圖 8,然後用 Edit > Cut 將其剪下。



圖8

5.先將Mask圖層鎖起來,然後到 Outline1圖層中,用Edit > Paste in Place 將剛才剪下的框線貼到相同位置,如此一來,Outline1圖層不用重新打字也能快速製作出邊框。

6.選取所有框線之後,用 Edit > Copy 將其複製。

 

步驟4
製作遮罩文字第二層外框

1..在 Outline1圖層上方新增一Layer,並將其命名為 Outline2

2.先將Outline1圖層隱藏起來,然後到Outline2圖層中,用 Edit > Paste in Place 將剛才複製的框線貼到相同位置。

3.選取Outline2圖層中所有框線,用墨水瓶(Ink Bottle)工具,將其框線寬改成:2.0

4.當框線還在選取狀態下,用 Modify > Shape >Convert Lines to Fills 將框線轉為填色區塊。並用 Edit > Copy 將其複製。

5.選取Outline2圖層所有框線,用 Modify > Shape >Expand Fill 將其延展 2 pixel 的厚度。再用油漆桶(Paint Bucket)工具將延展後的框線填入色。


圖 9

6.用Edit > Paste in Place 將剛才未延展的框線貼回Outline2圖層原來的位置。然後保留最外層的框線不選取,只選取其餘較內層的框線(共有兩層),如圖所示:


圖 10

7.將剛才選取的部分刪除,即完成所有框線製作。

 

步驟5
設定滑鼠游標拖曳Action

1.回到Light圖層中,解開Light圖層的鎖定狀態。

2.用滑鼠左鍵點選畫面中的mLight MovieClip,在Instance Properties視窗中,將此Movie Clip 的Instance Name命名為L


圖 11

3.在 Light 圖層的 Frame 1快點兩下, 作Frame Properties的Action設定;按一下」,選擇 Actions >Start Drag , 並將滑鼠拖曳的目標(Target)設為剛才設定 Instance Name為 L 的Movie Clip。 並勾選 Lock mouse to center 選項。如下圖


圖 12

4.執行 Control / Test Movie 預覽 。

原始檔下載


回課程目錄