4 圖層與動畫
本章投影片
4-1 圖層
單一圖層
選取圖像(元件)->排列。
多圖層
投影片 2~3
編輯圖層
- 新增:可插入新圖層。
- 改變順序:拖曳可移動圖層順序,愈「上方」的圖層,會遮住「下方」的圖層。
- 更名:兩次,可更改圖層名稱。
- 刪除:可刪除圖層。
- 鎖定:點選「鎖」的圖示,可(解開)鎖定該圖層,以讓此圖層可看得到,但無法編輯。
- 隱藏:點選「眼睛」的圖示,可(解開)隱藏該圖層,以讓此圖層看不得到,也無法編輯。
- 若該圖層有一支筆或是反白,即代表目前是編輯該圖層。
做三個圖層,放置疊合的元件或圖像,並隱藏之。
4-2 時間軸與影格
投影片 4~6
在時間軸上,可對影格做三個基本動作:
插入影格:(矩形)將目前影格前之關鍵影格內容,一直複製至此影格(其間所有影格內容皆會一致)。故若直接編輯此影格內容,會連帶將由關鍵影格至此影格之間所有內容一併改變。
插入關鍵影格:(黑點)是一有意義且可影響此圖層動作的影格。插入關鍵影格時效果如同插入影格一樣(都會自動複製之前的內容,但只會複製至前一格),但在插入的該影格的內容做編輯,不會連帶影響之前的內容,而該影格就是動畫的關鍵(key)。
插入空白關鍵影格:如同插入關鍵影格,差別只在於該空白關鍵影格的內容,不會複製之前的內容。它會留下空白的內容供編輯。
移除影格:
可以在該圖層先選取一未使用影格,再拖曳,->移除影格,將影格連帶其內容皆移除。若是以直接刪除的話,會成為空白影格,就如同空白關鍵影格。
此單元需多做練習方能體會,之後的課程會有較多的實例。
下載後以圖庫開啟 UFO
,將此元件插入後(產生第一個關鍵影格)並插入影格及第二個關鍵影格。然後按「控制」->「播放」,試著做出以下結果。
4-3 動畫
分為以下四種
4-3-1 移動補間動畫
投影片 7~10
動畫必須是元件、群組化物件或文字才可。
製作步驟
- 於動畫開始處建立一關鍵影格。
- 在開始處之影格製作一元件圖像。
- 於動畫結束處建立一關鍵影格。
- 在結束處之影格,將剛建立之元件圖像移動位置。
- 在開始處之影格,選「建立移動補間動畫」。成功後,影格會由灰底變成藍底箭頭 。若之後編輯時出錯,有可能會出現藍底虛線的狀況,此時請將所有出錯的影格移除,再重做一次。
- 按播放
要如何才能讓背景持續出現呢?下載後以圖庫開啟 UFO
「視窗」->「屬性」->「屬性」
- 無:不旋轉。
- 自動:若動畫之前一個與後一個關鍵影格中之角度有改變,會自動旋轉。
- 順時針:以順時針方向旋轉,需至少1次。
- 逆時針:以順時針方向旋轉,需至少1次。
選項(導引線動畫專用):
- 沿向路徑(沿路徑方向):動畫會以垂直導引線的方向移動(在第一個影格設即可)。
- 同步化:略
- 貼齊:導引線動畫的第一及最後一個影格必選。
4-3-2 導引線動畫
投影片 16~17
製作步驟:
- 建立一移動補間動畫。
- 點選此移動補間動畫的圖層,增加導引線(圖層)。
- 在此導引線圖層上的任一影格,繪製(不限繪圖工具)想要移動的路線。
- 在移動補間動畫的第一個影格設為「貼齊」,並將之移動至移動路線的起點(此時移動補間的物件應會黏上導引線)。
- 在移動補間動畫的最後一個影格設為「貼齊」,並將之移動至移動路線的終點(此時移動補間的物件應會黏上導引線)。(如果你看不到「貼齊」,請你將此影格「屬性」中之「補間動畫」設為「移動」
另外亦可配合「視窗」->「屬性」->「屬性」使用。
在「播放」時會出現導引線,但在「輸出」或「測試」時不會出現。
4-3-3 逐格動畫(Frame by Frame)
投影片 11~12
略…
4-3-4 形狀補間(變形)動畫
投影片 13~15
可將一張圖像轉換成另一張圖像。
圖像必須是非元件、群組化物件或文字才可。否則必須先「修改\解除群組」或「修改\打散」。
製作步驟:
- 在第一個關鍵影格繪製圖像。
- 在目的影格插入關鍵影格,並將此影格中之內容刪除(或修改)再加入所欲變形之結果圖形。
- 在中間任一影格中,選「建立形狀補間動畫」。成功後,影格會由灰底變成綠底箭頭 。若之後編輯時出錯,有可能會出現綠底虛線的狀況,此時請將所有出錯的影格移除,再重做一次。
變形動畫--提示點
此加入提示點之操作,需要經過反覆的試驗才容易得到想要的成果。
製作步驟:
- 先製作變形動畫。
- 在第一個關鍵影格中「修改」->「形狀」->「增加形狀提示點」。再將這型提示點放置於想要的位置。
- 在最後一個關鍵影格中,將這型提示點放置於想要的位置。
- 此時請檢查在第一個關鍵影格中提示點會變成黃色,最後一個關鍵影格中提示點會變成綠色。
若要消除提示點,則在第2.步驟之最後改選「移除所有形狀提示點」,或是在提示點上「移除所有形狀提示點」或「移除形狀提示點」,即可。
無提示點
有提示點
4-3-5 編輯時間軸
投影片 18~19
移除不要的動畫(影格)
- 可以在該圖層先選取一未使用影格,再拖曳反白不要的動畫(影格),再「移除影格」,將影格連帶其內容皆移除。
- 可以在該圖層先選取一未使用影格,再拖曳反白不要的動畫(影格),再以直接刪除的話,會成為空白影格,就如同空白關鍵影格。
延伸動畫時間
- 在第二個關鍵影格後插入空白影格--會使動畫的最後一個圖像「靜止地」複製。
- 將第二個關鍵影格向右拖曳--會使動畫變慢。
縮短動畫時間
- 將第二個關鍵影格向左拖曳,再「移除影格」移除多出的影格--會使動畫變快。
改變動畫出現時間
- 可以在該圖層先選取一未使用影格,再拖曳反白欲改變動畫之所有影格,再行拖曳。
準備作業
TOP