宅孑信息腳學(xué)放桁號”謂純編號01-01

學(xué)習(xí)情境一Animate簡單動(dòng)畫設(shè)計(jì)與制作

一、課程說明與要求

1.課程性質(zhì)與考核方式說明

《二維動(dòng)畫制作》本課程是一門綜合性較強(qiáng)的課程，它是建立在素描、設(shè)計(jì)色彩、動(dòng)畫前期設(shè)計(jì)、動(dòng)

畫運(yùn)動(dòng)規(guī)律及視聽語言等專業(yè)基礎(chǔ)課的基礎(chǔ)上，在學(xué)生基本掌握造形、色彩、線條等基本理論和一定技能

的基礎(chǔ)上，并以運(yùn)動(dòng)規(guī)律及鏡頭等基本理論作為指導(dǎo)進(jìn)行綜合能力訓(xùn)練和創(chuàng)意表現(xiàn)的課程。它對本專業(yè)后

續(xù)游戲動(dòng)畫設(shè)計(jì)、影視動(dòng)畫設(shè)計(jì)等課程具有引導(dǎo)和輔墊作用。本課程總課時(shí)為64學(xué)時(shí)，講授課時(shí)為30學(xué)

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

末成績占總分的60%,課程總評成績?yōu)?00分制，60分及以上為合格。

2.課程說明

根據(jù)二維動(dòng)畫崗位職業(yè)要求，本課程主要通過基本動(dòng)畫設(shè)計(jì)、高級動(dòng)畫設(shè)計(jì)和情景動(dòng)畫設(shè)計(jì)三個(gè)階段

來架構(gòu)學(xué)習(xí)過程，并根據(jù)各階段目標(biāo)來確定課程內(nèi)容，使學(xué)生在掌握二維動(dòng)畫軟件的基礎(chǔ)上，能夠完成復(fù)

雜和交互動(dòng)畫的設(shè)計(jì)與制作，并最終達(dá)到創(chuàng)作情景動(dòng)畫的目標(biāo)。課程主要采用“任務(wù)驅(qū)動(dòng)”教學(xué)方法，最

后階段同時(shí)引入“項(xiàng)目驅(qū)動(dòng)”教學(xué)方法來組織教學(xué)。將N個(gè)知識點(diǎn)融入一個(gè)學(xué)習(xí)任務(wù)，通過演示、分析、

講解、布置、設(shè)計(jì)、驗(yàn)收等環(huán)節(jié)構(gòu)成學(xué)習(xí)活動(dòng)，幫助學(xué)生完成相應(yīng)的能力目標(biāo)。同時(shí)，定期布置課下學(xué)習(xí)

任務(wù)，進(jìn)一步鼓勵(lì)學(xué)生進(jìn)行創(chuàng)新思維練習(xí)。學(xué)生通過階段性和任務(wù)化的學(xué)習(xí)，不斷掌握分析問題和解決問

題的方法，逐漸提高動(dòng)畫作品的創(chuàng)作能力。

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

組織學(xué)生使用學(xué)習(xí)通進(jìn)行簽到，并通過QQ平臺建立課程資源群,本群作為課程的相關(guān)通知發(fā)布、知

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

時(shí)調(diào)整適合同學(xué)們的授課方式。

4.設(shè)備準(zhǔn)備說明

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

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

二、學(xué)情分析與課程導(dǎo)入

1.學(xué)情分析

本課程授課對象為動(dòng)漫技術(shù)制作專業(yè)2020級新生，學(xué)生沒有美術(shù)基礎(chǔ)，也沒有接觸過專業(yè)設(shè)計(jì)軟件。

TIANJINELECTRONICINFORMATIONCOLLEGE

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

AdobeAnimate二維制作軟件對于他們來說，算是進(jìn)行專業(yè)學(xué)習(xí)的第一個(gè)軟件，需要對運(yùn)動(dòng)規(guī)律、素描等

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

知識的主動(dòng)性較強(qiáng)。

2.課程導(dǎo)入

傳統(tǒng)的二維動(dòng)畫是由水彩顏料畫到賽璐璐片上，再由攝影機(jī)逐張拍攝記錄而連貫起來的畫面，計(jì)算機(jī)

時(shí)代的來臨.讓二維動(dòng)畫得以升華.可將事先手工制作的原動(dòng)畫逐幀輸入計(jì)算機(jī)，由計(jì)算機(jī)幫助完成繪線

上色的工作，并且由計(jì)算機(jī)控制完成紀(jì)錄工作。

三、理論知識講解

1.Animate軟件的介紹

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

加入了對HTML5的支持。為網(wǎng)頁開發(fā)者提供更適應(yīng)現(xiàn)有網(wǎng)頁應(yīng)用的音頻、圖片、視頻、動(dòng)畫等創(chuàng)作支持。

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

動(dòng)態(tài)圖形編輯、MG商業(yè)廣告動(dòng)畫、動(dòng)態(tài)LOGO制作、日式動(dòng)漫制作、商業(yè)插畫、兒童插畫、以及動(dòng)態(tài)課

件等。

2.Animate軟件工作界面講解

要?jiǎng)?chuàng)建動(dòng)畫，用戶首先要了解它的工作環(huán)境，了解一些基本的概念，如舞臺，圖層，幀與關(guān)犍幀。本

節(jié)主要介紹這方面的情況。

啟動(dòng)Animate,并在“開始”頁中選擇一項(xiàng)進(jìn)行，就可進(jìn)入Animate的工作環(huán)境。如下圖，Animate

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

TIANJINELECTRONICINFORMATIONCOLLEGE

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

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

勖字畫二

ft叵］即可退出至屏蛔

文0

AnimateCC.qinxue?com

■*再

畀■詆的噎日?！鼋?/p>

KB5tft：

^H*9Carr?Mo

??”?

弄重人工?

ActanScrv*3

A*twDMMOI

。#月

AftlorOS

HM*AMAA*。?

