Download
1 / 19
190 likes | 266 Views
活蹦亂跳的足球. 本範例結合了點陣圖的應用、漸層色陰影效果、移動補間動畫的旋轉效果 , 以及音效的進階應用。 請打開範例檔 12-a01.swf, 我們先來看看這個愛亂跳的足球。. 活蹦亂跳的足球. 請打開練習檔 12-q01.fla, 我們在舞台中並沒有安排任何的元件 , 只有在 元件庫 面板中準備了足球碰撞地面的 碰撞聲 音效 , 以及 滾動聲 音效 , 另外還有 2 個主要元件 , 我們將會利用匯入的方式製作足球元件 , 使用漸層填色功能製作出足球陰影。. 匯入足球的點陣圖製作元件.
E N D
活蹦亂跳的足球 • 本範例結合了點陣圖的應用、漸層色陰影效果、移動補間動畫的旋轉效果, 以及音效的進階應用。 • 請打開範例檔 12-a01.swf, 我們先來看看這個愛亂跳的足球。
活蹦亂跳的足球 • 請打開練習檔 12-q01.fla, 我們在舞台中並沒有安排任何的元件, 只有在元件庫面板中準備了足球碰撞地面的碰撞聲音效, 以及滾動聲音效, 另外還有 2 個主要元件, 我們將會利用匯入的方式製作足球元件, 使用漸層填色功能製作出足球陰影。
匯入足球的點陣圖製作元件 • 雖然我們可以利用 Flash 繪圖工具畫出足球圖形, 但是為了方便與逼真起見, 所以我們要匯入一張足球的點陣圖來製作元件。 • 請執行『檔案/匯入/匯入至舞台』命令, 從書附光碟中匯入足球圖片.jpg圖檔, 然後選取舞台中的足球圖片, 執行 『修改/打散』 命令打散圖片成為填色區域。
匯入足球的點陣圖製作元件 • 接下來利用工具面板中的魔術棒工具, 將足球圖片不必要的部分選取起來。
匯入足球的點陣圖製作元件 • 按下 [Delete] 鍵, 將選取的白色範圍刪除, 我們所要的足球就完成了。最後請選取足球圖案後, 按下 [F8] 鍵建立名為 "足球" 的圖像元件。
匯入足球的點陣圖製作元件 • 圖形在去背後, 若發覺圖形邊緣仍有一些顏色沒有去除乾淨, 那麼你可以放大檢視比例後, 再重複上述的方式點選並去除乾淨, 以達到精確的去背效果。
繪製足球的漸層色陰影 • 接著我們來繪製足球的陰影, 只要設定由黑到透明的放射狀漸層色後, 再繪製出橢圓形即可完成。 • 請先在調色盤面板中, 設定由黑色到透明的放射狀漸層色。
繪製足球的漸層色陰影 • 利用橢圓形工具繪製出無框線的圓形, 由於圖形內填入了放射狀的漸層色, 看起來就會像是個陰影。
繪製足球的漸層色陰影 • 利用自由變形工具調整陰影的比例, 接著就可以轉換成圖像元件完成陰影製作了。
設定移動補間動畫的旋轉效果 • 移動補間動畫除了能夠設定速度變化外, 還能夠設定動畫移動時的旋轉效果, 前面已經介紹過補間動畫的製作, 所以這裡只會介紹旋轉功能。 • 下面為足球及陰影元件的圖層安排, 請開啟練習檔 12-q02.fla。
設定移動補間動畫的旋轉效果 • 這裡我們設定落下的關鍵影格加/減速值為 -100, 彈跳時則設定為 100；在設定足球加/減速值的同時, 再進階設定彈跳時順時針旋轉。
音效的進階控制 • 前面我們介紹過聲音的事件選擇, 以及循環播放的設定, 這裡我們會利用音量控制, 讓聲音由大逐漸變小聲, 下面我們已經在幾個影格中分別插入足球滾動和碰撞地面的音效, 請開啟練習檔 12-q03.fla。
音效的進階控制 • 經過最後的音效設定後, 足球彈跳動畫就已經完成了, 你可以開啟完成檔 12-a01.fla 對照是否設定正確。
