第7講-Flash形狀補(bǔ)間和傳統(tǒng)補(bǔ)間動畫課件

11第7講Flash形狀補(bǔ)間和傳統(tǒng)補(bǔ)間動畫11第7講Flash形狀補(bǔ)間和傳統(tǒng)補(bǔ)間動畫復(fù)習(xí)與回顧幀的概念，類型，編輯方法圖層的概念、類型和操作，影片剪輯元件的生成和其屬性的設(shè)置逐幀動畫制作補(bǔ)間形狀動畫制作2復(fù)習(xí)與回顧幀的概念，類型，編輯方法2目的、難點(diǎn)和重點(diǎn)目的：掌握Flash的補(bǔ)間形狀動畫制作；掌握Flash的傳統(tǒng)補(bǔ)間動畫制作；區(qū)分補(bǔ)間形狀動畫與傳統(tǒng)補(bǔ)間動畫；掌握補(bǔ)間形狀與傳統(tǒng)補(bǔ)間動畫綜合運(yùn)用；了解影片剪輯重點(diǎn)：補(bǔ)間形狀動畫與傳統(tǒng)補(bǔ)間動畫的區(qū)別；傳統(tǒng)補(bǔ)間動畫的參數(shù)設(shè)置：旋轉(zhuǎn)、運(yùn)動快慢、元件屬性的修改等；分段分層的綜合補(bǔ)間動畫；圖形元件與實(shí)例難點(diǎn)：對文字或圖形的分離操作過渡幀與關(guān)鍵幀，如何設(shè)置補(bǔ)間動畫的關(guān)鍵幀補(bǔ)間參數(shù)的設(shè)置不同補(bǔ)間動畫之間的銜接33目的、難點(diǎn)和重點(diǎn)目的：33形狀提示原理補(bǔ)間形狀動畫中，如果要控制復(fù)雜或罕見的形狀變化，可以使用形狀提示來控制形狀以什么方式漸變。形狀提示會標(biāo)識起始形狀和結(jié)束形狀中添加相對應(yīng)的“參考點(diǎn)”，使Flash在計(jì)算變形過渡時(shí)依一定的規(guī)則進(jìn)行，從而較有效地控制變形過程。形狀提示包含字母（從a到z），用于識別起始形狀和結(jié)束形狀中的相對應(yīng)的點(diǎn)。最多可以使用26

