八年級2015—2016學年第一學期

信息技術(shù)教案

新

軍

159——162班

2016年1月

1.1初識動畫軟件

一、教學目標

知識與技能：

1.動畫的原理和動畫類型。

2.Flashcs5.5工作界面。

過程與方法：

通過學生自主學習和合作探究，了解動畫原理和類型，解讀工作界面。

情感態(tài)度與價值觀：

培養(yǎng)學生養(yǎng)成嚴謹?shù)膶W習態(tài)度和團結(jié)協(xié)作的精神，提升素質(zhì)，發(fā)展個性。

二、教學的重點和難點：

重點：解讀工作界面

難點：解讀工作界面。

三、教學準備：多媒體網(wǎng)絡(luò)控制系統(tǒng)

四、教學方法：自學法、講授法、提問法

五、教學安排：1課時

六、教學過程：

導入：

動畫是一種獨特的藝術(shù)形式，它奇幻的視覺效果深受人們的喜愛，動

畫的形式多種多樣，制作方法也各不相同，其中flash動畫是目前比較流

行的一種動畫形式。這一單元我們將利用flashCS5.5動畫制作工具，學習

動畫制作方法。

二、學生自學

學生帶著問題看書（P2.3）

教師提出問題：

什么是視覺暫留現(xiàn)象？

Flash動畫的工作原理。

動畫的類型

三、學習工作界面

1、啟動flashCS5.5l軟件。

2、結(jié)合課本內(nèi)容自學，在工作界面上找到以下幾項內(nèi)容。

?LP:oouw?雁國?3B

圖1-1-1FlashCS5.5工作界面

圖1-1-2“時間軸”面板

可能遇到的問題：在工作界面上找不到上述一些內(nèi)容。

解決的辦法：單擊“菜單欄”——“窗口”查找。

四、練習

同桌互相在電腦上指認各種面板和圖標。

五、小練習

運用橢圓工具在舞臺上畫圖，并填充顏色。

1.2簡單的圖形繪制

一、教學目標

知識與技能：

1.繪圖工具（刷子工具、橢圓工具、矩形工具、變形工具）的應(yīng)用。

2.掌握繪圖工具選項的應(yīng)用，顏色面板的應(yīng)用。

過程與方法：

通過學生自主學習和合作探究，培養(yǎng)學生運用信息技術(shù)解決實際問題的能

力。

情感態(tài)度與價值觀：

培養(yǎng)學生養(yǎng)成嚴謹?shù)膶W習態(tài)度和團結(jié)協(xié)作的精神，提升素質(zhì)，發(fā)展個性。

二、教學的重點和難點：

重點：繪圖工具的應(yīng)用難點：顏色面板漸變編輯條的編輯

三、教學準備：多媒體網(wǎng)絡(luò)控制系統(tǒng)

四、教學方法：自學法講授法討論法練習法

五、教學安排：2課時

六、教學過程：

（一）導入

Flashcs5.5中提供了各種與繪圖相關(guān)的工具，很多精彩的動畫其基礎(chǔ)

圖形都是由這些工具繪制出來的。在上節(jié)課中我們一起繪制簡單的圖形。

（二）講授新課

1.今節(jié)課的任務(wù)是P4實踐，完善“鄉(xiāng)間小屋畫面。

在這個任務(wù)中我們要用刷子、橢圓、矩形、變形等繪圖工具?，F(xiàn)在我先

演示一遍。

①啟動flashcs5.5,打開教材光盤中的文件“鄉(xiāng)間小屋fa”.

②選擇刷子工具，在工具選項區(qū)設(shè)置刷子形狀和刷子大?。ㄈ鐖D1-2-3）,

圖12-2刷;形狀即23刷子大小將填充顏色設(shè)為#663300（如

圖1-2-4），繪制樹干（如圖1-2-5b

十

圖1-2-5樹|二

③繪制樹葉，單擊噴涂刷工具，將噴涂顏色設(shè)為#009933,效果如圖

1-2-6,設(shè)置畫筆寬度和高度（如圖1-2-7卜在樹干周圍單擊或拖動

鼠標，噴涂樹葉，如圖1-2-8o

圖1-2-6設(shè)置噴涂顏色

▽iB?

??：固僮索一國

苻篤布度：oJK時針

圖12-7設(shè)置畫筆寬度和高度圖1-2-8小樹

④復制小樹。單擊選擇工具，框選小樹，按住Ctrl鍵拖動復制小樹。單

擊任意變形工具，將復制的小樹縮小并拖放到小樹左側(cè)，如圖1-2-9o

（用ctrl+c和ctrl+v也可）

圖1-2-9兩棵小樹

⑤繪制太陽。單擊橢圓工具，將筆觸顏色設(shè)為無色。單擊顏色面板圖標，

“顏色類型，，選擇r徑向漸變”，設(shè)置顏色樣本，如圖1-2-10。按住shift

鍵，拖動鼠標畫出太陽，如圖1-2-11。

圖1270顏色面板圖1-2-11太陽

