單元二基本動畫的複習

FLASH最重要的功能就是動畫，從這個星期開始，我們要複習上學期的學過的各種動畫。

知識篇

逐格動畫就是將連續動作拆解成一個一個的分解動作，然後將他們連續播放看起來就像會動的一般。通常我們做逐格動畫的時候是從第一個動作開始畫出，然後插入關鍵影格，再畫出第二個動作，繼續插入關鍵影格插入第三個動作，直到所有的動作都做完為止。

上學期的逐格動畫

1.畫一個橢圓形(長一點)
2.群組(黑色箭頭工具，選取花，功能表修改/群組物件)
3.改變中心點(功能表修改/變形/編輯中心點),將+移到下方
4.複製花瓣(功能表視窗/浮動面板/變形)，輸入30度，連續按下複製和應用變形
5.將整朵花群組
6.按下F6
7.旋轉花朵(用實心箭頭的旋轉)
8.增加一個圖層(按+號) 圖層2
9.用刷子工具畫出葉子
10.將圖層2移到下方

本學期的逐格動畫我們採用由最後一個往前做的方式。

解惑篇

Q1.什麼是關鍵影格？
A1.在時間軸中呈現黑點的稱為關鍵影格，表示這是一個由你畫出來的畫面。

Q2.如何拷貝複製影格？
A2.在你要複製的影格按下右鍵選擇拷貝影格，然後在完成的地方貼上影格。

Q3.我的影格位置不夠？
A3.功能表插入/影格（F5）。

Q4.我的影格位置太多？
A4.功能表插入/移除影格（Shift+F5）。

Q5.我的文字為什麼擦不掉？
A5.你是不是忘記【打散】。

操作篇

[一]練習完成底下作品

1.在第15影格插入關鍵影格
2.輸入新年快樂，並且打散
    2.1用文字工具輸入新年快樂
    2.2功能表修改/打散
    2.3用黑色箭頭工具，將文字放大到適當大小
3.在第15格上面按下右鍵，拷貝影格
4.在第14格上面按下右鍵，貼上影格
5.稍微將文字刪除一些（將樂下方的木刪除）
7.在第14格上面按下右鍵，拷貝影格
8.在第13格上面按下右鍵，貼上影格
9.稍微將文字刪除一些
10.繼續往前一個影格製作，如果影格不夠或太多，請看上面的說明。

知識篇

補間動畫就是將連續動作拆解成第一動作和最後一個動作，然後將之間的動作交給電腦產生。通常我們做補間動畫的時候是從第一個動作插入關鍵影格開始畫出，然後再到第二個動作的影格的位置插入關鍵影格畫出，最後在兩個影格之間，插入/產生移動補間動畫。

上學期的補間動畫

1.在功能表視窗/一般的程式庫/Movie Clips找到飛機BiPlane
2.用實心箭頭的縮放功能將飛機縮小一些，然後定位
3.在20格點一下，按下F6
4.將飛機移到右邊
5.在時間軸上按下滑鼠右鍵，選建立移動補間動畫
6.在21格點一下，按下F6
7.翻轉飛機(功能表修改/變形/水平翻轉)
8.在40格點一下，按下F6
9.在時間軸上按下滑鼠右鍵，選建立移動補間動畫

本學期的補間動畫我們採用遮罩式的補間動畫

解惑篇

Q1.什麼是遮罩式的補間動畫？
A1.我們要設計兩個圖層，一個圖層是背景，一個圖層是遮罩，用遮罩的那一層做補間動畫，顯示的時候就只有遮罩的部分會顯示出來。

Q2.為什麼遮罩(遮色片)要在背景圖層的上面？
A2.背景本來就要放在下面，遮罩可以看成一個放大鏡，只有放大鏡的地方才會把背景顯示出來。

Q3.如果我的遮罩搞錯層的話該怎麼辦？
A3.將遮罩圖層移到上方，按下右鍵設定成遮色片。

操作篇

[一]練習完成底下作品

1.功能表插入/新增元件，在元件圖中畫一個實心圓（任意顏色）。
2.輸入你的班級座號姓名
    2.1用文字工具輸入班級座號姓名
    2.2功能表修改/打散
    2.3用黑色箭頭工具，將文字放大到適當大小
    2.4可以塗上適當的顏色
3.新增一個圖層在圖層1的上方
4.在圖層2上按下右鍵，選遮色片
5.將實心圓放在圖層2，移動到文字的左邊，並調整大小
7.在第20格插入關鍵影格(兩層都要)
8.將實心圓，移動到文字的右邊
9.在時間軸上按下滑鼠右鍵，選建立移動補間動畫