個(gè)形狀提示。4形狀提示原理補(bǔ)間形狀動畫中，如果要控制復(fù)雜或罕見的形狀變化，創(chuàng)建形狀提示選擇補(bǔ)間形狀動畫的開始幀，執(zhí)行“修改/形狀/添加形狀提示”菜單命令，該幀的形狀上就會增加一個(gè)帶字母的紅色圓圈，相應(yīng)地，在結(jié)束幀形狀中也會出現(xiàn)一個(gè)“提示圓圈”；分別用鼠標(biāo)拖動開始和結(jié)束幀上的“提示圓圈”，放置在適當(dāng)位置，安放成功后開始幀上的“提示圓圈”變?yōu)辄S色，結(jié)束幀上的“提示圓圈”變?yōu)榫G色；安放不成功或不在一條曲線上時(shí)，“提示圓圈”顏色不變還是為紅色。選擇形狀提示，點(diǎn)擊鼠標(biāo)右鍵，可以通過快捷菜單添加和刪除形狀提示5創(chuàng)建形狀提示選擇補(bǔ)間形狀動畫的開始幀，執(zhí)行“修改/形狀/添加課堂示例1：翻書運(yùn)用形狀提示，參考“翻書-樣張.swf”，創(chuàng)建補(bǔ)間形狀動畫，實(shí)現(xiàn)翻書效果動畫。知識點(diǎn)：形狀提示元件應(yīng)用補(bǔ)間形狀動畫6課堂示例1：翻書運(yùn)用形狀提示，參考“翻書-樣張.swf”，創(chuàng)課堂示例1-關(guān)鍵步驟打開“翻書.fla”文件把庫中“組件1”放入舞臺，持續(xù)到60幀；創(chuàng)建新圖層，把庫中“組件1”放入該圖層并做水平翻轉(zhuǎn)，與前一個(gè)組件合成一本書再新建圖層，該圖層在最上面在第1幀和第60幀分別放入“元件1”和“元件2”“元件1”在書的右側(cè)，“元件2”在書的左側(cè)創(chuàng)建補(bǔ)間形狀動畫選擇第1幀，添加四個(gè)形狀提示點(diǎn)(提示點(diǎn)顏色為紅色)，將四個(gè)提示點(diǎn)調(diào)整到書頁的四個(gè)角落(提示點(diǎn)顏色變成黃色)選擇第60幀，調(diào)整四個(gè)提示點(diǎn)，注意要和第1幀的提示點(diǎn)對應(yīng)(提示點(diǎn)顏色變成綠色)導(dǎo)出為“翻書.swf”文件7課堂示例1-關(guān)鍵步驟打開“翻書.fla”文件7元件的概念元件的建立是以重復(fù)使用為目的的，不但可以將其應(yīng)用于當(dāng)前影片，而且可以將其應(yīng)用于其它影片。元件中可以包含位圖、圖形、組合、聲音甚至是其它元件。在Flash中創(chuàng)建的所有元件都會出現(xiàn)在庫面板中，拖拽庫面板中的元件到場景，就可以反復(fù)利用元件每個(gè)元件都具有獨(dú)立的時(shí)間軸、工作區(qū)和圖層，除此以外，每種元件類型都具有獨(dú)特的屬性。8元件的概念元件的建立是以重復(fù)使用為目的的，不但可以將其應(yīng)用于元件的類型Flash中包括三種元件類型，分別為圖形元件、影片剪輯元件與按鈕元件。圖形元件主要用于定義靜態(tài)的、常用的圖像符號。按鈕元件是一種具有交互功能的圖形元件，用于響應(yīng)各種鼠標(biāo)事件，以實(shí)現(xiàn)用戶的相應(yīng)動作。影片剪輯元件是Flash中應(yīng)用最為廣泛的元件類型，可以將它自身理解成為一個(gè)小動畫。在影片剪輯元件中可以制作獨(dú)立的影片，制作影片的方法與在場景中沒有區(qū)別。9元件的類型Flash中包括三種元件類型，分別為圖形元件、影片創(chuàng)建元件在Flash中，可以通過兩種方式創(chuàng)建元件，分別為創(chuàng)建新元件與將對象轉(zhuǎn)換為元件。創(chuàng)建新元件是指直接創(chuàng)建一個(gè)空白元件，然后自動進(jìn)入元件編輯模式，接著在元件中創(chuàng)建和編輯元件中的對象。將對象轉(zhuǎn)換為元件是指將選定的對象轉(zhuǎn)換為元件，對象可以為任何元素，將對象轉(zhuǎn)換為元件后，即可改變對象的屬性。選擇對象，用“修改/轉(zhuǎn)換為元件”菜單命令，可以實(shí)現(xiàn)元件轉(zhuǎn)換。10創(chuàng)建元件在Flash中，可以通過兩種方式創(chuàng)建元件，分別為創(chuàng)建編輯元件在快捷菜單中選擇“編輯”，或雙擊庫面板中的元件，就可進(jìn)入元件的編輯狀態(tài)。元件的修改會直接影響到影片中每一個(gè)以它為基礎(chǔ)的實(shí)例。11元件編輯狀態(tài)編輯元件在快捷菜單中選擇“編輯”，或雙擊庫面板中的元件，就實(shí)例應(yīng)用于影片的元件均被稱之為實(shí)例。在工作區(qū)中選中實(shí)例，可以改變實(shí)例的尺寸、顏色與元件類型，但這些改動只針對實(shí)例本身，不會影響到庫面板中的元件。12實(shí)例應(yīng)用于影片的元件均被稱之為實(shí)例。12課堂示例2-瓢蟲與花13打開“瓢蟲與花.fla”，利用庫中的素材制作瓢蟲飛舞的影片剪輯；制作花叢中5只大小不一，頭部朝向不同的小瓢蟲飛舞的動畫。知識點(diǎn)：掌握制作影片剪輯的方法區(qū)分場景動畫與影片剪輯動畫區(qū)分實(shí)例與元件進(jìn)一步理解逐幀動畫參考“瓢蟲與花-樣張.swf”課堂示例2-瓢蟲與花13打開“瓢蟲與花.fla”，利用庫中課堂示例2-關(guān)鍵步驟打開文件“瓢蟲與花.fla”“插入/新建元件”創(chuàng)建影片剪輯“瓢蟲飛舞”；利用庫中的“瓢蟲1”、“瓢蟲2”、“瓢蟲3”、“瓢蟲4”元件和逐幀動畫方法制作“瓢蟲飛舞”；注意：調(diào)整圖片位置可以利用“對齊面板”一定要把“相對于舞臺”按鈕按下將庫中的“花”元件拖放3次到舞臺上形成3個(gè)實(shí)例，調(diào)整3個(gè)實(shí)例的大小或者進(jìn)行翻轉(zhuǎn)，得到花叢；將庫中的“瓢蟲飛舞”元件拖放5次到舞臺上形成5個(gè)實(shí)例，調(diào)整5個(gè)實(shí)例的大小得到瓢蟲群；保存為“瓢蟲與花.fla”和“瓢蟲與花.swf”1414課堂示例2-關(guān)鍵步驟打開文件“瓢蟲與花.fla”1414傳統(tǒng)補(bǔ)間動畫傳統(tǒng)補(bǔ)間動畫的概念傳統(tǒng)補(bǔ)間動畫給對象在兩個(gè)關(guān)鍵幀分別定義不同的屬性，如顏色、大小、方位、角度等在兩個(gè)關(guān)鍵幀之間建立一種變化關(guān)系位移－－首尾關(guān)鍵幀中元件位置改變縮放－－首尾關(guān)鍵幀中元件大小的旋轉(zhuǎn)扭曲變形顏色漸變等－－首尾關(guān)鍵幀中元件的顏色、alpha值等發(fā)生改變傳統(tǒng)補(bǔ)間動畫的對象通常是元件、組合、文本塊等傳統(tǒng)補(bǔ)間動畫在CS4以前的版本叫做動作補(bǔ)間動畫或動畫補(bǔ)間動畫傳統(tǒng)補(bǔ)間動畫的特點(diǎn)只對單一的對象有效，包括影片剪輯、圖形元件、按鈕、文字、位圖、組合等等分離的對象必須組合或轉(zhuǎn)換成元件才能創(chuàng)建傳統(tǒng)補(bǔ)間動畫1515傳統(tǒng)補(bǔ)間動畫傳統(tǒng)補(bǔ)間動畫的概念1515創(chuàng)建傳統(tǒng)補(bǔ)間動畫傳統(tǒng)補(bǔ)間動畫的創(chuàng)建步驟在動畫開始處創(chuàng)建一個(gè)關(guān)鍵幀，并放入對象在動畫結(jié)束處創(chuàng)建一個(gè)關(guān)鍵幀，并放入改變屬性后的對象選擇兩關(guān)鍵幀之間任何一幀，按鼠標(biāo)右鍵，在快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令