AC*(MSC*W3ActatScr^t?FWe

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

大?。撼?/p>

j$Fl

????

時(shí)Ado6eEXCMF?

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

可直接打開該文件。

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

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

3.Animate軟件時(shí)間軸及圖層

（1）時(shí)間軸簡介

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

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

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

文檔中的圖層列在時(shí)間軸左側(cè)的列中。每個(gè)圖層中包含的幀顯示在該圖層名右側(cè)的一行中。時(shí)間軸頂

部的時(shí)間軸標(biāo)題指示幀編號。播放頭指示當(dāng)前在舞臺中顯示的幀。播放Animate文檔時(shí)，播放頭從左向右

通過時(shí)間軸。

當(dāng)時(shí)間軸狀態(tài)顯示在時(shí)間軸的底部，它指示所選的幀編號、當(dāng)前幀頻以及到當(dāng)前幀為止的運(yùn)行時(shí)間。

注意：

在播放動(dòng)畫時(shí)，將顯示實(shí)際的幀頻：如果計(jì)算機(jī)不能足夠快地計(jì)算和顯示動(dòng)畫，則該幀頻可能與文檔

的幀頻設(shè)置不一致。

（2）更改時(shí)間軸的外觀

TIANJINELECTRONICINFORMATIONCOLLEGE

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

默認(rèn)情況下，時(shí)間軸顯示在主應(yīng)用程序窗口的頂部，在舞臺之上。要更改其位置，可以將時(shí)間軸停放

在主應(yīng)用程序窗I」的底部或任意一側(cè).，或在單獨(dú)的窗口中顯示時(shí)間軸。也可以隱藏時(shí)間軸。

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

顯示出來，則可以通過使用時(shí)間軸右側(cè)的滾動(dòng)條來查看其它的圖層。

移動(dòng)應(yīng)用程序中的時(shí)間軸可拖動(dòng)面板標(biāo)題欄中時(shí)間軸這個(gè)左邊的抓手。

停放時(shí)間軸要將時(shí)間軸標(biāo)題欄拖動(dòng)到應(yīng)用程序窗II的一個(gè)邊緣.按住Ctrl鍵拖動(dòng)時(shí)將禁止時(shí)間軸停

放。

拖動(dòng)時(shí)間軸中分隔圖層名和幀部分的欄可進(jìn)行其增減。

要調(diào)整時(shí)間軸的大小可將時(shí)間軸停放在主應(yīng)用程序窗口，請拖動(dòng)分隔時(shí)間軸和舞臺區(qū)域的欄。

如果時(shí)間軸沒有停放在主應(yīng)用程序窗口中，請拖動(dòng)右下角（Windows）或右下角的大小框。

（3）使用幀和關(guān)鍵幀

關(guān)鍵幀是這樣一個(gè)幀：您在其中定義了對動(dòng)畫的對象屬性所做的更改，或者包含了AclionScripl代碼

以控制文檔的某些方面。Animate可以在您定義的關(guān)鍵幀之間補(bǔ)間或自動(dòng)填充幀，從而生成流暢的動(dòng)畫。

因?yàn)殛P(guān)鍵幀可以使您不用畫出每個(gè)幀就可以生成動(dòng)畫，所以使您能夠更輕松地創(chuàng)建動(dòng)畫?？梢酝ㄟ^在時(shí)間

軸中拖動(dòng)關(guān)犍幀來輕松更改補(bǔ)間動(dòng)畫的長度。

（4）在時(shí)間軸中處理幀

在時(shí)間軸中，可以處理幀和關(guān)鍵幀，將它們按照您想讓對象在幀中出現(xiàn)的順序進(jìn)行排列?？梢酝ㄟ^在

時(shí)間軸中拖動(dòng)關(guān)鍵幀來更改補(bǔ)問動(dòng)畫的長度。

可以對幀或關(guān)犍幀進(jìn)行如下修改：

插入、選擇、刪除和移動(dòng)幀或關(guān)鍵幀。

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

復(fù)制和粘貼幀和關(guān)鍵幀，將關(guān)鍵幀轉(zhuǎn)換為幀。

從“庫”面板中將一個(gè)項(xiàng)目拖動(dòng)到舞臺上，從而將該項(xiàng)目添加到當(dāng)前的關(guān)鍵幀中

幀：

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

空白關(guān)鍵幀一一空白關(guān)鍵幀里面沒有內(nèi)容（但空白關(guān)健幀里面有內(nèi)容就變成了關(guān)鍵件幀〉

,關(guān)鍵幀一一容納了一定對對象的幀（關(guān)鍵幀有綠色、紫色和灰色的；綠色是形狀補(bǔ)間紫色是動(dòng)畫補(bǔ)問）

靜止幀一一讓前面關(guān)健幀的內(nèi)容持續(xù)一段時(shí)間

TIANJINELECTRONICINFORMATIONCOLLEGE

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

幀的操作：

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

內(nèi)容的制翦貼）

幀的移動(dòng)一一要先選定想要幀或幀的序列一一右鍵移動(dòng)一一鼠標(biāo)點(diǎn)哪里就可以幀到想要的地方

幀的翻轉(zhuǎn)一一要先選擇想要的幀或幀的序列一一右鍵一一翻轉(zhuǎn)

課程思政：珍惜時(shí)間

四、實(shí)踐技能訓(xùn)練

（一）布置訓(xùn)練任務(wù)

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

任務(wù)2：打開Animale軟件，根據(jù)軟件的介紹進(jìn)行新建文件操作

任務(wù)3：Animale工具箱的設(shè)置

（二）實(shí)戰(zhàn)項(xiàng)目案例

進(jìn)行Animate工具箱及版而的設(shè)置............................................【難點(diǎn)】

教師重點(diǎn)指導(dǎo)：參照其他所學(xué)的Adobe公司軟件的特點(diǎn)，結(jié)合老師所介紹的工具箱概要，設(shè)置自己的

工具箱位置及布局。

