7.由於「狀態5」需要和「狀態1」相同的樣式,故開啟樣式面板,按新增樣式鈕記錄下這個樣式,此例名稱設為移動A;點選「狀態5」套用樣式後,以上述方式將它拖曳至畫面最左邊。
9.對著「狀態3」右鍵/屬性,設定停留時間為100/100秒(表示需要停留1杪令人看清楚字)。
10.製作告一段落,便可用播放/停止鈕預覽,之後在「最佳化」面板設定匯出格式為動畫Gif。
檔案/匯出/儲存為Gif,成品如下:
設計補間動畫
目的:透過補間動畫的功能,將文字直接由右邊淡入,到左邊淡出。
步驟1~4同上,
5.因為文字在後續還要重複使用,故得先將文字轉換成元件。點選「圖層2」的文字物件,再點選修改/元件/轉換成元件。(由下方屬性欄可以看出文字轉換為元件)。
6.將文字元件由中心拖曳到畫面右邊之外,估算這間距並記下之後,點選修改/動畫/動畫選取範圍,在狀態欄輸入動畫影格數(數字越高,動畫呈現就越細膩),在移動欄輸入方才估計的移動距離(px),在方向欄設為180度(表示水平移動)。不透明度欄設0~100(淡入)。
接著是向左淡出的部份,由於一組補間動畫內不能再產生新動畫,故必須先新增一個狀態。再重新加入方才製作過的文字元件,然後以此元件製作另一組補間動畫。7。在狀態面板上點選新增/重製狀態,從文件庫面板將文字元件拖曳到新狀態上(x與y軸設為與中心點的狀態5相同),同樣的再次點選修改/動畫/動畫選取範圍,設定參數只有不透明度改為100~0(淡出)。
8.為了讓文字在中心點停留1秒鐘令人能看清楚,將「狀態6」的屬性設為93/100秒,加上同位置的「狀態5」的7/100秒就剛好是1杪。
如前述的方式匯出動畫Gif存檔,成品如下: