第11課《制作簡單動畫》課件2五年級上冊

《第11課《制作簡單動畫》課件2五年級上冊》由會員分享，可在線閱讀，更多相關(guān)《第11課《制作簡單動畫》課件2五年級上冊（59頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

1、第7課 制作簡單動畫 本章要點(diǎn)具體要求本章導(dǎo)讀上機(jī)練習(xí)本章要點(diǎn)逐幀動畫動作補(bǔ)間動畫形狀補(bǔ)間動畫具體要求掌握逐幀動畫的制作方法掌握動作補(bǔ)間動畫的制作方法掌握形狀補(bǔ)間動畫的制作方法本章導(dǎo)讀Flash最主要的功能就是制作動畫。Flash能夠制作的動畫類型很多，一種類型的動畫也可以構(gòu)成一個簡單動畫。為了使Flash作品更加形象、生動，往往需要在一個Flash作品中綜合應(yīng)用不同類型的動畫。因此，只有掌握了制作不同類型的簡單動畫后，才能制作含有多種類型動畫的復(fù)雜作品。逐幀動畫：變化過程要求較精細(xì)的動畫，如人走路、眨眼、打字效果等動作補(bǔ)間動畫：制作物體運(yùn)動的動畫，如奔馳的汽車等形狀補(bǔ)間動畫：制作物體變形或變

2、色的動畫，如變色文字、漣漪效果等本章導(dǎo)讀由于動畫的生成原理和制作方法不相同，因此動畫的表示方法也不相同。不同的動畫對應(yīng)的幀表示方式如下：形狀補(bǔ)間動畫：各關(guān)鍵幀之間用淺綠色背景的黑色箭頭表示的為形狀補(bǔ)間動畫。動作補(bǔ)間動畫：各關(guān)鍵幀之間用淺藍(lán)色背景的黑色箭頭表示的為動作補(bǔ)間動畫。未產(chǎn)生動畫：指兩個關(guān)鍵幀之間的動畫沒有創(chuàng)建成功，或在創(chuàng)建動畫時操作錯誤。兩個關(guān)鍵幀之間是由虛線連接起來的。含動作的動畫：為一個關(guān)鍵幀添加了Actions語句，這個關(guān)鍵幀上就會出現(xiàn)小寫的“a”符號。Actions語句的使用將在第10課和第11課中詳細(xì)介紹。含幀標(biāo)簽的動畫：為一個關(guān)鍵幀進(jìn)行命名、標(biāo)簽或注釋后，關(guān)鍵幀上有一個小紅

3、旗標(biāo)記，且后面標(biāo)注有文字。中文版中文版FlashFlash動畫制作培訓(xùn)教程動畫制作培訓(xùn)教程金手指考試網(wǎng) http:/ 科目四元貝駕考網(wǎng) http:/ 科目一科目四仿真考試題C1Grammar 7.1 逐幀動畫 逐幀動畫的制作原理簡單，但是制作起來又相當(dāng)復(fù)雜。下面對該動畫類型進(jìn)行講解。7.1 逐幀動畫7.1.1 知識講解7.1.2 典型案例打字效果 7.1.1 知識講解在很多Flash動畫中，常常會看到一些動畫人物在眨眼、口形在變化等，這些簡單的動畫效果就是利用逐幀動畫實(shí)現(xiàn)的。逐幀動畫是指由位于同一圖層的許多連續(xù)關(guān)鍵幀組成的動畫，制作者需要在動畫的每一幀中創(chuàng)建不同的內(nèi)容。當(dāng)動畫播放時，F(xiàn)lash

4、就會一幀一幀地顯示每幀中的內(nèi)容。一個逐幀動畫，動畫中的每一幀都是關(guān)鍵幀。7.1.1 知識講解1.逐幀動畫特點(diǎn)2.逐幀動畫制作方法1.逐幀動畫特點(diǎn)逐幀動畫有如下特點(diǎn)：逐幀動畫中的每一幀都是關(guān)鍵幀，每個幀的內(nèi)容都需要手動編輯，工作量很大，一般不采用該方式制作動畫。逐幀動畫由許多單個關(guān)鍵幀組合而成，每個關(guān)鍵幀均可獨(dú)立編輯，且相鄰關(guān)鍵幀中的對象變化不大。逐幀動畫的文件較大，不利于編輯。逐幀動畫效果 2.逐幀動畫制作方法創(chuàng)建逐幀動畫，需要將每個幀都定義為關(guān)鍵幀，然后給每個幀創(chuàng)建不同的圖像。每個新關(guān)鍵幀最初包含的內(nèi)容和它前面的關(guān)鍵幀是一樣的，因此可以遞增地修改動畫中的幀，但工作量很大。7.1.2 典型案例