【學(xué)生初次進(jìn)行設(shè)計(jì)設(shè)置，教師應(yīng)多引導(dǎo)，幫助學(xué)生形成理想的工作環(huán)境，為后續(xù)的軟件學(xué)習(xí)打卜基

礎(chǔ)?！?/p>

五、課堂總結(jié)

今天，我們.主要了解r二維動(dòng)畫的相關(guān)內(nèi)容，并結(jié)合案例我們初步認(rèn)識rAdobeAnimate二維制作軟

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

你所接觸到的相關(guān)作品，用專業(yè)的眼光，去分析二維動(dòng)畫的制作過程。

六、課后思考

I、大家還看過那些著名的二維動(dòng)畫片？

2、傳統(tǒng)動(dòng)畫片的制作過程和當(dāng)今有什么不同？

TIANJINELECTRONICINFORMATIONCOLLEGE

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

學(xué)習(xí)情境一造型的繪制

一、課程說明與要求

1.QQ群里發(fā)布課前預(yù)習(xí)內(nèi)容(視頻)

《晝夜交替》案例是本課程一個(gè)綜合性較強(qiáng)的案例，里面包含了圖形繪制、引導(dǎo)層、遮罩層等經(jīng)典案

例內(nèi)容，同學(xué)們在學(xué)習(xí)繪制時(shí)能夠綜合運(yùn)用所學(xué)知識進(jìn)行實(shí)踐，對同學(xué)們提高制作水平有很強(qiáng)的實(shí)操性。

2.學(xué)生在群里自主完成預(yù)習(xí)

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

(2)AdobeAnimate中圖層所在位置

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

二、課程導(dǎo)入

1.圖層的概念

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

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

過它看到卜.面的圖層。

三、理論知識講解

1.圖層的使用

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

TIANJINELECTRONICINFORMATIONCOLLEGE

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

間軸中圖層或文件夾名稱旁邊的鉛筆圖標(biāo)表示該圖層或文件夾處于活動(dòng)狀態(tài)。一次只能有一個(gè)圖層處于活

動(dòng)狀態(tài)（盡管一次可以選擇多個(gè)圖層）。當(dāng)創(chuàng)建了一個(gè)新的Flash文檔之后，它僅包含一個(gè)圖層?？梢蕴?/p>

加更多的圖層，以便在文檔中組織插圖、動(dòng)畫和其它元素?？梢詣?chuàng)建的圖層數(shù)只受計(jì)算機(jī)內(nèi)存的限制，而

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

定或重新排列圖層。還可以通過創(chuàng)建圖層文件夾然后將圖層放入其中來組織和管理這些圖層?？梢栽跁r(shí)間

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

（I）創(chuàng)建圖層，執(zhí)行操作方法；

（2）創(chuàng)建圖層文件夾，執(zhí)行操作方法；

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

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

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

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

2、工具箱——繪圖工具的使用..........【重點(diǎn)】

要?jiǎng)?chuàng)建動(dòng)畫，用戶首先要了解它的繪圖工具。

TA

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

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

拖動(dòng)一一可連續(xù)

《

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

、復(fù)制---ctrl+物體拖動(dòng)就口J以復(fù)制了

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

,筆一一控制著圓的邊框

3.分開的圖形?

、填充色一一控制著圓的內(nèi)部

在工具欄中一一選項(xiàng)一一緊貼至對象（不選就分開

屬性同理直線工具

TIANJINELECTRONICINFORMATIONCOLLEGE

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

（屬性一一同理橢圓工具

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

矩形斜下方一一多邊形工具一一屬性一一選項(xiàng)一一可調(diào)不同的多邊形

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

「伸直

選項(xiàng)J平滑

、墨水

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

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

單機(jī)（1）單機(jī)一一畫直線（2）拖動(dòng)一一曲線（起點(diǎn)也可拖動(dòng)）

【課程思政】預(yù)先善其事，必先利其器

四、實(shí)踐技能訓(xùn)練

（一）布置訓(xùn)練任務(wù)

任務(wù)1：設(shè)計(jì)一個(gè)橢圓移動(dòng)的簡單動(dòng)畫

任務(wù)2：繪制晝夜交替動(dòng)畫背景

（二）實(shí)戰(zhàn)項(xiàng)目案例

繪制晝夜交替動(dòng)畫背景..........【難點(diǎn)】

【教師指重點(diǎn)導(dǎo)】：結(jié)合之前課程所講授的內(nèi)容分圖層繪制天空、草垛、草坪、車站、云

朵、風(fēng)車、飛碟等背景。

【學(xué)生實(shí)戰(zhàn)要點(diǎn)】：

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

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

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

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

5、繪制風(fēng)車：多角星形工具，復(fù)制并翻轉(zhuǎn)形成對稱圖形

TIANJINELECTRONICINFORMATIONCOLLEGE

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

EEECTRONICINFORMIffl.【】：■>｛】11山

6、繪制風(fēng)車桿：矩形工具、灰白漸變填充

五、課堂總結(jié)

本節(jié)課，我們主要講解了二維動(dòng)畫軟件Animate的繪制工具的相關(guān)內(nèi)容，并結(jié)合案例我們初步認(rèn)識了

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

對Animate工具的使用有了一定的了解和掌握。希望同學(xué)們課后繼續(xù)對你所接觸到的相關(guān)作品，用專?業(yè)的

眼光，去分析二維動(dòng)畫的制作過程。

六、課后思考

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

2、傳擴(kuò)展名默認(rèn)為.Swf是什么文件？

TIANJINELECTRONICINFORMATIONCOLLEGE

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

學(xué)習(xí)情境一設(shè)計(jì)與制作動(dòng)作漸變動(dòng)畫

一、課程說明與要求

1.QQ群里發(fā)布課前預(yù)習(xí)內(nèi)容（視頻）

《晝夜交替》案例是本課程一個(gè)綜合性較強(qiáng)的案例，里面包含了圖形繪制、引導(dǎo)層、遮罩層等經(jīng)典案

