资源描述：
《色彩形状渐变动画超》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、第11章色彩形狀漸變動畫─超Easy！本章提要11-1動畫元件與流程說明11-2設定文件屬性並置入背景圖11-3建立FLASH文字物件並設定文字飛入動畫11-4製作文字形狀與色彩漸變形狀補間動畫11-5設定形狀提示點11-6再加一段形狀補間動畫11-7淡出效果的動畫結尾11-8延伸學習2前言本章範例的重點以形狀補間動畫的變形、變色與淡出為主,其次介紹文字物件的處理、動作以及分散至圖層(DistributetoLayer)功能的應用；至於文字飛入的移動補間動畫雖說非常容易,但我們在本範例中又加了一些不同的設定技巧！請先播放範例檔11.swf,觀賞本章範例的動
2、畫效果：3前言411-1動畫元件與流程說明元件介紹動畫製作流程重點說明5元件介紹本章動畫的主角是各個英文字母文字物件,由於Flash提供了文字物件打散(BreakApart)及分散至圖層(DistributetoLayer)功能,讓我們能從建立文字、分配圖層、到設定動畫 的過程一氣呵成,所以 並不需要先製作這些英 文字母,只要準備好一 個背景元件,就可以邁 入動畫製作階段囉！6動畫製作流程7重點說明本章範例主要由4段動畫構成：FLASH此5字會分別從天外飛來(使用移動補間動畫效果)：此處特別利用了打散(BreakApart)文字物件的方式將各字母分離,再利
3、用分散至圖層(DistributetoLayer)功能,將各字母迅速分配到各圖層,以便製作具有時間差效果的動畫。8重點說明FLASH這5個字會變化形狀和顏色成為SUPER這5個字(使用形狀補間動畫效果)：此處需特別注意的是,製作形狀補間動畫必須使用圖像物件(Shapes),而不能直接使用文字物件,所以必須將文字物件分離成圖像物件,才能開始設定動畫。另外我們還使用了形狀提示點(ShapeHints)的功能,讓字母變形變得更順暢美麗。9重點說明SUPER這5字會繼續變形變色為EASY！這5個字(使用形狀補間動畫效果)：此處則與前一段變形變色動畫大同小異,而由於
4、SUPER和EASY！字母的差異較大,所以特別要仔細設定形狀提示點,確保變形的過程不致太突兀！EASY！這5字會逐漸的消失表示動畫已經結束(使用移動補間動畫效果)：我們利用調整各文字的透明度(Alpha),讓文字逐漸消失淡出,做為動畫結尾。1011-2設定文件屬性並置入背景圖設定文件屬性置入背景圖11設定文件屬性本範例動畫之文件屬性如下圖所示：12置入背景圖背景圖像元件是純為裝飾的靜態背景,你可以依個人喜好製作,此處我們就不特別介紹,直接進入整個動畫製作的階段。如果你還沒畫好背景圖像元件,可以直接開啟練習檔11-learn.fla,利用現成的元件來練習。準
5、備好背景之後,請點選背景圖層的影格1,直接將背景圖像元件從元件庫拉曳到舞台中,並調整好位置：13置入背景圖1411-3建立FLASH文字物件並 設定文字飛入動畫建立FLASH文字物件建立文字飛入動畫15建立FLASH文字物件首先我們要建立FLASH這5個字母的文字物件：16建立文字飛入動畫接著進行文字物件的圖層分配,步驟是先將5個字母分配到不同圖層,再設定文字飛入的移動補間動畫。此時就是打散及分散至圖層功能大顯身手的時候了！請點選舞台中的FLASH文字物件,然後按一次[Ctrl]+[B]鍵來打散(或執行『修改/打散』命令)：17建立文字飛入動畫18建立文字
6、飛入動畫在5個字母仍處於被選取的狀態下,按下[Ctrl]+[Shift]+[D]鍵(或執行『修改/分散至圖層』命令)：2004版:『修改/時間軸/分散至圖層』19建立文字飛入動畫20建立文字飛入動畫接著就可以設定文字飛入的移動補間動畫。為了要讓文字動畫飛入後的位置完美,我們要在還沒更動到F、L、A、S、H這5個文字物件的位置之前,先設定好結束影格：21建立文字飛入動畫22建立文字飛入動畫23建立文字飛入動畫至此移動補間動畫雖設定好了,但F、L、A、S、H這5字並無移動位置,所以播放也不會產生動畫效果。此時我們要將F、L、A、S、H此5字在第1格影格的位置分
7、別拉出舞台,這樣才能製造文字飛入的效果：24建立文字飛入動畫25建立文字飛入動畫再來要製作時間差的動畫效果：26建立文字飛入動畫2711-4製作文字形狀與色彩漸變的形狀補間動畫建立SUPER文字物件調整字母位置設定形狀補間動畫28建立SUPER文字物件首先是建立S、U、P、E、R這5個獨立的文字物件,並將之分別安排至F、L、A、S、H各圖層中。使用的方法和一開始建立FLASH文字物件時一樣：29建立SUPER文字物件30建立SUPER文字物件31建立SUPER文字物件32建立SUPER文字物件以上動作都完成後,你就可以把空的S、U、P、E、R圖層都刪除,以
8、方便接下來的操作。33調整字母位置在正式設定動畫前,我們最好先利用
