綜合透明背景點陣圖png、影片片段及Alpha設定等功能,製作落花起漣漪的動畫。
製作步驟
〔匯入桐花元件〕
- 同上一單元之要領,在Photoshop製作桐花的去背PNG檔。
- 在Flash,將前一桐花匯入到元件庫內。
- 建立新元,圈點圖像,取名為「桐花」。
- 將匯入文件庫的桐花拖拉放到工作區內。
- 利用對齊方法,將該圖像置於工作區中央。
- 建立新元,圈點影片片段,命名為「桐花漣漪」。
- 為「桐花漣漪」影片片段分三個圖層,依序由下往上是「漣漪」、「桐花斜落」及「桐花倒影」。
- 點按「桐花斜落」圖層,使其活化。
- 滑鼠移到影格2,插入空白關鍵影格。
- 從元件庫將「桐花」元件移到工作區中央。
- 於第15格處,插入關鍵影格。
- 滑鼠點按時間軸上的影格2-14中的任何一格。
- 於屬性視窗內選擇「移動」。
- 滑鼠點按時間軸上的影格2。於工作區上,將「桐花」分身往左上移。
- 測試影片片段。
- 於第18格處,插入關鍵影格。
- 時間軸移到第18格。
- 將工作區上的「桐花」分身略作旋轉。
- 對影格15-18做移動補間。
- 於第30格處,插入關鍵影格。
- 時間軸移到第30格。
- 將工作區上的「桐花」分身略作旋轉。
- 對影格19-29做移動補間。
- 時間軸移到第40格。
- 插入影格。
- 點按「漣漪」層,使其活化。
- 在的時間軸上,於第15格處,插入一空白關鍵影格。
- 於工作區中央處,畫一白色橢圖,代表「初始漣漪」。
- 在工作具區上,將初生漣渏選取,複製。
- 於元件庫視窗,新增一圖像元件,取名為「漣漪」,於工具區,Ctrl + V鍵,貼上前述「初始漣漪」之圖像。
- 回到場景區,將場景上的「初始漣漪」圖像刪除。
- 從文件庫,將「初始漣漪」元件拖移到舞台中央。
- 時間軸移到第30格,挿入關鍵影格。
- 利用縮放工具,將「初始漣漪」之分身放大。
- 滑鼠點按時間軸上的16-29中的任何一格。
- 於屬性視窗內選擇「移動」。
- 滑鼠點按時間軸上的第30格,於屬性視窗內之顔色選單內選擇Alpha,將其右側之數值改為0。
- 點按「桐花倒影」圖層,使其活化。
- 滑鼠移到影格30,插入空白關鍵影格。
- 點按「桐花斜落」圖層。
- 點按工作區上的桐花分身。按Ctrl +C將其拷貝。
- 返回「桐花倒影」圖層之第30格。
- 將桐花分身於原地複製。
- 利用修改,讓桐花分身水平倒轉。並將它往下移,使它與桐花斜落層的桐花呈鏡射狀。
- 滑鼠移到影格35,插入關鍵影格。
- 滑鼠點按時間軸上的31-34中的任何一格。
- 於屬性視窗內選擇「移動」。
- 滑鼠點按時間軸上的第30格,於屬性視窗內之顔色選單內選擇Alpha,將其右側之數值改為20。
- 滑鼠點按時間軸上的第35格,於屬性視窗內之顔色選單內選擇Alpha,將其右側之數值改為70。
- 時間軸移到第40格。
- 插入影格。