例內(nèi)容，同學(xué)們在學(xué)習(xí)繪制時(shí)能夠綜合運(yùn)用所學(xué)知識進(jìn)行實(shí)踐，對同學(xué)們提高制作水平有很強(qiáng)的實(shí)操性。

2.學(xué)生在群里自主完成預(yù)習(xí)

二、課程導(dǎo)入

1.動(dòng)作漸變動(dòng)畫簡介

在Animate軟件中有三種不同類型的二維動(dòng)畫，即傳統(tǒng)補(bǔ)間動(dòng)畫、補(bǔ)間動(dòng)畫、補(bǔ)間形狀動(dòng)畫。其中最

常用的就是傳統(tǒng)補(bǔ)間動(dòng)畫。下面我們就一起學(xué)習(xí)這種動(dòng)畫的相關(guān)內(nèi)容，

三、理論知識講解

1、動(dòng)作漸變動(dòng)畫的創(chuàng)建..........【重點(diǎn)】

（1）創(chuàng)建傳統(tǒng)補(bǔ)間：在時(shí)間軸對應(yīng)圖形元件所在的關(guān)犍幀單擊鼠標(biāo)右犍，從快捷菜單中選擇“創(chuàng)建傳

統(tǒng)補(bǔ)問”命令。

（2）插入末尾關(guān)鍵幀：在時(shí)間軸預(yù)想的末尾幀單擊鼠標(biāo)右鍵，從快捷菜單中選擇“插入關(guān)鍵幀”或直

接按快捷鍵【F6】來添加末尾關(guān)鍵幀.

TIANJINELECTRONICINFORMATIONCOLLEGE

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

EEECTRONICINFORMIffl.【】：■>｛】11山

（3）修改關(guān)鍵幀對象：在舞臺上，對首或尾關(guān)鍵幀的圖形對象進(jìn)行狀態(tài)的編輯修改（這里所說的可修

改的圖形“狀態(tài)”包括：大小、變形、位置、顏色、透明度、亮度、色調(diào)等）。

下面我們給大家示范一下動(dòng)畫的創(chuàng)建過程：

錄制一個(gè)動(dòng)畫制作的小例子（比如：一個(gè)正方形，從舞臺上方落到下方，然后演示調(diào)整其變?yōu)殚L方形、

變色、變大等）

2、動(dòng)畫影片的測試

動(dòng)畫創(chuàng)建完成后，我們需要及時(shí)測試一下，看看動(dòng)畫效果，在這里給大家介紹兩種動(dòng)畫影片測試的方

法：

（1）在舞臺測試

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

也可以單擊時(shí)間上方的口播放按鈕來測試動(dòng)畫在舞臺上的播放效果。

（2）在播放器中測試

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

播放的效果。

3、動(dòng)畫影片的保存

如果測試效果不滿意，我們可以進(jìn)行調(diào)整和修改，然后再進(jìn)行測:式，直到效果滿意為止。這時(shí)我們就

可以將源文件進(jìn)行保存。保存源文件的方法如F：

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

址和文件名即可，文件擴(kuò)展名不必輸入，默認(rèn)為.fla。

4、動(dòng)畫影片的導(dǎo)出

源文件保存后，作為備份，便于后期的調(diào)整和維護(hù)。但源文件并不能作為目標(biāo)文件使用，不能在網(wǎng)絡(luò)

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

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

件保存的地址和文件名即可，文件擴(kuò)展名不必輸入，默認(rèn)為.swf。

TIANJINELECTRONICINFORMATIONCOLLEGE

宅孑信息腳學(xué)放桁號”謂純編號03-03

5、動(dòng)畫影片的完善與修改

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

以剛才的小動(dòng)畫為例，我們想把它的內(nèi)容再豐富一些，需要繼續(xù)添加不同的關(guān)健幀來完成。具體來看：

修改后的文件需要再次保存和導(dǎo)出。并強(qiáng)調(diào)最后的成品為.swf格式的文件。在關(guān)閉Animate后，只需

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

四、實(shí)踐技能訓(xùn)練

（一）布置訓(xùn)練任務(wù)

任務(wù)1：設(shè)計(jì)一個(gè)橢圓移動(dòng)的簡單動(dòng)畫

任務(wù)2：繪制《晝夜交替》短片中的漸變動(dòng)畫

（二）實(shí)戰(zhàn)項(xiàng)目案例..........【難點(diǎn)】

根據(jù)所講內(nèi)容設(shè)計(jì)和制作動(dòng)作漸變動(dòng)畫并將動(dòng)畫影片的保存導(dǎo)出。

【教師指重點(diǎn)導(dǎo)】：結(jié)合之前課程所講授的內(nèi)容分圖繪制《晝夜交替》短片中的漸變動(dòng)畫

【學(xué)生實(shí)戰(zhàn)耍點(diǎn)】：

1、動(dòng)作漸變動(dòng)畫的創(chuàng)建方法

2、動(dòng)畫影片保存導(dǎo)出的方法

3、動(dòng)作漸變動(dòng)畫修改的方法

五、課堂總結(jié)

本節(jié)課，我們主要講解了二維動(dòng)畫軟件Animate的繪制工具的相關(guān)內(nèi)容，并結(jié)合案例我們初步認(rèn)識了

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

對Animate工具的使用有了一定的了解和掌握。希望同學(xué)們課后繼續(xù)對你所接觸到的相關(guān)作品，用專業(yè)的

眼光，去分析二維動(dòng)畫的制作過程。

六、課后思考

1、起始關(guān)鍵幀和末尾關(guān)鍵幀不一樣可以制作動(dòng)作漸變動(dòng)畫嗎？

TIANJINELECTRONICINFORMATIONCOLLEGE

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

學(xué)習(xí)情境一設(shè)計(jì)與制作動(dòng)作漸變動(dòng)畫

一、課程說明與要求