⑥繪制藍天綠地。單擊矩形工具，將填充顏色設(shè)為無色，筆觸顏色任選，

繪制一個與舞臺大小一樣的矩形。單擊顏料桶工具，選擇空隙大小選

0

0不封閉空隙

0封閉小空隙

0封閉中等至國

封閉大空隙

項中的“封閉大空隙”選項,如圖1-2-12o1-212空隙大小選項

打開顏色面板，顏色類型選擇“線性漸變”，設(shè)置顏色樣本，如圖

1-2-13o在矩形區(qū)域從下向上拖動鼠標，填充矩形顏色。如圖1-2-14。

圖I2-13顏色面板圖1-2-14筮天綠地

單擊選擇工具，雙擊矩形工具線條，按住delete鍵刪除矩形線條。

7.繪制白云。單擊橢圓工具，將填充顏色設(shè)為白色，筆觸顏色設(shè)為無色,

用多個橢圓堆疊繪制白云，如圖1-2-15。圖1-2-15白云

8.繪制小花。單擊橢圓工具，填充顏色任選，將筆觸顏色設(shè)為無色，用

兩個橢圓堆疊彩色小花。

9.單擊菜單“文件保存”，保存文件。

（三）學生看書操作，自己動手繪制，完成任務(wù)。

（四）小技巧

1、噴涂刷工具和刷子工具在一個圖標。

2、顏色面板找不見，可在菜單欄“窗口”中找到“顏色”，并單擊。顏色有無、

純色，線性漸變、徑向漸變、位圖漸變等；顏色漸變的編輯，在其漸變色

編輯條上單擊，將增加顏色樣本，將顏色樣本拖出顏色面板即可刪除顏色

樣本，雙擊顏色樣本可以選擇更多的顏色。

3、屬性面板如不在工作界面上，也可在菜單欄中“窗口”找到。

（五）完成作業(yè)，同學互相交流，教師點評。

1.3獨特的逐幀動畫

一、教學目標

知識與技能：

1.繪圖工具（文本工具）的應(yīng)用，文本屬性設(shè)置。

2.掌握幀操作的應(yīng)用（會插入關(guān)鍵幀），動畫創(chuàng)建（會創(chuàng)建逐幀動畫卜

過程與方法：

通過學生自主學習和合作探究，培養(yǎng)學生運用信息技術(shù)解決實際問題的能

力。

情感態(tài)度與價值觀：

培養(yǎng)學生養(yǎng)成嚴謹?shù)膶W習態(tài)度和團結(jié)協(xié)作的精神，提升素質(zhì)，發(fā)展個性。

二、教學的重點和難點：

重點：繪圖工具的應(yīng)用難點：文本屬性設(shè)置

三、教學準備：多媒體網(wǎng)絡(luò)控制系統(tǒng)

四、教學方法：自學法講授法討論法練習法

五、教學安排：2課時

六、教學過程：

（一）導入

逐幀動畫是將具有一定差異的動作畫面主在連續(xù)關(guān)鍵幀內(nèi)的動畫形

式，它的制作過程非常類似于傳統(tǒng)的手工繪制動畫。

（二）講授新課

1.今節(jié)課的任務(wù)是P8實踐，制作“愛護環(huán)境，保護家園”逐幀動畫。

在這個任務(wù)中我們要用文字工具、設(shè)置文字屬性、插入關(guān)鍵幀等。現(xiàn)在

我先演示一遍。

①啟動flashcs5.5,打開教材光盤中的文件“愛護環(huán)境，保護家園fa”

②單擊文本工具，設(shè)置字符字體、大小、顏色屬性（如圖1-3-2）及段

落對齊屬性（如圖1-3-3）,單擊舞臺輸入文字“愛”。

大小:字母間距：Q般

頻色:□必自動調(diào)整字距

消除鋸齒：I動畫消除鋸齒▼

回叵H

圖1-3-2設(shè)置字符屬性

▽段落.

格式:國國國囿

間距：，“像素1三z&點

邊距：罐9般像素蜀+9&像素

行為：|單行

圖1-3-3設(shè)置段落對齊屬性

③在時間軸第二幀處單擊鼠標右鍵，在彈出的快捷菜單中單出“插入關(guān)

鍵幀”，如圖1-3-4;用文本工具在原文本內(nèi)容‘愛"字后輸入“護”，如圖

1-3-5.

圖1-3-4插入關(guān)鍵幀圖1-3-5第2幀文字內(nèi)容

④在第3、4、5、6、7、8、9幀分別插入關(guān)鍵幀，并在各關(guān)鍵幀依次

輸入文字“環(huán)"境保廠護"家園”，時間軸如圖1-3-6，第9幀文

圖1-3-6“時間軸”面板

愛護環(huán)境，保護家園

本內(nèi)容如圖1-3-7.圖1-3-7第9幀文本內(nèi)容

⑤單擊菜單“控制”|“測試影片”|“測試”，播放動畫，并保存文件。

（三）學生看書，自己動手操作，完成任務(wù)。

（四）小技巧

