舞台聚光燈


前言: 用漸層色填入三角形和圓形中,作由小到大的變化,另外再加一文字移動動畫,重點在於模擬光束的漸層色設定。

步驟 1

1.將 Movie 的背景色設成黑色。

2.將 Layer1 命名為 "投射光" ,打開磁鐵工具和格子 (Grid),用直線工具畫一個等腰三角形,填入由不透明至透明的白色線性漸層色,如圖1所示。


圖1

步驟 2

1.將三角形的外框線去除,點選油漆筒填色工具,此時繪圖工具面板下方出現兩個附屬選項,我們點選右邊的 Transform Fill,然後在畫面上的漸層三角形點一下,可以看見畫面出現三個點,分別為物件中心點、旋轉點、縮放點,如圖2所示:


圖2

2.點選住旋轉點往右 (順時鐘方向) 旋轉 (此時磁鐵工具仍然開啟),之後點選住縮放點往下方拉長變形,可以看見由左至右的漸層色已變為由上至下的漸層,如下圖:


圖3

3.將此三角形用 Insert > Convert to Symbol 轉為 Graphic Symbol,並命名為 "投射燈"。

步驟 3

1.新增個 Graphic Symbol,命名為 "反映光",畫一無框線圓形,填入由不透明至透明的白色放射性漸層色。

2.回場景,在 "投射光" Layer 上新增一個命名為 "反映光" 的 Layer,將此 Graphic 由 Library 拉至場景,先把磁鐵工具關閉,用變形工具將圓稍微上下壓扁、調整為比三角形光束再寬一點的寬度,如下圖:


圖4

步驟 4

1.先將兩個 Layers 的 Frame 增加至 55 格,新增一個名為 "軟體大學" 的 Layer,在 Frame15 插入一個 Keyframe,輸入 "軟體大學" 三個粗黑體字。


圖5

2.在 "易學網" Layer 上按滑鼠右鍵,選擇 Add Motion Guide,則新增 " Guide:易學網 " Layer ,在 Frame15 插入 Keyframe,此時先打開磁鐵工具,用直線工具畫出曲線,然後再用工具將每條直線拉出弧度圖6的線條。


圖6

3.確定磁鐵工具呈開啟狀態,將 "軟體大學" 文字物件的中心點拉至曲線的起點對齊,並將文字旋轉成和線條相同角度。

步驟 5

1.在 "軟體大學" Layer 的 Frame25、35、45、55 各插入一個 Keyframe,每一個 Keyframe 為文字移至曲線轉折處的點,最後一格 Keyframe 為曲線的結束點。

2.執行 Motion 指令。


圖7

步驟 6

1.將 "反射光" 和 "投射光" Layer 的 Frame15 各插入一個 Keyframe,把 Frame1 的反射光和投射光用變形工具將其壓縮變小,如圖8所示:

2.兩個 Layers 的 Frame1 至 Frame15 之間執行 Motion。


圖8

3.最後新增一個 Layer,在第55格插入 Keyframe,放入一個播放按鈕,並將 Frame 的 Actions 設定為 Stop。

4.執行預覽 Control / Test Movie 指令。

原始檔下載


回課程目錄