2007年10月29日 星期一

Flash課程(7) | Flash Course(7)

版本:Micromedia Flash MX

對象:國小六年級
時間:四十分鐘

第七節課課程大綱

1.遮罩


遮罩:
(共需新增兩個圖層,一個在"背景資料夾"、一個在"人物資料夾",分別另外增加三個元件:一背景,二人物;在新增的背景元件圖層,其欲起始之影格"插入空白關鍵影格",欲結束之影格"插入影格",並將背景元件拖曳至新增圖層裡。)
將要使用遮罩的圖層(我命名為"土地公",以下稱之)置入一個元件於該圖層欲起始之影格,該影格需事先"插入空白關鍵影格"。

為"土地公"建立一個"移動補間動畫"

在"土地公圖層"之上再新增一個圖層,名字叫做"遮罩",當然,需要設定起始影格及結束影格。

使用工具箱裡的"矩形工具(R)"或"橢圓形工具(O)"來繪製只想要顯示的地方。這畫出來的幾何圖形是會顯示的部分,其他未蓋住的範圍是不會顯示的。

藍色色塊為顯示的範圍

在"遮罩"圖層上按滑鼠右鍵,選擇"遮色片"。

測試影片看看!


以下原是形狀件變,但因複雜度比較高,所以移至下一節課

2007年10月22日 星期一

Flash課程(6) | Flash Course(6)

版本:Micromedia Flash MX

對象:國小六年級
時間:四十分鐘

第六節課課程大綱

1.導引線
2.移動旋轉
3.增加人物元件,使用導引線,繼續上節課未完成的動畫

導引線使用:
Setp1:新增一個圖層並且命名它,假設命名為Dancer,在欲起始動畫之影格上"插入空白關鍵影格",之後把元件從"元件庫"拖曳至場景中;在欲結束之時間軸影格上"插入關鍵影格"。

Setp2:在新增的圖層上按滑鼠右鍵,選擇"增加導引線"。

Step3:在"導引線:Dancer"這個圖層上,與Dancer這個圖層同樣的起始影格位置上按滑鼠右鍵選擇"插入空白關鍵影格"。

Step4:使用"鉛筆工具"繪出導引的路徑。
Step5:選擇Dancer圖層的起始影格,將元件移至導引線起點;選擇結束影格"插入關鍵影格",將元件移至導引線終點。

Step6:於Dancer圖層的起始影格上按滑鼠右鍵"建立移動補間動畫"。
完畢!

移動旋轉:
只要在Dancer圖層的起始影格按一下,然後到程式畫面的下方,"屬性"標籤欄位設定旋轉的方向及次數就可以了。

練習:
將上次動畫繼續完成,並新增一個人物元件到動畫裡,需使用導引線的方式製作。

課程預告:遮罩、形狀漸變

2007年10月15日 星期一

Flash課程(5) | Flash Course(5)

版本:Micromedia Flash MX
對象:國小六年級
時間:四十分鐘

第五節課課程大綱

1.圖層的介紹:新增、刪除圖層、命名圖層、新增圖層資料夾、分類圖層。

2.時間軸:影格檢視模式、描圖紙

1-1:開啟元件庫(F11),先至學校的flash素材網去找尋幾個喜歡的元件,將他們匯入元件庫裡。
1-2:元件最好是分圖層放置,一個圖層放置一個元件,最好是根據出場的順序來放置,最先出現的放在最底層;放置元件的圖層最好以元件內容來命名圖層,未來找尋時較方便。
1-3 :新增圖層資料夾來把圖層分類,同性質的圖層歸再同一個資料夾,譬如說"背景"圖層資料夾裡面的圖層均以背景為主、"人物"圖層資料夾就以人物為主等等分類。

2-1:以上節課所學的"建立移動補間動畫"來串起整個小動畫。
2-2:背景元件以"插入影格"或拖曳影格的方式來延長時間;補間動畫的結束影格的後一個影格則以"插入關鍵影格"及在欲結束的影格上"插入影格"來延長出現的時間。
2-3:描圖紙四個模式可以檢視補間動畫所移動的方式與路徑,其中一個看起來有點像殘影的效果,小朋友都說那是"瞬間移動"。 = =!!! 七龍珠嗎?????
2-4:影格檢視模式從極小到最大,但比較習慣的還是"一般"模式;"預覽"與"預覽影格"模式應該也是少用,開了反而不方便。


2007年10月11日 星期四

Flash課程(4) | Flash Course(4)

版本:Micromedia Flash MX
對象:國小六年級
時間:四十分鐘

第四節課課程大綱

1.元件的使用:轉換成元件、新增元件、元件庫、編輯元件、匯入至元件庫。

這一節主要在學會元件的使用,元件在Flash裡是一個重要的概念,未來的動畫製作幾乎都會牽涉到元件,所以元件的使用要先熟練。

1-1將之前所畫圖案的轉換成元件,只要圈選要轉換的部份,在其上按滑鼠右鍵再選擇"轉換成元件",同時開啟"元件庫"來比較轉換之後的差別。

1-2新增元件:新增一個元件試試,看元件庫裡有沒有增加。

練習:從學校提供的Flash素材選擇想要的swf檔來匯入至元件庫,並利用上節課所學的"建立移動補間動畫"來製作簡單的動畫。

我做的:

2007年10月1日 星期一

Flash課程(3) | Flash Course(3)

版本:Micromedia Flash MX
對象:國小六年級
時間:四十分鐘

第三節課課程大綱

1、工具箱的介紹:筆刷工具、填色變形工具、油漆桶工具、橡皮擦工具、縮放工具、手掌工具

2、簡單的動畫:建立移動補間動畫:小阿貴變成大阿貴

用筆刷工具各種模式來把第一節課畫的阿貴的頭部塗上顏色,再用油漆桶工具圖一次看看,看其中的不同在哪裡?記得先存檔喔!因為等等要擦掉!

原來的


塗完顏色後


示範橡皮擦工具的各種模式把剛剛畫的擦掉,......。


2-1建立移動補間動畫,在影格上按滑鼠右鍵選擇"建立移動補間動畫"
2-2在時間軸上選擇時間長度,決定隻後在其上按滑鼠右鍵選擇"插入關鍵影格"
2-3用自由變形工具將最後一個影格上的阿貴變形
2-4功能列上,控制,播放。

上一節 下一節