也可以在第1幀處的文本輸入文字“愛護家園，保護環(huán)境”，然后依次

復制八個關(guān)鍵幀從第8幀依次向前在每一個關(guān)鍵幀的文本中刪除1、2、

3、4、5、6、7個字符。

（五）完成作業(yè)，同學互相交流，教師點評。

1.4形象的運動動畫（沿直線運動的動畫）

一、教學目標

知識與技能：

1.繪圖工具（橢圓工具、鉛筆工具、橢圓工具、刷子工具、顏料桶工具、

選擇工具、變形工具）的應(yīng)用。

2.掌握元件的建立和調(diào)用元件（圖形元件卜

3.動畫的創(chuàng)建（創(chuàng)建運動漸變形變動畫）

過程與方法：

通過學生自主學習和合作探究，培養(yǎng)學生運用信息技術(shù)解決實際問題的能

力。

情感態(tài)度與價值觀：

培養(yǎng)學生養(yǎng)成嚴謹?shù)膶W習態(tài)度和團結(jié)協(xié)作的精神，提升素質(zhì)，發(fā)展個性。

二、教學的重點和難點：

重點：掌握一些常用工具的應(yīng)用，運動漸變形變動畫的創(chuàng)建。

難點：運動漸變形變動畫的創(chuàng)建及時間軸特征。

三、教學準備：多媒體網(wǎng)絡(luò)控制系統(tǒng)

四、教學方法：自學法、講授法、提問法

五、教學安排：2課時

六、教學過程：

（一）導入

運動動畫是指通過改變運動對象的位置、大小、顏色等屬性，使對象

沿直線或曲線移動的動畫形式。

在運動動畫中運動對象必須是元件，我們只需要創(chuàng)建對象運動的起始關(guān)鍵

幀畫面，系統(tǒng)會自動生成其后普通幀之間的過渡畫面。

（二）講授新課

1.這一節(jié)我們制作兔子沿直線運動的動畫。

在這個任務(wù)中我們要用繪圖工具、新建元件、插入普通幀、創(chuàng)建補間動

畫等?，F(xiàn)在我先演示一遍。

①啟動flashcs5.5,新建ActionScript3.0文檔。

②單擊菜單“插入”|“新建元件”；在彈出的“創(chuàng)建新元件”對話框中，“名稱”

設(shè)為“小兔”,“類型”設(shè)為“圖形”，如圖1-4-2;單擊“確定'按鈕。

圖1-4-2“創(chuàng)建新元件”對話框

③單擊橢圓工具，將填充顏色設(shè)為無色，筆觸顏色設(shè)為黑色，繪制圓形

作為小兔頭部。

④繪制橢圓，單擊任意變形工具，框選橢圓并旋轉(zhuǎn)（如圖1-4-3），作為

小兔耳朵；用同樣的方法繪制小兔身體的其他橢圓形部位（如圖

圖1-4-3旋轉(zhuǎn)橢圓,圖1-4-4小兔身體橢網(wǎng)形部位

⑤單擊鉛筆工具，將筆觸顏色設(shè)為黑色，選擇鉛筆模式為平滑選項，繪

制兩條曲線，連接小兔頭部與身體，如圖1-4-5.

⑥單擊選擇工具，選擇圖形多余輪廓線，按Delete鍵刪除，如圖1-4-6.

圖1-4-5曲線連接小兔頭部與身體圖1-4-6小兔輪廓

⑦利用刷子工具繪制小兔的眼睛和嘴，利用顏料桶工具填充顏色，如圖

1-4-7.圖1-4-7小兔元件

⑧單擊“場景⑥打開“庫”面板,將“小兔”元件拖動到“場景1”舞臺左側(cè)，

利用任意變形工具調(diào)整小兔的大小。

⑨在時間軸第50幀，單擊鼠標右鍵，在彈出的快捷菜單中單擊“插入幀1

⑩在時間軸第一幀，單擊鼠標右鍵，在彈出的快捷菜單中單擊“創(chuàng)建補間

動畫

?單擊第50幀，用選擇工具拖動小兔到舞臺右側(cè)，如圖1-4-8.

圖1-4-8補間動畫時間軸及舞臺效果

?測試影片并保存文件。

（三）學生看書操作，自己動手繪制，完成任務(wù)。

（四）小技巧

1.場景：就是一段獨立的動畫。Flash動畫可以由一個場景組成，也可以

由多個場景組成。當動畫中有多個場景時，整個動畫會按照場景1、場景

2……順序依次播放，也可以通過命令對場景的播放次序進行控制。

2.運動漸變標識：I［表示補間動畫，動畫開始的關(guān)鍵幀用黑色的圓

點標識，動畫結(jié)束幀用黑色菱形標識，過渡幀背景為淺藍色。

（五）練習：制作籃球沿直線運動的動畫。

1.4形象的運動動畫（沿路徑運動的動畫）

一、教學目標

知識與技能：

1.繪圖工具（選擇工具、顏料筒工具、矩形工具）的應(yīng)用。

2.創(chuàng)建新圖層并調(diào)整圖層位置。

