Flash課程(11) -期末檢討| Flash Course(11)-Self-Criticism

這學期的主題放在Flash MX上，為何會如此？因之前的課程把Flash MX跟Swish MX分開，個別製作一項作業，另外包含"金頭腦"程式設計，往往在一個學期上不完全部課程，有鑑於此，乾脆單純的學習一、兩種，而且合併兩種的優點而製作一項專案設計。

但到了期末，呈現兩個極端，完全不會&靈活運用。與其他教學的老師討論，發現每一班都差不多。Flash 的時間軸或是圖層的概念對部分小朋友可能尚無法接受，然後要讓小朋友自行設計這個劇本也似乎有困難。

未來如要再進行此一教學，也許可以換個方式來進行學習。

Flash課程(10) -專案設計| Flash Course(10)-Project Design

小學的FLASH學習技能到以上為止，接下來只做專案的部份。

專案名稱：電子畢業紀念冊

製作方式：以FLASH MX搭配Swish MX來製作，但以Flash MX為主；不需要太多的技巧，沒有限制過程該如何做，完全由之前所學自由發揮，只要結果符合主題即可。

期限：至學期末為止。檔案存於H:\a\s6xxxx. swf

成果：http://ctn.taes.tp.edu.tw/works/html/96flash.htm

Flash課程(9) | Flash Course(9)

版本：Swish Max
對象：國小六年級
時間：四十分鐘

第九節課程大綱

這一節先跳離Micromedia Flash MX。接下來要上文字動畫的製作，我們用Swish Max來快速、簡單地做出華麗的文字動畫，之後將匯入FLASH MX中。

1、Swish Max簡介
2、簡易文字動畫

Swish Max簡介：
1-1：啟動Swish Max程式。

1-2：新增一個電影


1-3：功能列、工具列、工具箱、時間軸、場景、腳本、電影、輪廓等簡單介紹


2-3：開始一個文字動畫。
選擇＂文字＂工具，在用滑鼠點一下想放置文字動畫的位置。

修改右邊文字屬性欄位內的文字，譬如我打上"大家好！"，場景內的文字會動態改變。

之後到左上角的"時間線"裡的"增加效果"選擇一個動畫效果。

最後調整時間長度，按三角型播放按鈕即可預覽

Flash課程(8) | Flash Course(8)

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

第八節課課程大綱

1、形狀漸變動畫

形狀漸變：
欲起始之影格上"插入關鍵影格"，將元件自元件庫拖曳至場景中(如果只是要延續之前的動畫，只要插入關鍵影格即可)。

在起始影格上"建立移動補間動畫"(原本就有動畫的話就可以免了)，然後在場景下邊兒的"屬性欄"裡修改"補間動畫：移動"，修改成為"補間動畫：形狀"。

結束影格上"插入關鍵影格"。刪除此影格裡的元件，並換成要變化後的元件。

點選結束影格裡的元件，從功能列上面"修改(M)"-->"打散Ctrl+B"(如果還沒全部打散，再做一次"修改(M)"-->"解散群組(U)"，到它全部打散為止)。

"修改(M)"-->"打散Ctrl+B"

"修改(M)"-->"解散群組(U)"

打散後

再點選起始影格上的元件，同樣的把它"打散"

完畢！

測試影片看看吧！以下是我的預覽效果的連續截圖

下次課程預告：Swish MX簡單應用(製作Flash MX的文字元件)

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

版本：Micromedia Flash MX

對象：國小六年級

時間：四十分鐘

第七節課課程大綱

1.遮罩


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

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

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

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

藍色色塊為顯示的範圍

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

測試影片看看！


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

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

版本：Micromedia Flash MX

對象：國小六年級

時間：四十分鐘

第六節課課程大綱

1.導引線

2.移動旋轉

3.增加人物元件，使用導引線，繼續上節課未完成的動畫

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

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

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

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

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

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

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

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

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：影格檢視模式從極小到最大，但比較習慣的還是"一般"模式；"預覽"與"預覽影格"模式應該也是少用，開了反而不方便。

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

版本：Micromedia Flash MX

對象：國小六年級

時間：四十分鐘

第四節課課程大綱

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

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

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

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

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

我做的：

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

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

第三節課課程大綱

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

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

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

原來的


塗完顏色後


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


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

上一節 下一節

Flash課程(2) | Flash Course(2)

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

第二節課教學內容大綱

工具箱工具詳細介紹與示範：

鋼筆工具：不規則多邊形+弧邊。

橢圓形工具：邊框與內部色塊。

矩形工具：圓角矩形半徑--->畫個操場吧！

鉛筆工具：直線化、平滑與墨水三模式的差別。

自由變形工具：縮放、旋轉、扭曲與分封線。

墨水瓶工具：畫任意形狀的邊框，用線段或是鉛筆？別傻了，用墨水瓶比較快！

滴管工具：顏色複製；找個跟你一樣的顏色太麻煩，只要＂滴＂一下就OK了。

細部選取工具：邊框的細部變形 V.S 自由變形工具的分封線

套索工具：在只有邊框的黑色台灣地圖裡，簡單畫出各縣市並換上顏色

文字工具：為上面的台灣地圖寫上自己的版權


上一節 下一節

Flash課程(1) | Flash Course(1)

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

第一節課教學內容大綱

1、 Flash MX使用介面簡單介紹：功能列、工具列、時間軸、屬性欄

2、箭頭工具與線段的配合使用。

利用箭頭工具與線段的功能就能仿畫，以網路上簡單線條的卡通圖片當作底圖(匯入或是複製貼上或是PrintScreen擷取畫面)，放置於圖層1，此時可順便導入一些圖層的概念；新增一個圖層，把圖層1鎖定使其不能編輯或修改，於新增之圖層上利用箭頭工具與線段來配合描繪圖層1之卡通圖案，存檔！

註：圖層概念、匯入檔案、匯入至元件庫目前只是使學生會使用，並不要求熟練，重點在於拉近flash與學生的距離，不至於一開始就嚇跑學生！另外，所使用之圖片以學生熟悉及線條簡單為主，線條太複雜的CG，光是老師示範就得號很久的時間了。這節課我是以阿貴 網站之動畫來示範，Alt+PrintScreen來擷取想要的畫面。

我的示範 My Model


結果Result： = =!!! 還可以啦！哈！


下一節