用Flash製作數位相框場景轉換效果
學習重點：
設定透明度變化形成轉場效果
運用遮色片建立轉場動畫
學習步驟 1：建立四季流暢變換的背景
學習步驟 2：製作各式轉場遮色片
學習步驟 3：建立相片轉場動畫
桌上的數位相框循環播放著小猴子和小熊出遊的合照, 隨著四季的變化, 場景也呈現了不同的風貌, 春天的殘雪、夏天的盛綠、秋天的楓紅和冬天的白雪...。注意看！背景也隨著照片流暢的變換著哦！
傳統相片只能放入一張照片, 看久了難免覺得無聊、想換照片, 可是數位相框就不同囉！數位相框可以輪番播放多張照片, 加上特殊的轉場效果,
讓相框裡的照片百看不厭。這個單元我們就來製作數位相框中的轉場效果, 雖然我們是用小熊和小猴子的合照來練習, 你也可以試著換上自己的數位相片,
讓自己變身為動畫中的主角。
建立四季流暢變換的背景
目前練習檔案中只有一個桌面圖層, 桌面上有數位相框、便條紙和一枝鉛筆。我們先來為動畫製作一個變換四季的背景, 稍後再來建立相框中的內容, 一步步完成本單元的動畫。
學習步驟 1：建立季節轉換背景
請建立一個名為 "四季變換背景" 的影片片段元件, 接著我們就要在此元件的編輯模式中進行動畫設定。
1.請先建立春、夏、秋、冬 4 個圖層, 然後將元件庫中背景元件資料夾內的背景_春拉曳至春圖層的影格 1。
2.背景共有 160 影格的長度, 所以請先在春圖層的影格 160 按下 F5 鍵, 建立動畫的影格長度。接著要設定每個季節的播放影格, 動畫安排每個季節會播放 60 影格, 我們以下方的示意圖來說明要設定的動畫內容。
3.大致了解動畫的設定流程後, 我們就來動手設定春天轉換到夏天的轉場效果吧！先在夏圖層的影格 11 插入關鍵影格, 將元件庫中的背景_夏拉曳到舞台上, 然後選取舞台上的背景_夏, 再到屬性面板將顏色欄改為 Alpha：0%, 表示目前背景_夏是完全透明的。
| 利用元件註冊點位置來對齊不同的元件實體 |
在建立元件時, 我們已將所有的四季背景及照片的元件註冊點固定在左上角, 若想要對齊四季背景的位置, 可在將元件拉曳到舞台上後, 手動將屬性面板的 X、Y 改為 0、0。  |
4.接著要讓背景_夏由透明變換到完全顯現。請在夏圖層的影格 30 建立關鍵影格, 然後選取舞台上的實體, 再設定 Alpha：100%。
5.設定好 Alpha 值的變化後, 請在影格 11 到影格 30 間任一影格按右鈕,
留言列表