3.創(chuàng)建沿路徑運動的動畫。

過程與方法：

通過學生自主學習和合作探究，培養(yǎng)學生運用信息技術(shù)解決實際問題的能

力。

情感態(tài)度與價值觀：

培養(yǎng)學生養(yǎng)成嚴謹?shù)膶W習態(tài)度和團結(jié)協(xié)作的精神，提升素質(zhì)，發(fā)展個性。

二、教學的重點和難點：

重點：繪圖工具的應(yīng)用及創(chuàng)建沿路徑運動的動畫

難點：顏色面板漸變編輯條的編輯

三、教學準備：多媒體網(wǎng)絡(luò)控制系統(tǒng)

四、教學方法：自學法講授法討論法練習法

五、教學安排：2課時

六、教學過程：

（一）導入

運動動畫是指通過改變運動對象的位置、大小、顏色等屬性，使對象

沿直線或曲線移動的動畫形式。

在運動動畫中運動對象必須是元件，我們只需要創(chuàng)建對象運動的起始關(guān)鍵

幀畫面，系統(tǒng)會自動生成其后普通幀之間的過渡畫面。上一節(jié)課我們學習

了沿直線運動的動畫。

（二）講授新課

1.今節(jié)課的任務(wù)是P15實踐2,制作兔子沿路徑運動的動畫。

在這個任務(wù)中我們要用選擇工具、顏料筒、矩形等繪圖工具?，F(xiàn)在我先

演示一遍。

①啟動flashcs5.5,打開教材光盤中的素材文件“歡跳的兔子.fla”.

②單擊第5幀，用選擇工具將小兔向上移動（如圖1-4-9）;單擊第10

幀，將小兔向下移動（如圖1-4-10）.

圖1-4-9第5幀畫面

圖1-4T0第10幀畫面

③分別在第15幀、20幀、25幀、30幀、35幀、40幀、45幀依次對

小兔進行向上、向下移動，如圖1-4-11.

圖1-4T1第50幀畫面

④在“時間軸’面板圖層區(qū)單擊新建圖層按鈕，用矩形工具、顏料桶工具、

選擇工具、Delete鍵繪制藍天綠地。

⑤單擊選擇工具，將新建的圖層拖動至!]“圖層1”下方，如圖1-4-12.

⑥測試影片并保存文件。

（三）學生看書操作，自己動手繪制，完成任務(wù)。

（四）小技巧

1.新建的圖層要根據(jù)圖層內(nèi)容進行命名，便于以后修改和檢查。

2.不進行編輯的圖層要鎖定，防止誤操作。

（五）練習：制作籃球被拋出后沿拋物線運動的動畫。

1.5奇妙的形變動畫（實踐1字符形變）

一、教學目標

知識與技能：

1.文本操作（將文本打散變成圖形、設(shè)置文本屬性卜

2.會設(shè)置文檔背景顏色屬性。

3.創(chuàng)建沿形狀漸變的補間動畫及其時間軸標識。

過程與方法：

通過學生自主學習和合作探究，培養(yǎng)學生運用信息技術(shù)解決實際問題的能

力。

情感態(tài)度與價值觀：

培養(yǎng)學生養(yǎng)成嚴謹?shù)膶W習態(tài)度和團結(jié)協(xié)作的精神，提升素質(zhì)，發(fā)展個性。

二、教學的重點和難點：

重點：文本的操作和創(chuàng)建形變動畫及其時間軸標識。

難點：文本的操作和創(chuàng)建形變動畫及其時間軸標識

三、教學準備：多媒體網(wǎng)絡(luò)控制系統(tǒng)

四、教學方法：自學法講授法討論法練習法

五、教學安排：2課時

六、教學過程：

（一）導入

形變動畫是指改變對象的位置、形狀顏色等屬性的動畫形式，形變對象只

能是圖形。在形變動畫中，我們只需要創(chuàng)建對象的起始關(guān)鍵幀和結(jié)束關(guān)鍵

幀畫面，系統(tǒng)剛會自動生成兩個關(guān)鍵幀之間的形變過渡畫面。在形變動畫

中，系統(tǒng)視兩個關(guān)鍵幀中的對象為不同對象，對象只能沿直線運動，不能

沿曲線運動。

（二）講授新課

1.今節(jié)課的任務(wù)是P18實踐1,制作將單詞“Adobe”變?yōu)椤癋lash”的形變動

畫,如圖1-5-1o

圖1-5-1形變動畫過渡畫面

在這個任務(wù)中我們要用文字工具?，F(xiàn)在我先演示一遍。

①啟動flashcs5.5，新建ActionScript3.0文檔，單擊菜單“修改”|“文檔”,

在彈出的“文檔設(shè)置''對話框中設(shè)置文檔“背景顏色”為#99FFFFo

②單擊文本工具，在“屬性”面板中設(shè)置“字符囑性（如圖1-5-2），在第1

▽字符

系列：

樣式：

大?。?9是點字母間距：

顏色：M自動調(diào)整字距

圖1-5-2設(shè)置字符屬性