5、打字效果本案例將制作一個名為“打字效果”的動畫，主要練習(xí)逐幀動畫的制作方法。完成后，畫面將依次出現(xiàn)“陽安出版社”文字。效果圖位置：【第7課源文件打字效果.fla】制作思路：1）在第1幀中利用文字工具輸入文字“陽”。2）在第2幀中插入關(guān)鍵幀，在“陽”字后面輸入“安”。3）用同樣的方法，在其他幀插入關(guān)鍵幀，并分別輸入文字?！按蜃中Ч弊罱K效果圖 操作步驟本案例比較簡單，只需在不同的關(guān)鍵幀中輸入文字，其具體操作（請老師參照軟件講解）：案例小結(jié)本案例制作的是打字的動畫效果，在制作過程中主要用到了文本工具。需要注意的是，制作逐幀動畫時，關(guān)鍵幀的數(shù)量可以自行設(shè)定，各個關(guān)鍵幀的內(nèi)容也可任意改變，只要兩個相鄰

6、關(guān)鍵幀上的內(nèi)容連續(xù)性合理即可。7.2 動作補(bǔ)間動畫 動作補(bǔ)間動畫是制作Flash動畫過程中使用得最為頻繁的一種動畫類型。在Flash動畫的制作過程中，常需要制作圖片的若隱若現(xiàn)、移動、縮放、旋轉(zhuǎn)等效果，這主要通過動作補(bǔ)間動畫來實(shí)現(xiàn)。下面將對該動畫類型進(jìn)行講解。7.2 動作補(bǔ)間動畫7.2.1 知識講解7.2.2 典型案例廣告條 7.2.1 知識講解動作補(bǔ)間動畫是在兩個關(guān)鍵幀上分別定義不同的屬性，如對象的大小、位置、角度等，然后在兩個關(guān)鍵幀之間建立一種運(yùn)動漸變關(guān)系，這就是制作動作補(bǔ)間動畫的過程。7.2.1 知識講解1.動作補(bǔ)間動畫的特點(diǎn)2.動作補(bǔ)間動畫制作方法3.實(shí)例屬性應(yīng)用1.動作補(bǔ)間動畫的特點(diǎn)

7、動作補(bǔ)間動畫屬于補(bǔ)間動畫的一種，由兩個關(guān)鍵幀和它們之間的普通幀組成。動作補(bǔ)間動畫具有如下特點(diǎn)：不需要手工創(chuàng)建每個幀的內(nèi)容，只需要創(chuàng)建兩個關(guān)鍵幀的內(nèi)容，兩個關(guān)鍵幀之間的所有動畫都由Flash創(chuàng)建，制作更加簡便。由手工控制，幀與幀之間的過渡可能不自然、連貫；而補(bǔ)間動畫除兩個關(guān)鍵幀由手工控制外，中間的幀都由Flash自動生成，因此漸變過程更為連貫。文件小，是一種應(yīng)用較多的動畫制作方式。動作補(bǔ)間動畫 2.動作補(bǔ)間動畫制作方法 動作補(bǔ)間動畫就是在兩個關(guān)鍵幀之間建立了一種運(yùn)動補(bǔ)間關(guān)系。該類型動畫漸變過程很連貫，制作過程也比較簡單，只需建立動畫的第一個畫面和最后一個畫面。其具體操作如下：1）在動畫的起始幀插

8、入關(guān)鍵幀，并編輯起始幀中的內(nèi)容。2）選擇起始幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【創(chuàng)建補(bǔ)間動畫】命令，或在【屬性】面板的【補(bǔ)間】下拉列表框中選擇【動作】選項(xiàng)。3）選擇結(jié)束幀并插入關(guān)鍵幀，再編輯結(jié)束幀中的內(nèi)容。動作補(bǔ)間動畫的【屬性】面板 補(bǔ)間類型添加聲音設(shè)置運(yùn)動類型3.實(shí)例屬性應(yīng)用創(chuàng)建動作補(bǔ)間動畫后，其【屬性】面板中各選項(xiàng)的含義如下：【幀】：用于輸入幀的標(biāo)簽名稱。復(fù)選框：選中該復(fù)選框使對象沿設(shè)定的路徑運(yùn)動，并隨著路徑的改變而相應(yīng)地改變角度。復(fù)選框：選中該復(fù)選框使動畫在場景中首尾連續(xù)地循環(huán)播放。復(fù)選框：選中該復(fù)選框使對象沿路徑運(yùn)動時，自動捕捉路徑。3.實(shí)例屬性應(yīng)用【簡易】：用于設(shè)定對象在變化運(yùn)