1.QQ群里發(fā)布課前預(yù)習(xí)內(nèi)容（視頻）

《晝夜交替》案例是本課程一個(gè)綜合性較強(qiáng)的案例，里面包含了圖形繪制、引導(dǎo)層、遮罩層等經(jīng)典案

例內(nèi)容，同學(xué)們在學(xué)習(xí)繪制時(shí)能夠綜合運(yùn)用所學(xué)知識進(jìn)行實(shí)踐，對同學(xué)們提高制作水平有很強(qiáng)的實(shí)操性。

2.學(xué)生在群里自主完成預(yù)習(xí)

二、課程導(dǎo)入

1.動(dòng)作漸變動(dòng)畫簡介

在Animate軟件中有三種不同類型的二維動(dòng)畫，即傳統(tǒng)補(bǔ)間動(dòng)畫、補(bǔ)間動(dòng)畫、補(bǔ)間形狀動(dòng)畫。其中最

常用的就是傳統(tǒng)補(bǔ)間動(dòng)畫。下面我們就一起學(xué)習(xí)這種動(dòng)畫的相關(guān)內(nèi)容，

三、理論知識講解

1、白天淡入效果的制作

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

<2）按住【Shift】鍵，同時(shí)選中所有白天圖層的第I幀,右鍵選擇彈出菜單命令“創(chuàng)建傳統(tǒng)補(bǔ)問”。

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

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

將數(shù)值設(shè)置為-88%。

TIANJINELECTRONICINFORMATIONCOLLEGE

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

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

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

2、云朵移動(dòng)效果的制作

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

<2）在280幀的地方按【F6】插入關(guān)鍵幀，將云朵的位置移動(dòng)到舞臺右側(cè)。

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

3、風(fēng)車葉旋轉(zhuǎn)效果的制作..........【重點(diǎn)】

（1）鎖定所有白天的圖層，分別解鎖“三角形風(fēng)車葉一近景”和“三角形風(fēng)車葉一遠(yuǎn)景”圖層。

<2）在這三個(gè)圖層的280幀處插入關(guān)鍵幀。

（3）選擇這三個(gè)圖層的第30關(guān)鍵幀，將右側(cè)屬性面版“旋轉(zhuǎn)|順時(shí)針”的旋轉(zhuǎn)次數(shù)設(shè)置為I。

（4）按【回車】鍵，在舞臺上可看到三角形風(fēng)車葉旋轉(zhuǎn)的過程，鎖定2個(gè)風(fēng)車葉圖層。

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

（1）解鎖所有白天的圖層，在時(shí)間軸310幀處插入關(guān)鍵幀。

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

數(shù)值設(shè)置為-88%。

（3）按【回車】鍵，在舞臺上可看到整個(gè)白天場景以淡出的效果結(jié)束動(dòng)畫。

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

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

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

5、夜晚淡出效果的制作

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

在屬性面版“色彩效果|樣式I色調(diào)”中設(shè)置數(shù)值為64%、紅為0、綠為0、藍(lán)為21。

（2）按【回車】鍵，在舞臺上可看到整個(gè)夜晚場景以淡出的效果結(jié)束整個(gè)動(dòng)畫。

6、動(dòng)畫影片的保存、導(dǎo)出

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

址和文件名即可，文件擴(kuò)展名不必輸入，默認(rèn)為fa。

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

件保存的地址和文件名即可，文件擴(kuò)展名不必輸入，默認(rèn)為swfc

四、實(shí)踐技能訓(xùn)練

TIANJINELECTRONICINFORMATIONCOLLEGE

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

(-)布置訓(xùn)練任務(wù)

任務(wù)1:設(shè)計(jì)一個(gè)橢圓移動(dòng)的簡單動(dòng)畫

任務(wù)2：繪制《晝夜交替》短片中的漸變動(dòng)畫

(-)實(shí)戰(zhàn)項(xiàng)目案例..........【難點(diǎn)】

根據(jù)所講內(nèi)容設(shè)計(jì)和制作動(dòng)作漸變動(dòng)畫并將動(dòng)畫影片的保存導(dǎo)出。

【教師指重點(diǎn)導(dǎo)】：結(jié)合之前課程所講授的內(nèi)容分圖繪制《晝夜交替》短片中的漸變動(dòng)畫

【學(xué)生實(shí)戰(zhàn)要點(diǎn)】：

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

2、云朵移動(dòng)效果的制作方法

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

4、風(fēng)車葉旋轉(zhuǎn)效果的制作方法

五、課堂總結(jié)

本節(jié)課，我們主要講解了二維動(dòng)畫軟件Animate的繪制工具的相關(guān)內(nèi)容，并結(jié)合案例我們初步認(rèn)識了

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

對Animate工具的使用有了一定的了解和掌握。希望同學(xué)們課后繼續(xù)對你所接觸到的相關(guān)作品，用專業(yè)的

眼光，去分析二維動(dòng)畫的制作過程。

六、課后思考

1、根據(jù)所講內(nèi)容如何制作星星的閃爍效果。

TIANJINELECTRONICINFORMATIONCOLLEGE

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

學(xué)習(xí)情境一設(shè)計(jì)與制作動(dòng)作漸變動(dòng)畫

一、課程說明與要求

1.QQ群里發(fā)布課前預(yù)習(xí)內(nèi)容（視頻）

2.學(xué)生在群里自主完成預(yù)習(xí)

二、課程導(dǎo)入

1、形狀漸變動(dòng)畫設(shè)計(jì)簡介

補(bǔ)間形狀動(dòng)畫是An中另一種動(dòng)畫創(chuàng)建形式。它與傳統(tǒng)補(bǔ)間動(dòng)畫從始至終都是針對同一個(gè)對象的特點(diǎn)

不同，它是將一種形狀變化成另一種形狀的動(dòng)畫，動(dòng)畫首尾兩個(gè)關(guān)犍幀中的動(dòng)畫對象是不一樣的。這些動(dòng)

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