或者打開“插入”菜單，選擇“傳統(tǒng)補(bǔ)間”命令1616創(chuàng)建傳統(tǒng)補(bǔ)間動畫傳統(tǒng)補(bǔ)間動畫的創(chuàng)建步驟1616傳統(tǒng)補(bǔ)間動畫的表現(xiàn)形式動畫頭尾必須是關(guān)鍵幀，兩關(guān)鍵幀中間被帶有一個(gè)黑箭頭和淺紫色背景的中間過渡幀分開(如圖層1所示)如果兩關(guān)鍵幀中間的黑箭頭變?yōu)樘摼€，代表傳統(tǒng)補(bǔ)間動畫創(chuàng)建錯(cuò)誤缺少開始或結(jié)束關(guān)鍵幀(如圖層3,4所示)關(guān)鍵幀的對象是分離的(如圖層2,所示)1717傳統(tǒng)補(bǔ)間動畫的表現(xiàn)形式動畫頭尾必須是關(guān)鍵幀，兩關(guān)鍵幀中間被帶傳統(tǒng)補(bǔ)間動畫的參數(shù)選擇傳統(tǒng)補(bǔ)間動畫中任何一幀，打開傳統(tǒng)補(bǔ)間動畫的屬性面板，設(shè)置屬性緩動：使動畫加速或減速運(yùn)動旋轉(zhuǎn)：實(shí)現(xiàn)元件或組的旋轉(zhuǎn)，填入的數(shù)值介于0到65535之間調(diào)整到路徑：使元件或組按照指定的路徑有方向的進(jìn)行運(yùn)動同步：使影片剪輯元件動畫在主動畫中能準(zhǔn)確的完成循環(huán)1818傳統(tǒng)補(bǔ)間動畫的參數(shù)選擇傳統(tǒng)補(bǔ)間動畫中任何一幀，打開傳統(tǒng)補(bǔ)間動設(shè)置Alpha值設(shè)置Alpha值是指設(shè)置對象的透明度。選擇對象，通過屬性面板中的色彩效果設(shè)置Alpha值。19設(shè)置Alpha值設(shè)置Alpha值是指設(shè)置對象的透明度。19課堂示例3：卡通動畫參考“卡通動畫-樣張.swf”制作傳統(tǒng)補(bǔ)間動畫。美羊羊由小變大、加速、漸漸出現(xiàn)到地球上美羊羊在地球上逆時(shí)針旋轉(zhuǎn)1圈與此同時(shí)地球順時(shí)針旋轉(zhuǎn)2周知識點(diǎn)：多圖層傳統(tǒng)補(bǔ)間動畫由小到大、漸漸出現(xiàn)、旋轉(zhuǎn)等效果的實(shí)現(xiàn)2020課堂示例3：卡通動畫參考“卡通動畫-樣張.swf”制作傳統(tǒng)課堂示例3-關(guān)鍵步驟打開“卡通動畫.fla”地球轉(zhuǎn)動動畫設(shè)置在第1幀將庫中地球元件拖到舞臺中央在第40幀插入關(guān)鍵幀傳統(tǒng)補(bǔ)間動畫，并設(shè)置“旋轉(zhuǎn)”參數(shù)，旋轉(zhuǎn)方向?yàn)轫槙r(shí)針，旋轉(zhuǎn)圈數(shù)為2圈美羊羊跳到地球上動畫設(shè)置在第1幀將庫中美羊羊拖到舞臺的左上角，改變大小和水平翻轉(zhuǎn)在第20幀插入關(guān)鍵幀，將美羊羊拖到地球上，改變大小選擇第1幀設(shè)置Alpha值為19%創(chuàng)建傳統(tǒng)補(bǔ)間動畫，并設(shè)置“緩動”值為-100美羊羊旋轉(zhuǎn)動畫設(shè)置在第40幀插入關(guān)鍵幀創(chuàng)建傳統(tǒng)補(bǔ)間動畫，并設(shè)置“旋轉(zhuǎn)”參數(shù)，旋轉(zhuǎn)方向?yàn)轫槙r(shí)針，旋轉(zhuǎn)圈數(shù)為1圈保存為“卡通動畫.fla”導(dǎo)出為“卡通動畫.swf”2121課堂示例3-關(guān)鍵步驟打開“卡通動畫.fla”2121課堂示例4：卡通動畫綜合在課堂示例3的基礎(chǔ)上，參考“卡通動畫綜合-樣張.swf”完成動畫。美羊羊繞地球順時(shí)針旋轉(zhuǎn)1圈，美羊羊變成灰太狼，灰太狼又變成“我愛灰太狼”幾個(gè)字，停留一會知識點(diǎn)：多圖層分段動畫傳統(tǒng)補(bǔ)間動畫與補(bǔ)間形狀動畫的銜接2222課堂示例4：卡通動畫綜合在課堂示例3的基礎(chǔ)上，參考“卡通動課堂示例4-關(guān)鍵步驟美羊羊繞地球旋轉(zhuǎn)1圈動畫設(shè)置在第41幀插入關(guān)鍵幀運(yùn)用“自由變形工具”，將美羊羊的變形點(diǎn)拖動到地球中心在第60幀插入關(guān)鍵幀創(chuàng)建傳統(tǒng)補(bǔ)間動畫，并設(shè)置“旋轉(zhuǎn)”參數(shù)，旋轉(zhuǎn)方向?yàn)轫槙r(shí)針，旋轉(zhuǎn)圈數(shù)為1圈美羊羊變成灰太狼，灰太狼又變成“我愛灰太狼”幾個(gè)字動畫設(shè)置在第61幀插入關(guān)鍵幀，將美羊羊分離在第80幀插入空白關(guān)鍵幀，將庫中“灰太狼”元件放入創(chuàng)建補(bǔ)間形狀動畫在第100幀插入空白關(guān)鍵幀，文字“我愛灰太狼”，徹底分離，創(chuàng)建補(bǔ)間形狀動畫動畫持續(xù)到110幀，注意地球旋轉(zhuǎn)的配合導(dǎo)出為“卡通動畫綜合.swf”2323課堂示例4-關(guān)鍵步驟美羊羊繞地球旋轉(zhuǎn)1圈動畫設(shè)置2323思考題為什么“美羊羊繞地球旋轉(zhuǎn)1圈”和“美羊羊變成灰太狼”這兩段動畫的首關(guān)鍵幀不能和前一段動畫的尾關(guān)鍵幀共用？2424這個(gè)示例還有其他方法嗎？思考題為什么“美羊羊繞地球旋轉(zhuǎn)1圈”和“美羊羊變成灰太狼”這課堂示例5：萬科白馬花園參考“萬科白馬花園-樣張.swf”，運(yùn)用傳統(tǒng)補(bǔ)間動畫，制作樓盤宣傳海報(bào)動畫?；▓@圖片淡出式切換文字出現(xiàn)的效果其中文字“萬科白馬花園”顏色變化為綠、紅、藍(lán)、湖藍(lán)、粉紅。知識點(diǎn)：多圖層分段動畫alpha值的設(shè)置翻轉(zhuǎn)效果的設(shè)置2525課堂示例5：萬科白馬花園參考“萬科白馬花園-樣張.swf”課堂示例5-關(guān)鍵步驟打開“萬科白馬花園.fla”，舞臺大小為700*400像素，舞臺背景為黑色圖片動畫設(shè)置分別創(chuàng)建4張圖片動畫（注意轉(zhuǎn)換為元件，為什么？），動畫分別持續(xù)15幀逐漸變透明(Alpha值設(shè)置)文字-萬科白馬花園動畫設(shè)置第1幀放入“文字1”元件，第15幀插入關(guān)鍵幀將第15幀中文字做垂直翻轉(zhuǎn)第30幀、第60幀同第1幀，第45幀同第15幀，改變顏色分別創(chuàng)建傳統(tǒng)補(bǔ)間其他文字動畫設(shè)置文字-情景花園洋房，第15-30幀，文字從舞臺右側(cè)進(jìn)入舞臺文字-超寬露臺設(shè)計(jì)，第30-45幀，文字從舞臺左側(cè)進(jìn)入舞臺文字-緊鄰徐匯商圈，第45-60幀，文字從舞臺下方進(jìn)入舞臺所有圖層動畫持續(xù)到第60幀保存為“萬科白馬花園.fla”，導(dǎo)出為“萬科白馬花園.swf”。2626課堂示例5-關(guān)鍵步驟打開“萬科白馬花園.fla”，舞臺大小為課后練習(xí)1-奔馬參考“奔馬-樣張.swf”，利用素材文件“奔馬.fla”，創(chuàng)建逐幀動畫和傳統(tǒng)補(bǔ)間動畫。2727課后練習(xí)1-奔馬參考“奔馬-樣張.swf”，利用素材文件“奔課后練習(xí)1-關(guān)鍵步驟打開素材文件“奔馬.fla”；設(shè)置舞臺大小為360*170像素，幀頻調(diào)整為12；把庫中bg.png圖片文件作為整個(gè)動畫背景，并利用傳統(tǒng)補(bǔ)間實(shí)現(xiàn)移步換景，注意放大，動畫持續(xù)到第15幀；新建一個(gè)圖層“馬”，在第1、3、5、7、9、11、13、15幀分別插入空白關(guān)鍵幀，把庫中圖片文件“horse-1.png~horse-8.png”依次放入空白關(guān)鍵幀中，并調(diào)整每張圖片，使它們在舞臺上的位置相同；注意：調(diào)整圖片位置可以利用“對齊面板”一定要把“相對于舞臺”按鈕按下28課后練習(xí)1-關(guān)鍵步驟打開素材文件“奔馬.fla”；28課后練習(xí)2-去逛街打開“去逛街.fla”，參考“去逛街-樣張.swf”效果，利用素材，建立動畫。2929課后練習(xí)2-去逛街打開“去逛街.fla”，參考“去逛街-樣張課后練習(xí)2-關(guān)鍵步驟“馬路”作為背景，并移動（插入普通幀延續(xù)到50幀）實(shí)現(xiàn)“女孩”從遠(yuǎn)到近，從小變大的運(yùn)動效果（傳統(tǒng)補(bǔ)間動畫50幀）實(shí)現(xiàn)從“白云”變化為“烏云”的效果（傳統(tǒng)補(bǔ)間動畫30幀）背景移步換景的效果（傳統(tǒng)補(bǔ)間動畫50幀）烏云變成下雨的效果（補(bǔ)間形狀動畫20幀）30課后練習(xí)2-關(guān)鍵步驟“馬路”作為背景，并移動（插入普通幀延課后練習(xí)3-鐘表打開“SY21-7-1素材.fla”，制作一個(gè)如“SY21-7-1樣張.swf”所示鐘面上的指針旋轉(zhuǎn)動畫。整個(gè)動畫持續(xù)120幀，文檔大小550*500像素；秒針旋轉(zhuǎn)9次，分針旋轉(zhuǎn)3次，時(shí)針旋轉(zhuǎn)1次；保存文件為“鐘表.fla”，“鐘表.swf”。注意：利用“任意變形”工具將指針的中心點(diǎn)拖動到底部。31課后練習(xí)3-鐘表打開“SY21-7-1素材.fla”，制作一下周內(nèi)容遮罩動畫引導(dǎo)層動畫32下周內(nèi)容遮罩動畫323333第7講Flash形狀補(bǔ)間和傳統(tǒng)補(bǔ)間動畫11第7講Flash形狀補(bǔ)間和傳統(tǒng)補(bǔ)間動畫復(fù)習(xí)與回顧幀的概念，類型，編輯方法圖層的概念、類型和操作，影片剪輯元件的生成和其屬性的設(shè)置逐幀動畫制作補(bǔ)間形狀動畫制作34復(fù)習(xí)與回顧幀的概念，類型，編輯方法2目的、難點(diǎn)和重點(diǎn)目的：掌握Flash的補(bǔ)間形狀動畫制作；掌握Flash的傳統(tǒng)補(bǔ)間動畫制作；區(qū)分補(bǔ)間形狀動畫與傳統(tǒng)補(bǔ)間動畫；掌握補(bǔ)間形狀與傳統(tǒng)補(bǔ)間動畫綜合運(yùn)用；了解影片剪輯重點(diǎn)：補(bǔ)間形狀動畫與傳統(tǒng)補(bǔ)間動畫的區(qū)別；傳統(tǒng)補(bǔ)間動畫的參數(shù)設(shè)置：旋轉(zhuǎn)、運(yùn)動快慢、元件屬性的修改等；分段分層的綜合補(bǔ)間動畫；圖形元件與實(shí)例難點(diǎn)：對文字或圖形的分離操作過渡幀與關(guān)鍵幀，如何設(shè)置補(bǔ)間動畫的關(guān)鍵幀補(bǔ)間參數(shù)的設(shè)置不同補(bǔ)間動畫之間的銜接3535目的、難點(diǎn)和重點(diǎn)目的：33形狀提示原理補(bǔ)間形狀動畫中，如果要控制復(fù)雜或罕見的形狀變化，可以使用形狀提示來控制形狀以什么方式漸變。形狀提示會標(biāo)識起始形狀和結(jié)束形狀中添加相對應(yīng)的“參考點(diǎn)”，使Flash在計(jì)算變形過渡時(shí)依一定的規(guī)則進(jìn)行，從而較有效地控制變形過程。形狀提示包含字母（從a到z），用于識別起始形狀和結(jié)束形狀中的相對應(yīng)的點(diǎn)。最多可以使用26

