第八次上課:移動漸變動畫(導引線動畫-月亮繞地球.地球繞太陽)


成果範例

網碟建立

1.我的電腦/右鍵/連線網路磁碟機

2.磁碟:Z 資料夾 \\10.231.114.143\03**\**


實作步驟-訓練自學能力

文字教學

1.製作元件

Step1.下載月亮繞地球的檔案

Step2.檔名改為03****earth-moon.fla 並開啟


Step3.插入/新增元件: 名稱:sun. 類型:影片片段.然後按下【確定】

Step4.開始繪製太陽: 首先點選左側工具箱中的【橢圓型工具】, 接著將【筆畫顏色】點選為無, 【填色顏色】點選為【紅色漸層】。 配合按著【Shift】鍵不放,再拖曳滑鼠畫出正圓


Step5.將太陽變顏色. 點漸層及顏色面板自行調整

Step6.改變太陽的大小. 點【自由變形工具】可調整大小。


錄影教學-1.製作元件


2.圖層及時間軸安排

Step1.回到場景1

Step2.將圖層1改名為”em” 並將元件庫中EarthAndMon元件拖曳至編輯區的第一個影格

Step3.在【em】的圖層中的第45影格上按下右鍵/【插入關鍵影格】



Step4.在第45影格的位置,將[EarthAndMon]元件平移到右邊



Step5.在第1~45影格中間的位置,設定移動補間



Step6.在【em】圖層上方,按右鍵【插入圖層】,並且在名稱的地方點兩下,把圖層名稱改為【sun】


Step7.在【sun】圖層上,點到第一格影格,將【sun】元件拉進來

錄影教學-2.圖層及時間軸安排



3.製作導引線動畫


Step1.在圖層【em】上面按右鍵【增加導引線】.此時會多一個導引線圖層


Step2.在導引線的圖層上畫一個圓(繞行的軌道),這個軌道是外框線無填色(外框顏色要亮的顏色如黃色,填色是空白.利用變形工具可改變軌道角度 )


Step3.使用選取工具,選取導引線圖層內的曲線一段.造成一個缺口(導引線必須是非封閉曲線.要有兩個端點)


Step4.按DEL鍵,把缺口刪掉。


Step5選取【em】圖層的【第1個影格】 移動EarthAndMon元件到缺口的一端點。接著移動到【em】圖層的【第30影格】 移動EarthAndMon元件到缺口的另一端點。(順時針及逆時針皆可)

※注意!選項上的【磁鐵】要按下,地球中心的圈圈要對好缺口端。

錄影教學-3.製作導引線動畫



4.存檔.測試及發佈


Step1.CTRL+S存檔: 檔案/儲存檔案. 檔名為03****earth-moon.flaa


Step2.Ctrl+ENTER 測試: 控制/測試影片


輕鬆一下

Flash互動式教具

http://edson.tw/teaching_aids.html