網站設計之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/ )


相關文章