網站設計之Flash簡單動畫入門介紹(一)字型閃爍及漸顯

Eastmount發表於2016-11-11

        在製作網站過程中,增加些動畫效果是非常美妙的一件事。由於最近在當Flash和PS課程的助教,也輔導學生完成PS、Flash、HTML等操作,所以這篇文章主要是對Flash動畫的入門介紹,希望對你有所幫助,因為是非常基礎甚至沒有涉及到程式碼的文章,如果文章中存在錯誤或不足之處,還請海涵~

一. 軟體介紹

        該軟體主要使用Macromedia Flash Professional 8實習,而最常用的軟體是Adobe Flash CS5,原理和操作基本類似。
        首先建立一個Flash文件,Adobe Flash常建立ActionScript 3.0來新建Flash文件。


        建立的Flash文件主介面如下所示,包括:工作區間、時間軸、工具皮膚、庫、屬性等介面。

        通常需要開啟三個皮膚:時間軸、屬性和庫(元件放入倉庫)。

        Flash儲存檔案,通常包括兩種格式:
        1) .fla原始檔案,可以修改;
        2) .swf動畫播放格式,可以播放。



二. 閃爍和漸顯字型效果

        下面介紹兩個簡單的案例。
        1.閃爍字型
        首先在工具欄中插入文字,可以通過屬性欄中設定字型顏色、大小等。


        然後需要在時間軸中插入關鍵幀(起到關鍵作用的幀,實心小黑點,裡面實際存在內容),設定一定距離插入關鍵幀,並設定不同的顏色。


        最後“檔案”->“匯出”->“匯出影片”,swf格式。


        播放如下所示:



        2.漸顯字型

        首先在工具欄中插入文字,可以通過屬性欄中設定字型顏色、大小等。然後選中文字,點選“修改”->“分離”按鈕。

        注意:需要點選兩次,兩次後會顯示網狀效果。然後在時間軸中“插入關鍵幀”。


        在新插入幀中,使用橡皮工具從最後一個字進行擦除。


        依次插入關鍵幀,然後使用橡皮工具擦除相關漢字,直到所有漢字擦除乾淨。


        此時,可以點選“控制”->“播放”,檢視預定義的效果。但是此時的效果是從右往左漸漸消失,希望的效果是從左望右漸漸顯示。
       需要按住Shift鍵,單擊最後一幀,將所有幀選中,然後點選“修改”->“時間軸”->“翻轉幀”命令,此時所有幀將翻轉過來。





        此時可以預覽效果,同時可以到處swf檔案。
        希望這篇文章對你有所幫助,嚴格意義上,它不能屬於程式設計相關的,但常用於各種網站中,所以對制止網站還是非常有幫助的,後面還會分享補間動畫,籃球運動、蝴蝶穿花等知識。
        今天是雙十一,但自己內心還是非常複雜的,太忙太忙,而且有些事情又不能說出來。哎!週四下午助教,晚上趕過來,週五上課,週五回去寫材料,4點自願輔助信管學生程式設計,6點半上課,9點半趕回北院監考。期間還有各種雜事,雖然無數次的知道,抱怨不好,但是還是想記錄下,唯一慶幸的是學生對我的關心和朋友兄弟之間的關懷,堅持五年試試看,從未如此擔心自己堅持不了一個誓言~
        (By:Eastmount 2016-11-11 深夜2點40 http://blog.csdn.net/eastmount/ )


相關文章