第1章精品课件.pptVIP

第 12 章 速度變化─搖擺盪鞦韆 本章提要 12-1 動畫元件流程說明 12-2 調整鞦韆實體與製作陰影元件 12-3 製作鞦韆擺動動畫 12-4 製作鞦韆陰影動畫 12-5 調整陰影及鞦韆的速度變化 12-6 加入音效 12-7 延伸學習 前言 本章範例結合了更改變形點的位置、實體旋轉角度的設定、移動補間動畫的旋轉效果, 以及音效的應用。 請打開範例檔 12.swf, 我們現在就來回憶一下玩盪鞦韆的景象吧！ 12-1 動畫元件流程說明 元件介紹 動畫製作流程 重點說明 元件介紹 本範例會使用到的元件包含 1 張背景、1 組鞦韆、1 支鞦韆桿、1 個陰影, 以及背景音效檔。 元件介紹 元件介紹 動畫製作流程 重點說明 我們在範例中利用更改實體變形點位置的技巧, 配合移動補間動畫的功能製作出鞦韆左右擺盪的效果。 本範例是模擬真實的鞦韆擺盪速度, 所以還會加入鞦韆速度變化的效果, 我們將會設定鞦韆由右邊最高點擺盪到左邊最高點時, 速度由最快遞減至無速度狀態；由左邊最高點擺盪到右邊最高點也是設定相同的速度變化。 重點說明 鞦韆的陰影因為要緊跟著鞦韆擺盪左右水平移動, 所以也必須設定與鞦韆同步的速度變化。 為了讓整支動畫有完整的視聽感受, 所以我們將會在動畫中加入背景音效, 並設定為循環播放, 當動畫循環播放時, 音效也會不間斷的反覆播放。 12-2 調整鞦韆實體與製作陰影元件 文件屬性設定 圖層的配置 調整鞦韆實體的變形點 製作鞦韆陰影元件 文件屬性設定 本章範例的文件屬性如下圖所示： 圖層的配置 我們已經在背景圖層中安排好背景實體, 鞦韆動畫圖層中安排好鞦韆實體的位置, 現在請開啟練習檔 12-learn.fla。 調整鞦韆實體的變形點 利用工具面板中的自由變形工具旋轉實體時, 你會發現實體會以變形點為基準點旋轉, 若能夠更改變形點位置, 那麼我們就能夠配合移動補間動畫, 製作出鞦韆擺盪效果 (有關實體變形點的詳細介紹, 請參考第 6 章)。 調整鞦韆實體的變形點 調整鞦韆實體的變形點 調整鞦韆實體的變形點 瞭解我們要製作的效果後, 接下來就可以開始來調整實體的變形點位置了： 首先選擇使用工具面板中的自由變形工具, 接著選取舞台中的鞦韆實體後, 你將看到實體的變形點會以空心圓表示。 調整鞦韆實體的變形點 調整鞦韆實體的變形點 拉曳變形點移動到 2 條鞦韆繩頂段中間的位置後, 當旋轉鞦韆實體時就會有鞦韆擺動的效果。 調整鞦韆實體的變形點 製作鞦韆陰影元件 本範例中製作陰影元件的方法相當簡單, 只要在鞦韆下面繪製出大概的陰影輪廓, 並填入深灰色後, 就可以製作出陰影的效果。 首先請在鞦韆動畫圖層下面新增陰影動畫圖層, 我們會將陰影繪製在此圖層。 製作鞦韆陰影元件 製作鞦韆陰影元件 利用工具面板中的鉛筆工具在鞦韆下面繪製出陰影輪廓 (只要繪製出大概的形狀就可以了), 接著填入深灰色, 並刪除輪廓線後, 建立名稱為 陰影 的圖像元件後, 陰影元件就完成了。 製作鞦韆陰影元件 12-3 製作鞦韆擺動動畫 前面我們已經完成了鞦韆元件的變形點調整, 並製作好了陰影元件, 現在只要再加上鞦韆懸吊桿的鞦韆桿元件, 最後再加上移動補間動畫功能就可以製作出鞦韆動畫。 移動補間動畫說明 在製作鞦韆動畫前, 我們先來瞭解一下移動補間動畫的作用對象與作用條件： 利用移動補間動畫製作鞦韆動畫 我們已經在舞台中安排了調整過變形點的鞦韆實體, 以及繪製好的陰影元件, 請開啟練習檔 12-learn1.fla。 背景中我們已經安排了懸吊鞦韆的柱子, 現在請在鞦韆動畫圖層上, 新增一個鞦韆桿圖層, 然後由元件庫面板中, 拉曳鞦韆桿實體到柱子上面的位置, 做為鞦韆的懸吊桿。 利用移動補間動畫製作鞦韆動畫 利用移動補間動畫製作鞦韆動畫 利用移動補間動畫製作鞦韆動畫 拉曳鞦韆元件, 將鞦韆繩連接在鞦韆桿實體上的繩子上。 利用移動補間動畫製作鞦韆動畫 執行『視窗/變形』命令開啟變形面板, 設定影格 1 上的鞦韆實體旋轉角度。 利用移動補間動畫製作鞦韆動畫 利用移動補間動畫製作鞦韆動畫 接下來我們將各圖層的時間軸長度增加為 40 影格, 然後分別在鞦韆動畫圖層的 20 影格以及 40 影格上設定關鍵影格。 利用移動補間動畫製作鞦韆動畫 利用移動補間動畫製作鞦韆動畫 選取第 20 影格的鞦韆元件後, 在變形面板中設定鞦韆左擺的角度。 利用移動補間動畫製作鞦韆動畫 選取鞦韆動畫圖層的所有影格後, 接著要加入移動補間動畫, 讓鞦韆產生擺動的動畫效果。 利用移動補間動畫製作鞦韆動畫 利用移動補間動畫製作鞦韆動畫 12-4 製作鞦韆陰影動畫 繪製出陰影圖形後, 關鍵影格只要設定與鞦韆同步, 加上移動補間動畫後, 那麼就可以製作出緊跟著鞦韆移動的陰影動畫了。 首先在鞦韆動畫圖層