第四次上課:移動漸變動畫(撞球動畫1)


成果範例

高雄市K12學校鹽埕國中Flash教學網站

錄影教學


實作步驟

Step1下載撞球原始檔"點選後按右鍵,選擇"另存目標" ,下載"撞球.fla"的檔案。

Step2 在功能表列上按下【檔案】/【開啟舊檔】,點選檔名【撞球.fla】。 開啟檔案後就會出現下列的檔案。



Step3 在屬性面板中下【大小】紐,出現文件屬性對話方塊,在尺寸中設定寬度【750px】,高度【438px】,然後按下【確定】。 將顯示比例改為【50%】,以方便瀏覽。

Step4先將圖層名稱改為【球台】,接著從元件庫中將元件【球台】拖曳至編輯區中,再來選取場景1的點陣圖按右鍵轉換為元件,名稱取為球桌。

Step5 然後在功能表列按下【視窗】/【對齊】,再點選【對齊水平中心】,之後再點選【對齊垂直中心】,讓元件【球台】呈現在場景的正中央。

Step6 開始製作【紅球】、【黃球】、【藍球】、【白球】四個元件。 首先在功能表列按下【插入】/【新增元件】,出現建立新元件對話視窗,選擇行為指令為【圖像】,名稱更修為【紅球】,按下【確定】。

Step7 開始繪製紅球,首先點選左側工具箱中的【橢圓型工具】,接著將【筆畫顏色】點選為無,並且更改【填充顏色】為紅色。 配合按著【Shift】鍵不放,再拖曳滑鼠畫出正圓,畫出一個正圓後可以利用【選取工具】去點選所畫的正圓,之後在屬性面板中會出現此正圓的資訊,可將此資訊修改為寬【60】、高【60】,X座標跟Y座標皆為【-30】。 【黃球】、【藍球】、【白球】的製作方式同【紅球】,只是記得元件的名稱是不同的唷!



Step8 在功能表列按下【插入】/【新增元件】,出現建立新元件對話視窗,選擇行為指令為【圖像】,名稱更修為【球杆】,按下【確定】,進入元件【球杆】的編輯區域。 先點選左側工具箱中的【矩形工具】,於編輯區中繪製一個長方形圖案,並且將【筆畫顏色】點選為無,並且更改【填充顏色】為咖啡色。 利用【選取細部工具】來改變此長方形讓它變成有點類似長梯型的感覺,點選長方形的右上角將它向上拉曳作變形,之後再點選長方形的右下角同樣進行拖曳變形,如果覺得球杆太胖太短了一點可以利用【自由變形工具】來改變它的長相。

Step9 回到場景1的編輯區,在【球台】的圖層中的第40影格上按下右鍵/【插入影格】。 接著依序插入新的圖層名稱為【球杆】、【白球】、【紅球】、【黃球】、【藍球】,接著從元件庫中將所對應的元件逐一拖曳至所對應的圖層當中的編輯區。