9、動過程中是減速還是加速。單擊右側(cè)的按鈕，從彈出的滾動條中拖動滑塊可設(shè)置速度的快慢。正數(shù)表示對象運(yùn)動由快到慢，做減速運(yùn)動，右側(cè)顯示【輸出】；負(fù)數(shù)表示對象運(yùn)動由慢到快，做加速運(yùn)動，右側(cè)顯示【輸入】；默認(rèn)值為0，表示對象做勻速運(yùn)動?！狙a(bǔ)間】下拉列表框：用于選擇創(chuàng)建的補(bǔ)間動畫的類型。其中，【動作】用于創(chuàng)建動作補(bǔ)間動畫，【形狀】用于創(chuàng)建形狀補(bǔ)間動畫，【無】表示不創(chuàng)建動畫3.實(shí)例屬性應(yīng)用【旋轉(zhuǎn)】下拉列表框：用于設(shè)定物體的旋轉(zhuǎn)運(yùn)動。其中，【無】表示對象不旋轉(zhuǎn)；【自動】表示對象以最小的角度進(jìn)行旋轉(zhuǎn)，直到終點(diǎn)位置；【順時針】表示可設(shè)定對象沿順時針方向旋轉(zhuǎn)到終點(diǎn)位置，在其后的【次】文本框中可輸入旋轉(zhuǎn)次數(shù)，輸入0表

10、示不旋轉(zhuǎn)；【逆時針】表示可設(shè)定對象沿逆時針方向旋轉(zhuǎn)到終點(diǎn)位置，在其后的【次】文本框中可輸入旋轉(zhuǎn)次數(shù)，輸入0表示不旋轉(zhuǎn)。7.2.2 典型案例廣告條本案例將制作一個名為“廣告條”的動畫，動畫中的廣告文字將從場景右方進(jìn)入，并伴隨放大、縮小與漸隱等變化，然后從場景左方出去。此案例主要練習(xí)動作補(bǔ)間動畫的制作方法和Alpha值的設(shè)置。效果圖位置：【第7課源文件廣告條.fla】制作思路：1）利用繪圖工具繪制出背景圖形。2）制作“強(qiáng)”和“文字”圖形元件。3）在場景中為“強(qiáng)”和“文字”圖形元件制作動作補(bǔ)間動畫，并進(jìn)行設(shè)置。“廣告條”最終效果圖 操作步驟本案例分為三大部分：第一步，繪制背景圖形；第二步，制作圖形元

11、件；第三步，制作動作補(bǔ)間動畫。.繪制背景圖形 這里用繪圖工具在兩個圖層中繪制出廣告條的背景圖形，其具體操作（請老師參照軟件講解）：2.制作圖形元件這里制作兩個圖形元件。在“強(qiáng)”圖形元件中繪制一個矩形，并用選擇工具調(diào)整，然后輸入“強(qiáng)”文字；在“文字”圖形元件中輸入不同屬性的文字，其具體操作（請老師參照軟件講解）：3.制作“強(qiáng)”的動作補(bǔ)間動畫 將制作的“強(qiáng)”圖形元件拖入到場景的圖層中，并創(chuàng)建動作補(bǔ)間動畫，然后在【屬性】面板中設(shè)置旋轉(zhuǎn)等屬性，其具體操作（請老師參照軟件講解）：4.制作“文字”的動作補(bǔ)間動畫 將制作的“文字”圖形元件拖入到場景的圖層中，并創(chuàng)建動作補(bǔ)間動畫，然后在【屬性】面板中設(shè)置其Al

12、pha值等屬性，具體操作（請老師參照軟件講解）：案例小結(jié)本案例制作了一個廣告文字在場景中移動、縮放和隱顯的動態(tài)效果，在制作過程中主要練習(xí)創(chuàng)建元件、輸入文字、創(chuàng)建動作補(bǔ)間動畫和設(shè)置動作補(bǔ)間動畫屬性的方法。案例中創(chuàng)建動作補(bǔ)間動畫的方法是先選擇【創(chuàng)建補(bǔ)間動畫】命令、再插入關(guān)鍵幀的方法，也可以先插入關(guān)鍵幀，將各關(guān)鍵幀中的對象進(jìn)行設(shè)置后，再創(chuàng)建動作補(bǔ)間動畫。需要注意的是，必須在創(chuàng)建動作補(bǔ)間動畫后，才能設(shè)置動作補(bǔ)間動畫的屬性。7.3 形狀補(bǔ)間動畫 在Flash動畫中，常?？吹轿淖值淖冃巍⒏鞣N圖形之間的變化等，這些都是簡單的形狀補(bǔ)間動畫。7.3 形狀補(bǔ)間動畫7.3.1 知識講解7.3.2 典型案例變色的彩燈

