第五次上課:移動漸變動畫(撞球動畫1)
◎FlashCC軟體
http://www.adobe.com/tw/products/flash.html#x
◎Flash使用者介面(舊版)
場景(Scene) :是動畫真正呈現的地方,相當於「舞台」。 「元件」設計好之後,可以從「元件庫」中拖曳到「場景」上來演出。
元件(Symbol):是一種可以重複利用的元素,設計好的元件,都會放在「元件庫」中。 元件的使用,能使動畫的製作更有效率,且能有效縮減動畫檔案的大小。其種類如下圖所示
時間軸(Timeline):就是「隨著時間的進行,播放出一格一格的動畫」。
影格(Frame):分為以下幾種
關鍵影格︰表示此影格有放入物件。
空白關鍵影格︰表示該影格未放入物件。
(普通)影格︰可延長動畫的時間,呈現出上一個「關鍵影格」的內容。
移動補間動畫影格(移動漸變)︰在兩個關鍵影格間,設定了物件移動的動畫效果。
動作影格︰關鍵影格上頭多了一個「a」,表示此一影格有設定「動作」。
圖層︰當同一時間,有兩種以上的動畫要出現在場景中的時候,就必須使用多個「圖層」來管理。
◎Flash教學網站
影片教學
網頁教學
◎Flash優良作品觀摩:
◎Flash基礎概論
在Flash內一段動畫至少要有2個不同的畫面來構成動畫,這2個畫面影格就是所謂的關鍵影格,它分別代表一段動畫的開始或是結束,基本結構如圖1。
我們只須設定動畫的開始及結束,其餘的部份就交給Flash幫我們完成。
在Flash 中動畫可大致分為三種:
實作1-撞球
網碟建立
1.我的電腦/右鍵/連線網路磁碟機
2.磁碟:Z 資料夾 \\10.231.114.143\03**\**
3.我的電腦Z磁碟
實作步驟
一.開啟舊檔
Step1下載撞球原始檔"點選後按右鍵,選擇"另存連結為" ,下載"撞球.fla"的檔案。
Step2 在功能表列上按下【檔案】/【開啟舊檔】,點選檔名【撞球.fla】。 開啟檔案後就會出現下列的檔案。
二.設定場景大小及圖層更名
Step1 在屬性面板中下【大小】紐,出現文件屬性對話方塊,在尺寸中設定寬度【750px】,高度【438px】,然後按下【確定】。
將顯示比例改為【50%】,以方便瀏覽。
Step2先將圖層名稱改為【球台】,接著從元件庫中將元件【球台】拖曳至編輯區中。
三.繪製撞球動畫需要元件-球及球杆
Step1 開始製作【紅球】、【黃球】、【藍球】、【白球】四個元件。
首先在功能表列按下【插入】/【新增元件】,出現建立新元件對話視窗,選擇行為指令為【圖像】,名稱更修為【紅球】,按下【確定】。
Step2 開始繪製紅球,首先點選左側工具箱中的【橢圓型工具】,接著將【筆畫顏色】點選為無,並且更改【填充顏色】為紅色。
配合按著【Shift】鍵不放,再拖曳滑鼠畫出正圓,畫出一個正圓後可以利用【選取工具】去點選所畫的正圓,之後在屬性面板中會出現此正圓的資訊,可將此資訊修改為寬【60】、高【60】,X座標跟Y座標皆為【-30】。
【黃球】、【藍球】、【白球】的製作方式同【紅球】,只是記得元件的名稱是不同的唷!
Step3 在功能表列按下【插入】/【新增元件】,出現建立新元件對話視窗,選擇行為指令為【圖像】,名稱更修為【球杆】,按下【確定】,進入元件【球杆】的編輯區域。
先點選左側工具箱中的【矩形工具】,於編輯區中繪製一個長方形圖案,並且將【筆畫顏色】點選為無,並且更改【填充顏色】為咖啡色。
利用【選取細部工具】來改變此長方形讓它變成有點類似長梯型的感覺,點選長方形的右上角將它向上拉曳作變形,之後再點選長方形的右下角同樣進行拖曳變形,如果覺得球杆太胖太短了一點可以利用【自由變形工具】來改變它的長相。
四.將元件拖曳至編輯區
Step1 回到場景1的編輯區,在【球台】的圖層中的第40影格上按下右鍵/【插入影格】。 接著依序插入新的圖層名稱為【球杆】、【白球】、【紅球】、【黃球】、【藍球】,接著從元件庫中將所對應的元件逐一拖曳至所對應的圖層當中的編輯區。
五.存檔
Step1 檔案/另存新檔
路徑放在Z:\多媒體\flash動畫\10303**-1.fla