易學風鈴



前言:

利用圖片縮放可模擬旋轉的原理,先完成照片旋轉的部分;再利用出場照片的替換,做出不同照片旋轉的效果。



步驟1
旋轉照片製作

1.將背景色改為黑色,並新增兩個圖層,連同Layer1 圖層,由下到上改名為"星空"、"風鈴"及"旋轉照片"。為方便接下來的工作,先將"星空"及"風鈴"兩個圖層鎖住並開啟Library視窗及物件檢視視窗。

2.在圖層"旋轉照片"的Frame 1中,將事前準備好的四張大小相同的照片,用 File > Import 輸入到場景中,再用Insert > Convert to Symbol 分別將其轉為Graphic Symbol 並分別命名為"照片1"、"照片2"、"照片3"及"照片4"。完成後,刪除場景中的所有元件。

3.用Insert > New Symbol,新增一Movie Clip元件,命名為"旋轉照片",並進入該MovieClip的編輯畫面。

4."旋轉照片"MovieClip的編輯畫面中,新增三個圖層,連同原先的Layer1 圖層,由下到上改名為"縮放照片1"、"縮放照片2"、"縮放照片3"及"縮放照片4"。

5.在圖層"縮放照片1"的Frame 1中,從Library視窗中,將"照片1"元件拉到場景中來,並用物件檢視視窗,將照片放在場景的正中央(x,y座標均是 0 處),如圖1所示。


圖1

6.在Frame 20處插入一KeyFrame,並在Frame 20 將照片橫向縮小,然後將Frame 1 到 Frame 20設成 Motion Tweening 動畫(移動漸變),如圖2所示。


圖2

7.在圖層"縮放照片2"的Frame 20中,插入KeyFrame,然後從Library視窗中,將"照片2"元件拉到場景中來,並將照片放在場景的正中央;再在Frame 40及Frame 60 處插入KeyFrame。

8.在圖層"縮放照片2"的 Frame 20及Frame 60 處,將場景中的照片橫向縮小到與圖層"旋轉照片1" Frame 20中縮小後的照片一樣大(如圖2一般),然後再將Frame 20到 Frame 40 及 Frame 40 到 Frame 60 之間分別設成 Motion Tweening (移動漸變)動畫,如圖3中所示。


圖3

9.用相同步驟完成圖層"縮放照片3"中Frame 60及Frame 100 及"縮放照片4"中Frame 100及Frame 140 處的照片縮小 > 放大 > 縮小動畫。

10.回到圖層"縮放照片1"中,在Frame 140新增一KeyFrame(場景中的照片與Frame 20 的一樣)及在Frame 160處新增一空白KeyFrame,然後回到Frame 1 中,複製場景中的"照片1"(原大小),再到Frame 160 的場景中用 Edit > Paste in Place 將該元件貼到相同位置上。

11.將圖層"縮放照片1"中Frame 140 到 Frame 160 之間設成 Motion Tweening 動畫,完成後Timeline 如圖4中所示。


圖4

 

步驟2
風鈴製作

1.回到場景Scene1圖層"風鈴"的Frame 1,用繪圖工具繪出一個人偶,並用Insert > Convert to Symbol 將其轉為Graphic元件,並命名為"晴天娃娃"。然後將其從場景中刪除。

2.用Insert > New Symbol 新增一個MovieClip元件,命名為"風鈴",然後進入其編輯畫面,新增一圖層命為"風鈴搖動",並將圖層"Layer 1"更名為"吊繩"。

3.從 Library圖庫中將剛才畫好的"晴天娃娃"元件放入圖層"風鈴搖動"的Frame 1中,縮放到適當大小,並置於MovieClip的中央;然後用Modify > Transform > Edit Center將元件的中心點移到其"晴天娃娃"的頭頂上,如圖5所示:


圖5

 

4.在相同圖層中的Frame 4插入Frame,並將Frame 3 設成KeyFrame,然後用旋轉工具將Frame 3的元件稍微旋轉一個小角度;或用Modify > Transform > Scale and Rotate 呼叫出的對話框去做較精確角度的旋轉,如圖6所示:


圖6

5.到"吊繩"圖層中,在Frame 4 插入Frame,然後在Frame 1 中繪製人偶上方及下方的吊繩,完成後在Frame 3中插入一KeyFrame,然後再將Frame 3中的吊繩略做變動,使吊繩有晃動的感覺。

※注意:Frame 3 下方吊繩的底端頂點位置,最好不要與Frame 1 的差太多,如圖7所示,以免之後在下方擺旋轉照片時會有太奇怪的現象(例如繩子晃到縮小後的照片外)


圖7

6.離開MovieClip"風鈴"的編輯畫面,回到場景Scene1中,將元件"風鈴"及元件"旋轉照片"從Library中分別放到圖層"風鈴"及圖層"旋轉照片"的Frame 1 中,在同時選取該兩個元件後,用對齊工具將兩個元件的中心點水平位置對齊如圖8所示:


圖8

 

步驟3
風動效果及星空背景製作

1.在圖層"星空"的Frame 1中繪製月亮及星星做為背景,並在Frame 6插入Frame。另外在圖層"旋轉照片"及"風鈴"的Frame 6 也插入Frame使影片長度為 6個Frame。

2.在圖層"旋轉照片"的Frame 1將MovieClip"旋轉照片"的中心點移至吊繩底端的下方,如圖9所示,然後在Frame 4插入KeyFrame並將 MovieClip"旋轉照片"旋轉一個小角度。


圖9

3.執行 Control > Test Movie 預覽其效果,完成後檔並輸出。

原始檔下載


回課程目錄