分離（打散）成矢量圖形，才能創(chuàng)建補(bǔ)間形狀動(dòng)畫。

三、理論知識講解

1、補(bǔ)間形狀動(dòng)畫的創(chuàng)建

第一步：在起始關(guān)鍵幀處的舞臺上創(chuàng)建起始對象，并打散。

第二步：在時(shí)間軸預(yù)定的地方插入空白關(guān)鍵幀，然后在此幀中創(chuàng)建終止對象，并打散。

第三步：在首尾關(guān)鍵幀之間選擇右鍵彈出菜單命令“創(chuàng)建補(bǔ)間形狀”0

經(jīng)過上述三步就完成了補(bǔ)間形狀動(dòng)畫的創(chuàng)建，具體效果怎么樣，同樣也是需要進(jìn)行影片測試，即可以

按【Enter】鍵在舞臺預(yù)覽動(dòng)畫效果，也可以按組合鍵【Ctrl+Enter】在播放器中預(yù)覽動(dòng)畫循環(huán)播放效果。

2、添加形狀提示..........【重點(diǎn)】

我測試補(bǔ)間形狀動(dòng)畫影片效果時(shí)，有時(shí)會發(fā)現(xiàn)在漸變的過程中，中間的過渡效果不太理想，而這個(gè)中

間過程又沒有關(guān)鍵幀，所以，很難把過渡效果調(diào)到理想狀態(tài)。為了彌補(bǔ)這?不足，我們經(jīng)過分析和總結(jié)，

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

方法一：就是將復(fù)雜的圖形簡單化，把圖形的各個(gè)局部分散到不同的圖層，變成分圖層分局部的補(bǔ)間

形狀動(dòng)畫，這樣會改善補(bǔ)間形狀的過渡效果。

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

TIANJINELECTRONICINFORMATIONCOLLEGE

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

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

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

26個(gè)英文字母，成對出現(xiàn)在首尾關(guān)鋌幀中，分別標(biāo)記兩個(gè)關(guān)鍵幀中對應(yīng)的點(diǎn)。標(biāo)記最好按逆時(shí)針順序從左

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

提示點(diǎn)，可以打開快捷菜單，利用該菜單可以繼續(xù)添加提示或刪除提示。通過設(shè)置形狀提示的位置，可以

改善過渡效果，但有時(shí)需要反復(fù)調(diào)整和測試才能得到較好效果。

3、動(dòng)畫影片的保存

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

址和文件名即可，文件擴(kuò)展名不必輸入，默認(rèn)為.fla。

4、動(dòng)畫影片的導(dǎo)出

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

件保存的地址和文件名即可，文件擴(kuò)展名不必輸入，默認(rèn)為.swf。

四、實(shí)踐技能訓(xùn)練

（-）布置訓(xùn)練任務(wù)

任務(wù)1：字母A向字母B的轉(zhuǎn)換，或正方形向五角星的轉(zhuǎn)換，或更好的方案

任務(wù)2：笑臉變哭臉

任務(wù)3：紅旗飄動(dòng)

任務(wù)4：字母A向字母B的轉(zhuǎn)換

（二）實(shí)戰(zhàn)項(xiàng)目案例..........【難點(diǎn)】

根據(jù)所講內(nèi)容設(shè)計(jì)和制作動(dòng)作漸變動(dòng)畫并將動(dòng)畫影片的保存導(dǎo)出。

【教師指重點(diǎn)導(dǎo)】：結(jié)合之前課程所講授的內(nèi)容分圖繪制《晝夜交替》短片中的漸變動(dòng)畫

【學(xué)生實(shí)戰(zhàn)要點(diǎn)】：

1、字母A向字母B的轉(zhuǎn)換的制作方法

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

3、紅旗飄動(dòng)的制作方法

TIANJINELECTRONICINFORMATIONCOLLEGE

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

.【】：■>｛】11山

4、字母A向字母B的轉(zhuǎn)換的制作方法

五、課堂總結(jié)

本行課，我們主要講解了二維動(dòng)畫軟件Animate的繪制工具的相關(guān)內(nèi)容，并結(jié)合案例我們初步認(rèn)識了

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

對Animate工具的使用有了一定的了解和掌握。希望同學(xué)們課后繼續(xù)對你所接觸到的相關(guān)作品，用專?業(yè)的

眼光，去分析二維動(dòng)畫的制作過程。

六、課后思考

1、根據(jù)所講內(nèi)容如何制作正方體的左右反轉(zhuǎn)。

TIANJINELECTRONICINFORMATIONCOLLEGE

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