幀輸入文本“Adobe”.

③選中文本，單擊菜單“修改”|“分離”兩次，將文本打散變成圖形，如圖

1-5-3.

Adobe

圖1-5-3文本打散效果

④在時間軸第30幀，單擊鼠標右鍵，在彈出的快捷菜單中單擊“插入空

白關(guān)鍵幀"，如圖1-5-4.

圖1-5-4插入空白關(guān)鍵幀后的時間軸

⑤單擊舞臺，在“屬性”面板中設(shè)置“字符’屬性（如圖1-5-5）,輸入文本

“Flash”，然后將其分離兩次，將文本打散變成圖形，如圖1-5-6.

▽

系列:Arial[

樣式:iBoidmi穌…

大小：及駁點字母間距:/°

頻色：■它自動調(diào)整字距Flash

圖卜5-5設(shè)置字符屬性圖卜5~6文本打散效果

⑥在時間軸第1幀單擊鼠標右鍵在彈出的快捷菜單中單擊“創(chuàng)建建補間

形狀”，時間軸如圖1-5-7.

9□li51015202530

________________■Q1L.........................................J%/J'，-

r圖層1z??■

圖1-5-7形狀補間動畫時間軸

⑦測試并保存文件。

（四）小技巧

1.設(shè)置文檔屬性也可以在“屬性面板''中點“舞臺”進行修改（如圖）或在舞臺

單擊鼠標右鍵，在快捷菜單中選“文檔屬性”|“背景顏色胃

屬性K庫

文檔4

未命名-i

甑罡文件：默認文件

|發(fā)布設(shè)蓋-尺寸0）：亙豆《受度）X180候奈|（高度）

1

福放器：|FlashPlayer10<2T^]前舞臺半

月即本：|ActtonScnpt3.0~T^A舞臺大小縮放內(nèi)容

標尺單位像素

類：l1/（RK；◎默認電

▼■怪

O打印機⑺

FPS:2.4,

背景顏色::：□

大?。?5Q

口

H白：I?用瀕g

V口

自動保存:

H丁殳為默認僖

2.對文本進行打散也可以使用組合鍵“Ctrl+B'；

（五）練習：制作把自己的班級編號變?yōu)樽约盒彰男螤顫u變動畫。

1.5奇妙的形變動畫（實踐2制作萬花筒形變動畫）

一、教學目標

知識與技能：

1.橢圓工具、任意變形工具的使用。

2.對圖形進行徑向漸變填充。

3.創(chuàng)建沿形狀漸變的補間動畫。

過程與方法：

通過學生自主學習和合作探究，培養(yǎng)學生運用信息技術(shù)解決實際問題的能

力。

情感態(tài)度與價值觀：

培養(yǎng)學生養(yǎng)成嚴謹?shù)膶W習態(tài)度和團結(jié)協(xié)作的精神，提升素質(zhì)，發(fā)展個性。

二、教學的重點和難點：

重點：任意變形工具的使用。

難點：任意變形工具的使用。

三、教學準備：多媒體網(wǎng)絡(luò)控制系統(tǒng)

四、教學方法：自學法講授法討論法練習法

五、教學安排：2課時

六、教學過程：

（一）導入

形變動畫是指改變對象的位置、形狀顏色等屬性的動畫形式，形變對象只

能是圖形。在形變動畫中，我們只需要創(chuàng)建對象的起始關(guān)鍵幀和結(jié)束關(guān)鍵

幀畫面，系統(tǒng)剛會自動生成兩個關(guān)鍵幀之間的形變過渡畫面。在形變動畫

中，系統(tǒng)視兩個關(guān)鍵幀中的對象為不同對象，對象只能沿直線運動，不能

沿曲線運動。

（二）講授新課

這節(jié)課的任務(wù)是P20實踐2,制作“萬花筒”形變動畫，如圖1-5-8。

圖廠5：8“萬花筒”形變動畫過渡畫面

在這個任務(wù)中我們要用橢圓工具和任意變形工具?，F(xiàn)在我先演示一遍。

①啟動flashcs5.5，新建ActionScript3.0文檔，單擊菜單“修改”5文檔”,

在彈出的“文檔設(shè)置''對話框中設(shè)置文檔“背景顏色”為#0000FFo

②單擊橢圓工具，將填充顏色設(shè)為紅色，筆觸顏色設(shè)為無色，繪制一個

橢圓。

③單擊任意變形工具，選中橢圓，打開“變開'面板，設(shè)置旋轉(zhuǎn)角度，如

圖1-5-9;單擊“重置選區(qū)和變形”兩次，繪出六瓣花朵（如圖1-5-10卜

100.0%|100.0%經(jīng)J

◎旋轉(zhuǎn)

。傾斜

Q0.00

3D旋轉(zhuǎn)

X:0.00Y:0.0°

3D中心點

Y:0.0

■2

圖1-5-10六瓣花朵

圖1-5-9“變形”面板

@復制小花兩朵，分別填充成綠色和黃色，并調(diào)整三朵小花的位置，如