個(gè)形狀提示。36形狀提示原理補(bǔ)間形狀動畫中，如果要控制復(fù)雜或罕見的形狀變化，創(chuàng)建形狀提示選擇補(bǔ)間形狀動畫的開始幀，執(zhí)行“修改/形狀/添加形狀提示”菜單命令，該幀的形狀上就會增加一個(gè)帶字母的紅色圓圈，相應(yīng)地，在結(jié)束幀形狀中也會出現(xiàn)一個(gè)“提示圓圈”；分別用鼠標(biāo)拖動開始和結(jié)束幀上的“提示圓圈”，放置在適當(dāng)位置，安放成功后開始幀上的“提示圓圈”變?yōu)辄S色，結(jié)束幀上的“提示圓圈”變?yōu)榫G色；安放不成功或不在一條曲線上時(shí)，“提示圓圈”顏色不變還是為紅色。選擇形狀提示，點(diǎn)擊鼠標(biāo)右鍵，可以通過快捷菜單添加和刪除形狀提示37創(chuàng)建形狀提示選擇補(bǔ)間形狀動畫的開始幀，執(zhí)行“修改/形狀/添加課堂示例1：翻書運(yùn)用形狀提示，參考“翻書-樣張.swf”，創(chuàng)建補(bǔ)間形狀動畫，實(shí)現(xiàn)翻書效果動畫。知識點(diǎn)：形狀提示元件應(yīng)用補(bǔ)間形狀動畫38課堂示例1：翻書運(yùn)用形狀提示，參考“翻書-樣張.swf”，創(chuàng)課堂示例1-關(guān)鍵步驟打開“翻書.fla”文件把庫中“組件1”放入舞臺，持續(xù)到60幀；創(chuàng)建新圖層，把庫中“組件1”放入該圖層并做水平翻轉(zhuǎn)，與前一個(gè)組件合成一本書再新建圖層，該圖層在最上面在第1幀和第60幀分別放入“元件1”和“元件2”“元件1”在書的右側(cè)，“元件2”在書的左側(cè)創(chuàng)建補(bǔ)間形狀動畫選擇第1幀，添加四個(gè)形狀提示點(diǎn)(提示點(diǎn)顏色為紅色)，將四個(gè)提示點(diǎn)調(diào)整到書頁的四個(gè)角落(提示點(diǎn)顏色變成黃色)選擇第60幀，調(diào)整四個(gè)提示點(diǎn)，注意要和第1幀的提示點(diǎn)對應(yīng)(提示點(diǎn)顏色變成綠色)導(dǎo)出為“翻書.swf”文件39課堂示例1-關(guān)鍵步驟打開“翻書.fla”文件7元件的概念元件的建立是以重復(fù)使用為目的的，不但可以將其應(yīng)用于當(dāng)前影片，而且可以將其應(yīng)用于其它影片。元件中可以包含位圖、圖形、組合、聲音甚至是其它元件。在Flash中創(chuàng)建的所有元件都會出現(xiàn)在庫面板中，拖拽庫面板中的元件到場景，就可以反復(fù)利用元件每個(gè)元件都具有獨(dú)立的時(shí)間軸、工作區(qū)和圖層，除此以外，每種元件類型都具有獨(dú)特的屬性。40元件的概念元件的建立是以重復(fù)使用為目的的，不但可以將其應(yīng)用于元件的類型Flash中包括三種元件類型，分別為圖形元件、影片剪輯元件與按鈕元件。圖形元件主要用于定義靜態(tài)的、常用的圖像符號。按鈕元件是一種具有交互功能的圖形元件，用于響應(yīng)各種鼠標(biāo)事件，以實(shí)現(xiàn)用戶的相應(yīng)動作。影片剪輯元件是Flash中應(yīng)用最為廣泛的元件類型，可以將它自身理解成為一個(gè)小動畫。在影片剪輯元件中可以制作獨(dú)立的影片，制作影片的方法與在場景中沒有區(qū)別。41元件的類型Flash中包括三種元件類型，分別為圖形元件、影片創(chuàng)建元件在Flash中，可以通過兩種方式創(chuàng)建元件，分別為創(chuàng)建新元件與將對象轉(zhuǎn)換為元件。創(chuàng)建新元件是指直接創(chuàng)建一個(gè)空白元件，然后自動進(jìn)入元件編輯模式，接著在元件中創(chuàng)建和編輯元件中的對象。將對象轉(zhuǎn)換為元件是指將選定的對象轉(zhuǎn)換為元件，對象可以為任何元素，將對象轉(zhuǎn)換為元件后，即可改變對象的屬性。選擇對象，用“修改/轉(zhuǎn)換為元件”菜單命令，可以實(shí)現(xiàn)元件轉(zhuǎn)換。42創(chuàng)建元件在Flash中，可以通過兩種方式創(chuàng)建元件，分別為創(chuàng)建編輯元件在快捷菜單中選擇“編輯”，或雙擊庫面板中的元件，就可進(jìn)入元件的編輯狀態(tài)。元件的修改會直接影響到影片中每一個(gè)以它為基礎(chǔ)的實(shí)例。43元件編輯狀態(tài)編輯元件在快捷菜單中選擇“編輯”，或雙擊庫面板中的元件，就實(shí)例應(yīng)用于影片的元件均被稱之為實(shí)例。在工作區(qū)中選中實(shí)例，可以改變實(shí)例的尺寸、顏色與元件類型，但這些改動只針對實(shí)例本身，不會影響到庫面板中的元件。44實(shí)例應(yīng)用于影片的元件均被稱之為實(shí)例。12課堂示例2-瓢蟲與花45打開“瓢蟲與花.fla”，利用庫中的素材制作瓢蟲飛舞的影片剪輯；制作花叢中5只大小不一，頭部朝向不同的小瓢蟲飛舞的動畫。知識點(diǎn)：掌握制作影片剪輯的方法區(qū)分場景動畫與影片剪輯動畫區(qū)分實(shí)例與元件進(jìn)一步理解逐幀動畫參考“瓢蟲與花-樣張.swf”課堂示例2-瓢蟲與花13打開“瓢蟲與花.fla”，利用庫中課堂示例2-關(guān)鍵步驟打開文件“瓢蟲與花.fla”“插入/新建元件”創(chuàng)建影片剪輯“瓢蟲飛舞”；利用庫中的“瓢蟲1”、“瓢蟲2”、“瓢蟲3”、“瓢蟲4”元件和逐幀動畫方法制作“瓢蟲飛舞”；注意：調(diào)整圖片位置可以利用“對齊面板”一定要把“相對于舞臺”按鈕按下將庫中的“花”元件拖放3次到舞臺上形成3個(gè)實(shí)例，調(diào)整3個(gè)實(shí)例的大小或者進(jìn)行翻轉(zhuǎn)，得到花叢；將庫中的“瓢蟲飛舞”元件拖放5次到舞臺上形成5個(gè)實(shí)例，調(diào)整5個(gè)實(shí)例的大小得到瓢蟲群；保存為“瓢蟲與花.fla”和“瓢蟲與花.swf”4646課堂示例2-關(guān)鍵步驟打開文件“瓢蟲與花.fla”1414傳統(tǒng)補(bǔ)間動畫傳統(tǒng)補(bǔ)間動畫的概念傳統(tǒng)補(bǔ)間動畫給對象在兩個(gè)關(guān)鍵幀分別定義不同的屬性，如顏色、大小、方位、角度等在兩個(gè)關(guān)鍵幀之間建立一種變化關(guān)系位移－－首尾關(guān)鍵幀中元件位置改變縮放－－首尾關(guān)鍵幀中元件大小的旋轉(zhuǎn)扭曲變形顏色漸變等－－首尾關(guān)鍵幀中元件的顏色、alpha值等發(fā)生改變傳統(tǒng)補(bǔ)間動畫的對象通常是元件、組合、文本塊等傳統(tǒng)補(bǔ)間動畫在CS4以前的版本叫做動作補(bǔ)間動畫或動畫補(bǔ)間動畫傳統(tǒng)補(bǔ)間動畫的特點(diǎn)只對單一的對象有效，包括影片剪輯、圖形元件、按鈕、文字、位圖、組合等等分離的對象必須組合或轉(zhuǎn)換成元件才能創(chuàng)建傳統(tǒng)補(bǔ)間動畫4747傳統(tǒng)補(bǔ)間動畫傳統(tǒng)補(bǔ)間動畫的概念1515創(chuàng)建傳統(tǒng)補(bǔ)間動畫傳統(tǒng)補(bǔ)間動畫的創(chuàng)建步驟在動畫開始處創(chuàng)建一個(gè)關(guān)鍵幀，并放入對象在動畫結(jié)束處創(chuàng)建一個(gè)關(guān)鍵幀，并放入改變屬性后的對象選擇兩關(guān)鍵幀之間任何一幀，按鼠標(biāo)右鍵，在快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令