13、 7.3.3 典型案例星形變化 7.3.1 知識講解 形狀補(bǔ)間動畫，就是先分別定義不同屬性的兩個關(guān)鍵幀，如對象的外形、顏色變化等，然后在兩個關(guān)鍵幀之間建立一種形狀漸變關(guān)系，這就是制作形狀補(bǔ)間動畫的過程。7.3.1 知識講解1.形狀補(bǔ)間動畫的特點(diǎn)2.形狀補(bǔ)間動畫制作方法3.形狀提示 1.形狀補(bǔ)間動畫的特點(diǎn) 形狀補(bǔ)間動畫屬于補(bǔ)間動畫的一種，也是由兩個關(guān)鍵幀和它們之間的普通幀組成，其特點(diǎn)與動作補(bǔ)間動畫的一樣。2.形狀補(bǔ)間動畫制作方法 形狀補(bǔ)間動畫是指圖形形狀逐漸發(fā)生變化的動畫。圖形的變形不需要依次繪制，只需確定圖形在變形前和變形后的兩個關(guān)鍵幀中的畫面，中間的變化過程由Flash自動完成。其具體操作如

14、下：1）在動畫的起始幀插入關(guān)鍵幀，并編輯起始幀中的內(nèi)容。2）選擇起始幀，在【屬性】面板的【補(bǔ)間】下拉列表框中選擇【形狀】選項(xiàng)。3）選擇結(jié)束幀并插入關(guān)鍵幀，再編輯結(jié)束幀中的內(nèi)容。在時間軸中選取要創(chuàng)建補(bǔ)間動畫的幀，【屬性】面板中各選項(xiàng)功能和動作補(bǔ)間動畫的【屬性】面板一樣，只有【混合】下拉列表框不同。形狀補(bǔ)間動畫的【屬性】面板 2.形狀補(bǔ)間動畫制作方法【混合】下拉列表框用于設(shè)置中間幀形狀變化過渡的模式，其中包括【分布式】和【角形】兩項(xiàng)，其含義如下：分布式：使中間幀的形狀變化過渡得更加自然。角形：使中間幀的形狀變化保持關(guān)鍵幀上圖形的棱角。此模式可用于有尖銳棱角的圖形變換。如果圖形沒有尖角，F(xiàn)lash會

15、自動地將此模式設(shè)為分布式。3.形狀提示 在創(chuàng)建形狀補(bǔ)間動畫的時候，要控制復(fù)雜的形狀變化，可以使用形狀提示來使變形的過程更加細(xì)膩。形狀提示會標(biāo)識起始形狀和結(jié)束形狀中相對應(yīng)的點(diǎn)。利用形狀提示可以將一個圖形上的某點(diǎn)轉(zhuǎn)換到另外一個圖形上的某個點(diǎn)，使物體間的變形過渡更有目的性，從而制作出更豐富有趣的變形效果。若要將一個圓形漸變?yōu)榫匦?，可?chuàng)建形狀提示，其具體操作如下：1）選擇動畫的開始幀，再選擇【修改】【形狀】【添加形狀提示】命令。2）移動變形前后的形狀提示符號 ，可控制該點(diǎn)在變形前后的位置，這樣可約束動畫的變形。3.形狀提示若要刪除形狀提示，有以下兩種方法：將形狀提示拖到畫面以外的任何地方。在形狀提示上

16、單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【刪除提示】命令。要獲得最佳效果，請遵循這三條準(zhǔn)則：確保形狀提示是符合邏輯的。如果按逆時針順序從形狀的左上角開始放置形狀提示，它們的工作效果最好。在復(fù)雜的補(bǔ)間形狀中，需要創(chuàng)建中間形狀，然后再進(jìn)行補(bǔ)間，而不要只定義起始和結(jié)束的形狀。7.3.2 典型案例變色的彩燈 本案例將制作一個名為“變色的彩燈”的動畫，播放時圣誕樹上的彩燈將不停地變幻色彩，主要練習(xí)形狀補(bǔ)間動畫的制作方法。素材位置：【第7課素材】效果圖位置：【第7課源文件變色的彩燈.fla】制作思路：1）制作“彩燈”影片剪輯元件，在其中創(chuàng)建形狀補(bǔ)間動畫。2）將制作的“彩燈”影片剪輯元件拖入場景中?！白兩牟薀?/p>

