网站设计之Flash简单动画入门介绍(一)字体闪烁及渐显
生活随笔
收集整理的這篇文章主要介紹了
网站设计之Flash简单动画入门介绍(一)字体闪烁及渐显
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
? ? ? ? 在制作網站過程中,增加些動畫效果是非常美妙的一件事。由于最近在當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/?)
總結
以上是生活随笔為你收集整理的网站设计之Flash简单动画入门介绍(一)字体闪烁及渐显的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 网站开发之DIV+CSS简单布局网站入门
- 下一篇: 【Python数据挖掘课程】六.Nump