宅孑信息腳學放桁號”謂純編號01-01

學習情境一Animate簡單動畫設計與制作

一、課程說明與要求

1.課程性質與考核方式說明

《二維動畫制作》本課程是一門綜合性較強的課程，它是建立在素描、設計色彩、動畫前期設計、動

畫運動規律及視聽語言等專業基礎課的基礎上，在學生基本掌握造形、色彩、線條等基本理論和一定技能

的基礎上，并以運動規律及鏡頭等基本理論作為指導進行綜合能力訓練和創意表現的課程。它對本專業后

續游戲動畫設計、影視動畫設計等課程具有引導和輔墊作用。本課程總課時為64學時，講授課時為30學

時，獨立實踐學時為34學時。本課程考核采取平時考核與期末考核的方式。平時成績占總分的40%,期

末成績占總分的60%,課程總評成績為100分制，60分及以上為合格。

2.課程說明

根據二維動畫崗位職業要求，本課程主要通過基本動畫設計、高級動畫設計和情景動畫設計三個階段

來架構學習過程，并根據各階段目標來確定課程內容，使學生在掌握二維動畫軟件的基礎上，能夠完成復

雜和交互動畫的設計與制作，并最終達到創作情景動畫的目標。課程主要采用“任務驅動”教學方法，最

后階段同時引入“項目驅動”教學方法來組織教學。將N個知識點融入一個學習任務，通過演示、分析、

講解、布置、設計、驗收等環節構成學習活動，幫助學生完成相應的能力目標。同時，定期布置課下學習

任務，進一步鼓勵學生進行創新思維練習。學生通過階段性和任務化的學習，不斷掌握分析問題和解決問

題的方法，逐漸提高動畫作品的創作能力。

3.組織簽到及建立班級課程微信胖

組織學生使用學習通進行簽到，并通過QQ平臺建立課程資源群,本群作為課程的相關通知發布、知

識答疑和作品交流使用，同時歡迎同學們及時在群里反饋對課程教學方面的意見和學習感想，以便老師及

時調整適合同學們的授課方式。

4.設備準備說明

(1)操作系統：Windows7或Wirdows10版本。

(2)需要安裝AdobeAnimate二維制作軟件，建議安裝AdobeAnimate8版本以上。

二、學情分析與課程導入

1.學情分析

本課程授課對象為動漫技術制作專業2020級新生，學生沒有美術基礎，也沒有接觸過專業設計軟件。

TIANJINELECTRONICINFORMATIONCOLLEGE

。大辭孑信息指O桁粵斃備避紙編號以

AdobeAnimate二維制作軟件對于他們來說，算是進行專業學習的第一個軟件，需要對運動規律、素描等

前期課程的綜合運用，所以學生開始運用的不好，但是學生對大學有瞳憬，對所選擇的專業感興趣，獲取

知識的主動性較強。

2.課程導入

傳統的二維動畫是由水彩顏料畫到賽璐璐片上，再由攝影機逐張拍攝記錄而連貫起來的畫面，計算機

時代的來臨.讓二維動畫得以升華.可將事先手工制作的原動畫逐幀輸入計算機，由計算機幫助完成繪線

上色的工作，并且由計算機控制完成紀錄工作。

三、理論知識講解

1.Animate軟件的介紹

Animate是由AdobeFlashProfessionalCC更名得來，AnimateCC?在支持FlashSWF文件的基礎.上，

加入了對HTML5的支持。為網頁開發者提供更適應現有網頁應用的音頻、圖片、視頻、動畫等創作支持。

Animate主要用于制作矢量圖的二維動畫，相當于動漫版的AI,其主要的動畫制作形式有：角色動畫、

動態圖形編輯、MG商業廣告動畫、動態LOGO制作、日式動漫制作、商業插畫、兒童插畫、以及動態課

件等。

2.Animate軟件工作界面講解

要創建動畫，用戶首先要了解它的工作環境，了解一些基本的概念，如舞臺，圖層，幀與關犍幀。本

節主要介紹這方面的情況。

啟動Animate,并在“開始”頁中選擇一項進行，就可進入Animate的工作環境。如下圖，Animate

的工作界面，主要有舞臺，主工具欄，工具箱，時間軸，屬性面板和多個控制面板等幾個部分。

TIANJINELECTRONICINFORMATIONCOLLEGE

繆大茸建孑信息橫章族桁號憑德謠紙編號m3

??（HM：E）?fl（v）AAO）sa（M）jt?n）xge。布（口BOM?KW）03

勖字畫二

ft叵］即可退出至屏蛔

文0

AnimateCC.qinxue?com

■*再

畀■詆的噎日。■介

KB5tft：

^H*9Carr?Mo

??”?

弄重人工?

ActanScrv*3

A*twDMMOI

。#月

AftlorOS

HM*AMAA*。?