圖1-5-11.

圖1-5T1三朵小花

⑤在時間軸第30幀單擊鼠標右鍵，在彈出的快捷菜單中單擊“插入空白

關(guān)鍵幀

⑥單擊橢圓工具，將筆觸顏色設(shè)為無色，填充顏色設(shè)為紅色，繪制一個

橢圓。

⑦單擊任意變形工具，選中橢圓，打開‘變形'面板，設(shè)置旋轉(zhuǎn)角度為30;

單擊“重置選區(qū)和變形‘按鈕5次，繪出12瓣大花朵。

⑧單擊選擇工具，選中花朵；打開顏色面板，顏色類型設(shè)為徑向漸變，

為花朵填充顏色，如圖1-5-12.

⑨復制大花兩朵，分別填充為其他徑向漸變顏色，并調(diào)整三朵大花位置，

如圖1-5-13.

圖1-5-1212MT大花朵S圖卜5T33三朵大花

⑩在時間軸第1幀單擊鼠標右鍵在彈出的快捷菜單中單擊“創(chuàng)建補間形

狀2

?測試影片并保存文件。

（四）小技巧

1.在形狀漸變動畫中加入形狀提示點，可以獲得較理想的形變效果，分別

用a-z這26個英文字母表示，所以最多可以用26個形狀提示點。若提示

點放在圖形邊角上時，在起始幀用黃色圓圈表示，在結(jié)束幀用綠色圓圈表

示；若提示點放在圖形內(nèi)部，在起始幀和結(jié)束幀都用紅色圓圈表示。

2.形狀漸變標識：之二二』表示形狀漸變動畫,關(guān)鍵幀用黑色的圓點

標識，過渡幀用黑色帶箭頭的實線表示，背景為淡綠色。

1.6虛幻的淡出動畫

一、教學目標

知識與技能：

1.繪圖工具使用（會使用線條工具、任意變形工具、顏料桶工具、選

擇工具卜

2.會使用直接復制、水平翻轉(zhuǎn)命令。

3.會新建圖層并命名圖層。

4.會創(chuàng)建沿路徑的運動動畫。

5.會設(shè)置元件實例透明度屬性。

過程與方法：

通過學生自主學習和合作探究，培養(yǎng)學生運用信息技術(shù)解決實際問題的能

力。

情感態(tài)度與價值觀：

培養(yǎng)學生養(yǎng)成嚴謹?shù)膶W習態(tài)度和團結(jié)協(xié)作的精神，提升素質(zhì)，發(fā)展個性。

二、教學的重點和難點：

重點：創(chuàng)建沿路徑的運動動畫和設(shè)置元件實例透明度屬性。

難點：設(shè)置元件實例透明度屬性。

三、教學準備：多媒體網(wǎng)絡(luò)控制系統(tǒng)

四、教學方法：自學法講授法討論法練習法

五、教學安排：2課時

六、教學過程：

（一）導入

淡出動畫是指改變元件實例的亮度、色調(diào)、透明度等屬性的動畫形式。在

動畫中對同一元件通過多次調(diào)用，并分別設(shè)為不同的亮度、色調(diào)、透明度，

可以實現(xiàn)淡入淡出的效果。

（二）講授新課

本節(jié)課的任務(wù)是P23實踐，制作淡出動畫“感恩母親

在這個任務(wù)中我們要用繪圖工具、進行圖層編輯、設(shè)置元件實例屬性、

動畫創(chuàng)建和命令操作?，F(xiàn)在我先演示一遍。

①啟動flashcs5.5,打開教材光盤中的文件“感恩母親.fla”，在“時間軸”面

板圖層區(qū)單擊新建圖層按鈕，并將新建的圖層命名為“感恩

②創(chuàng)建新元件，將“名稱”設(shè)為“感恩的心’:“類型”設(shè)為“圖形

③單擊線條工具，將筆觸顏色設(shè)為#FF66FF，繪制一垂直線段，并

利用選擇工具將線條編輯為半個心形的曲線，如圖1-6-1.

④選中心形曲線，單擊菜單“編輯”|“直接復制”，單擊菜單“修改”|“變

形”|“水平翻轉(zhuǎn)”，將兩條心形曲線連接成一個心形圖形；利用顏料桶

工具將心形圖形填充為徑向漸變顏色，如圖1-6-2.

V

圖16-2“感恩的心”元件

⑤單擊“場景1”，打開庫面板，將“感恩的心”元件拖動到舞臺左下角，利

用任意變形工具調(diào)整元件實例大小。

⑥選中所有圖層的第30幀（如圖1-6-3）,單擊菜單“插入”|“時間軸”|

“幀”；在“感恩”圖層時間軸第1幀單擊鼠標右鍵，在彈出的快捷菜單中

單擊“創(chuàng)建補間動畫2

時間軸

9ft□￡]5101520253035

g恩

。W>?■□§

圖1-6-3選中所有圖層的第30幀

⑦單擊“感恩”圖層第15幀，將元件實例拖到舞臺中心附近，縮小元件實