—[1mliHnn（bMU

學(xué)習(xí)情境一逐幀動(dòng)畫設(shè)計(jì)

一、課程說明與要求

1.QQ群里發(fā)布課前預(yù)習(xí)內(nèi)容（視頻）

2.學(xué)生在群里自主完成預(yù)習(xí)

二、課程導(dǎo)入

1、逐幀動(dòng)畫的特點(diǎn)

可以完成復(fù)雜動(dòng)作制作，但效率較低。需要逐幀編輯。

三、理論知識講解

1、創(chuàng)建逐幀動(dòng)畫（手寫字）

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

（2）創(chuàng)建文字對象，并打散。

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

（4）預(yù)覽效果，并調(diào)整寫字的速度和節(jié)奏。

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

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

好毛筆后，然后將其轉(zhuǎn)換為圖形元件）。

<7）創(chuàng)建毛筆的逐幀動(dòng)畫，并調(diào)整好節(jié)奏，使其與文字的走向相匹配。

（8）保存和導(dǎo)出文件。

2、建晝夜交替動(dòng)畫片頭（手寫字一晝夜交替）..........【重點(diǎn)】

四、實(shí)踐技能訓(xùn)練

（一）布置訓(xùn)練任務(wù)

任務(wù)1：手寫字

任務(wù)2：晝夜交替動(dòng)畫片頭

（二）實(shí)戰(zhàn)項(xiàng)目案例..........【難點(diǎn)】

根據(jù)所講內(nèi)容設(shè)計(jì)和制作動(dòng)作漸變動(dòng)畫并將動(dòng)畫影片的保存導(dǎo)出。

TIANJINELECTRONICINFORMATIONCOLLEGE

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

【教師指重點(diǎn)導(dǎo)】：結(jié)合之前課程所講授的內(nèi)容分圖繪制《晝夜交替》短片中的漸變動(dòng)畫

【學(xué)生實(shí)戰(zhàn)要點(diǎn)】：

1、手寫字

2、晝夜交替動(dòng)畫片頭

五、課堂總結(jié)

本節(jié)課，我們主要講解了二維動(dòng)畫軟件Animate的繪制工具的相關(guān)內(nèi)容，并結(jié)合案例我們初步認(rèn)識了

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

對Animate工具的使用有了一定的了解和掌握。希望同學(xué)們課后繼續(xù)對你所接觸到的相關(guān)作品，用專業(yè)的

眼光，去分析二維動(dòng)畫的制作過程。

六、課后思考

1、設(shè)計(jì)制作手寫字動(dòng)畫必須要打散嗎？為什么？

TIANJINELECTRONICINFORMATIONCOLLEGE

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

—[1mliHnn（bMU

學(xué)習(xí)情境一逐幀動(dòng)畫設(shè)計(jì)

一、課程說明與要求

1.QQ群里發(fā)布課前預(yù)習(xí)內(nèi)容（視頻）

2.學(xué)生在群里自主完成預(yù)習(xí)

二、課程導(dǎo)入

1、逐幀動(dòng)畫的特點(diǎn)

可以完成復(fù)雜動(dòng)作制作，但效率較低。需要逐幀編輯。

三、理論知識講解

1、創(chuàng)建逐幀動(dòng)畫（花轉(zhuǎn)）

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

（2）創(chuàng)建單個(gè)花瓣，調(diào)整花瓣角度。

<3）對齊旋轉(zhuǎn)復(fù)制幀，然后按角度每72度復(fù)制一幀

（4）預(yù)覽效果，并調(diào)整寫字的速度和H奏。

（5）再次預(yù)覽效果，可適當(dāng)增加最后的保持幀，效果滿意后，添加傳統(tǒng)補(bǔ)間動(dòng)畫。

（6）保存和導(dǎo)出文件。

2、創(chuàng)建開場動(dòng)畫（曲苑雜壇）..........【重點(diǎn)】

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

（2）創(chuàng)建單個(gè)花瓣，調(diào)整花瓣角度。

<3）對齊旋轉(zhuǎn)復(fù)制幀，然后按角度每72度竟制一幀。

（4）預(yù)覽效果，并調(diào)整寫字的速度和節(jié)奏。

（5）再次預(yù)覽效果，可適當(dāng)增加最后的保持幀，效果滿意后，添加傳統(tǒng)補(bǔ)間動(dòng)畫。將動(dòng)畫變成元件。

（6）保存和導(dǎo)出文件。

TIANJINELECTRONICINFORMATIONCOLLEGE

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

四、實(shí)踐技能訓(xùn)練

（一）布置訓(xùn)練任務(wù)

任務(wù)1:花轉(zhuǎn)

任務(wù)2：曲苑雜壇

（二）實(shí)戰(zhàn)項(xiàng)日案例..........r難點(diǎn)】

根據(jù)所講內(nèi)容設(shè)計(jì)和制作動(dòng)作漸變動(dòng)畫并將動(dòng)畫影片的保存導(dǎo)出。..........【難點(diǎn)】

【教師指重點(diǎn)導(dǎo)】：結(jié)合之前課程所講授的內(nèi)容分圖繪制《晝夜交替》短片中的漸變動(dòng)畫

【學(xué)生實(shí)戰(zhàn)要點(diǎn)】：

1、花轉(zhuǎn)

2、曲苑雜壇

五、課堂總結(jié)

本節(jié)課，我們主要講解了二維動(dòng)畫軟件Animate的繪制工具的相關(guān)內(nèi)容，并結(jié)合案例我們初步認(rèn)識了

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

對Animate工具的使用有了一定的了解和掌握。希望同學(xué)們課后繼續(xù)對你所接觸到的相關(guān)作品，用專業(yè)的

眼光，去分析二維動(dòng)畫的制作過程。

六、課后思考

1、設(shè)計(jì)制作曲苑雜壇動(dòng)畫時(shí)可以要打組嗎?怎么做?

TIANJINELECTRONICINFORMATIONCOLLEGE

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

—[1mliHnn（bMU

學(xué)習(xí)情境二元件的應(yīng)用

一、課程說明與要求

1.QQ群里發(fā)布課前預(yù)習(xí)內(nèi)容（視頻）

2.學(xué)生在群里自主完成預(yù)習(xí)

二、課程導(dǎo)入

1、逐元件的概念

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

三、理論知識講解

1、使用元件的特點(diǎn)：提高工作效率，便于修改和維護(hù)。

2、圖形元件的創(chuàng)建..........【重點(diǎn)】

（1）新建一個(gè)空白文檔，創(chuàng)建五角形圖形元件。

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

（3）修改元件，體會元件的特點(diǎn)。將元件變?yōu)橛?幀時(shí)間旋轉(zhuǎn)一周的動(dòng)畫，測試影片看有無動(dòng)畫，若

要使舞臺上的實(shí)例都動(dòng)起來，必須增加時(shí)間軸的幀。

<4）預(yù)覽效果，保存并導(dǎo)出文件。

3、影片剪輯元件的創(chuàng)建..........【難點(diǎn)】

（1）新建一個(gè)空白文檔，創(chuàng)建一個(gè)金屬質(zhì)感的小球上下彈跳的影片剪輯元件。

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

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

（4）修改其中充當(dāng)影子的三個(gè)小球做垂直翻轉(zhuǎn)。并調(diào)整好位置。

（5）預(yù)覽效果，保存并導(dǎo)出文件。

TIANJINELECTRONICINFORMATIONCOLLEGE

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

四、實(shí)踐技能訓(xùn)練

（一）布置訓(xùn)練任務(wù)

任務(wù)1:星星閃爍

任務(wù)2：片頭元件動(dòng)畫

（二）實(shí)戰(zhàn)項(xiàng)目案例

根據(jù)所講內(nèi)容設(shè)計(jì)和制作動(dòng)作漸變動(dòng)畫并將動(dòng)畫影片的保存導(dǎo)出。

【教師指重點(diǎn)導(dǎo)】：結(jié)合之前課程所講授的內(nèi)容分圖繪制《晝夜交替》短片中的元件設(shè)計(jì)

【學(xué)生實(shí)戰(zhàn)要點(diǎn)】：

1、星星閃爍

2、片頭元件動(dòng)畫

五、課堂總結(jié)

本節(jié)課，我們主要講解了二維動(dòng)畫軟件Animate的繪制工具的相關(guān)內(nèi)容，并結(jié)合案例我們初步認(rèn)識了

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

對Animate工具的使用有了一定的了解和掌握。希望同學(xué)們課后繼續(xù)對你所接觸到的相關(guān)作品，用專業(yè)的

眼光，去分析二維動(dòng)畫的制作過程。

六、課后思考

1、實(shí)例在舞臺上所需要的幀數(shù)是多少？與元件中所用幀的數(shù)量有關(guān)嗎？

TIANJINELECTRONICINFORMATIONCOLLEGE

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

—[1mliHnn（bMU

學(xué)習(xí)情境二元件的應(yīng)用2

一、課程說明與要求

1.QQ群里發(fā)布課前預(yù)習(xí)內(nèi)容（視頻）

2.學(xué)生在群里自主完成預(yù)習(xí)

二、課程導(dǎo)入

1、逐元件的概念

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

三、理論知識講解

1、使用元件的特點(diǎn)：提高工作效率，便于修改和維護(hù)。

2、圖形元件的創(chuàng)建..........【重點(diǎn)】

（1）新建一個(gè)空白文檔，創(chuàng)建五角形圖形元件。

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

（3）修改元件，體會元件的特點(diǎn)。將元件變?yōu)橛?幀時(shí)間旋轉(zhuǎn)一周的動(dòng)畫，測試影片看有無動(dòng)畫，若

要使舞臺上的實(shí)例都動(dòng)起來，必須增加時(shí)間軸的幀。

<4）預(yù)覽效果，保存并導(dǎo)出文件。

3、影片剪輯元件的創(chuàng)建..........【難點(diǎn)】

（1）新建一個(gè)空白文檔，創(chuàng)建一個(gè)金屬質(zhì)感的小球上下彈跳的影片剪輯元件。

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

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

（4）修改其中充當(dāng)影子的三個(gè)小球做垂直翻轉(zhuǎn)。并調(diào)整好位置。

（5）預(yù)覽效果，保存并導(dǎo)出文件。

TIANJINELECTRONICINFORMATIONCOLLEGE

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

四、實(shí)踐技能訓(xùn)練

（一）布置訓(xùn)練任務(wù)

任務(wù)1:謝謝觀看

任務(wù)2：飛碟飛

（二）實(shí)戰(zhàn)項(xiàng)目案例

根據(jù)所講內(nèi)容設(shè)計(jì)和制作動(dòng)作，并將動(dòng)畫影片的保存導(dǎo)出。

【教師指重點(diǎn)導(dǎo)】：結(jié)合之前課程所講授的內(nèi)容分圖繪制《晝夜交替》短片中的元件設(shè)計(jì)

【學(xué)生實(shí)戰(zhàn)要點(diǎn)】：

1、謝謝觀看

2、飛碟飛

五、課堂總結(jié)

本節(jié)課，我們主要講解了二維動(dòng)畫軟件Animate的繪制工具的相關(guān)內(nèi)容，并結(jié)合案例我們初步認(rèn)識了

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

對Animate工具的使用有了一定的了解和掌握。希望同學(xué)們課后繼續(xù)對你所接觸到的相關(guān)作品，用專業(yè)的

眼光，去分析二維動(dòng)畫的制作過程。

六、課后思考

1、實(shí)例在舞臺上所需要的幀數(shù)是多少？與元件中所用幀的數(shù)量有關(guān)嗎？

TIANJINELECTRONICINFORMATIONCOLLEGE

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

學(xué)習(xí)情境二引導(dǎo)層動(dòng)畫設(shè)計(jì)

一、課程說明與要求

1.QQ群里發(fā)布課前預(yù)習(xí)內(nèi)容（視頻）

2.學(xué)生在群里自主完成預(yù)習(xí)

二、課程導(dǎo)入

1、引導(dǎo)層的概念及制作方法

在an層中，負(fù)責(zé)為其他層中的元件指引移動(dòng)路徑的層稱為“引導(dǎo)層”。

使用鼠標(biāo)在時(shí)間軸的“層”面板部分選擇一個(gè)層，然后鼠標(biāo)右擊，在上下文菜單中可以選擇''引導(dǎo)層"

將該層設(shè)為引導(dǎo)層，或者選擇“添加引導(dǎo)層”為該層新建一個(gè)用于引導(dǎo)的層，此時(shí)該層成為被引導(dǎo)層。

然后在引導(dǎo)層中用鉛筆工具繪制一個(gè)自由曲線，被引導(dǎo)層的動(dòng)畫將不再是直線運(yùn)動(dòng)，而是沿引導(dǎo)線做

曲線運(yùn)動(dòng)。引導(dǎo)線在影片中不會出現(xiàn)。

三、理論知識講解

1、設(shè)計(jì)阿貍上山動(dòng)畫

（1）新建一個(gè)空白文檔，導(dǎo)入背景圖片，設(shè)置大小與舞臺重合