足球的动画设定.ppt

著作權所有 ? 旗標出版股份有限公司 第 13 章 速度變化 ─ 我彈！我彈！我彈彈彈！ 本章提要 動畫元件與流程說明 建立元件 製作足球動畫 製作足球陰影動畫 加入足球咚咚聲 顏色效果大蒐密 舉一反三時間 － 驚險的飛行 速度變化 本範例結合了移動補間動畫的速度變化效果、點陣圖的應用、以及聲音的應用。請打開範例檔 ch13.swf , 我們來看看這個喜歡亂彈的足球： 動畫元件與流程說明 元件介紹 動畫製作流程 重點說明 元件介紹 本範例的成員包含 1 顆足球 、1 個陰影及 2 段聲音檔： 動畫製作流程 重點說明 本範例的目的是模擬出真實的足球彈跳情況, 所以除了利用移動補間動畫讓足球一路向右彈跳之外, 還要讓彈跳中的足球產生速度變化效果, 並發出碰撞聲。要注意的是, 足球的陰影不但要緊跟著足球移動, 且必須隨著足球高度改變大小、顏色濃淡, 同時也要加入和足球相同的速度變化；而音效也要隨足球落下高度降低而變小聲, 這樣才能讓動畫整體步伐一致。 建立元件 足球 足球的影子 足球 執行『檔案 / 匯入 / 匯入至舞台』命令, 從書附光碟的範例 \ ch13 資料夾中, 匯入足球圖片 .jpg 圖檔： 足球 由於這張足球圖片的四周含有白邊, 所以接著要進行「去背」工作, 把多餘的白色背景去掉, 只留下中央的足球圖案。請用選取工具選取足球圖片, 然後執 行『修改 / 打散』命令 來分離圖片成為填色區 域, 再按下 鍵取消選 取狀態： 足球 再來我們要將圖片中的白色區域選取起來： 足球 按下 鍵, 將選取的白色範圍刪除, 我們所要的足球就完成了。最後請選取足球圖案後按下 鍵, 將它 變成圖像元件： 足球的影子 請先調配陰影的色彩, 在調色盤面板中設定由黑到透明的 放射狀漸層： 足球的影子 用橢圓形工具畫出一個無框線的圓形物件, 由於圓形內部會填入放射狀的黑色漸層, 看起來就像是個陰影了： 足球的影子 以自由變形工具調整陰影, 將它稍微壓扁一點, 這樣 足球的影 子就大功 告成了： 4. 最後將陰影轉換成圖像元件。 製作足球動畫 設定動畫文件屬性 安排圖層 足球的動畫設定 利用格線來對齊位置 製作速度變化與旋轉效果 自動旋轉的運用 設定動畫文件屬性 此範例共使用了 35 格影格, 用 12 fps 速度播放的話, 可以有 2.8 秒的長度；其文件屬性設定如下： 安排圖層 請建立兩個圖 層, 按照右圖分 別命名；然後開啟元件庫面板, 將足球圖像元件拉曳到足球圖層, 而足球的影子圖像元件則拉曳到足球的影子圖層： 足球的動畫設定 首先設定影格 1 的足球位置, 請將足球移到舞台的左上角, 我們準備讓它往下掉, 並且一路往右邊彈跳過去。 另由於我們暫時用不到 足球的影子圖層, 所以請將該圖層 設為鎖定的狀態： 足球的動畫設定 接著是設定足球落下時的位置, 我們將落下過程設 定為 10 格影格 的長度： 足球的動畫設定 足球落到地面上後總會反彈幾下吧！所以我們要繼續插入幾個關鍵影格, 分別設定幾個反彈與落下時的位置；此範例要讓足球再彈跳兩次, 並且愈來愈向右邊移動, 最後滾出畫面之外。 足球的動畫設定 足球的動畫設定 足球的動畫設定 每個彈跳的起始與結束位置都設定完畢後, 再來就是要讓 Flash 自動產生動畫了；我們要加入的是移動補間動畫, 請用下述方式, 一次將所有關鍵影格間的動畫做好。 足球的動畫設定 利用格線來對齊位置 在設定落下位置時, 如果希望每次都能準確地落在同一個地平面, 可按下 + 鍵顯示格線, 並固定以其中某一條格線來做為虛擬的地面, 這樣足球每次掉到地面的位置就不會忽高忽低 了。再按一 次, 可取消 顯示格線。 製作速度變化與旋轉效果 請利用屬性面板中的加 / 減速功能來設定速度變化： 製作速度變化與旋轉效果 製作速度變化與旋轉效果 其它關鍵影格也請仿照上述方式來設定速度變化, 只要關鍵影格中的足球是在半空中 (準備落下), 就將加 / 減速滑動桿調低；而關鍵影格中的足球若是在地上 (準備彈起), 則將加 / 減速滑動桿調高。設定完畢後, 可按下 鍵預覽一下彈跳結果, 並視需要修改加 / 減速項目的數值。 製作速度變化與旋轉效果 足球在彈跳的過程中難免會轉個幾圈, 要製作這種效果, 只要在屬性面板中設定旋轉圈數即可： 製作速度變化與旋轉效果 接下來為每個關鍵影格設定旋轉圈數, 不過因為後面的彈跳過程比較短, 所