2011年1月27日 星期四

Flash的跑馬燈效果

繼上一個簡易的範例說明後,接著示範的範例為跑馬燈範例,在Flash中的文字跑馬燈效果可以區分為水平方向及垂直方向兩種。在水平方向的跑馬燈以資料的提示宣告為主,所以較常見的情況為單行字;而在垂直方向的跑馬燈則是以大量文字資料的表達為主,所以可以被使用的範圍為個人或是產品的資料履歷,或是學術方面的資料宣布。透過下面簡單的幾個步驟,讓初學者對跑馬燈效果能快速上手。

Step1:新增一「文字」圖層


Step2:利用「文字工具」輸入所需之文字,利用「屬性面板」調整字型大小、字體及色彩


Step3:在新增一圖層,繪製遮色片物件


Step4:連續選取兩個圖層設定動畫所需之時間,選取text」圖層的第1個關鍵影格,點選文字物件,利用搬移讓此文字物件的左邊與「mask」圖層的矩形物件右邊重疊;選取text」圖層的最後1個關鍵影格,點選文字物件,利用搬移讓此文字物件的右邊與「mask」圖層的矩形物件左邊重疊。並將「text」圖層的動畫類型設定為移動補間動畫。


Step5:選取mask」圖層按下滑鼠右鍵,選擇「遮色片」功能,如此「mask」圖層變成為遮色片圖層,文字的跑馬燈效果亦完成。

2011年1月25日 星期二

製作Flash動畫-若隱若現的圖片

對大多數人而言,初期接觸Flash動畫幾乎都覺得很難下手,更遑論製作Flash動畫了。在這次利用課堂之餘製作範例講義,並分享給各位了。
最近最熱門的話題就是花博了,相信大家再前往之餘都會順便拍攝一些精美的圖片,若不希望在動畫一開始播放時便將圖片的全貌顯示出,便可利用這次的範例加以變化就可以製作出很精美的動畫了。


Step1: 須先匯入點陣圖,所執行動做為檔案 / 匯入 / 匯入至舞台
Step2:在預設資料夾中選取所需的圖片檔

Step3:圖片已在舞台上

Step4:檢視圖片的資訊,執行「屬性」面板或是視窗 / 資訊便可獲知圖片的高、寬及位置的相關訊息

Step5:新增一圖層,並建立遮色片物件

Step6:在「round」圖層上依動畫情節建立關鍵影格

Step7:在「round」圖層上的關鍵影格利用「自由變形工具」調整物件的大小


Step8: 在「round」圖層上的關鍵影格上設定「移動補間動畫」

Step9: 在「round」圖層上設定遮色片