例，并利用選擇工具編輯路徑標記，如圖1-6-4;在“屬性”面板中設(shè)置

實例的“色彩效果”，如圖1-6-5.

圖1-6-4路徑標記

v色彩效累

碗[Alpha|”]

Alpha:“Q-------1f卬@

圖1-6-5設(shè)置色彩效果

⑧單擊“感恩”圖層第30幀，將元件實例拖到右上角，編輯路徑標記，并

設(shè)置元件實例Alpha值為30,如圖1-6-6.

仁’7"--%79lwfl

M“仆"，心、巴整?破蘇y；他心引/T//i

.圖1-6-6路徑標記

⑨測試影片并保存文件。

（四）小技巧

多建幾具圖層并把實例的配色方案改變，可以出現(xiàn)多個“心”的飛舞畫面。

（五）練習

通過添加多個圖層制作淡出動畫“感恩母親”，如圖1-6-7.

圖1-6-7“感恩母親”動畫畫面

1.7奇特的遮罩動畫

一、教學目標

知識與技能：

1.繪圖工具使用（會使用矩形工具、任意變形工具、選擇工具卜

2.圖片導入。

3.會創(chuàng)建影片剪輯元件。

4.新建圖層并命名圖層。

5.創(chuàng)建遮罩動畫。

過程與方法：

通過學生自主學習和合作探究，培養(yǎng)學生運用信息技術(shù)解決實際問題的能

力。

情感態(tài)度與價值觀：

培養(yǎng)學生養(yǎng)成嚴謹?shù)膶W習態(tài)度和團結(jié)協(xié)作的精神，提升素質(zhì)，發(fā)展個性。

二、教學的重點和難點：

重點：創(chuàng)建影片剪輯元件和遮罩動畫。

難點：創(chuàng)建影片剪輯元件和遮罩動畫。

三、教學準備：多媒體網(wǎng)絡(luò)控制系統(tǒng)

四、教學方法：自學法講授法討論法練習法

五、教學安排：2課時

六、教學過程：

（一）導入

遮罩動畫是利用遮罩層制作的動畫。遮罩層是一個特殊的圖層，就像在一

張不透明的紙上挖一個洞，洞的大小和形狀就是遮罩層上圖形的大小和形

狀，透過洞看到的就是被遮圖層上的內(nèi)容。

（二）講授新課

本節(jié)課的任務(wù)是P26實踐，制作一個模擬百葉窗效果的畫畫，如圖1-7-1o

圖1-7-1百葉窗動畫畫面

現(xiàn)在我先演示一遍。

①啟動flashcs5.5,新建ActionScript3.0文檔，設(shè)置文檔背景顏色為黑

色；雙擊“圖層1”將圖層命名為“綠楓樹

②單擊菜單“文件”|“導入”|“導入到舞臺”，在彈出的“導入”對話框中，選

擇教材配套光盤中的圖片文件“fs1.jpg"，調(diào)整圖片的大小和位置。

③新建圖層，將圖層命名為“紅楓樹”；導入教材配套光盤中的圖片文件

“fs2.jpg"；調(diào)整圖片的大小和位置，使兩個圖層的圖片大小相等、位置

重合，如圖1-7-2.

□o

（4）單擊菜單“插入”|“新建元件”，將“名稱”設(shè)為“百葉“類型’設(shè)為“圖形”；

單擊矩形工具，將填充顏色設(shè)為#0000FF,筆觸顏色設(shè)為無色，繪制

一個矩形，并利用任意變形工具將圖形中心與舞臺中心對齊，如圖

1-7-3.

I

圖1-7-3

圖形中心與舞臺中心對齊

⑤創(chuàng)建影片剪輯元件。單擊菜單“插入”I“新建元件”，將“名稱”設(shè)為“旋轉(zhuǎn)

百葉,,,“類型，設(shè)為“影片剪輯打開庫面板，將“百葉”元件拖到舞臺中心，

生成元件實例。在時間軸第1幀單擊鼠標右鍵，在彈出的快捷菜單中

單擊“創(chuàng)建補間動畫”；在時間軸第50幀單擊鼠標右鍵，在彈出的快捷

菜單中單擊“插入幀”，并利用任意變形工具縮小“百葉”元件實例的寬

度，使其盡量成為一條線，如圖1-7-4.

圖1-7-4

縮小元件寬度

⑥單擊“場景1”，在“時間軸”面板圖層區(qū)單擊新建圖層按鈕，在“紅楓樹”

圖層上方新建圖層，并將圖層命名為“百葉”；打開庫面板，將“旋轉(zhuǎn)百

葉”元件拖放到舞臺中心，并利用任意變形工具調(diào)整元件實例大小，使

其遮擋楓樹圖片。

⑦選擇“百葉”圖層，單擊鼠標右鍵，在彈出的快捷菜單中單擊“遮罩層2

⑧測試影片并保存文件。

（四）小技巧

1.在影片剪輯中，可以多復制幾個圖層，多幾個百葉的動畫效果，復制的