[二]作成像飛機一樣左右來回移動，加5分

提示：兩層都使用關鍵影格、使用複製影格的功能

知識篇

[導引線動畫]如果我們的動畫路線不是一直線，而是彎曲的路線，這時候就要使用導引線。導引線動畫和補間動畫相同的是將連續動作拆解成第一動作和最後一個動作，然後將之間的動作交給電腦產生。導引線圖層是一個獨立的圖層，我們在這個圖層中畫出導引線，然後將動畫的物件黏在導引線的端點，最後在兩個影格之間，插入/產生移動補間動畫。

上學期的導引線動畫

(移動的太陽)
1.先畫一個太陽物件(按下Ctrl+F8新增一個元件s)
2.選出太陽物件來使用
3.增加導引線(按/\/+)
4.畫出一個圓弧(畫一條直線，然後把它拉成圓弧形)
5.將太陽的中心點黏上去(左端點)
6.在20格按下F6(兩層都要)
7.將太陽的中心點黏上去(右端點)
8.在圖層1插入/產生移動補間動畫

本學期的導引線動畫要做【老鼠走迷宮】，老鼠所走的路線是彎彎曲區的。

操作篇

[一]練習完成底下作品

1.在圖層1畫出一個迷宮 1.1用直線畫出一條橫線 1.2用黑色箭號工具，按著Ctrl鍵，複製多條橫線 1.3用直線畫出一條縱線 1.4用黑色箭號工具，用shift鍵選出全部縱線，按著Ctrl鍵，複製多條縱線 1.5適當的移除不要的間隔，用黑色工具點選後按下delete鍵 1.6在終點畫一個紅色實心圓 1.7在圖層1上按兩下改成【迷宮】
2.增加前景圖層 2.1在迷宮圖層的上方增加一個圖層2 2.2在圖層2上方增加一個導引線圖層2
3.在導引線圖層2，用鉛筆畫出老鼠的路徑
4.在圖層2，將老鼠黏在老鼠路徑的開始點 5.在60格插入關鍵影格(三層都要) 6.在圖層2，將老鼠黏在老鼠路徑的結束點	老鼠的位置：視窗/內建圖庫/Graphics/Mouse
7.在時間軸上按下滑鼠右鍵，選建立移動補間動畫

知識篇

[動畫整合]如果我們要將多種動畫結合在一起，我們就要活用拷貝影格，刪除影格和拖曳影格等功能，也要充分的使用不同的圖層。

操作篇

[一]練習完成底下作品

1.製作老鼠走迷宮的動畫（導引線動畫）
   1.1將圖層1改成迷宮圖層，並且畫一個實心圓表示終點
   1.2在迷宮圖層上方增加一個圖層2
   1.3在圖層2上方增加一個導引線圖層2
   1.4在導引線圖層2，用鉛筆畫出老鼠的路徑
   1.5從內建圖庫中找出老鼠，在圖層2，將老鼠黏在老鼠路徑的開始點
   1.6在圖層2的60格插入關鍵影格(三層都要)
   1.7在圖層2，將老鼠黏在老鼠路徑的結束點
   1.8在圖層2的時間軸上按下滑鼠右鍵，選建立移動補間動畫
2.製作逐漸顯示名字的動畫（遮罩式補間動畫）
   2.1在迷宮圖層的下方增加圖層4和圖層5(圖層4在圖層5的下方)
   2.2在圖層4(最下方圖層)61格插入關鍵影格，輸入班級座號姓名，並且打散
   2.3功能表插入/新增元件，在元件圖中畫一個實心長方形
   2.4在圖層5的61格插入關鍵影格，從圖庫中拖出實心長方形，並調整大小到可以蓋住全部姓名，然後移動到名字的最前面。
   2.5在圖層4和圖層5的85格插入關鍵影格
   2.6在圖層5的85格，將實心長方形，移動到蓋住全部姓名
   2.7在圖層5的61-85格之間，按下右鍵，選建立移動補間動畫
   2.8在圖層5按下右鍵，選遮色片
注意：我們省略了迷宮的部分

[二]練習完成底下作品

1.增加一個圖層6在迷宮圖層的上方
2.在圖層4的61格拷貝影格
3.功能表插入/新增元件，在元件圖中貼上影格
4.在元件圖中的第2格插入空白關鍵影格
5.回到場景1，在圖層6的31格插入關鍵影格，然後加入剛才畫的元件，並且移動到適當的位置。
6.將圖層6的85格拖回59格

情意篇

1.學過的東西要經常複習
2.正反思考都值得嘗試
3.多教別人一點自己也會有所進步