或者打開“插入”菜單，選擇“傳統(tǒng)補(bǔ)間”命令4848創(chuàng)建傳統(tǒng)補(bǔ)間動畫傳統(tǒng)補(bǔ)間動畫的創(chuàng)建步驟1616傳統(tǒng)補(bǔ)間動畫的表現(xiàn)形式動畫頭尾必須是關(guān)鍵幀，兩關(guān)鍵幀中間被帶有一個(gè)黑箭頭和淺紫色背景的中間過渡幀分開(如圖層1所示)如果兩關(guān)鍵幀中間的黑箭頭變?yōu)樘摼€，代表傳統(tǒng)補(bǔ)間動畫創(chuàng)建錯(cuò)誤缺少開始或結(jié)束關(guān)鍵幀(如圖層3,4所示)關(guān)鍵幀的對象是分離的(如圖層2,所示)4949傳統(tǒng)補(bǔ)間動畫的表現(xiàn)形式動畫頭尾必須是關(guān)鍵幀，兩關(guān)鍵幀中間被帶傳統(tǒng)補(bǔ)間動畫的參數(shù)選擇傳統(tǒng)補(bǔ)間動畫中任何一幀，打開傳統(tǒng)補(bǔ)間動畫的屬性面板，設(shè)置屬性緩動：使動畫加速或減速運(yùn)動旋轉(zhuǎn)：實(shí)現(xiàn)元件或組的旋轉(zhuǎn)，填入的數(shù)值介于0到65535之間調(diào)整到路徑：使元件或組按照指定的路徑有方向的進(jìn)行運(yùn)動同步：使影片剪輯元件動畫在主動畫中能準(zhǔn)確的完成循環(huán)5050傳統(tǒng)補(bǔ)間動畫的參數(shù)選擇傳統(tǒng)補(bǔ)間動畫中任何一幀，打開傳統(tǒng)補(bǔ)間動設(shè)置Alpha值設(shè)置Alpha值是指設(shè)置對象的透明度。選擇對象，通過屬性面板中的色彩效果設(shè)置Alpha值。51設(shè)置Alpha值設(shè)置Alpha值是指設(shè)置對象的透明度。19課堂示例3：卡通動畫參考“卡通動畫-樣張.swf”制作傳統(tǒng)補(bǔ)間動畫。美羊羊由小變大、加速、漸漸出現(xiàn)到地球上美羊羊在地球上逆時(shí)針旋轉(zhuǎn)1圈與此同時(shí)地球順時(shí)針旋轉(zhuǎn)2周知識點(diǎn)：多圖層傳統(tǒng)補(bǔ)間動畫由小到大、漸漸出現(xiàn)、旋轉(zhuǎn)等效果的實(shí)現(xiàn)5252課堂示例3：卡通動畫參考“卡通動畫-樣張.swf”制作傳統(tǒng)課堂示例3-關(guān)鍵步驟打開“卡通動畫.fla”地球轉(zhuǎn)動動畫設(shè)置在第1幀將庫中地球元件拖到舞臺中央在第40幀插入關(guān)鍵幀傳統(tǒng)補(bǔ)間動畫，并設(shè)置“旋轉(zhuǎn)”參數(shù)，旋轉(zhuǎn)方向?yàn)轫槙r(shí)針，旋轉(zhuǎn)圈數(shù)為2圈美羊羊跳到地球上動畫設(shè)置在第1幀將庫中美羊羊拖到舞臺的左上角，改變大小和水平翻轉(zhuǎn)在第20幀插入關(guān)鍵幀，將美羊羊拖到地球上，改變大小選擇第1幀設(shè)置Alpha值為19%創(chuàng)建傳統(tǒng)補(bǔ)間動畫，并設(shè)置“緩動”值為-100美羊羊旋轉(zhuǎn)動畫設(shè)置在第40幀插入關(guān)鍵幀創(chuàng)建傳統(tǒng)補(bǔ)間動畫，并設(shè)置“旋轉(zhuǎn)”參數(shù)，旋轉(zhuǎn)方向?yàn)轫槙r(shí)針，旋轉(zhuǎn)圈數(shù)為1圈保存為“卡通動畫.fla”導(dǎo)出為“卡通動畫.swf”5353課堂示例3-關(guān)鍵步驟打開“卡通動畫.fla”2121課堂示例4：卡通動畫綜合在課堂示例3的基礎(chǔ)上，參考“卡通動畫綜合-樣張.swf”完成動畫。美羊羊繞地球順時(shí)針旋轉(zhuǎn)1圈，美羊羊變成灰太狼，灰太狼又變成“我愛灰太狼”幾個(gè)字，停留一會知識點(diǎn)：多圖層分段動畫傳統(tǒng)補(bǔ)間動畫與補(bǔ)間形狀動畫的銜接5454課堂示例4：卡通動畫綜合在課堂示例3的基礎(chǔ)上，參考“卡通動課堂示例4-關(guān)鍵步驟美羊羊繞地球旋轉(zhuǎn)1圈動畫設(shè)置在第41幀插入關(guān)鍵幀運(yùn)用“自由變形工具”，將美羊羊的變形點(diǎn)拖動到地球中心在第60幀插入關(guān)鍵幀創(chuàng)建傳統(tǒng)補(bǔ)間動畫，并設(shè)置“旋轉(zhuǎn)”參數(shù)，旋轉(zhuǎn)方向?yàn)轫槙r(shí)針，旋轉(zhuǎn)圈數(shù)為1圈美羊羊變成灰太狼，灰太狼又變成“我愛灰太狼”幾個(gè)字動畫設(shè)置在第61幀插入關(guān)鍵幀，將美羊羊分離在第80幀插入空白關(guān)鍵幀，將庫中“灰太狼”元件放入創(chuàng)建補(bǔ)間形狀動畫在第100幀插入空白關(guān)鍵幀，文字“我愛灰太狼”，徹底分離，創(chuàng)建補(bǔ)間形狀動畫動畫持續(xù)到110幀，注意地球旋轉(zhuǎn)的配合導(dǎo)出為“卡通動畫綜合.swf”5555課堂示例4-關(guān)鍵步驟美羊羊繞地球旋轉(zhuǎn)1圈動畫設(shè)置2323思考題為什么“美羊羊繞地球旋轉(zhuǎn)1圈”和“美羊羊變成灰太狼”這兩段動畫的首關(guān)鍵幀不能和前一段動畫的尾關(guān)鍵幀共用？5656這個(gè)示例還有其他方法嗎？思考題為什么“美羊羊繞地球旋轉(zhuǎn)1圈”和“美羊羊變成灰太狼”這課堂示例5：萬科白馬花園參考“萬科白馬花園-樣張.swf”，運(yùn)用傳統(tǒng)補(bǔ)間動畫，制作樓盤宣傳海報(bào)動畫。花園圖片淡出式切換文字出現(xiàn)的效果其中文字“萬科白馬花園”顏色變化為綠、紅、藍(lán)、湖藍(lán)、粉紅。知識點(diǎn)：多圖層分段動畫alpha值的設(shè)置翻轉(zhuǎn)效果的設(shè)置5757課堂示例5：萬科白馬花園參考“萬科白馬花園-樣張.swf”課堂示例5-關(guān)鍵步驟打開“萬科白馬花園.fla”，舞臺大小為700*400像素，舞臺背景為黑色圖片動畫設(shè)置分別創(chuàng)建4張圖片動畫（注意轉(zhuǎn)換為元件，為什么？），動畫分別持續(xù)15幀逐漸變透明(Alpha值設(shè)置)文字