圖層越多，動畫效果越逼真。最好多中間開始，復制奇數(shù)個圖層。

2.利用遮罩動畫可以制作音樂MTV中的字幕。

（五）練習

通過在影片剪輯中添加多個圖層制作“多葉百葉窗”動畫，如圖1-7-5.

圖1-7-5多葉力■葉窗

1.8靈活的交互動畫

一、教學目標

知識與技能：

1.繪圖工具使用（會使用橢圓工具、任意變形工具、顏料桶工具、任

意變形工具b

2.創(chuàng)建并調(diào)用按鈕元件。

3.對按鈕元件實例或幀添加簡單動作命令。

過程與方法：

通過學生自主學習和合作探究，培養(yǎng)學生運用信息技術(shù)解決實際問題的能

力。

情感態(tài)度與價值觀：

培養(yǎng)學生養(yǎng)成嚴謹?shù)膶W習態(tài)度和團結(jié)協(xié)作的精神，提升素質(zhì)，發(fā)展個性。

二、教學的重點和難點：

重點：創(chuàng)建按鈕元件和對按鈕或幀添加簡單動作命令。

難點：對按鈕或幀添加簡單動作命令。

三、教學準備：多媒體網(wǎng)絡(luò)控制系統(tǒng)

四、教學方法：自學法講授法討論法練習法

五、教學安排：2課時

六、教學過程：

（一）導入

交互動畫是指通過幀命令、按鈕操作等方法產(chǎn)生信息交互的動畫形式。

（二）講授新課

這一節(jié)我們學習能進行交互的動畫制作方法；本節(jié)課的任務(wù)是P29實踐,

制作幀命令和按鈕控制的小兔歡跳動畫，如圖1-8-1o

現(xiàn)在我先演示一遍。

①啟動flashcs5.5,打開教材光盤中的動畫文件“歡跳的兔子。fla,；

②單擊菜單“插入”|“新建元件”，將“名稱”設(shè)為“歡跳”,“類型”設(shè)為“按鈕3

③單擊“圖層1”的“彈起”幀（如圖1-8-2）,單擊橢圓工具，將筆觸顏色設(shè)

為無色，填充顏色設(shè)為紅白徑向漸變色，繪制一個橢圓，并利用任意

變形工具，使橢圓中心與屏幕中心重合，如圖1-8-3.

④在時間軸“指針經(jīng)過”幀，單擊鼠標右鍵，在彈出的快捷菜單中單擊“插

入關(guān)鍵幀”，將橢圓填充為黃白徑向漸變色，如圖1-8-4.

+

圖1-8-4“指針經(jīng)過”幀橢圓

⑤在時間軸“按下”幀，單擊鼠標右鍵，在彈出的快捷菜單中單擊“插入關(guān)

鍵幀”，將橢圓填充為藍白徑向漸變色，如圖1-8-5.

圖1-8-5“按下”幀橢圓

⑥在時間軸“點擊”幀，單擊鼠標右鍵，在彈出的快捷菜單中單擊“插入幀1

⑦新建圖層，單擊文本工具，設(shè)置“字符”屬性（如圖1-8-6）,輸入文本“歡

跳”，并將文本放在橢圓中心，如圖1-8-7.

圖1-8-6設(shè)置字符屬性圖1-8-7“歡跳”文本位置

⑧單擊“場景1”的“圖層V,新建圖層，命名為“按鈕”;打開“庫”面板,單

擊“按鈕”圖層第1幀，將“歡跳”按鈕元件拖到舞臺右下角，調(diào)整按鈕大

小，設(shè)置元件實例名稱為“歡跳”，如圖1-8-8.

圖1-8-8設(shè)置元件實例名稱

⑨單擊“按鈕”層第1幀，單擊菜單“窗口“動作”，打開“動作”面板；在“代

碼窗口中輸入“Stop（丫命令”（如圖1-8-9）,此時第1幀多了一個標記

（如圖1-8-10\

I3丁

H

lu

?片

'13

a

la::三

l:d:

d三

'3國

d

國

d三

回d

?囿

回

de*r*

IBd

a0.w>l?y

aO.

B

a

圖1-8-9動作面板1-8-10幀標記

⑩單擊選擇工具，選中第1幀的按鈕元件實例“歡跳”，打開“動作”面板，

單擊“代碼片斷’（如圖1-8-9）,在“代碼片斷”面板中雙擊“單擊以轉(zhuǎn)到幀

并播放"（如圖1-8-11）;將腳本中的參數(shù)“5”改為“2"，如圖1-8-12.

彳弋砂3片斷“

ActionScript3.0▼。戶???晚打H苦國用代碼＞遇、②

JW4

回/■單擊以轉(zhuǎn)到軸并延放

m元素

團單擊指定的元件實例會將看放頭移動到時同觸中的指定”并韁續(xù)從該“回放。

adobe.utilsE

可在主時目軸型影片剪鴛時同軸上使用?

回

air.desktop

回說明：

拳擊元件實例時，用希器放頭移動到的“塘號警摸以下代碼中的敢享。

回1.585

air.update