AC*(MSC*W3ActatScr^t?FWe

ActovScr^t3o?aCrwaaJS片雙人金?</?

大小：赤

j$Fl

????

時Ado6eEXCMF?

?打開：該欄目顯示最近操作過的文件，并在下面顯示了“打開”按鈕然后單擊其中的一個文件?，即

可直接打開該文件。

?創建新項目：它提供了Animate可以創建的文檔類型，用戶可以直接單擊選擇。

?從模板創建：提供了創建文檔的常用模板，用戶可以直接單擊其中一種模板類行。

3.Animate軟件時間軸及圖層

（1）時間軸簡介

時間軸用于組織和控制文檔內容在一定時間內播放的圖層數和幀數。與膠片一樣，Animate文檔乜將

時長分為幀。圖層就像堆疊在一起的多張幻燈膠片一樣，每個圖層都包含一個顯示在舞臺中的不同圖像。

時間軸的主要組件是圖層、幀和播放頭。

文檔中的圖層列在時間軸左側的列中。每個圖層中包含的幀顯示在該圖層名右側的一行中。時間軸頂

部的時間軸標題指示幀編號。播放頭指示當前在舞臺中顯示的幀。播放Animate文檔時，播放頭從左向右

通過時間軸。

當時間軸狀態顯示在時間軸的底部，它指示所選的幀編號、當前幀頻以及到當前幀為止的運行時間。

注意：

在播放動畫時，將顯示實際的幀頻：如果計算機不能足夠快地計算和顯示動畫，則該幀頻可能與文檔

的幀頻設置不一致。

（2）更改時間軸的外觀

TIANJINELECTRONICINFORMATIONCOLLEGE

0大律申孑信息腳耨埼等斃備謠紙編號。IQ

默認情況下，時間軸顯示在主應用程序窗口的頂部，在舞臺之上。要更改其位置，可以將時間軸停放

在主應用程序窗I」的底部或任意一側.，或在單獨的窗口中顯示時間軸。也可以隱藏時間軸。

可以調整時間軸的大小，從而更改可以顯示的圖層數和幀數。如果有許多圖層，無法在時間軸中全部

顯示出來，則可以通過使用時間軸右側的滾動條來查看其它的圖層。

移動應用程序中的時間軸可拖動面板標題欄中時間軸這個左邊的抓手。

停放時間軸要將時間軸標題欄拖動到應用程序窗II的一個邊緣.按住Ctrl鍵拖動時將禁止時間軸停

放。

拖動時間軸中分隔圖層名和幀部分的欄可進行其增減。

要調整時間軸的大小可將時間軸停放在主應用程序窗口，請拖動分隔時間軸和舞臺區域的欄。

如果時間軸沒有停放在主應用程序窗口中，請拖動右下角（Windows）或右下角的大小框。

（3）使用幀和關鍵幀

關鍵幀是這樣一個幀：您在其中定義了對動畫的對象屬性所做的更改，或者包含了AclionScripl代碼

以控制文檔的某些方面。Animate可以在您定義的關鍵幀之間補間或自動填充幀，從而生成流暢的動畫。

因為關鍵幀可以使您不用畫出每個幀就可以生成動畫，所以使您能夠更輕松地創建動畫。可以通過在時間

軸中拖動關犍幀來輕松更改補間動畫的長度。

（4）在時間軸中處理幀

在時間軸中，可以處理幀和關鍵幀，將它們按照您想讓對象在幀中出現的順序進行排列。可以通過在

時間軸中拖動關鍵幀來更改補問動畫的長度。

可以對幀或關犍幀進行如下修改：

插入、選擇、刪除和移動幀或關鍵幀。

將幀和關鍵幀拖到同一圖層中的不同位置，或是拖到不同的圖層中。

復制和粘貼幀和關鍵幀，將關鍵幀轉換為幀。

從“庫”面板中將一個項目拖動到舞臺上，從而將該項目添加到當前的關鍵幀中

幀：

'幀的含義：一個一個的小方格子就是Animate的幀。Animate幀的作用：容納一定的對象

空白關鍵幀一一空白關鍵幀里面沒有內容（但空白關健幀里面有內容就變成了關鍵件幀〉

,關鍵幀一一容納了一定對對象的幀（關鍵幀有綠色、紫色和灰色的；綠色是形狀補間紫色是動畫補問）

靜止幀一一讓前面關健幀的內容持續一段時間

TIANJINELECTRONICINFORMATIONCOLLEGE

。大辭孑信息指O桁粵斃備避紙編號。

幀的操作：

幀的復制與黏貼一一要先選想要的幀或幀的序列一一右鍵復制黏貼便可（但是幀的復制黏貼不等于幀

內容的制翦貼）

幀的移動一一要先選定想要幀或幀的序列一一右鍵移動一一鼠標點哪里就可以幀到想要的地方

幀的翻轉一一要先選擇想要的幀或幀的序列一一右鍵一一翻轉

課程思政：珍惜時間

四、實踐技能訓練

（一）布置訓練任務

任務1:從日常所看的動畫片中，找到自己最喜歡的二維動畫，掛薦給大家

任務2：打開Animale軟件，根據軟件的介紹進行新建文件操作

任務3：Animale工具箱的設置

（二）實戰項目案例

進行Animate工具箱及版而的設置............................................【難點】

教師重點指導：參照其他所學的Adobe公司軟件的特點，結合老師所介紹的工具箱概要，設置自己的

工具箱位置及布局。

【學生初次進行設計設置，教師應多引導，幫助學生形成理想的工作環境，為后續的軟件學習打卜基

礎。】

五、課堂總結

今天，我們.主要了解r二維動畫的相關內容，并結合案例我們初步認識rAdobeAnimate二維制作軟

件，想必同學們通過練習對Animate工具箱及版面的設置有了一定的了解和掌握。希望同學們課后繼續對

你所接觸到的相關作品，用專業的眼光，去分析二維動畫的制作過程。

六、課后思考

I、大家還看過那些著名的二維動畫片？

2、傳統動畫片的制作過程和當今有什么不同？

TIANJINELECTRONICINFORMATIONCOLLEGE

宅孑信息腳學放桁號”謂純編號02-01

學習情境一造型的繪制

一、課程說明與要求

1.QQ群里發布課前預習內容(視頻)

《晝夜交替》案例是本課程一個綜合性較強的案例，里面包含了圖形繪制、引導層、遮罩層等經典案

例內容，同學們在學習繪制時能夠綜合運用所學知識進行實踐，對同學們提高制作水平有很強的實操性。

2.學生在群里自主完成預習

(1)回憶Photoshop中圖層的概念和用法

(2)AdobeAnimate中圖層所在位置

(3)AdobeAnimate中工具箱中的工具分布

二、課程導入

1.圖層的概念

圖層就像透明的醋酸纖維薄片一樣，在舞臺上一層層地向上登加。圖層可以幫助您組織文檔中的插圖。

可以在圖層上繪制和編輯對象，而不會影響其它圖層上的對象。如果一個圖層上沒有內容，那么就可以透

過它看到卜.面的圖層。

三、理論知識講解

1.圖層的使用

在Animate圖層上進行繪制、上色或者對文件夾進行修改，需要在時間軸中選擇該圖層以激活它。時

TIANJINELECTRONICINFORMATIONCOLLEGE

^^大律申孑信息腳耨埼等免備謂純編號02-02

間軸中圖層或文件夾名稱旁邊的鉛筆圖標表示該圖層或文件夾處于活動狀態。一次只能有一個圖層處于活

動狀態（盡管一次可以選擇多個圖層）。當創建了一個新的Flash文檔之后，它僅包含一個圖層。可以添

加更多的圖層，以便在文檔中組織插圖、動畫和其它元素。可以創建的圖層數只受計算機內存的限制，而

且圖層不會增加發布的SWF文件的文件大小。只有放入圖層的對象才會增加文件的大小。可以隱藏、鎖

定或重新排列圖層。還可以通過創建圖層文件夾然后將圖層放入其中來組織和管理這些圖層。可以在時間

軸中展開或折疊圖層文件夾，而不會影響在舞臺中看到的內容.

（I）創建圖層，執行操作方法；

（2）創建圖層文件夾，執行操作方法；

（3）顯示或隱藏圖層或文件夾，執行操作方法；

（4）更改圖層的輪廓顏色，執行操作方法：

（5）更改時間軸中的圖層高度，執行操作方法；

（6）要更改時間軸中顯示的圖層數，執行操作方法。

2、工具箱——繪圖工具的使用..........【重點】

要創建動畫，用戶首先要了解它的繪圖工具。

TA

玲k已生R，T/OO,O/人/乙&%,a”.Q，■八百孫@

（分開的圖形，雙擊才能都選中：單個的圖形，苣擊可選中

拖動一一可連續

《

1.選擇工具：Shifl+雙擊+雙擊——可連續加選

、復制---ctrl+物體拖動就口J以復制了

2.橢圓工具：分開的圖形，雙擊才能都選中：單個的圖形，單擊可選中

,筆一一控制著圓的邊框

3.分開的圖形?

、填充色一一控制著圓的內部

在工具欄中一一選項一一緊貼至對象（不選就分開

屬性同理直線工具

TIANJINELECTRONICINFORMATIONCOLLEGE

^^大律申孑信息腳耨埼等免備謂純編號02-03

（屬性一一同理橢圓工具

4.矩形工具：\邊角半徑：圓角和尖角

矩形斜下方一一多邊形工具一一屬性一一選項一一可調不同的多邊形

5.鉛筆工具：屬性一一同理橢圓工具

「伸直

選項J平滑

、墨水

6.鋼筆工具：屬性一一同理橢圓工具

7.部分選取工具是指編輯圖形的外輪廓和鋼筆工具一起使用

單機（1）單機一一畫直線（2）拖動一一曲線（起點也可拖動）

【課程思政】預先善其事，必先利其器

四、實踐技能訓練

（一）布置訓練任務

任務1：設計一個橢圓移動的簡單動畫

任務2：繪制晝夜交替動畫背景

（二）實戰項目案例

繪制晝夜交替動畫背景..........【難點】

【教師指重點導】：結合之前課程所講授的內容分圖層繪制天空、草垛、草坪、車站、云

朵、風車、飛碟等背景。

【學生實戰要點】：

1、繪制藍天：矩形工具、藍白漸變填充、與舞臺同大小

2,繪制大山?鉛筆工具、自由平滑曲線，綠色漸變填充、刪除插邊

3、繪制草地：矩形工具、鉛筆工具、自由平滑曲線、斑馬線筆觸

4、繪制太陽：橢圓工具、放射狀填充

5、繪制風車：多角星形工具，復制并翻轉形成對稱圖形

TIANJINELECTRONICINFORMATIONCOLLEGE

。大辭孑信息指o桁粵免備辭紙編號02-04

EEECTRONICINFORMIffl.【】：■>｛】11山

6、繪制風車桿：矩形工具、灰白漸變填充

五、課堂總結

本節課，我們主要講解了二維動畫軟件Animate的繪制工具的相關內容，并結合案例我們初步認識了

AdobeAnimate二維制作軟件中矩形工具、鉛筆工具、橢圓工具、多角星形工具等，想必同學們通過練習

對Animate工具的使用有了一定的了解和掌握。希望同學們課后繼續對你所接觸到的相關作品，用專?業的

眼光，去分析二維動畫的制作過程。

六、課后思考

1、AdobeAnimate二維制作軟件的擴展名是什么？

2、傳擴展名默認為.Swf是什么文件？

TIANJINELECTRONICINFORMATIONCOLLEGE

宅孑信息腳學放桁號”謂純編號03-01

學習情境一設計與制作動作漸變動畫

一、課程說明與要求

1.QQ群里發布課前預習內容（視頻）

《晝夜交替》案例是本課程一個綜合性較強的案例，里面包含了圖形繪制、引導層、遮罩層等經典案

例內容，同學們在學習繪制時能夠綜合運用所學知識進行實踐，對同學們提高制作水平有很強的實操性。

2.學生在群里自主完成預習

二、課程導入

1.動作漸變動畫簡介

在Animate軟件中有三種不同類型的二維動畫，即傳統補間動畫、補間動畫、補間形狀動畫。其中最

常用的就是傳統補間動畫。下面我們就一起學習這種動畫的相關內容，

三、理論知識講解

1、動作漸變動畫的創建..........【重點】

（1）創建傳統補間：在時間軸對應圖形元件所在的關犍幀單擊鼠標右犍，從快捷菜單中選擇“創建傳

統補問”命令。

（2）插入末尾關鍵幀：在時間軸預想的末尾幀單擊鼠標右鍵，從快捷菜單中選擇“插入關鍵幀”或直

接按快捷鍵【F6】來添加末尾關鍵幀.

TIANJINELECTRONICINFORMATIONCOLLEGE

。大辭孑信息指o桁粵免備辭紙編號03-02

EEECTRONICINFORMIffl.【】：■>｛】11山

（3）修改關鍵幀對象：在舞臺上，對首或尾關鍵幀的圖形對象進行狀態的編輯修改（這里所說的可修

改的圖形“狀態”包括：大小、變形、位置、顏色、透明度、亮度、色調等）。

下面我們給大家示范一下動畫的創建過程：

錄制一個動畫制作的小例子（比如：一個正方形，從舞臺上方落到下方，然后演示調整其變為長方形、

變色、變大等）

2、動畫影片的測試

動畫創建完成后，我們需要及時測試一下，看看動畫效果，在這里給大家介紹兩種動畫影片測試的方

法：

（1）在舞臺測試

把播放頭放在起始幀上，然后按【Emer】鍵即可看到動畫在舞臺上播放的效果，IL只播放一次。

也可以單擊時間上方的口播放按鈕來測試動畫在舞臺上的播放效果。

（2）在播放器中測試

直接按組合鍵【Cirl+Entcr】（或選擇菜單“控制|測試影片”），即可在彈出的播放器中看到影片循環

播放的效果。

3、動畫影片的保存

如果測試效果不滿意，我們可以進行調整和修改，然后再進行測:式，直到效果滿意為止。這時我們就

可以將源文件進行保存。保存源文件的方法如F：

直接按組合鍵【Cirl+S】（或選擇菜單“文件|保存”〉，然后在彈出的對話框中設置源文件保存的地

址和文件名即可，文件擴展名不必輸入，默認為.fla。

4、動畫影片的導出

源文件保存后，作為備份，便于后期的調整和維護。但源文件并不能作為目標文件使用，不能在網絡

或其他媒體上播放，必須導出動畫影片文件才行。具體導出的方法是：

直接按組合鍵【Clrl+Ak+Shift+S］（或選擇菜單“文件|導出”），然后在彈出的對話框中設置影片文

件保存的地址和文件名即可，文件擴展名不必輸入，默認為.swf。

TIANJINELECTRONICINFORMATIONCOLLEGE

宅孑信息腳學放桁號”謂純編號03-03

5、動畫影片的完善與修改

對之前做好的影片，如果想進一步完善和修改，需要再次打開源文件，在Animate中編輯和修改,

以剛才的小動畫為例，我們想把它的內容再豐富一些，需要繼續添加不同的關健幀來完成。具體來看：

修改后的文件需要再次保存和導出。并強調最后的成品為.swf格式的文件。在關閉Animate后，只需

要雙擊.swf影片文件.就可以在播放器中瀏覽動畫效果.

四、實踐技能訓練

（一）布置訓練任務

任務1：設計一個橢圓移動的簡單動畫

任務2：繪制《晝夜交替》短片中的漸變動畫

（二）實戰項目案例..........【難點】

根據所講內容設計和制作動作漸變動畫并將動畫影片的保存導出。

【教師指重點導】：結合之前課程所講授的內容分圖繪制《晝夜交替》短片中的漸變動畫

【學生實戰耍點】：

1、動作漸變動畫的創建方法

2、動畫影片保存導出的方法

3、動作漸變動畫修改的方法

五、課堂總結

本節課，我們主要講解了二維動畫軟件Animate的繪制工具的相關內容，并結合案例我們初步認識了

AdobeAnimate二維制作軟件中矩形工具、鉛筆工具、橢圓工具、多角星形工具等，想必同學們通過練習

對Animate工具的使用有了一定的了解和掌握。希望同學們課后繼續對你所接觸到的相關作品，用專業的

眼光，去分析二維動畫的制作過程。

六、課后思考

1、起始關鍵幀和末尾關鍵幀不一樣可以制作動作漸變動畫嗎？

TIANJINELECTRONICINFORMATIONCOLLEGE

宅孑信息腳學放桁號”謂純編號04-01

學習情境一設計與制作動作漸變動畫

一、課程說明與要求

1.QQ群里發布課前預習內容（視頻）

《晝夜交替》案例是本課程一個綜合性較強的案例，里面包含了圖形繪制、引導層、遮罩層等經典案

例內容，同學們在學習繪制時能夠綜合運用所學知識進行實踐，對同學們提高制作水平有很強的實操性。

2.學生在群里自主完成預習

二、課程導入

1.動作漸變動畫簡介

在Animate軟件中有三種不同類型的二維動畫，即傳統補間動畫、補間動畫、補間形狀動畫。其中最

常用的就是傳統補間動畫。下面我們就一起學習這種動畫的相關內容，

三、理論知識講解

1、白天淡入效果的制作

（1）先將夜晚對象的圖層（包括月亮、星星、夜晚多星）鎖定并隱藏。將白天的所有圖層解鎖。

<2）按住【Shift】鍵，同時選中所有白天圖層的第I幀,右鍵選擇彈出菜單命令“創建傳統補問”。

（3）在時間軸30幀處選擇所有圖層的幀，右鍵選擇彈出菜單命令“插入關鍵幀"【F6】。

<4）再次選擇所有層的第1幀，點擊此幀舞臺上的對象，然后右屬性面版“色彩效果|樣式|亮度”中

將數值設置為-88%。

TIANJINELECTRONICINFORMATIONCOLLEGE

宅孑信息腳學放桁號”謂純編號04-02

—I：■11川IL11.口1】J【】；■<】

（5）按【回車】鍵，在舞臺上可看到整個白天場景以淡入的效果呈現出來。

2、云朵移動效果的制作

（1）鎖定所有白天的圖層，只解鎖“云朵”圖層。

<2）在280幀的地方按【F6】插入關鍵幀，將云朵的位置移動到舞臺右側。

（3）按【回車】鍵，在舞臺上可看到云朵移動的過程，鎖定云朵圖層。

3、風車葉旋轉效果的制作..........【重點】

（1）鎖定所有白天的圖層，分別解鎖“三角形風車葉一近景”和“三角形風車葉一遠景”圖層。

<2）在這三個圖層的280幀處插入關鍵幀。

（3）選擇這三個圖層的第30關鍵幀，將右側屬性面版“旋轉|順時針”的旋轉次數設置為I。

（4）按【回車】鍵，在舞臺上可看到三角形風車葉旋轉的過程，鎖定2個風車葉圖層。

4、白天夜晚淡出效果的制作

（1）解鎖所有白天的圖層，在時間軸310幀處插入關鍵幀。

（2）選擇所有層的第31（）幀，點擊此幀舞臺上的對象，然后在屬性面版“色彩效果|樣式|亮度”中將

數值設置為-88%。

（3）按【回車】鍵，在舞臺上可看到整個白天場景以淡出的效果結束動畫。

（4）同時所有夜晚圖層的第341幀，按［F6］插入關鍵幀。然后點擊311幀處舞臺上的對象，然后在

屬性面版“色彩效果|樣式|亮度”中籽數值設置為-88%。

（5）按【回車】鍵，在舞臺上可看到整個夜晚場景以淡入的效果呈現出來。

5、夜晚淡出效果的制作

（1）解鎖除太陽之外的所有圖層，將它們在621幀處插入關鍵幀。然后點擊此幀舞臺上的對象，然后

在屬性面版“色彩效果|樣式I色調”中設置數值為64%、紅為0、綠為0、藍為21。

（2）按【回車】鍵，在舞臺上可看到整個夜晚場景以淡出的效果結束整個動畫。

6、動畫影片的保存、導出

直接按組合鍵【Ctrl+S】（或選擇菜單“文件|保存”），然后在彈出的對話框中設置源文件保存的地

址和文件名即可，文件擴展名不必輸入，默認為fa。

直接按組合鍵【Ctrl+Alt+Shift+S］（或選擇菜單“文件|導出”），然后在彈出的對話框中設置影片文

件保存的地址和文件名即可，文件擴展名不必輸入，默認為swfc

四、實踐技能訓練

TIANJINELECTRONICINFORMATIONCOLLEGE

宅孑信息腳學放桁號”謂純編號04-03

(-)布置訓練任務

任務1:設計一個橢圓移動的簡單動畫

任務2：繪制《晝夜交替》短片中的漸變動畫

(-)實戰項目案例..........【難點】

根據所講內容設計和制作動作漸變動畫并將動畫影片的保存導出。

【教師指重點導】：結合之前課程所講授的內容分圖繪制《晝夜交替》短片中的漸變動畫

【學生實戰要點】：

1、白天淡入淡出效果的制作方法

2、云朵移動效果的制作方法

3、黑夜淡入淡出效果的制作方法

4、風車葉旋轉效果的制作方法

五、課堂總結

本節課，我們主要講解了二維動畫軟件Animate的繪制工具的相關內容，并結合案例我們初步認識了

AdobeAnimate二維制作軟件中矩形工具、鉛筆工具、橢圓工具、多角星形工具等，想必同學們通過練習

對Animate工具的使用有了一定的了解和掌握。希望同學們課后繼續對你所接觸到的相關作品，用專業的

眼光，去分析二維動畫的制作過程。

六、課后思考

1、根據所講內容如何制作星星的閃爍效果。

TIANJINELECTRONICINFORMATIONCOLLEGE

宅孑信息腳學放桁號”謂純編號05-01

學習情境一設計與制作動作漸變動畫

一、課程說明與要求

1.QQ群里發布課前預習內容（視頻）

2.學生在群里自主完成預習

二、課程導入

1、形狀漸變動畫設計簡介

補間形狀動畫是An中另一種動畫創建形式。它與傳統補間動畫從始至終都是針對同一個對象的特點

不同，它是將一種形狀變化成另一種形狀的動畫，動畫首尾兩個關犍幀中的動畫對象是不一樣的。這些動

畫對象可以是圖形、組、實例、位圖圖像和文字等。但無論是什么類型的對象，前提條件是：都需要將其

分離（打散）成矢量圖形，才能創建補間形狀動畫。

三、理論知識講解

1、補間形狀動畫的創建

第一步：在起始關鍵幀處的舞臺上創建起始對象，并打散。

第二步：在時間軸預定的地方插入空白關鍵幀，然后在此幀中創建終止對象，并打散。

第三步：在首尾關鍵幀之間選擇右鍵彈出菜單命令“創建補間形狀”0

經過上述三步就完成了補間形狀動畫的創建，具體效果怎么樣，同樣也是需要進行影片測試，即可以

按【Enter】鍵在舞臺預覽動畫效果，也可以按組合鍵【Ctrl+Enter】在播放器中預覽動畫循環播放效果。

2、添加形狀提示..........【重點】

我測試補間形狀動畫影片效果時，有時會發現在漸變的過程中，中間的過渡效果不太理想，而這個中

間過程又沒有關鍵幀，所以，很難把過渡效果調到理想狀態。為了彌補這?不足，我們經過分析和總結，

歸納出三種具體的解決辦法：

方法一：就是將復雜的圖形簡單化，把圖形的各個局部分散到不同的圖層，變成分圖層分局部的補間

形狀動畫，這樣會改善補間形狀的過渡效果。

方法二：就是在首尾關健之間添加中間形狀的關鍵幀，把首尾圖形的漸變分解成起始圖形到中間圖形

TIANJINELECTRONICINFORMATIONCOLLEGE

宅孑信息腳學放桁號”謂純編號05-02

的形狀漸變和從中間圖形到終止圖形的形狀漸變兩部分，這樣也會改善整體補問形狀的效果。

方法三：就是在首關鍵幀選擇菜單命令"修改I形狀I添加形狀提示”來添加形狀提示，形狀提示使用

26個英文字母，成對出現在首尾關鋌幀中，分別標記兩個關鍵幀中對應的點。標記最好按逆時針順序從左

上角開始擺放。如果無法看到提示標記，可以選擇菜單命令“視圖濕示形狀提示”。用鼠標右鍵單擊形狀

提示點，可以打開快捷菜單，利用該菜單可以繼續添加提示或刪除提示。通過設置形狀提示的位置，可以

改善過渡效果，但有時需要反復調整和測試才能得到較好效果。

3、動畫影片的保存

直接按組合鍵【QH+S】（或選擇菜單“文件|保存”），然后在彈出的對話框中設置源文件保存的地

址和文件名即可，文件擴展名不必輸入，默認為.fla。

4、動畫影片的導出

直接按組合鍵【Ctrl+AIl+bhiH+b】（或選擇菜單“文件|導出”），然后在彈出的對話框中設置影片文

件保存的地址和文件名即可，文件擴展名不必輸入，默認為.swf。

四、實踐技能訓練

（-）布置訓練任務

任務1：字母A向字母B的轉換，或正方形向五角星的轉換，或更好的方案

任務2：笑臉變哭臉

任務3：紅旗飄動

任務4：字母A向字母B的轉換

（二）實戰項目案例..........【難點】

根據所講內容設計和制作動作漸變動畫并將動畫影片的保存導出。

【教師指重點導】：結合之前課程所講授的內容分圖繪制《晝夜交替》短片中的漸變動畫

【學生實戰要點】：

1、字母A向字母B的轉換的制作方法

2、笑臉變哭臉的制作方法

3、紅旗飄動的制作方法

TIANJINELECTRONICINFORMATIONCOLLEGE

息牌章然桁孥免備課紙編號05-03

.【】：■>｛】11山

4、字母A向字母B的轉換的制作方法

五、課堂總結

本行課，我們主要講解了二維動畫軟件Animate的繪制工具的相關內容，并結合案例我們初步認識了

AdobeAnimate二維制作軟件中矩形工具、鉛筆工具、橢圓工具、多角星形工具等，想必同學們通過練習

對Animate工具的使用有了一定的了解和掌握。希望同學們課后繼續對你所接觸到的相關作品，用專?業的

眼光，去分析二維動畫的制作過程。

六、課后思考

1、根據所講內容如何制作正方體的左右反轉。

TIANJINELECTRONICINFORMATIONCOLLEGE

繆大茸建孑信息橫章族桁等憑德謠純編號06-01

—[1mliHnn（bMU

學習情境一逐幀動畫設計

一、課程說明與要求

1.QQ群里發布課前預習內容（視頻）

2.學生在群里自主完成預習

二、課程導入

1、逐幀動畫的特點

可以完成復雜動作制作，但效率較低。需要逐幀編輯。

三、理論知識講解

1、創建逐幀動畫（手寫字）

（1）新建一個空白文檔，修改文檔大小為1280X720?

（2）創建文字對象，并打散。

（3）復制幀，然后每復制一幀后，利用橡皮工具將不需要的地方擦掉。

（4）預覽效果，并調整寫字的速度和節奏。

（5）由于播放效果與手寫效果正好相反，所需要反轉幀。

（6）再次預覽效果，可適當增加最后的保持幀，效果滿意后，新建一層，繪制毛筆對象（提示：繪制

好毛筆后，然后將其轉換為圖形元件）。

<7）創建毛筆的逐幀動畫，并調整好節奏，使其與文字的走向相匹配。

（8）保存和導出文件。

2、建晝夜交替動畫片頭（手寫字一晝夜交替）..........【重點】

四、實踐技能訓練

（一）布置訓練任務

任務1：手寫字

任務2：晝夜交替動畫片頭

（二）實戰項目案例..........【難點】

根據所講內容設計和制作動作漸變動畫并將動畫影片的保存導出。

TIANJINELECTRONICINFORMATIONCOLLEGE

^^大律申孑信息腳耨埼等免備謂純編號06-02

【教師指重點導】：結合之前課程所講授的內容分圖繪制《晝夜交替》短片中的漸變動畫

【學生實戰要點】：

1、手寫字

2、晝夜交替動畫片頭

五、課堂總結

本節課，我們主要講解了二維動畫軟件Animate的繪制工具的相關內容，并結合案例我們初步認識了

AdobeAnimate二維制作軟件中矩形工具、鉛筆工具、橢圓工具、多角星形工具等，想必同學們通過練習

對Animate工具的使用有了一定的了解和掌握。希望同學們課后繼續對你所接觸到的相關作品，用專業的

眼光，去分析二維動畫的制作過程。

六、課后思考

1、設計制作手寫字動畫必須要打散嗎？為什么？

TIANJINELECTRONICINFORMATIONCOLLEGE

繆大茸建孑信息橫章族桁等憑德謠純編號07-01

—[1mliHnn（bMU

學習情境一逐幀動畫設計

一、課程說明與要求

1.QQ群里發布課前預習內容（視頻）

2.學生在群里自主完成預習

二、課程導入

1、逐幀動畫的特點

可以完成復雜動作制作，但效率較低。需要逐幀編輯。

三、理論知識講解

1、創建逐幀動畫（花轉）

（1）新建一個空白文檔，修改文檔大小為1280X720。

（2）創建單個花瓣，調整花瓣角度。

<3）對齊旋轉復制幀，然后按角度每72度復制一幀

（4）預覽效果，并調整寫字的速度和H奏。

（5）再次預覽效果，可適當增加最后的保持幀，效果滿意后，添加傳統補間動畫。

（6）保存和導出文件。

2、創建開場動畫（曲苑雜壇）..........【重點】

（1）新建一個空白文檔，修改文檔大小為1280X720。

（2）創建單個花瓣，調整花瓣角度。

<3）對齊旋轉復制幀，然后按角度每72度竟制一幀。

（4）預覽效果，并調整寫字的速度和節奏。

（5）再次預覽效果，可適當增加最后的保持幀，效果滿意后，添加傳統補間動畫。將動畫變成元件。

（6）保存和導出文件。

TIANJINELECTRONICINFORMATIONCOLLEGE

繆大茸建孑信息橫章族桁等憑德謠純編號07-02

四、實踐技能訓練

（一）布置訓練任務

任務1:花轉

任務2：曲苑雜壇

（二）實戰項日案例..........r難點】

根據所講內容設計和制作動作漸變動畫并將動畫影片的保存導出。..........【難點】

【教師指重點導】：結合之前課程所講授的內容分圖繪制《晝夜交替》短片中的漸變動畫

【學生實戰要點】：

1、花轉

2、曲苑雜壇

五、課堂總結

本節課，我們主要講解了二維動畫軟件Animate的繪制工具的相關內容，并結合案例我們初步認識了

AdobeAnimate二維制作軟件中矩形工具、鉛筆工具、橢圓工具、多角星形工具等，想必同學們通過練習

對Animate工具的使用有了一定的了解和掌握。希望同學們課后繼續對你所接觸到的相關作品，用專業的

眼光，去分析二維動畫的制作過程。

六、課后思考

1、設計制作曲苑雜壇動畫時可以要打組嗎?怎么做?

TIANJINELECTRONICINFORMATIONCOLLEGE

繆大茸建孑信息橫章族桁等憑德謠純編號08-01

—[1mliHnn（bMU

學習情境二元件的應用

一、課程說明與要求

1.QQ群里發布課前預習內容（視頻）

2.學生在群里自主完成預習

二、課程導入

1、逐元件的概念

共有三種：圖形元件，按鈕元件，影片剪輯元件。

三、理論知識講解

1、使用元件的特點：提高工作效率，便于修改和維護。

2、圖形元件的創建..........【重點】

（1）新建一個空白文檔，創建五角形圖形元件。

（2）從庫中將圖形元件拖入舞臺，并使多個實例大小、顏色、方向各不相同。

（3）修改元件，體會元件的特點。將元件變為用5幀時間旋轉一周的動畫，測試影片看有無動畫，若

要使舞臺上的實例都動起來，必須增加時間軸的幀。

<4）預覽效果，保存并導出文件。

3、影片剪輯元件的創建..........【難點】

（1）新建一個空白文檔，創建一個金屬質感的小球上下彈跳的影片剪輯元件。

（2）將舞臺進行編輯，使舞臺分為上白下綠的兩部分。

<3）將庫面板打開，從庫中將影片剪輯元件拖入舞臺，并按圖投放好位置。

（4）修改其中充當影子的三個小球做垂直翻轉。并調整好位置。

（5）預覽效果，保存并導出文件。

TIANJINELECTRONICINFORMATIONCOLLEGE

^^大律申孑信息腳耨埼等免備謂純編號08-02

四、實踐技能訓練

（一）布置訓練任務

任務1:星星閃爍

任務2：片頭元件動畫

（二）實戰項目案例

根據所講內容設計和制作動作漸變動畫并將動畫影片的保存導出。

【教師指重點導】：結合之前課程所講授的內容分圖繪制《晝夜交替》短片中的元件設計

【學生實戰要點】：

1、星星閃爍

2、片頭元件動畫

五、課堂總結

本節課，我們主要講解了二維動畫軟件Animate的繪制工具的相關內容，并結合案例我們初步認識了

AdobeAnimate二維制作軟件中矩形工具、鉛筆工具、橢圓工具、多角星形工具等，想必同學們通過練習

對Animate工具的使用有了一定的了解和掌握。希望同學們課后繼續對你所接觸到的相關作品，用專業的

眼光，去分析二維動畫的制作過程。

六、課后思考

1、實例在舞臺上所需要的幀數是多少？與元件中所用幀的數量有關嗎？

TIANJINELECTRONICINFORMATIONCOLLEGE

繆大茸建孑信息橫章族桁等憑德謠純編號09-01

—[1mliHnn（bMU

學習情境二元件的應用2

一、課程說明與要求

1.QQ群里發布課前預習內容（視頻）

2.學生在群里自主完成預習

二、課程導入

1、逐元件的概念

共有三種：圖形元件，按鈕元件，影片剪輯元件。

三、理論知識講解

1、使用元件的特點：提高工作效率，便于修改和維護。

2、圖形元件的創建..........【重點】

（1）新建一個空白文檔，創建五角形圖形元件。

（2）從庫中將圖形元件拖入舞臺，并使多個實例大小、顏色、方向各不相同。

（3）修改元件，體會元件的特點。將元件變為用5幀時間旋轉一周的動畫，測試影片看有無動畫，若

要使舞臺上的實例都動起來，必須增加時間軸的幀。

<4）預覽效果，保存并導出文件。

3、影片剪輯元件的創建..........【難點】

（1）新建一個空白文檔，創建一個金屬質感的小球上下彈跳的影片剪輯元件。

（2）將舞臺進行編輯，使舞臺分為上白下綠的兩部分。

<3）將庫面板打開，從庫中將影片剪輯元件拖入舞臺，并按圖投放好位置。

（4）修改其中充當影子的三個小球做垂直翻轉。并調整好位置。

（5）預覽效果，保存并導出文件。

TIANJINELECTRONICINFORMATIONCOLLEGE

^^大律申孑信息腳耨埼等免備謂純編號09-02

四、實踐技能訓練

（一）布置訓練任務

任務1:謝謝觀看

任務2：飛碟飛

（二）實戰項目案例

根據所講內容設計和制作動作，并將動畫影片的保存導出。

【教師指重點導】：結合之前課程所講授的內容分圖繪制《晝夜交替》短片中的元件設計

【學生實戰要點】：

1、謝謝觀看

2、飛碟飛

五、課堂總結

本節課，我們主要講解了二維動畫軟件Animate的繪制工具的相關內容，并結合案例我們初步認識了

AdobeAnimate二維制作軟件中矩形工具、鉛筆工具、橢圓工具、多角星形工具等，想必同學們通過練習

對Animate工具的使用有了一定的了解和掌握。希望同學們課后繼續對你所接觸到的相關作品，用專業的

眼光，去分析二維動畫的制作過程。

六、課后思考

1、實例在舞臺上所需要的幀數是多少？與元件中所用幀的數量有關嗎？

TIANJINELECTRONICINFORMATIONCOLLEGE

宅孑信息腳學放桁號”謂純編號10-01

學習情境二引導層動畫設計

一、課程說明與要求

1.QQ群里發布課前預習內容（視頻）

2.學生在群里自主完成預習

二、課程導入

1、引導層的概念及制作方法

在an層中，負責為其他層中的元件指引移動路徑的層稱為“引導層”。

使用鼠標在時間軸的“層”面板部分選擇一個層，然后鼠標右擊，在上下文菜單中可以選擇''引導層"

將該層設為引導層，或者選擇“添加引導層”為該層新建一個用于引導的層，此時該層成為被引導層。

然后在引導層中用鉛筆工具繪制一個自由曲線，被引導層的動畫將不再是直線運動，而是沿引導線做

曲線運動。引導線在影片中不會出現。

三、理論知識講解

1、設計阿貍上山動畫

（1）新建一個空白文檔，導入背景圖片，設置大小與舞臺重合