17、”最終效果圖 操作步驟本案例首先打開“變色的彩燈”Flash文檔，新建“彩燈”影片剪輯元件，在元件編輯區(qū)中用橢圓工具繪制出彩燈，新建“圖層2”，將彩燈圖形的填充色塊剪切到“圖層2”中，并創(chuàng)建形狀補(bǔ)間動畫。具體操作（請老師參照軟件講解）：案例小結(jié)本案例制作了一個圣誕彩燈變幻的動畫效果，在制作過程中主要練習(xí)繪制圖形、創(chuàng)建元件和創(chuàng)建形狀補(bǔ)間動畫的方法。需要注意的是，在創(chuàng)建色彩的形狀補(bǔ)間動畫時，最好色彩的對象是同一形狀，以避免變形的情況出現(xiàn)。7.3.3 典型案例星形變化 本案例將制作一個名為“星形變化”的動畫，完成后三角形將變幻為五角星形，主要練習(xí)了形狀補(bǔ)間動畫的制作方法和形狀提示的使用方法。效果圖位

18、置：【第7課源文件星形變化.fla】制作思路：1）利用繪圖工具在第1幀和第10幀中繪制出三角形和五角星形。2）為第1幀和第10幀創(chuàng)建形狀補(bǔ)間動畫。3）添加形狀提示?！靶切巫兓弊罱K效果圖操作步驟本案例分為兩大部分：第一步，繪制圖形；第二步，創(chuàng)建形狀補(bǔ)間動畫，并添加形狀提示。1.繪制圖形這里用繪圖工具在“圖層1”中繪制出一個和場景大小一樣的矩形，作為背景圖形，然后新建“圖層2”，在第1幀和第10幀中繪制出三角形和五角星形，其具體操作（請老師參照軟件講解）：2.創(chuàng)建形狀補(bǔ)間動畫并添加形狀提示 這里為“圖層2”的第1幀和第10幀創(chuàng)建形狀補(bǔ)間動畫，并添加5個形狀提示，以使三角形與五角星形的變幻更加規(guī)則

19、，其具體操作（請老師參照軟件講解）：案例小結(jié)本案例制作了一個三角形變化為五角星形的動畫效果，在制作過程中主要練習(xí)繪制圖形、創(chuàng)建形狀補(bǔ)間動畫和創(chuàng)建形狀提示的方法。通過形狀提示可以控制三角形與五角星形之間的變化過程，使得對象之間的變形更加自然、有規(guī)律。本案例通過選擇【修改】【形狀】【添加形狀提示】命令來添加形狀提示，用戶也可以在添加了第1個形狀提示后，在場景中選中形狀提示，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【添加提示】命令來添加其他的形狀提示。7.4 上機(jī)練習(xí)7.4.1 閃爍 7.4.2 翻跟斗7.4.1 閃爍本次練習(xí)將制作“閃爍”效果圖，主要練習(xí)本課所學(xué)的逐幀動畫的制作方法。效果圖位置：【第8

20、課源文件閃爍.fla】制作思路：文件的大小為“300150”像素。用矩形工具、鉛筆工具和多角星形工具繪制背景圖形和場景中的星形圖形。新建名為“光”的影片剪輯元件，在其中繪制發(fā)散的圖形，并在第2幀插入關(guān)鍵幀，將圖形放大，制作出逐幀動畫的效果。將“光”影片剪輯元件拖入場景。7.4.2 翻跟斗 本次練習(xí)將制作“翻跟斗”效果圖。完成后，場景中的文字將上下翻轉(zhuǎn)，主要練習(xí)本課所學(xué)的動作補(bǔ)間動畫的制作方法。素材位置：【第7課素材】效果圖位置：【第7課源文件翻跟斗.fla】制作思路：文件的大小為“500300”像素。導(dǎo)入“翻.jpg”圖形素材作為背景。創(chuàng)建“文字”圖形元件，制作出文字效果。在場景中新建“圖層2”，制作動作補(bǔ)間動畫。將第10幀中的“翻.jpg”圖形素材垂直翻轉(zhuǎn)。