欧美成人永久免费_欧美日本五月天_A级毛片免看在线_国产69无码,亚洲无线观看,精品人妻少妇无码视频,777无码专区,色大片免费网站大全,麻豆国产成人AV网,91视频网络,亚洲色无码自慰

當(dāng)前位置:網(wǎng)站首頁(yè) >> 作文 >> 最新制作flash動(dòng)畫教案(5篇)

最新制作flash動(dòng)畫教案(5篇)

格式:DOC 上傳日期:2024-08-04 20:48:46
最新制作flash動(dòng)畫教案(5篇)
時(shí)間:2024-08-04 20:48:46     小編:zdfb

作為一名老師,常常要根據(jù)教學(xué)需要編寫教案,教案是教學(xué)活動(dòng)的依據(jù),,有著重要的地位,。怎樣寫教案才更能起到其作用呢?教案應(yīng)該怎么制定呢,?下面是小編整理的優(yōu)秀教案范文,,歡迎閱讀分享,希望對(duì)大家有所幫助,。

制作flash動(dòng)畫教案篇一

第一節(jié) 步步為營(yíng)——逐幀動(dòng)畫

一,、教學(xué)目標(biāo): 知識(shí)目標(biāo):

1.創(chuàng)建逐幀動(dòng)畫的幾種方法教學(xué) 2.簡(jiǎn)單動(dòng)畫的制作方法 能力目標(biāo)

學(xué)會(huì)用繪制的圖形來(lái)制作“逐幀動(dòng)畫 情感目標(biāo)

體會(huì)創(chuàng)作的樂(lè)趣,進(jìn)一步培養(yǎng)制作動(dòng)畫的興趣,;培養(yǎng)學(xué)生創(chuàng)新能力與探究問(wèn)題的能力,;培養(yǎng)創(chuàng)造性思維能力。

二,、教學(xué)重點(diǎn)與難點(diǎn): 簡(jiǎn)單動(dòng)畫的制作方法

三,、教學(xué)方法: 演示教學(xué)法

四、教學(xué)手段與教學(xué)媒體 多媒體網(wǎng)絡(luò)教室,。

五,、教學(xué)課時(shí): 2課時(shí)

六、教學(xué)過(guò)程: 導(dǎo)入:

從本單元起,,我們將逐漸給大家介紹flash中的五種常見的動(dòng)畫形式:逐幀動(dòng)畫,、形狀補(bǔ)間動(dòng)畫、動(dòng)作補(bǔ)間動(dòng)畫,、遮罩動(dòng)畫,、引導(dǎo)線動(dòng)畫。本節(jié)著重介紹逐幀動(dòng)畫(frameby frame),,這是一種常見的動(dòng)畫手法,,它的原理是在“連續(xù)的關(guān)鍵幀”中分解動(dòng)畫動(dòng)作,也就是每一幀中的內(nèi)容不同,,連續(xù)播放而成動(dòng)畫,。由于逐幀動(dòng)畫的幀序列內(nèi)容不一樣,不僅增加制作負(fù)擔(dān)而且最終輸出的文件量也很大,,但它的優(yōu)勢(shì)也很明顯:因?yàn)樗嗨婆c電影播放模式,,很適合于表演很細(xì)膩的動(dòng)畫,如3d效果,、人物或動(dòng)物急劇轉(zhuǎn)身等等效果,。

1.逐幀動(dòng)畫的概念和在時(shí)間幀上的表現(xiàn)形式 在時(shí)間幀上逐幀繪制幀內(nèi)容稱為逐幀動(dòng)畫,,由于是一幀一幀的畫,所以逐幀動(dòng)畫具有非常大的靈活性,,幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容,。

逐幀動(dòng)畫在時(shí)間幀上表現(xiàn)為連續(xù)出現(xiàn)的關(guān)鍵幀。

逐幀動(dòng)畫

2.創(chuàng)建逐幀動(dòng)畫的幾種方法

(1)用導(dǎo)入的靜態(tài)圖片建立逐幀動(dòng)畫

用jpg,、png等格式的靜態(tài)圖片連續(xù)導(dǎo)入flash中,,就會(huì)建立一段逐幀動(dòng)畫。

(2)繪制矢量逐幀動(dòng)畫

用鼠標(biāo)或壓感筆在場(chǎng)景中一幀幀的畫出幀內(nèi)容,。

(3)文字逐幀動(dòng)畫

用文字作幀中的元件,,實(shí)現(xiàn)文字跳躍、旋轉(zhuǎn)等特效,。

(4)導(dǎo)入序列圖像

可以導(dǎo)入gif序列圖像,、swf動(dòng)畫文件或者利用第3方軟件(如swish、swift 3d等)產(chǎn)生的動(dòng)畫序列,。3.繪圖紙功能(1)繪畫紙的功能

繪畫紙是一個(gè)幫助定位和編輯動(dòng)畫的輔助功能,,這個(gè)功能對(duì)制作逐幀動(dòng)畫特別有用。通常情況下,,flash 在舞臺(tái)中一次只能顯示動(dòng)畫序列的單個(gè)幀,。使用繪畫紙功能后,你就可以在舞臺(tái)中一次查看兩個(gè)或多個(gè)幀了,。

如圖3-2-2所示,,這是使用繪畫紙功能后的場(chǎng)景,可以看出,,當(dāng)前幀中內(nèi)容用全彩色顯示,,其它幀內(nèi)容以半透明顯示,它使我們看起來(lái)好像所有幀內(nèi)容是畫在一張半透明的繪圖紙上,,這些內(nèi)容相互層疊在一起,。當(dāng)然,這時(shí)你只能編輯當(dāng)前幀的內(nèi)容,。(2)繪圖紙各個(gè)按鈕的介紹

1,、繪圖紙外觀按鈕 按下此按鈕后,在時(shí)間幀的上方,,出現(xiàn)

繪圖紙外觀標(biāo)記。拉動(dòng)外觀標(biāo)記的兩端,,可以擴(kuò)大或縮小顯示范圍,。

2、繪圖紙外觀輪廓 按下此按鈕后,,場(chǎng)景中顯示各幀內(nèi)容的輪廓線,,填充色消失,,特別適合觀察對(duì)象輪廓,另外可以節(jié)省系統(tǒng)資源,,加快顯示過(guò)程,。3.3、繪圖紙顯示多幀按鈕,,按下后可以顯示全部幀內(nèi)容,,并且可以進(jìn)行“多幀同時(shí)編輯”。

4,、修改繪圖紙標(biāo)記 按下后,,彈出菜單,菜單中有以下選項(xiàng):

“總是顯示標(biāo)記”選項(xiàng)會(huì)在時(shí)間軸標(biāo)題中顯示繪圖紙外觀標(biāo)記,,無(wú)論繪圖紙外觀是否打開,。“錨定繪圖紙外觀標(biāo)記”選項(xiàng)會(huì)將繪圖紙外觀標(biāo)記鎖定在它們?cè)跁r(shí)間軸標(biāo)題中的當(dāng)前位置,。通常情況下,,繪圖紙外觀范圍是和當(dāng)前幀的指針以及繪圖紙外觀標(biāo)記相關(guān)的。通過(guò)錨定繪圖紙外觀標(biāo)記,,可以防止它們隨當(dāng)前幀的指針移動(dòng),。“繪圖紙 2”選項(xiàng)會(huì)在當(dāng)前幀的兩邊顯示兩個(gè)幀,?!袄L圖紙 5”選項(xiàng)會(huì)在當(dāng)前幀的兩邊顯示五個(gè)幀?!袄L制全部”選項(xiàng)會(huì)在當(dāng)前幀的兩邊顯示全部幀,。

上面,我們?nèi)娼榻B了逐幀動(dòng)畫的特點(diǎn)和創(chuàng)建方法,,現(xiàn)在,,我們來(lái)動(dòng)手制作二個(gè)逐幀動(dòng)畫實(shí)例,以加深對(duì)逐幀動(dòng)畫的認(rèn)識(shí),。

第2課時(shí) 組織教學(xué) 復(fù)習(xí)提問(wèn)

上節(jié)課所學(xué)的內(nèi)容,。奔跑的豹子

茫茫雪原上,有一只矯健的豹子在奔跑跳躍,,這是一個(gè)利用導(dǎo)入連續(xù)位圖而創(chuàng)建的逐幀動(dòng)畫.1,、創(chuàng)建影片文檔

執(zhí)行【文件】|【新建】命令,在彈出的面板中選擇【常規(guī)】|【flash文檔】選項(xiàng)后,,點(diǎn)擊【確定】按鈕,,新建一個(gè)影片文檔,在【屬性】面板上設(shè)置文件大小為400*260象素,,【背景色】為白色,,如圖 3-2-4所示,。

2、創(chuàng)建背景圖層

選擇第一幀,,執(zhí)行【文件】|【導(dǎo)入到場(chǎng)景】命令,,將本實(shí)例中的名為“”圖片導(dǎo)入到場(chǎng)景中。在第8幀按f5,,加過(guò)渡幀使幀內(nèi)容延續(xù),。

3、導(dǎo)入gif動(dòng)畫

新建一層,,選擇第一幀,,執(zhí)行【文件】|【導(dǎo)入到場(chǎng)景】命令,將本教程中的“奔跑的豹子”系列圖片導(dǎo)入,。此時(shí),,會(huì)彈出一個(gè)對(duì)話框,如圖3-2-5所示,。

選擇【是】按鈕,,flash 會(huì)自動(dòng)把gif中的圖片序列按序以逐幀形式導(dǎo)入場(chǎng)景的左上角,如圖3-2-7所示,。導(dǎo)入的gif動(dòng)畫在場(chǎng)景的上方形成幀幀動(dòng)畫

導(dǎo)入后的動(dòng)畫序列,,它們被flash自動(dòng)分配在8個(gè)關(guān)鍵幀中。,、調(diào)整對(duì)象位置

此時(shí),,時(shí)間幀區(qū)出現(xiàn)連續(xù)的關(guān)鍵幀,從左向右拉動(dòng)播放頭,,就會(huì)看到一頭勇猛的豹子在向前奔跑,,但是,被導(dǎo)入的動(dòng)畫序列位置尚未處于我們需要的地方,,缺省狀況下,,導(dǎo)入的對(duì)象被放在場(chǎng)景坐標(biāo)“0,0”處,,我們必須移動(dòng)它們,。

你當(dāng)然可以一幀幀調(diào)整位置,完成一幅圖片后記下其坐標(biāo)值,,再把其它圖片設(shè)置成相同坐標(biāo)值,,如果你有足夠耐性和時(shí)間,也無(wú)妨,,那么,,我們何不試試“多幀編輯”功能呢?

先把“雪景”圖層加鎖,,然后按下時(shí)間軸面板下方的【繪圖紙顯示多幀】按鈕

,,再單擊【修改繪圖紙標(biāo)記】按鈕,在彈出的菜單中選擇【顯示全部】選項(xiàng).最后執(zhí)行【編輯】|【全選】命令,,此時(shí)時(shí)間軸和場(chǎng)景效果如圖3-2-10所示,。

用鼠標(biāo)左鍵按住場(chǎng)景左上方的豹子拖動(dòng),就可以一次把8幀中的圖片一次全移動(dòng)到場(chǎng)景中了,。

5,、設(shè)置標(biāo)題文字

在場(chǎng)景中新建一個(gè)圖層,單擊工具欄上的文字工具按鈕

,設(shè)置【屬性】面板上的文本參數(shù)如下,,【文本類型】為靜態(tài)文本,;【字體】為隸書;【字體大小】35,;【顏色】為深藍(lán)色。如圖 3-2-11所示,。

在文本框輸入“奔跑的豹子”五個(gè)字,,居中放置。

6,、測(cè)試存盤

執(zhí)行【控制】|【測(cè)試影片】命令,觀察本例swf文件生成的動(dòng)畫有無(wú)問(wèn)題,,如果滿意,,執(zhí)行【文件】|【保存】命令,,將文件保存成“”文件存盤,如果要導(dǎo)出flash的播放文件,,執(zhí)行【導(dǎo)出】|【導(dǎo)出影片】命令保存成“”文件,。教學(xué)后記:

制作flash動(dòng)畫教案篇二

第一章

初識(shí)flash 第一講(第一周2學(xué)時(shí))課題名稱:初識(shí)flash 目的要求:主要介紹flash的用途以及基本操作,包括認(rèn)識(shí)flash,、啟動(dòng)和退出flash、認(rèn)識(shí)flash的操作界面以及設(shè)置個(gè)性化操作界面,。教學(xué)過(guò)程:

一,、軟件介紹(參見書第2頁(yè)、第3頁(yè),、第4頁(yè))

flash是一款設(shè)計(jì)和制作二維動(dòng)畫的專業(yè)軟件,,它采用了網(wǎng)絡(luò)流式媒體技術(shù)(即允許用戶在動(dòng)畫文件全部下載完之前播放已下載的部分,,并在不知不覺中下載剩余的動(dòng)畫文件),突破了網(wǎng)絡(luò)帶寬的限制,,能在網(wǎng)絡(luò)上快速地播放動(dòng)畫,,并實(shí)現(xiàn)動(dòng)畫交互。

flash之所以能占據(jù)網(wǎng)絡(luò)多媒體的重要位置,,最重要的一點(diǎn)是因?yàn)樗捎昧耸噶考夹g(shù)(即基于矢量圖形的flash動(dòng)畫,,即使隨意縮放其尺寸,也不會(huì)影響圖像的質(zhì)量),。

flash與當(dāng)今最流行的網(wǎng)頁(yè)設(shè)計(jì)工具dreamweaver配合默契,,flash動(dòng)畫可以直接潛入由dreamweaver制作的網(wǎng)頁(yè)的任意位置,非常方便,。

二,、flash的基本功能(補(bǔ)充)

1、繪制矢量圖形

在flash中創(chuàng)建的圖形均為矢量圖形,,基于矢量的繪圖同分辨率無(wú)關(guān),,這意味著它們可以按最高分辨率顯示與輸出。如果在flash中導(dǎo)入位圖文件(執(zhí)行“文件/導(dǎo)入/導(dǎo)入到舞臺(tái)”【ctrl+r】,,將外部程序生成的文件導(dǎo)入到當(dāng)前文檔的舞臺(tái)上,;或者執(zhí)行“文件/導(dǎo)入/導(dǎo)入到庫(kù)”,將外部程序生成的文件導(dǎo)入到當(dāng)前文檔的“庫(kù)”面板中,,可以隨時(shí)調(diào)取使用),,那么既可以位圖形式在flash中使用,也可以將其轉(zhuǎn)換為矢量圖形使用(修改/位圖/轉(zhuǎn)換位圖為矢量圖),。參數(shù)介紹: “顏色閾值”:表示色彩臨界值,,數(shù)值越高,轉(zhuǎn)換文件需要的時(shí)間越長(zhǎng),,文件也越大,。“最小區(qū)域”:當(dāng)分配顏色給像素時(shí),,通過(guò)該選項(xiàng)設(shè)置周邊像素?cái)?shù)目,。“曲線擬合”:是繪制輪廓的方法,。以像素為單位繪制的效果好,,但轉(zhuǎn)換后形成的文件較大?!敖情撝怠保罕硎巨D(zhuǎn)角臨界值,,轉(zhuǎn)角越多,圖越平滑,文件也越大,。

參數(shù)設(shè)置不同,,轉(zhuǎn)換后的效果不同。如果希望轉(zhuǎn)換后的圖像與原圖非常接近,,可參考以下數(shù)值:

“顏色閾值”:10

“最小區(qū)域”:1像素 “曲線擬合”:像素

“角閾值”:較多轉(zhuǎn)角 實(shí)訓(xùn)一

快速制作矢量圖形

通常情況下,,矢量圖是通過(guò)軟件繪制出來(lái)的,但是這需要對(duì)工具有一定的了解,。在flash中有一種不需要通過(guò)繪制工具就可以制作矢量圖形的方法,那就是將位圖轉(zhuǎn)換為矢量圖,。前提是需要準(zhǔn)備一副位圖,。

一、創(chuàng)建空白文檔,,將素材導(dǎo)入舞臺(tái),;

二、執(zhí)行“修改”/“位圖”/“轉(zhuǎn)換位圖為矢量圖”命令,,發(fā)現(xiàn)對(duì)象選中的顯示方式有所變化(呈現(xiàn)出散點(diǎn)狀),;

三、在舞臺(tái)外部區(qū)域單擊取消對(duì)象的選擇,,發(fā)現(xiàn)位圖變成矢量圖形,,位圖圖像中的一些小細(xì)節(jié)被刪除。

2,、元件功能

之所以說(shuō)flash文件小,,除了是基于矢量,還因?yàn)樵趂lash中可以重復(fù)使用元件的關(guān)系,。將圖像轉(zhuǎn)換為元件(修改/轉(zhuǎn)換為元件,,f8),在“庫(kù)”面板中只有一個(gè)元件,,但是可以重復(fù)拖入場(chǎng)景成為“元件實(shí)例”使用,,并且還可以進(jìn)行任意縮放,但不明顯增加文件體積,。實(shí)例是元件在場(chǎng)景中的應(yīng)用,,每個(gè)實(shí)例都可以有不同的顏色和大小。實(shí)例二

將舞臺(tái)物件轉(zhuǎn)換為圖形元件 實(shí)例三

設(shè)置實(shí)例的屬性

3,、濾鏡功能

從flash8開始添加了濾鏡功能(窗口/屬性/濾鏡),,該功能可以制作出許多意想不到的效果。比如發(fā)光,、投影,、模糊、斜角等效果。需要注意的是濾鏡只能應(yīng)用于文本,、影片剪輯和按鈕,。要使用濾鏡功能,需要先在舞臺(tái)上選擇文本,,然后進(jìn)入濾鏡面板,,單擊添加濾鏡按鈕,從彈出的菜單中選擇相應(yīng)的濾鏡選項(xiàng),。對(duì)象每添加一個(gè)新的濾鏡,,在屬性檢查器中,就會(huì)將其添加到該對(duì)象所應(yīng)用的濾鏡列表中,??梢詫?duì)一個(gè)對(duì)象應(yīng)用多個(gè)濾鏡,也可以刪除以前應(yīng)用的濾鏡,。

實(shí)例四

制作投影字

4,、動(dòng)畫功能

動(dòng)畫是flash最基本、也是最主要的功能,,在flash中可以制作逐幀動(dòng)畫,、形狀動(dòng)畫與補(bǔ)間動(dòng)畫。還有一種特殊的動(dòng)畫,,就是按鈕,。按鈕動(dòng)畫中只有4幀,分別為“彈起”,、“指針經(jīng)過(guò)”,、“按下”與“點(diǎn)擊”,每一幀都有其自身的功能,。實(shí)例五

五角星變?yōu)閳A形

第一章 初識(shí)flash 第二講(第一周 2學(xué)時(shí))課題名稱:制作動(dòng)畫前的準(zhǔn)備

目的要求:主要介紹制作動(dòng)畫前的準(zhǔn)備工作,,包括文檔的新建、保存,、關(guān)閉和打開,、設(shè)置動(dòng)畫環(huán)境、如何獲取素材和設(shè)置首選參數(shù)的方法等,。教學(xué)過(guò)程:

三,、flash的工作界面(參見書第8頁(yè))

成功安裝并啟動(dòng)flash后,默認(rèn)情況下,,其主界面包括“標(biāo)題欄”,、“菜單欄”、“工具箱”以及“時(shí)間軸”,、“場(chǎng)景”,、“屬性”,、“庫(kù)”面板等元素。

窗口右側(cè)卷簾面板區(qū)左側(cè)中間的“向右的三角形”按鈕,,可將卷簾調(diào)板收縮;單擊“動(dòng)作面板”和“屬性面板”上方的折疊按鈕,也可將這兩個(gè)面板向下折疊,,從而放大工作區(qū)范圍,。按f4鍵可以將窗口中的各種面板暫時(shí)隱藏,使工作區(qū)范圍擴(kuò)大,,從而方便編輯和查看,;再次按下f4鍵可恢復(fù)操作面板顯示,。

1,、時(shí)間軸(參見書第6頁(yè))

“時(shí)間軸”是編輯動(dòng)畫的地方,,是幀排列的地方,是用于組織和控制動(dòng)畫的地方,。flash將時(shí)間分割成許多同樣的小塊,,每一塊表示一幀,,在時(shí)間軸上對(duì)應(yīng)的是一個(gè)小格,,由左向右按順序逐幀播放就形成了動(dòng)畫。

“時(shí)間軸”面板是由幀(幀管理區(qū)),、圖層(層管理區(qū))和播放指針(幀指針?biāo)诘奈恢镁褪莿?dòng)畫播放的位置)組成的,。時(shí)間軸用于組織動(dòng)畫各幀的內(nèi)容,并且可以控制動(dòng)畫每幀每層顯示的內(nèi)容,,還可以顯示動(dòng)畫播放的速率等信息,。單擊右上角的“幀視圖”按鈕,,打開的菜單中包含許多控制幀視圖的命令,。

2,、動(dòng)畫編輯舞臺(tái)(參見書第11頁(yè))

動(dòng)畫編輯舞臺(tái)位于窗口的正中位置,,可以進(jìn)行動(dòng)畫的編輯制作,這是動(dòng)畫展示的舞臺(tái),??梢酝ㄟ^(guò)執(zhí)行“修改/ 文檔”,【ctrl+j】,,或者通過(guò)“屬性”面板設(shè)置和改變舞臺(tái)的大小、色彩等參數(shù),,默認(rèn)狀態(tài)下,,舞臺(tái)的尺寸為550×400像素。當(dāng)舞臺(tái)被放大后,,可能無(wú)法看到整個(gè)舞臺(tái),,利用工具箱中的“手形”工具移動(dòng)舞臺(tái)查看視圖,也可以通過(guò)更改縮放比率查看完整的視圖(視圖/縮放比率),。

四,、flash的基本操作

無(wú)論是在flash中繪制矢量圖形,還是創(chuàng)建動(dòng)畫,,都必須首先創(chuàng)建文檔,,最后保存文檔,。新建文檔(參見書第16頁(yè)、第20頁(yè))

flash中的新建命令包括兩種情況:常規(guī)與模板,,并且每一種情況中還包括多種類型,,這樣才能創(chuàng)建出多種多樣的動(dòng)畫。

在flash中執(zhí)行“文件”/“新建”命令,,在默認(rèn)情況下創(chuàng)建的是常規(guī)的flash文件,。當(dāng)創(chuàng)建空白flash文件后,文檔屬性是默認(rèn)的,。要想查看甚至修改文檔屬性,,可以執(zhí)行“修改”/“文檔”命令(ctrl+j)。在“文檔屬性”對(duì)話框中,,可以設(shè)置文檔的標(biāo)題,、尺寸、背景顏色等選項(xiàng),;還可以設(shè)置“幀頻”選項(xiàng),,該選項(xiàng)用于設(shè)置每秒顯示的動(dòng)畫幀的數(shù)量。對(duì)于大多數(shù)計(jì)算機(jī)顯示的動(dòng)畫,,特別是網(wǎng)站中播放的動(dòng)畫,,8fps~12fps就足夠了。實(shí)例六

創(chuàng)建文件,,并設(shè)置參數(shù)

創(chuàng)建常規(guī)空白動(dòng)畫文件,,設(shè)置其中的寬度為500像素,高度為300像素,,幀頻為24fps,,背景顏色為綠色#00ccff。

當(dāng)打開“新建文件”對(duì)話框后,,切換到“模板”選項(xiàng)卡,,該列表中的選項(xiàng)是預(yù)先設(shè)置好的特殊的flash文件,它為flash文檔的最終創(chuàng)建提供了一個(gè)基礎(chǔ)框架,。實(shí)訓(xùn)七

快速制作幻燈片動(dòng)畫

幻燈片動(dòng)畫通過(guò)交替顯示來(lái)展示圖像,,在顯示圖像時(shí),幻燈片動(dòng)畫既可以自動(dòng)播放,,也可以通過(guò)手動(dòng)逐一顯示圖像,。

一、執(zhí)行“文件/新建”命令,,在對(duì)話框中切換到“模板”選項(xiàng)卡,,選擇“照片幻燈片放映”選項(xiàng),單擊確定按鈕,創(chuàng)建模板文檔并且加以保存,。

二,、由于該模板文檔是一個(gè)完整的動(dòng)畫,所以保存后即可預(yù)覽效果(“控制/ 測(cè)試影片”,,ctrl+enter),。要想播放自己的照片,執(zhí)行“文件/導(dǎo)入/導(dǎo)入到庫(kù)”命令,,將素材圖片導(dǎo)入到庫(kù),。

三、在“時(shí)間軸”面板中找到圖像所在圖層,,并且選中第一幅圖像,執(zhí)行“修改/ 位圖/交換位圖”,,或者單擊“屬性”面板中的“交換”按鈕,,在“交換圖像”對(duì)話框列表中選擇要展示的圖像文件名稱,單擊“確定”按鈕即可在原位置交換圖像,。

2,、保存文檔(參見書17頁(yè))

執(zhí)行“文件”/“保存”命令,將flash文件保存為fla格式的文件,。flash中一個(gè)完整的動(dòng)畫文件包括兩種格式的文件,,一個(gè)是源文件,格式為fla,,另一個(gè)是瀏覽文件,,格式為swf。后者只作為瀏覽動(dòng)畫使用,,不能夠編輯,,生成方法是執(zhí)行“控制”“測(cè)試影片”/命令(ctrl+enter)。

3,、設(shè)置場(chǎng)景

在flash中構(gòu)成動(dòng)畫的所有元素都包括在場(chǎng)景中,,所以場(chǎng)景在動(dòng)畫制作中是不可缺少的部分。場(chǎng)景是分隔動(dòng)畫的方式,,可以把復(fù)雜的動(dòng)畫進(jìn)行分隔,、分類管理。就如同戲劇演出一樣,,因?yàn)樾枰鼡Q背景或時(shí)間,所以要將一整出戲分成一段段,、一節(jié)節(jié),。

時(shí)間軸可以根據(jù)動(dòng)畫的長(zhǎng)度不斷延伸,但是動(dòng)畫設(shè)定的時(shí)間過(guò)長(zhǎng)時(shí),尋找和查看都很困難,。如果將動(dòng)畫按照一定的內(nèi)容進(jìn)行歸類或分段,,并分別放在不同的場(chǎng)景中,不但方便尋找和查看,,也可以快速地調(diào)換順序,。

當(dāng)一段動(dòng)畫包含多個(gè)場(chǎng)景時(shí),在沒有經(jīng)過(guò)特別設(shè)定的情況下,,場(chǎng)景會(huì)按順序自動(dòng)播放,,即播放器會(huì)在播放完第一個(gè)場(chǎng)景后自動(dòng)播放下一個(gè)場(chǎng)景的內(nèi)容,直至播放完最后一個(gè)場(chǎng)景,。在默認(rèn)情況下,,flash中只有一個(gè)場(chǎng)景。通過(guò)執(zhí)行“窗口”/“其他面板”/“場(chǎng)景”命令,,可以查看場(chǎng)景個(gè)數(shù),,進(jìn)行場(chǎng)景的添加、復(fù)制,、刪除,、順序調(diào)整等操作。要?jiǎng)?chuàng)景第二個(gè)場(chǎng)景,,可以執(zhí)行“插入”/“場(chǎng)景”命令,。提示:

一個(gè)動(dòng)畫文檔無(wú)論有多少個(gè)場(chǎng)景,只能有一個(gè)背景色和一個(gè)幀頻率,。實(shí)訓(xùn)八

四季的故事

四幅圖像相互交替顯示的動(dòng)畫,。

一、將四幅圖像文件導(dǎo)入flash庫(kù),;

二,、將一副圖像拖入默認(rèn)“場(chǎng)景1”的舞臺(tái)中間位置;

三,、在“場(chǎng)景”面板中分別創(chuàng)建“場(chǎng)景2”,、“場(chǎng)景3”、“場(chǎng)景4”,,并且在場(chǎng)景中將“庫(kù)”面板中的圖像拖入舞臺(tái)中間位置,;

四、保存文檔,,按快捷鍵ctrl+enter即可預(yù)覽動(dòng)畫,。

思考與練習(xí)

一、填空題

1,、“時(shí)間軸”面板分為左右兩個(gè)區(qū)域,,左側(cè)為(),右側(cè)為時(shí)間軸控制區(qū)。

2,、flash中的()可以重復(fù)拖入場(chǎng)景中使用,,還可以進(jìn)行任意縮放。

3,、創(chuàng)建一個(gè)常規(guī)的flash動(dòng)畫文件,,默認(rèn)名稱為()。

4,、在默認(rèn)情況下,,舞臺(tái)的寬為()像素,高為()像素,。

5,、模板就是預(yù)先設(shè)置好的特殊的flash文檔,它為flash文檔的最終創(chuàng)建提供一個(gè)(),。

二,、選擇題

1、時(shí)間軸用于組織和控制影片內(nèi)容在一定時(shí)間段播放的()a,層數(shù)和次數(shù)

b,層數(shù)和幀數(shù)

c,次數(shù)和幀數(shù)

d,以上都不對(duì)

2,、默認(rèn)的幀頻為()幀/秒 a,10

b,11

c,12

d,13

3,、使用下面哪種方法新建動(dòng)畫文件時(shí)不能選擇新的文件類型()

a,使用開始頁(yè)新建動(dòng)畫文件時(shí)

b,使用菜單命令新建動(dòng)畫文件時(shí) c,使用按鈕工具新建動(dòng)畫文件時(shí)

d,以上都不對(duì)

4、要臨時(shí)在其他工具和“手形工具”之間切換,,可以按?。ǎ゛,ctrl

b,alt

c,shift

d,空格鍵

三、問(wèn)答題

1,、濾鏡功能只能應(yīng)用于哪些對(duì)象,?

2、按鈕動(dòng)畫中有幾幀,?分別是什么,?

參考答案:

一、填空題

1,、圖層控制區(qū)

2,、元件

3、未命名-1 4,、550 400

5,、基礎(chǔ)框架

二、選擇題

1,、b

2,、c

3、c

4,、d

三,、問(wèn)答題

1,、濾鏡功能只能應(yīng)用于文本、影片剪輯和按鈕,。

2、按鈕動(dòng)畫有4幀,,分別是“彈起”,、“指針經(jīng)過(guò)”、“按下”與“點(diǎn)擊”,。

第二章 繪制圖形

第一講(第二周 2學(xué)時(shí))課題名稱:填充圖形顏色

目的要求:主要介紹了填充圖形顏色的操作,,包括墨水瓶工具、顏料桶工具,、混色器,、填充變形工具和滴管工具的使用方法等。教學(xué)過(guò)程:

使用flash制作動(dòng)畫及圖形對(duì)象時(shí),,需要?jiǎng)?chuàng)建許多動(dòng)畫角色和圖像,。創(chuàng)建這些對(duì)象主要通過(guò)兩種方式來(lái)實(shí)現(xiàn),一種是使用工具箱中的工具進(jìn)行繪制(要求熟練掌握f(shuō)lash提供的繪圖工具,,當(dāng)然還要求設(shè)計(jì)者具有一定的美術(shù)功底),;另一種是直接導(dǎo)入外部圖像文件。

flash提供了許多實(shí)用的圖形繪制工具,,學(xué)習(xí)這些工具的使用方法是全面學(xué)習(xí)flash的基礎(chǔ),。flash的各種圖形繪制工具都被集中放置在“工具箱”中,而“工具箱”就在窗口的左邊鑲嵌著,,它是可以浮動(dòng)的,。當(dāng)將鼠標(biāo)光標(biāo)移至“工具箱”上,按住被拖動(dòng)鼠標(biāo),,將其移至桌面任何地方,,雙擊“工具箱”標(biāo)題欄可將其鑲嵌到窗口左側(cè)。執(zhí)行“窗口”/“工具”命令,,可以打開或隱藏“工具箱”,。“工具箱”分為“工具”,、“查看”,、“顏色”和“選項(xiàng)”4個(gè)區(qū),每個(gè)工具區(qū)中,,包含多個(gè)操作工具,,通過(guò)工具箱中的工具,可以在flash場(chǎng)景中繪制出各種動(dòng)畫對(duì)象,,并且還可以對(duì)它們進(jìn)行編輯和修改,。

一,、輔助工具(參見書21頁(yè)、22頁(yè))

在制作過(guò)程中,,合理地使用輔助工具可以更好地完成設(shè)計(jì)任務(wù),,幫助用戶方便地進(jìn)行操作。

1,、網(wǎng)格

要想精確繪制圖形的每個(gè)部分,,最好的方法是在舞臺(tái)中顯示網(wǎng)格(執(zhí)行“視圖”/“網(wǎng)格”/“顯示網(wǎng)格”命令可顯示或隱藏網(wǎng)格)。還可以根據(jù)需要更改網(wǎng)格的尺寸或者顏色等選項(xiàng)(執(zhí)行“視圖”/“網(wǎng)格”/“編輯網(wǎng)格”命令,,在打開的網(wǎng)格對(duì)話框中,,可以對(duì)網(wǎng)格的顏色、大小,、對(duì)齊網(wǎng)格,、網(wǎng)格精確度等選項(xiàng)進(jìn)行設(shè)定),使其更加符合繪圖要求,。

2,、標(biāo)尺和輔助線

在舞臺(tái)上要想精確地創(chuàng)建圖形的起始點(diǎn)或者是圖形的尺寸,可以在舞臺(tái)中打開標(biāo)尺(執(zhí)行“視圖”/“標(biāo)尺”命令,,可以顯示或隱藏標(biāo)尺,,標(biāo)尺鑲嵌在舞臺(tái)左側(cè)、上側(cè)),,并且通過(guò)標(biāo)尺拖出輔助線(顯示標(biāo)尺后,,使用“選擇”工具,可以從標(biāo)尺上拖曳出“輔助線”),,這是一種非??旖莸姆椒ā?/p>

二,、文本工具(參見書41頁(yè))

創(chuàng)建文本的方法十分簡(jiǎn)單,,只需單擊flash工具箱中的“文本工具”,然后在場(chǎng)景中進(jìn)行拖動(dòng)即可,。使用“文本工具”可以進(jìn)行文本輸入,,配合“屬性”面板,可以對(duì)文字的色彩,、字體,、大小、樣式和對(duì)齊方式等進(jìn)行設(shè)置,。在“文本工具”被激活的狀態(tài)下雙擊文字物體,,可以選取一整行文字。利用flash提供的文本工具可以輸入“靜態(tài)文本”,、“動(dòng)態(tài)文本”和“輸入文本”,。

靜態(tài)文本包括可擴(kuò)展文本塊(標(biāo)簽文本框)和固定文本塊(區(qū)塊文本框),。創(chuàng)建可擴(kuò)展文本塊的操作步驟如下:先單擊繪圖工具箱中的文本工具按鈕,在屬性面板中設(shè)置字體的大小,、顏色,、間距等參數(shù),;然后將光標(biāo)移動(dòng)到場(chǎng)景中,,當(dāng)光標(biāo)變成右下角帶有a的十字形狀時(shí),在場(chǎng)景中單擊鼠標(biāo),,就會(huì)出現(xiàn)一個(gè)右上角帶有小圓圈的矩形框,,稱為“標(biāo)簽文本框”,并且在矩形框內(nèi)有一個(gè)閃動(dòng)的插入點(diǎn),;標(biāo)簽文本框會(huì)隨著文本的長(zhǎng)短自動(dòng)調(diào)整寬度,,按enter鍵可進(jìn)行換行。

創(chuàng)建固定文本塊的操作步驟如下:選擇“文本工具”,,按住鼠標(biāo)左鍵不放在舞臺(tái)上向右拖動(dòng)光標(biāo),,可繪制單行的文本框,文本框右上角是一個(gè)小方塊,,該文本框稱為“區(qū)塊文本框”,,文本輸入至文本框的邊緣時(shí)會(huì)自動(dòng)換行。

“標(biāo)簽文本框”與“區(qū)塊文本框”是可以相互轉(zhuǎn)換的,。拖曳“標(biāo)簽文本框”右上角的小圓圈,可以使“標(biāo)簽文本框”轉(zhuǎn)換為“區(qū)塊文本框”,;雙擊“區(qū)塊文本框”右上角的小方塊,可以使“區(qū)塊文本框”轉(zhuǎn)換為“標(biāo)簽文本框”,。

三,、將文本轉(zhuǎn)換為圖形(補(bǔ)充)

在flash中,,將文本轉(zhuǎn)換為圖形是非常重要的,。如果想讓文字也具有動(dòng)感,,像處理圖形那樣簡(jiǎn)捷方便,必須將文本轉(zhuǎn)換為圖形后,,才能制作出一些動(dòng)態(tài)效果,例如文字的漸變,、淡入、淡出等,。

將文本轉(zhuǎn)換為圖形的方法是:首先選中要轉(zhuǎn)換的文本,,該文本必須是整個(gè)文本框,然后執(zhí)行“修改”/“分離”命令,,即可將文本進(jìn)行分離。如果是兩個(gè)或者兩個(gè)以上的字符,,則執(zhí)行兩次該操作,。當(dāng)文本被分離后,,就變成了圖形,。

四,、顏料桶工具(參見書47頁(yè))

在“顏色”工具中單擊“填充色”工具按鈕,,隨即彈出“選色板”,,光標(biāo)轉(zhuǎn)換為吸管樣式,在調(diào)色板中選擇適當(dāng)色彩單擊,,用“顏料桶”工具在圖形上單擊就可為圖形填充該顏色了。在調(diào)色板下方,,有一組漸變色填充可供選擇,包括“線性”漸變色,、“放射狀”漸變色和“彩虹色”漸變色等。填充漸變色時(shí),,光標(biāo)單擊不同的位置,,會(huì)有不同的填充效果,,凡高光處,均為光標(biāo)點(diǎn)擊位置,。漸變色是由起始顏色和目標(biāo)顏色決定的。實(shí)例一

番茄

五,、墨水瓶工具(參見書46頁(yè))

“墨水瓶工具”可以給選定的矢量圖形添加邊線,,還可以修改線條或形狀輪廓的筆觸顏色,、寬度和樣式,,該工具沒有輔助選項(xiàng)?!澳抗ぞ摺辈荒芨淖儓D像的填充色,。設(shè)置好線條的屬性后,,在要添加邊線的圖形上單擊,,即可為圖形增加邊線;如果用鼠標(biāo)單擊一個(gè)已有輪廓線的圖形,,則墨水瓶的屬性將替換該輪廓線的屬性,。實(shí)例二

烏龜 實(shí)例三

椰汁樹

六,、滴管工具(參見書53頁(yè))“滴管工具”的作用是拾取工作區(qū)中已經(jīng)存在的顏色及樣式屬性,,并將其應(yīng)用于其他對(duì)象中,。該工具沒有輔助選項(xiàng),,使用簡(jiǎn)單,,只要將滴管移動(dòng)到需要取色的線條或圖形中單擊即可。實(shí)例四

吸取色塊顏色 實(shí)例五

吸取線條屬性 實(shí)例六

吸取位圖屬性 實(shí)例七

吸取文字屬性 綜合實(shí)例

漸變文字

在flash中可以制作出多種色彩漸變文字效果,,其制作方法較為簡(jiǎn)單,,使用“文本工具”輸入內(nèi)容之后,,需要結(jié)合flash中的分離命令將其打散,然后使用“顏色”面板對(duì)文字進(jìn)行漸變色彩設(shè)置,。

一,、執(zhí)行“文件”/“新建”命令,,并執(zhí)行“修改”/“文檔”命令,修改“文檔屬性”,,設(shè)置尺寸為寬661像素,、高496像素,。

二,、選擇“文本工具”,在“屬性”面板中進(jìn)行字體,、字號(hào)(60),、顏色等屬性設(shè)置,,在場(chǎng)景中輸入靜態(tài)文本。

三,、選擇“選擇工具”,,將文本選中,,執(zhí)行“修改”/“分離”,,將文本拆分為單個(gè)的文字,,再次執(zhí)行“修改”/“分離”,,將單個(gè)文字分離,。

四,、當(dāng)分離的文本被選中時(shí),,在“顏色”工具中單擊“填充色”,,選擇彩虹漸變顏色,,這時(shí)每一個(gè)獨(dú)立區(qū)域是一個(gè)完整的彩虹漸變顏色,。(注意:如果用戶在文字沒有被選中的狀態(tài)下進(jìn)行了顏色設(shè)置,,那么使用設(shè)置后的顏色對(duì)其填充時(shí),需要選擇“顏料桶工具”分別單擊文字以完成顏色的改變,。)

五,、為了使文字突出,,對(duì)漸變文字添加白色邊框。

六、選擇“選擇工具”,,將文字對(duì)象選中,,執(zhí)行“修改”/“組合”命令,。

七、執(zhí)行“文件”/“導(dǎo)入”/ “導(dǎo)入到舞臺(tái)”命令,,將準(zhǔn)備的素材圖片導(dǎo)入場(chǎng)景,。右擊鼠標(biāo),,執(zhí)行“排列”/“下移一層”命令,,然后調(diào)整漸變文字的位置。

八,、按快捷鍵ctrl+enter測(cè)試影片,。

第二章 繪制圖形

第二講(第三周 2學(xué)時(shí))課題名稱:繪制基本圖形

目的要求:主要介紹了繪制基本圖形的操作,包括繪制線條,、繪制簡(jiǎn)單圖形,。教學(xué)過(guò)程:

七,、線條工具(參見書30頁(yè))

線條是組成矢量圖形最基本的單位,,任何圖形都是由線條組成的,。“線條工具”用來(lái)繪制各種角度的直線,,其筆觸格式的調(diào)整可以在“屬性”面板中完成。黑白:?jiǎn)螕粼摪粹o可設(shè)置筆觸顏色為黑色,,填充色為白色; 交換顏色:?jiǎn)螕粼摪粹o可交換筆觸顏色和填充色,; “寬”和“高”:設(shè)置直線的長(zhǎng)度,; “x”和“y”:設(shè)置直線在場(chǎng)景中的位置,。(對(duì)象在場(chǎng)景中的位置是以場(chǎng)景的左上角為原點(diǎn)的)

在繪制直線時(shí)按住shift鍵,,可以繪制出水平,、垂直或與水平方向成45度角的線段,。

八,、鉛筆工具(參見書32頁(yè))

“鉛筆工具”用以繪制簡(jiǎn)單的矢量圖形,、運(yùn)動(dòng)路徑等,,繪畫方式與使用真實(shí)鉛筆大致相同,。當(dāng)單擊“鉛筆工具”時(shí),,在“工具箱”的選項(xiàng)區(qū)域中會(huì)出現(xiàn)“鉛筆工具”的輔助選項(xiàng),單擊該按鈕,,可以彈出下拉菜單,,其中包括3中繪圖模式:伸直(選擇該模式,,只要勾勒出圖形的大致輪廓,,flash會(huì)自動(dòng)將圖形轉(zhuǎn)化成接近的規(guī)則圖形,,主要用來(lái)繪制一些規(guī)則且菱角分明的三角形,、矩形和多邊形等幾何圖形),、平滑(選擇該模式,達(dá)到圓弧效果,,使線條更加光滑,,主要用來(lái)繪制水果,、人物等邊緣圓滑的圖形)、墨水(選擇該模式,,完全保留徒手繪制的曲線模式,不加任何更改),。

在使用鉛筆工具時(shí),,按住shift鍵,,只能繪制出水平,、垂直方向上的直線,而不能繪制成45度角的線段,。

九,、橢圓工具(參見書35頁(yè))

在flash中,,可以使用“橢圓工具”繪制正圓和橢圓圖形,,方法是:在工具箱中單擊“橢圓工具”按鈕,然后在“屬性”面板中設(shè)置圖形的填充顏色,、筆觸顏色、筆觸高度和筆觸樣式,,設(shè)置完畢后,,在場(chǎng)景中單擊并拖動(dòng)鼠標(biāo),即可繪制橢圓圖形,。

在使用橢圓工具繪制圖形時(shí),同時(shí)按住shift鍵進(jìn)行繪制,,可以將形狀限制為圓形,。如果同時(shí)按住shift和alt鍵繪制圖形,,可以從中心繪制圓形。

實(shí)例八

繪制一個(gè)筆觸顏色為紅色,、填充色為粉紅色(#ffcccc),筆觸高度為10,,筆觸樣式為實(shí)線的橢圓。

十,、矩形工具(參見書36頁(yè))

主要用來(lái)繪制矩形和正方形,,還可以繪制圓角矩形。注意:“邊角半徑”文本框中,,輸入的值越小,,圓角的弧度越小,,反之則越大。實(shí)例九

繪制一個(gè)筆觸顏色為黃色,、填充色為橙紅色(#ff9900),,筆觸高度和筆觸樣式保持默認(rèn)的圓角矩形(邊角半徑為10),。

十一,、多角星形工具(參見書37頁(yè))用鼠標(biāo)左鍵按住矩形工具不放,在彈出的菜單中選擇多角星形工具,。使用該工具在場(chǎng)景中繪制多邊形和星形,。在“屬性”面板中單擊“選項(xiàng)”按鈕,,彈出“工具設(shè)置”對(duì)話框,在“樣式”下拉列表中,,可以選擇多邊形或者星形樣式,,在“邊數(shù)”文本框中,,輸入多邊形或者星形的邊數(shù),。

注意:星形的頂點(diǎn)大小越小,星形向內(nèi)收縮越多,。

實(shí)例十

繪制一個(gè)五邊形和五角星形(筆觸顏色為黃色,,填充色為橙紅色,,筆觸高度為5,,筆觸樣式為實(shí)線)。

實(shí)例十一

繪制兩個(gè)五角星,,設(shè)置星形頂點(diǎn)大小分別為1和0.2

十二,、填充變形工具(參見書51頁(yè))

在flash中,可以使用“填充變形工具”來(lái)調(diào)整填充的大小,、方向,、中心以及變形漸變填充和位圖填充(位圖填充周圍的矩形比漸變填充多了傾斜控制柄和比例縮放控制柄),。漸變填充分為線性漸變填充和放射狀漸變填充兩種。如果使用放射狀漸變填充色對(duì)圖形進(jìn)行填充,,在填充區(qū)域會(huì)出現(xiàn)4個(gè)圓形或方形手柄:寬度控制,、大小控制,、旋轉(zhuǎn)控制、中心點(diǎn),;使用線性漸變填充會(huì)出現(xiàn)3個(gè)圓形或方形手柄:旋轉(zhuǎn)控制,、寬度控制,、中心點(diǎn),。

十三,、flash繪制圖形技巧(補(bǔ)充)

在flash中,,使用繪圖工具繪制的圖形為矢量圖形,,它們主要由填充顏色的色塊和由多個(gè)點(diǎn)構(gòu)成的圖形輪廓或曲線兩部分組成,。在flash中繪制圖形,,主要有兩種方式:合并繪制圖形(貼緊至對(duì)象)和對(duì)象繪制圖形,。

默認(rèn)情況下,,在flash的同一圖層上,,重疊進(jìn)行繪圖或填充顏色,,所繪制的圖形對(duì)象會(huì)自動(dòng)合并,對(duì)圖形進(jìn)行編輯會(huì)影響到同一層的其他形狀,。例如,繪制一個(gè)圓形,,并在其上疊加一個(gè)較小的圓形,,然后選擇第二個(gè)圓形并進(jìn)行移動(dòng),,則會(huì)刪除第一個(gè)圓形中與第二個(gè)圓形重疊的部分,。

使用“對(duì)象繪制”方式繪制圖形時(shí),,可以將多個(gè)圖形繪制成獨(dú)立的對(duì)象,這些對(duì)象在疊加時(shí)不會(huì)自動(dòng)合并,,這樣在分離或重新排列圖形外觀時(shí),,可以使圖形重疊而不改變其外觀,而且可以對(duì)每一個(gè)圖形對(duì)象分別進(jìn)行處理,。要使用這種繪圖方式,需要在啟用繪圖工具之后,,在工具箱的選項(xiàng)區(qū)中單擊“對(duì)象繪制”按鈕,同時(shí),,對(duì)于繪制的圖形來(lái)講,,flash會(huì)在該圖形周圍添加矩形邊框。

只有在使用鉛筆,、線條、鋼筆,、刷子,、橢圓、矩形和多邊形工具時(shí),,才能啟用“對(duì)象繪制”功能,當(dāng)“對(duì)象繪制”功能被激活時(shí),,按快捷鍵j可以在“合并繪制”與“對(duì)象繪制”之間切換。

用戶可以將“合并繪制”方式繪制的圖形裝換為“對(duì)象繪制”方式下的圖形對(duì)象,,方法是,,選擇“合并繪制”方式創(chuàng)建的圖形對(duì)象,然后執(zhí)行“修改”/“合并對(duì)象”/“聯(lián)合”命令,,所選圖形即可被轉(zhuǎn)化。

綜合實(shí)訓(xùn)

繪制qq笑臉表情

制作一個(gè)qq笑臉表情,,練習(xí)形狀的繪制、顏色的漸變,、調(diào)色板等基本工具,。

一,、新建文檔,并以“對(duì)象繪制”方式創(chuàng)建一個(gè)正圓對(duì)象(設(shè)置筆觸顏色為黑色,、筆觸高度為

5,、筆觸樣式為實(shí)線)。

二,、使用“選擇工具”,,選中正圓,,在“混色器”面板的“類型”下拉列表框中選擇“放射狀”選項(xiàng),,設(shè)置顏色(【253,,233,,155】,、alpha:50%),,(【253,,235,、102】、alpha:80%),,(【249,190,,61】,、alpha:100%),(【249,,190,,61】,alpha:100%),。(要向漸變中添加指針,單擊漸變定義欄即可,,最多可以添加15個(gè)顏色指針。要重新放置漸變定義欄上的指針,,可以沿著漸變定義欄拖動(dòng)指針。要?jiǎng)h除指針,,可以將指針向下拖離漸變定義欄,;如果alpha值為0%,,則創(chuàng)建的填充不可見,,即透明,如果alpha值為100%,,則創(chuàng)建的填充不透明)

三,、使用“填充變形工具”選擇正圓,,調(diào)整正圓的高光位置,。

四,、選擇“橢圓工具”,,設(shè)置填充顏色為黑色,,禁用筆觸顏色,,繪制橢圓作為qq的左眼,;使用“選擇工具”,,選擇左眼,,按住ctrl鍵,向右拖動(dòng)鼠標(biāo)進(jìn)行復(fù)制,。

五、使用“任意變形工具”,,選擇“左眼”,,將鼠標(biāo)放置于右上角的控制節(jié)點(diǎn)并逆時(shí)針旋轉(zhuǎn)。

六、繪制兩橢圓對(duì)象,,并將其中的一個(gè)橢圓與另一橢圓的上半部分重疊,;使用“選擇工具”將其同時(shí)選中,將其打散,;選擇上面的橢圓,,按delete鍵得到嘴巴形狀。

思考與練習(xí)

一,、填空題

1、“對(duì)象繪制”允許將圖形繪制成(),,而且在疊加時(shí)不會(huì)自動(dòng)合并,。

2、漸變色是由起始顏色和()顏色決定的,。

3,、“墨水瓶工具”不能改變圖形的(),。

4,、在flash中,,可以使用()來(lái)調(diào)整對(duì)象填充的大小、方向,、中心以及變形漸變填充和位圖填充,。

二,、選擇題

1、下列有關(guān)編輯圖形的說(shuō)法不正確的是()

a,縮放

b,旋轉(zhuǎn)

c,導(dǎo)入

d,對(duì)齊

2,、下面不能同時(shí)繪制填充和筆觸的工具是()

a,橢圓工具

b,矩形工具

c,鋼筆工具

d,刷子工具

3,、“對(duì)象繪制”支持的工具有()

a,鉛筆、線條,、任意變形,、刷子、橢圓,、矩形和多邊形工具 b,鉛筆,、線條、鋼筆,、刷子,、顏料桶、矩形和多邊形工具 c,鉛筆,、線條,、鋼筆、刷子,、橢圓,、矩形和墨水瓶工具 d,鉛筆、線條,、鋼筆,、刷子、橢圓,、矩形和多邊形工具

4,、單擊工具箱中的“刷子工具”,,在選項(xiàng)區(qū)域中會(huì)出現(xiàn)輔助按鈕,其中“刷子模式”選項(xiàng)不包含()模式

a,藝術(shù)繪畫

b,標(biāo)準(zhǔn)模式

c,顏料填充,、后面繪畫

d,顏料選擇,、內(nèi)部繪畫

三、問(wèn)答題

1,、概述將文字轉(zhuǎn)換為圖形的簡(jiǎn)單步驟,。

參考答案

一、填空題

1,、獨(dú)立的對(duì)象

2,、目標(biāo)顏色

3、填充色

4,、填充變形工具

二,、選擇題

1、c

2,、cd

3,、d

4、a

三,、問(wèn)答題

將文本轉(zhuǎn)換為圖形的方法是:首先選中要轉(zhuǎn)換的文本,,該文本必須是整個(gè)文本框,然后執(zhí)行“修改”/“分離”命令,,即可將文本進(jìn)行分離,。如果是兩個(gè)或者兩個(gè)以上的字符,則執(zhí)行兩次該操作,。當(dāng)文本被分離后,,就變成了圖形。

第二章

編輯圖形

第一講(第三周 2學(xué)時(shí))課題名稱:編輯對(duì)象

目的要求:主要介紹編輯對(duì)象的操作,,包括選擇工具的使用,、改變對(duì)象的形狀、群組和打散對(duì)象,、對(duì)齊對(duì)象和合并對(duì)象的操作方法,。教學(xué)過(guò)程:

在flash中,利用繪圖工具創(chuàng)建的對(duì)象,,多數(shù)情況下并不能完全達(dá)到理想的效果,,而且僅僅使用繪圖工具來(lái)創(chuàng)建對(duì)象,操作起來(lái)相當(dāng)繁瑣,。利用變形,、縮放、旋轉(zhuǎn),、排列,、對(duì)齊等編輯工具,,進(jìn)一步編輯和調(diào)整圖形對(duì)象,可以方便,、快捷地得到精美的效果,。

一、對(duì)齊面板(參見書66頁(yè))

對(duì)齊面板可以調(diào)整選定對(duì)象的對(duì)齊(左對(duì)齊,、水平中齊,、右對(duì)齊、上對(duì)齊,、垂直中齊和底對(duì)齊)和分布方式,。單擊“相對(duì)于舞臺(tái)”按鈕后,可以選定對(duì)象相對(duì)于舞臺(tái)進(jìn)行對(duì)齊和分布,。

二,、變形面板(參見書64頁(yè))

變形面板可以對(duì)選定對(duì)象執(zhí)行縮放、旋轉(zhuǎn),、傾斜和創(chuàng)建副本的操作。變形面板分為三個(gè)區(qū)域:最上面的是縮放區(qū),,可以輸入“垂直”和“水平”縮放的百分比值,,選中“約束”復(fù)選框,可以使對(duì)象按原來(lái)的長(zhǎng)寬比例進(jìn)行縮放,;中間區(qū)域是旋轉(zhuǎn)單選框,,選中它后可以輸入旋轉(zhuǎn)角度,使對(duì)象旋轉(zhuǎn),;最下面的是傾斜單選框,,選中它后可通過(guò)輸入“水平”和“垂直”角度來(lái)傾斜對(duì)象;單擊面板下方的“復(fù)制并應(yīng)用變形”按鈕,,可執(zhí)行變形操作并且復(fù)制對(duì)象的副本,;單擊“重置”,可恢復(fù)至上一步的變形操作,。實(shí)例一

繪制圖形

一,、使用橢圓工具繪制一個(gè)正圓形;選中圖形輪廓線,,按下delete鍵將其刪除,,并為其填充放射狀漸變色。

二,、選擇這個(gè)填充圖形,,執(zhí)行“修改”/“組合”命令,將圖形結(jié)合在一起,。(繪制的圖形為散點(diǎn)狀構(gòu)成,,沒有上下層關(guān)系,,填充色相同的圖形相互疊壓時(shí)會(huì)相互粘連,填充色不同的圖形相互疊壓時(shí)會(huì)相互剪切,,如果需要進(jìn)行上下排列時(shí),,應(yīng)將繪制的圖形首先執(zhí)行“修改”/“組合”命令。)

三,、選擇這個(gè)組合后的圖形,,將該圖形復(fù)制兩個(gè),將其中一個(gè)圖形進(jìn)行等比例放大,,另一個(gè)圖形進(jìn)行等比例縮小,。

四、選擇最小的圖形,,執(zhí)行“修改”/“排列”/“移至頂層”命令,,將其置于最上層;選擇最大的圖形,,執(zhí)行“修改”/“排列”/“移至底層”命令,,將其置于最下一層。

五,、圈選舞臺(tái)上已排列好上下關(guān)系的3個(gè)圖形,,分別按下“垂直中齊”、“水平中齊”按鈕,。

三,、任意變形工具(參見書63頁(yè))

“任意變形”工具結(jié)合了旋轉(zhuǎn)與傾斜、縮放,、扭曲和封套多種功能,,可用于編輯各種物體。

使用“封套”功能修改形狀允許彎曲或扭曲對(duì)象,。封套是一個(gè)邊框,,其中包含一個(gè)或多個(gè)對(duì)象,當(dāng)用戶通過(guò)調(diào)整封套的點(diǎn)和切線手柄來(lái)編輯封套形狀時(shí),,該封套內(nèi)對(duì)象的形狀也將受到影響,。

許多物體都不能直接用于“扭曲”變化和“封套”變化,必須通過(guò)“修改”/“取消組合”命令或“修改”/“分離”命令,,使之成為打散的圖形后,,才可以進(jìn)行扭曲和封套變化。實(shí)例二

繪制卡通風(fēng)車

繪制卡通風(fēng)車,,主要使用“矩形工具”,、“選擇工具”繪制風(fēng)車的一片扇葉形狀,通過(guò)“復(fù)制并應(yīng)用變形”命令快速?gòu)?fù)制并旋轉(zhuǎn)對(duì)象,,創(chuàng)建出風(fēng)車對(duì)象,。在此基礎(chǔ)上使用“任意變形工具”,,結(jié)合“組合”、“排列”命令對(duì)風(fēng)車添加眼睛和嘴巴,。

一,、新建文檔(尺寸為550*800,背景顏色為#ff6600),,繪制一個(gè)寬和高均為214像素的黑色無(wú)邊框正圓,。

二、選擇“選擇工具”,,雙擊正圓,,進(jìn)入該對(duì)象工作區(qū),使正圓處于被選擇狀態(tài),,然后在“混色器”面板中設(shè)置漸變顏色(【255,,0,255】,、【255,,0,255】,、【255,,153,255】,、【255,255,,255】)進(jìn)行填充,。

三、切換至“場(chǎng)景1”,,選擇“矩形工具”,,繪制大小為51*147的矩形,顏色為#66cc99,;按下shift鍵,,將矩形與正圓同時(shí)選中,單擊“水平中齊”按鈕,,使其相對(duì)于正圓水平中齊,。

四、使用“任意變形工具”選擇矩形,,將中心控制點(diǎn)拖動(dòng)至正圓的中心位置,,進(jìn)入矩形的“繪制對(duì)象”工作區(qū),調(diào)整其形狀,。

五,、切換至“場(chǎng)景1”,,使用“選擇工具”選擇矩形,設(shè)置“旋轉(zhuǎn)”數(shù)值(18),,然后單擊“復(fù)制并應(yīng)用”按鈕多次,。

六、使用“選擇工具”選擇圓形,,右擊鼠標(biāo),,執(zhí)行“排列”/“移至頂層”命令;按下shift鍵將風(fēng)車扇葉全部選中,,將其組合,。

七、為風(fēng)車添加眼睛,、嘴巴和手柄,。

第三章

編輯圖形

第一講(第四周 2學(xué)時(shí))課題名稱:編輯對(duì)象

目的要求:主要介紹編輯對(duì)象的操作,包括選擇工具的使用,、改變對(duì)象的形狀,、群組和打散對(duì)象、對(duì)齊對(duì)象和合并對(duì)象的操作方法,。教學(xué)過(guò)程:

四,、將線條轉(zhuǎn)換為填充(補(bǔ)充)

選擇一條或多條線,執(zhí)行“修改”/“形狀”/“將線條轉(zhuǎn)換為填充”命令,,這樣就可以使用漸變來(lái)填充線條,。

五、擴(kuò)展填充(補(bǔ)充)

選擇一個(gè)填充形狀,,執(zhí)行“修改”/“形狀”/“擴(kuò)展填充”命令,,并設(shè)置“擴(kuò)展填充”中的距離數(shù)值以及方向?!皵U(kuò)展”可以放大形狀,,而“插入”則縮小形狀。

六,、柔化填充邊緣(補(bǔ)充)

選擇一個(gè)填充形狀,,執(zhí)行“修改”/“形狀”/“柔化填充邊緣”命令,并設(shè)置“柔化填充邊緣”對(duì)話框中各選項(xiàng),?!熬嚯x”指柔邊的寬度,“步驟數(shù)”指控制用于柔邊效果的曲線數(shù)(使用的步驟數(shù)越多,,效果就越平滑,,增加步驟數(shù)會(huì)使文件變大并降低速度)。實(shí)例三

制作郵票 結(jié)合“矩形工具”、“選擇工具”,,通過(guò)自定義線條形狀,,使用“將線條轉(zhuǎn)換為填充”命令以及復(fù)制、原位粘貼等命令制作出郵票的鋸齒形狀,。

一,、新建文檔(600*450);將素材導(dǎo)入到舞臺(tái)中央,。

二,、在圖層1下方新建圖層2,然后選擇“矩形工具”繪制比圖像四周略大的矩形(586*430,,紅色邊框,,填充顏色為白色);然后在“屬性”面板中單擊“自定義”按鈕,,并設(shè)置參數(shù)(粗細(xì):18,,類型:點(diǎn)狀線,點(diǎn)距:9),。

三,、對(duì)繪制的矩形執(zhí)行分離操作。

四,、在矩形邊框處于被選中狀態(tài)時(shí),,執(zhí)行“修改”/“形狀”/“將線條轉(zhuǎn)換為填充”命令;使用“選擇工具”選擇 場(chǎng)景中的白色矩形,,將其剪切,;選擇圖層2,將第1幀刪除,,并插入關(guān)鍵幀,,將剪切的圖像粘貼至原位。

思考與練習(xí)

一,、填空題

1、使用“任意變形工具”選擇對(duì)象時(shí)會(huì)出現(xiàn)()個(gè)控制句柄,。

2,、“變形”面板在設(shè)置對(duì)象的寬與高的百分比值時(shí),如果百分比值的數(shù)值大于(),,那么對(duì)象就放大,。

3、在場(chǎng)景中選擇要組合的對(duì)象,,可以按快捷鍵()進(jìn)行組合,。

4、在使用“變形”面板縮放、旋轉(zhuǎn)和傾斜實(shí)例,、組以及字體時(shí),,可以通過(guò)該面板中的()按鈕,將變形的對(duì)象還原到設(shè)置前的狀態(tài),。

二,、選擇題

1、旋轉(zhuǎn)對(duì)象可以用()面板設(shè)置,。a,對(duì)齊

b,變形

c,信息

d,屬性

2,、下面哪個(gè)時(shí)打開“變形”面板的快捷鍵()a,ctrl+j

b,ctrl+r

c,ctrl+t

d,ctrl+g

3、下面哪個(gè)選項(xiàng)不屬于貼緊功能的內(nèi)容()a,使用對(duì)象貼緊功能

b,使用像素貼緊功能 c,使用貼緊對(duì)齊功能

d,相對(duì)于舞臺(tái)中心對(duì)齊

4,、在flash中鎖定對(duì)象的組合鍵是()

a,ctrl+s

b,ctrl+alt+b

c,ctrl+alt+l

d,ctrl+alt+shift+l

三,、問(wèn)答題

1、簡(jiǎn)述將線條轉(zhuǎn)換為填充的作用與方法,。

參考答案

一,、填空題 1、8 2,、100%

3,、ctrl+g

4、重置

二,、選擇題

1,、b

2、c

3,、d

4,、b

第四章

應(yīng)用圖層

第一講(第五周 2學(xué)時(shí))課題名稱:圖層的操作

目的要求:主要介紹圖層的操作,包括圖層的分類,、圖層的操作,、制作遮罩動(dòng)畫等。教學(xué)過(guò)程:

在flash文檔中,,可以導(dǎo)入其他應(yīng)用程序中創(chuàng)建的各種矢量圖形和位圖圖像,,方便用戶在不同軟件之間進(jìn)行操作。靈活應(yīng)用圖層,,不僅能夠更好地組織和管理層,,而且可以輕松地制作出動(dòng)感豐富、效果精彩的flash影片,。

一,、圖層概述(參見書76頁(yè))圖層類似于一張透明的薄紙,每張紙上繪制著一些圖形或文字,,而一副作品就是由許多張這樣的薄紙疊合在一起而形成的,。它可以幫助用戶組織文檔中的插圖,可以在圖層上繪制和編輯對(duì)象,而不影響其他圖層上的對(duì)象(圖層具有獨(dú)立性),。flash中的圖層內(nèi)容有: ? 一般圖層:默認(rèn)情況下新建一個(gè)flash文檔后只有一個(gè)普通圖層,。? 遮罩層、被遮罩層:在遮罩層中創(chuàng)建的對(duì)象具有透明效果,,被遮罩層中相同位置的內(nèi)容將顯示出現(xiàn),,其他部分則被遮住。? 引導(dǎo)層,、被引導(dǎo)層:引導(dǎo)層引導(dǎo)下面圖層中的對(duì)象按著本層繪制的路徑運(yùn)動(dòng),,但不會(huì)出現(xiàn)在作品的最終效果中。

注意:flash中的圖層分為普通圖層,、引導(dǎo)層和遮罩層3種,。

二、層的基本使用(參見書77頁(yè)~82頁(yè))層控制區(qū)在時(shí)間軸的左邊,,是時(shí)間軸的一部分,;

選擇圖層是對(duì)圖層進(jìn)行各種操作的基礎(chǔ),被選擇的圖層叫做當(dāng)前圖層,; 單擊層控制區(qū)左下方的“插入圖層”按鈕,,即可獲得一個(gè)新層,新層會(huì)排列在所選層的上方,; 雙擊圖層的圖層名,,將進(jìn)入可編輯狀態(tài),在文本框中輸入新名字,,按下回車鍵確認(rèn),,即可重命名圖層;

選中需要?jiǎng)h除的層,,再單擊層控制區(qū)右下角的刪除圖層按鈕,,該層即被刪除; 將光標(biāo)置于某層上,,按住鼠標(biāo)左鍵不放并上下拖動(dòng)層,,可調(diào)整層之間的上下順序。在層控制區(qū)右上方有“隱藏或顯示圖層”按鈕,、“鎖定或解除鎖定圖層”按鈕,、“輪廓顯示圖層”按鈕;

三,、遮罩層(參見書123頁(yè))

在flash中,使用遮罩層可以創(chuàng)建一些特殊的動(dòng)畫效果,,如百葉窗,、聚光燈等。遮罩動(dòng)畫由遮罩層和被遮罩層組成,。在創(chuàng)建時(shí),,使用遮罩層創(chuàng)建一個(gè)孔,,通過(guò)這個(gè)孔可以看到遮罩層下面的內(nèi)容,。其中,,遮罩項(xiàng)目可以是填充的形狀,、文字對(duì)象,、圖形元件的實(shí)例或影片剪輯,。遮罩層的特點(diǎn):(補(bǔ)充)? “遮罩層”是功能性圖層,,用來(lái)制造動(dòng)畫特效,; ? “遮罩層”下方必須要有“被遮罩層”,“遮罩層”才能起作用,; ? 在“遮罩層”中圖形的色彩無(wú)意義,,圖形的填充形狀有意義; ? “遮罩層”中的填充形狀為透空狀態(tài),,“被遮罩層”中的內(nèi)容在透空范圍內(nèi)可見,,在透空范圍以外則被遮蓋; ? 動(dòng)畫測(cè)試時(shí)和發(fā)布后,,“遮罩層”中的圖形不可見,; ? 至少有一個(gè)層有動(dòng)畫效果,“遮罩層”才能發(fā)揮作用,,才有存在的意義,。創(chuàng)建遮罩層的步驟: ? 選擇或創(chuàng)建一個(gè)層作為被遮罩層,在該層中應(yīng)包含將出現(xiàn)在遮罩中的對(duì)象,; ? 在被遮罩層上面新建圖層2,,該圖層將作為遮罩層,然后在該層上創(chuàng)建填充形狀,、文字或元件的實(shí)例,; ? 在“時(shí)間軸”面板中右擊圖層2,執(zhí)行“遮罩層”命令,,該層將轉(zhuǎn)換為遮罩層,。? 遮罩層和被遮罩層自動(dòng)鎖定,遮罩動(dòng)畫創(chuàng)建完成,。實(shí)例一

遮罩層的創(chuàng)建

一,、建立新文檔,插入圖層2,。

二,、在圖層2上單擊鼠標(biāo)右鍵,執(zhí)行“遮罩層”命令(兩個(gè)層的圖標(biāo)和編輯狀態(tài)都發(fā)生了變化,,圖層2為遮罩層,,圖層1為被遮罩層,,圖層1的圖標(biāo)和名稱向后縮進(jìn);兩個(gè)層均為鎖定編輯狀態(tài),,為了繼續(xù)編輯,,單擊鎖定所有圖層按鈕,即可將兩個(gè)層全部解除鎖定),。

三,、單擊圖層1的第1幀,在舞臺(tái)上輸入文字,,并將文本框移至舞臺(tái)左側(cè),。

四、在圖層1的第1幀上單擊鼠標(biāo)右鍵,,執(zhí)行“創(chuàng)建補(bǔ)間動(dòng)畫”命令,;再在第40幀上單擊鼠標(biāo)右鍵,執(zhí)行“插入關(guān)鍵幀”命令,,然后單擊舞臺(tái)上的文本框,,將其移至舞臺(tái)右側(cè)。

五,、單擊圖層2的第1幀,,在舞臺(tái)上繪制橢圓形,刪除輪廓線,,將其對(duì)齊到舞臺(tái)中心,;右擊圖層2的第40幀,執(zhí)行“插入幀”命令,。

六,、在舞臺(tái)上可播放帶有遮罩效果的動(dòng)畫;在文本框移動(dòng)到橢圓形范圍內(nèi)時(shí),,文本內(nèi)容才可見,。

第0幀

第25幀 實(shí)例二

文字電影序幕效果

利用遮罩動(dòng)畫技術(shù)來(lái)實(shí)現(xiàn)文字的電影序幕效果。

一,、新建文檔,,在圖層1輸入一段文字,做由下至上的運(yùn)動(dòng)(在第100幀,,插入關(guān)鍵幀,,并創(chuàng)建補(bǔ)間動(dòng)畫)。

二,、新建圖層2,,在圖層2繪制一個(gè)矩形。

三,、以圖層2作為圖層1的遮罩,。

第0幀

第50幀 實(shí)例三

探照燈

一,、建立新文檔,插入圖層,。

二、在圖層2上單擊鼠標(biāo)右鍵,,執(zhí)行“遮罩層”命令,。

三、單擊圖層1的第1幀,,在舞臺(tái)上輸入一大段文字,,并在第80幀上單擊鼠標(biāo)右鍵,執(zhí)行“插入幀”命令,。

四,、單擊圖層2的第1幀,在舞臺(tái)上繪制正圓形,;并單擊鼠標(biāo)右鍵,,執(zhí)行“創(chuàng)建補(bǔ)間動(dòng)畫”命令;在圖層2的20,、40,、60、80幀上分別插入關(guān)鍵幀,,并移動(dòng)到不同的位置,;

五、單擊“鎖定所有圖層”按鈕,,將兩個(gè)層同時(shí)鎖定,,在舞臺(tái)上播放動(dòng)畫,查看效果,。

第20幀

第40幀 實(shí)例四

萬(wàn)花筒(參見書124頁(yè))

一,、新建文檔(400*400),導(dǎo)入素材,,將其打散,;并將圖片四周的白色區(qū)域刪除,進(jìn)行組合,。

二,、將修改過(guò)的圖片轉(zhuǎn)換為圖形元件。

三,、新建一個(gè)影片剪輯元件,,將圖片元件拖入到場(chǎng)景中央。

四,、在圖層1上新建圖層2,,繪制一個(gè)無(wú)邊框的圓,,位于場(chǎng)景中央,并將其打散,。

五,、單擊線條工具,在圓的中央畫一條直線,,使用任意變形工具,,移動(dòng)旋轉(zhuǎn)中心點(diǎn),在變形面板的旋轉(zhuǎn)文本框中輸入45度,,單擊復(fù)制并應(yīng)用變形按鈕,;使用多邊形套索工具,刪除多余的圖形得到扇形,,并進(jìn)行組合,。

六、選擇圖層1,,在第60幀,,插入關(guān)鍵幀,創(chuàng)建補(bǔ)間動(dòng)畫,;并在屬性面板設(shè)置沿順時(shí)針旋轉(zhuǎn)1次,。

七、選擇圖層2,,在第60幀插入普通幀,,并將其轉(zhuǎn)換為遮罩層。

八,、回到場(chǎng)景1,,將圖形元件刪除,將扇形元件拖入到場(chǎng)景,,在變形面板的旋轉(zhuǎn)文本框中輸入45度,,單擊復(fù)制并應(yīng)用變形按鈕,拼合成一個(gè)圓形,。

九,、將場(chǎng)景中的元件,進(jìn)行組合,。

實(shí)例五

蒙版遮罩效果

使用“矩形工具”在遮罩層上繪制多個(gè)圓角矩形,,通過(guò)該圖層將下一層中的人物部分區(qū)域顯示。

一,、新建文檔(368.6*276.4),,導(dǎo)入素材,并將其相對(duì)于舞臺(tái)中心對(duì)齊,。

二,、新建圖層2,,選擇“矩形工具”,在“屬性”面板中設(shè)置參數(shù),,在需要將圖像顯示的位置處繪制圓角矩形(在繪制圓角矩形的過(guò)程中,,需要禁用“對(duì)象繪制”功能,否則將影響遮罩效果的制作),。

三,、右擊“圖層2”圖標(biāo),執(zhí)行“遮罩層”命令,。

第四章 應(yīng)用圖層

第二講(第五周 2學(xué)時(shí))課題名稱:圖層的操作

目的要求:主要介紹圖層的操作,包括圖層的分類,、圖層的操作,、制作引導(dǎo)動(dòng)畫等。教學(xué)過(guò)程:

四,、引導(dǎo)層(參見書120頁(yè))

“引導(dǎo)層”也是一種特殊的層,,可以制作具有引導(dǎo)路徑作用的特殊圖層,它由引導(dǎo)層和被引導(dǎo)層組成,,其中引導(dǎo)層用于放置對(duì)象運(yùn)動(dòng)的路徑,,被引導(dǎo)層用于放置運(yùn)動(dòng)的對(duì)象。引導(dǎo)層的特點(diǎn):(補(bǔ)充)? “引導(dǎo)層”下方必須要有被引導(dǎo)層,; ? 在“引導(dǎo)層”中只有線條造型有作用,,線條就是引導(dǎo)路徑; ? “引導(dǎo)層”中的線條樣式,、粗細(xì)和色彩無(wú)意義,,線條的長(zhǎng)短和線條的形狀才是關(guān)鍵所在,因此不要做復(fù)雜線條,,徒增文件體積,; ? 發(fā)布后,“引導(dǎo)層”圖層不可見,; ? 被引導(dǎo)層中的物件一般要有位置移動(dòng)變化,,引導(dǎo)路徑才有意義; ? 直線運(yùn)動(dòng)不需要“引導(dǎo)層”引導(dǎo),。創(chuàng)建引導(dǎo)動(dòng)畫的步驟: ? 創(chuàng)建引導(dǎo)層,,在引導(dǎo)層中繪制對(duì)象的運(yùn)動(dòng)路徑; ? 在被引導(dǎo)層中將創(chuàng)建的運(yùn)動(dòng)對(duì)象放在路徑的起點(diǎn),;在被引導(dǎo)層中創(chuàng)建另一關(guān)鍵幀,,并將對(duì)象移動(dòng)到路徑終點(diǎn); ? 在被引導(dǎo)層的兩個(gè)關(guān)鍵幀之間創(chuàng)建動(dòng)畫補(bǔ)間動(dòng)畫,。制作引導(dǎo)動(dòng)畫的注意事項(xiàng): ? 引導(dǎo)路徑中不能出現(xiàn)中斷現(xiàn)象,; ? 引導(dǎo)路徑不能出現(xiàn)交叉,、重疊的現(xiàn)象; ? 引導(dǎo)路徑轉(zhuǎn)折不宜過(guò)多,,且轉(zhuǎn)折處的線條彎轉(zhuǎn)不宜過(guò)急,; ? 被引導(dǎo)層中的運(yùn)動(dòng)對(duì)象必須是元件,且被準(zhǔn)確吸附到路徑上,,否則將無(wú)法沿引導(dǎo)路徑運(yùn)動(dòng),。

實(shí)例六

小球沿圓周運(yùn)動(dòng)

一、建立新文檔,,在圖層1繪制一個(gè)橢圓線框作為運(yùn)動(dòng)路徑,。

二、插入圖層2,,繪制小球物件,;在圖層2的第1幀上單擊鼠標(biāo)右鍵,執(zhí)行“創(chuàng)建補(bǔ)間動(dòng)畫”命令,;在圖層1的15,、30、45,、60幀上分別插入關(guān)鍵幀,,并移動(dòng)到不同的位置。

三,、單擊圖層2,,在層管理器的下方按“添加運(yùn)動(dòng)引導(dǎo)層”按鈕,在圖層2的上方插入一個(gè)新層,,即圖層2的引導(dǎo)層(層樣式與圖標(biāo)發(fā)生變化,,“引導(dǎo)層”的時(shí)間軸長(zhǎng)度與“被引導(dǎo)層”自動(dòng)同步)。

四,、單擊引導(dǎo)層的第1幀,,將圖層1的橢圓線框復(fù)制,作為引導(dǎo)線(將圖層1刪除),。

五,、測(cè)試動(dòng)畫,此時(shí)引導(dǎo)線消失,。

第1幀

第15幀

第30幀

第45幀 實(shí)例七

星星

一,、新建文檔,導(dǎo)入素材,;調(diào)整圖片位置和大小,,使其剛好能覆蓋場(chǎng)景;

二、使用多角星星工具和線條工具,,繪制一個(gè)有尾巴的星星圖案,;并轉(zhuǎn)換為圖形元件;

三,、新建一個(gè)影片剪輯元件,,將圖片元件拖到場(chǎng)景中的任意位置;

四,、在圖層1上新建一個(gè)引導(dǎo)層,,使用線條工具繪制一條路徑;

五,、單擊圖層1的第一幀,,將星星移動(dòng)到路徑的一端,創(chuàng)建補(bǔ)間動(dòng)畫,;在第60幀插入關(guān)鍵幀,,將星星移動(dòng)到路徑的另一端,;再在引導(dǎo)層第60幀插入關(guān)鍵幀,。

六,、回到場(chǎng)景1,,拖動(dòng)影片剪輯元件到窗口中,。綜合實(shí)例

手寫動(dòng)畫

一、打開文檔,,拖動(dòng)庫(kù)中的位圖到場(chǎng)景中作為背景,;新建文字圖層,輸入文字,;

二,、在圖層1上方新建被遮罩圖層,在第一幀繪制一個(gè)小矩形,;

三、在圖層1和文字圖層的第60幀插入幀,;在被遮罩圖層的第60幀插入關(guān)鍵幀,,并改變矩形的大小來(lái)覆蓋所有文字,創(chuàng)建形狀補(bǔ)間動(dòng)畫,;

四、用鼠標(biāo)右鍵文字圖層,,選擇遮罩層命令,;

思考與練習(xí)

一、填空題

1,、遮罩項(xiàng)目可以是填充的形狀、文字對(duì)象,、()、影片剪輯,。

2,、若要?jiǎng)?chuàng)建動(dòng)態(tài)遮罩效果,,可以使()動(dòng)起來(lái)。

3,、使用位圖來(lái)填充對(duì)象時(shí),,可以使用()工具縮放,、旋轉(zhuǎn)或者傾斜填充的位圖,。

二、選擇題

1,、層的主要特性是()

a,互補(bǔ)性

b,相互獨(dú)立性

c,相互依賴性

d,不可編輯性

2,、一個(gè)引導(dǎo)層能與()個(gè)圖層建立連接 a,1個(gè)

b,2個(gè)

c,3個(gè)

d,無(wú)數(shù)個(gè)

3,、遮罩層可以起到的作用是()a,將其下面的連接層區(qū)域完全覆蓋 b,將其下面的連接層區(qū)域替換

c,使其下面的連接層區(qū)域失去可視性

d,通過(guò)創(chuàng)建的遮罩對(duì)象可以看到位于它下面的連接層區(qū)域

4,、圖層分為()模式

a,當(dāng)前、鎖定、輪廓,、隱藏

b,編輯、鎖定,、輪廓,、隱藏 c,編輯、當(dāng)前,、輪廓,、鎖定

d,編輯、鎖定,、隱藏,、當(dāng)前

5,、下列哪個(gè)是導(dǎo)入位圖的組合鍵()

a,ctrl+j

b,ctrl+r

c,ctrl+b

d,ctrl+g

三、問(wèn)答題

1,、怎樣將普通層轉(zhuǎn)換為遮罩層。

參考答案

一,、填空題

1,、圖形元件實(shí)例

2、遮罩層

3,、填充變形

二,、選擇題

1、b

2,、d

3,、d

4、a

5,、b

三,、問(wèn)答題

1,、右擊圖層,執(zhí)行“遮罩層”命令,,該普通層將轉(zhuǎn)換為遮罩層,。

第五章

元件、實(shí)例,、庫(kù)和濾鏡 第一講(第六周 2學(xué)時(shí))課題名稱:元件,、庫(kù)和實(shí)例 目的要求:主要介紹了元件、庫(kù)和實(shí)例的操作,,包括創(chuàng)建和編輯元件,、操作庫(kù)和編輯實(shí)例等。教學(xué)過(guò)程:

在flash中,,可以導(dǎo)入和創(chuàng)建多種資源來(lái)填充flash文檔,,這些資源在flash中作為元件、實(shí)例和庫(kù)資源進(jìn)行管理,。

一,、元件的概念

“元件”是flash中一種比較獨(dú)特的、可重復(fù)使用的對(duì)象,;“元件”包括“圖形元件”,、“按鈕元件”和“影片剪輯元件”3種?!霸眲?chuàng)建后會(huì)自動(dòng)進(jìn)入“庫(kù)”中,,可從“庫(kù)”中拖至舞臺(tái)稱為“元件實(shí)例”重復(fù)使用,不明顯增加文件體積(元件只在動(dòng)畫中存儲(chǔ)一次,,不管引用多少次,,它只在動(dòng)畫中占用很少的空間,所以使用元件可以大大地降低文件的大?。?。實(shí)例是元件在場(chǎng)景中的應(yīng)用,它是位于舞臺(tái)上或鑲嵌在另一個(gè)元件內(nèi)的元件副本,。實(shí)例的外觀和動(dòng)作無(wú)需和元件一樣,每個(gè)實(shí)例都可以有不同的顏色和大小,,并可以提供不同的交互,。編輯元件可以更新它的所有實(shí)例,但對(duì)元件的一個(gè)實(shí)例應(yīng)用效果則只更新該實(shí)例,。

要?jiǎng)?chuàng)建元件的實(shí)例,,可以先在時(shí)間軸上選擇一幀,接著將該元件從“庫(kù)”面板中拖動(dòng)到舞臺(tái)上,。

二,、庫(kù)的概念

“庫(kù)”是存放動(dòng)畫物件的地方,,可管理和編輯物件屬性、預(yù)覽物件樣式等,;在“庫(kù)”中可存放的物件包括元件,、位圖、組件,、聲音等,;從“庫(kù)”中刪除的物件不可恢復(fù);每個(gè)文檔都有自己的“庫(kù)”,,其他文檔“庫(kù)”中的物件也可以在當(dāng)前文檔中使用,。從“庫(kù)”中拖入到舞臺(tái)中的物件可任意改變,對(duì)“庫(kù)”中物件的性質(zhì)沒有影響,。

三,、圖形元件

“圖形元件”是為動(dòng)畫建立可重復(fù)使用的靜態(tài)圖形。

圖形元件的創(chuàng)建步驟:執(zhí)行“插入”/“新建元件”命令,,在打開的“創(chuàng)建新元件”對(duì)話框中進(jìn)行名稱(進(jìn)行名稱設(shè)定時(shí),,應(yīng)使用英文字母或數(shù)字進(jìn)行表述,且不要用數(shù)字開頭,,以免最后發(fā)布時(shí)出現(xiàn)錯(cuò)誤)與行為的相關(guān)設(shè)定,;按下“確定”按鈕后,直接進(jìn)入“圖形元件”編輯狀態(tài),,在編輯狀態(tài)的舞臺(tái)中心,,有一個(gè)定位準(zhǔn)星,可以為圖形定位,;完成物件編輯后,,單擊“場(chǎng)景”名稱退出“圖形元件”編輯狀態(tài),回到主場(chǎng)景的舞臺(tái)上,。實(shí)例一

制作壁紙

通過(guò)將對(duì)象轉(zhuǎn)換為元件以及“庫(kù)”面板的使用,,制作壁紙。

一,、新建文檔(800*600),,繪制與文檔大小一樣的矩形線框;

二,、打開“混色器”面板,,在填充類型中選擇“位圖”,打開“導(dǎo)入到庫(kù)”對(duì)話框,,導(dǎo)入素材(打開“庫(kù)”面板,,用戶可以查看“庫(kù)”中的元件。元件只在動(dòng)畫中存儲(chǔ)一次,,不管引用多少次,,它只在動(dòng)畫中占有很少的空間,,可以降低文件的大小),;選擇“顏料桶工具”,,填充矩形線框;

三,、選擇“填充變形工具”,,選擇單個(gè)位圖,對(duì)其進(jìn)行縮放與旋轉(zhuǎn)操作(在對(duì)填充的任意一個(gè)位置進(jìn)行縮放與旋轉(zhuǎn)操作,,其他的位圖也隨之改變,,這樣就可以得到所要的紋理效果);

四,、選擇填充后的圖形和邊框線,,執(zhí)行“修改”/“轉(zhuǎn)換為元件”,打開“轉(zhuǎn)換為元件”對(duì)話框,,啟用“影片剪輯”選項(xiàng),,單擊“確定”按鈕;

五,、選擇轉(zhuǎn)換為影片剪輯后填充的圖形及輪廓,,在“屬性”面板的“顏色”下拉列表中選擇“高級(jí)”,單擊“設(shè)置”按鈕,,打開“高級(jí)效果”對(duì)話框,,設(shè)置參數(shù)(102,-57,,-215,,255)。

四,、按鈕元件

“按鈕元件”是為動(dòng)畫提供交互的媒介物,,可通過(guò)鼠標(biāo)讓用戶操縱動(dòng)態(tài)變化。

要?jiǎng)?chuàng)建按鈕元件,,可以在打開的“創(chuàng)建新元件”或“轉(zhuǎn)換為元件”對(duì)話框中,,單擊“按鈕”單選按鈕,并單擊“確定”按鈕,,進(jìn)入按鈕元件的編輯環(huán)境,。按鈕元件除了擁有圖形元件全部的變形功能外,其特殊性還在于它具有4個(gè)狀態(tài)幀:彈起(該幀代表指針沒有經(jīng)過(guò)按鈕時(shí)該按鈕的狀態(tài)),、指針經(jīng)過(guò)(該幀代表當(dāng)指針滑過(guò)按鈕時(shí)該按鈕的外觀),、按下(該幀代表單擊按鈕時(shí),,該按鈕的外觀)和點(diǎn)擊(該幀用于定義響應(yīng)鼠標(biāo)單擊的區(qū)域,,此區(qū)域在swf文件是不可見的),。前3個(gè)狀態(tài)幀中,可以放置除了按鈕元件本身外的所有flash對(duì)象,,在最后一個(gè)狀態(tài)幀“點(diǎn)擊”中的內(nèi)容是一個(gè)圖形,,該圖形決定著當(dāng)鼠標(biāo)指向按鈕時(shí)的有效范圍。

按鈕元件的創(chuàng)建過(guò)程:首先進(jìn)入按鈕元件的編輯環(huán)境,,使用繪圖工具,、導(dǎo)入一副圖形或在舞臺(tái)上放置另一個(gè)元件的實(shí)例,以創(chuàng)建彈起狀態(tài)的按鈕圖像,。然后單擊標(biāo)識(shí)為“指針經(jīng)過(guò)”的第2幀,,并選擇“修改”/ “時(shí)間軸”/“轉(zhuǎn)換為關(guān)鍵幀”選項(xiàng),將“彈出”狀態(tài)下的圖像效果更改為“指針經(jīng)過(guò)”狀態(tài)下的效果,。使用同樣的方法,,創(chuàng)建“按下”狀態(tài)和“點(diǎn)擊”狀態(tài)下的圖形效果。實(shí)例二

制作按鈕

制作qq表情按鈕,。該按鈕是當(dāng)前網(wǎng)站上比較流行的按鈕類型,。使用flash制作的按鈕,不僅在變換上更加隨心所欲,,而且可以為網(wǎng)站起到畫龍點(diǎn)睛的作用,。

鼠標(biāo)彈起

鼠標(biāo)經(jīng)過(guò)

一、新建文檔,;執(zhí)行“插入”/“新建元件”,,創(chuàng)建按鈕;導(dǎo)入“表情1”素材,。

二,、選擇“圖層1”的“指針經(jīng)過(guò)”,右擊鼠標(biāo),,選擇“插入空白關(guān)鍵幀”命令,,導(dǎo)入“表情2”素材。

三,、返回“場(chǎng)景1”,,打開“庫(kù)”面板,將按鈕拖動(dòng)到場(chǎng)景中,。

四,、執(zhí)行“控制”/“測(cè)試影片”命令,測(cè)試影片效果,。

五,、影片剪輯元件

“影片剪輯元件”就是我們平常說(shuō)的mc,它是一段獨(dú)立的動(dòng)畫片段,,主要用來(lái)為動(dòng)畫,、按鈕提供動(dòng)畫片段,,增加動(dòng)畫的復(fù)雜程度,與舞臺(tái)中的動(dòng)畫編輯方式?jīng)]有區(qū)別,??捎糜诎粹o中,豐富按鈕的樣式,,也可用于動(dòng)畫中,,增加動(dòng)畫層次。

在flash中,,創(chuàng)建影片剪輯元件的方法同圖形元件的創(chuàng)建方法相似,。

六、使用濾鏡

在flash中,,可以為文本,、按鈕和影片剪輯對(duì)象添加濾鏡,從而產(chǎn)生投影,、模糊,、發(fā)光等特殊效果,要使用濾鏡功能,,需要先在舞臺(tái)上選擇文本,、按鈕或影片剪輯對(duì)象,然后進(jìn)入濾鏡面板,,單擊“添加濾鏡”按鈕,,從彈出的菜單中選擇相應(yīng)的濾鏡選項(xiàng)。對(duì)象mei 添加一個(gè)新的濾鏡,,在屬性檢查器中,,就會(huì)將其添加到該對(duì)象所應(yīng)用的濾鏡列表中??梢詫?duì)一個(gè)對(duì)象應(yīng)用多個(gè)濾鏡,,也可以刪除以前應(yīng)用的濾鏡。實(shí)例三

制作熒光字

通過(guò)文字分離功能,,結(jié)合“柔化填充邊緣”和“濾鏡”命令,,制作出熒光字效果。

一,、新建文檔(500*350,,#3300cc);在場(chǎng)景中創(chuàng)建文本(150磅,,#ff9900),。

二、使用“選擇工具”選擇文本內(nèi)容,按快捷鍵ctrl+b兩次,;

三,、選擇“墨水瓶工具”,設(shè)置“筆觸高度”為2,,“筆觸顏色”為#ffff66,將鼠標(biāo)指針移動(dòng)到工作區(qū)鼠標(biāo)指針將變成墨水瓶形狀,,依次單擊文字邊框(在使用“墨水瓶工具”為文字添加邊框時(shí),,使其處于不被選中狀態(tài)進(jìn)行操作)。

四,、使用“選擇工具”將文字除邊框以外的內(nèi)容刪除,,并將邊框全部選中,執(zhí)行“修改”/“形狀”/“將線條轉(zhuǎn)換為填充”命令,;再執(zhí)行“修改”/“形狀”/“柔化填充邊緣”命令,,設(shè)置參數(shù)(距離為10像素,步驟數(shù)為18),。

五,、選擇“橢圓工具”,禁用“筆觸顏色”,,在場(chǎng)景中繪制一個(gè)白色的正圓,,將其轉(zhuǎn)換為“影片剪輯”元件;使用“選擇工具”將正圓選中,,在“濾鏡”面板中單擊加號(hào)按鈕,,選擇“模糊”選項(xiàng),設(shè)置參數(shù),。

六,、復(fù)制多個(gè)正圓,調(diào)整其大小,,分別設(shè)置不同的顏色,,完成最終效果。實(shí)例四

制作漸變斜角文字效果

一,、輸入文字內(nèi)容,,將其轉(zhuǎn)換為“影片剪輯”;

二,、在“濾鏡”面板中添加“漸變斜角”文字效果,,設(shè)置其參數(shù)(模糊:8,強(qiáng)度:100%,,角度:252,,距離:5,類型:外側(cè))。

思考與練習(xí)

一,、填空題

1,、()是在flash中創(chuàng)建的圖形、按鈕或影片剪輯,。

2,、()是指位于舞臺(tái)上或鑲套在另一個(gè)元件內(nèi)的元件副本。

3,、濾鏡效果只適用于文本,、()和按鈕。

二,、選擇題

1,、()是可以反復(fù)取出使用的一段小動(dòng)畫,并可獨(dú)立于主動(dòng)畫進(jìn)行播放,。a,圖形元件

b,按鈕元件

c,影片剪輯元件

d,字體元件

2,、按鈕元件的時(shí)間軸上的每一幀都有一個(gè)特定的功能,其中第一幀是()

a,“彈起”狀態(tài)

b,“指針經(jīng)過(guò)”狀態(tài)

c,“按下”狀態(tài)

d,“點(diǎn)擊”狀態(tài)

3,、在下列選項(xiàng)中,,()不屬于濾鏡的功能 a,模糊

b,展開

c,斜角

d,漸變發(fā)光

三、問(wèn)答題

1,、列舉flash中的幾種元件類型,。參考答案

一、填空題

1,、元件

2,、實(shí)例

3、影片剪輯

二,、選擇題

1,、c

2、a

3,、b

三,、問(wèn)答題

“圖形元件”是為動(dòng)畫建立可重復(fù)使用的靜態(tài)圖形。

“按鈕元件”是為動(dòng)畫提供交互的媒介物,,可通過(guò)鼠標(biāo)讓用戶操縱動(dòng)態(tài)變化,。

“影片剪輯元件”就是我們平常說(shuō)的mc,它是一段獨(dú)立的動(dòng)畫片段,,主要用來(lái)為動(dòng)畫,、按鈕提供動(dòng)畫片段,增加動(dòng)畫的復(fù)雜程度,,與舞臺(tái)中的動(dòng)畫編輯方式?jīng)]有區(qū)別,??捎糜诎粹o中,豐富按鈕的樣式,,也可用于動(dòng)畫中,,增加動(dòng)畫層次。

第六章

創(chuàng)建動(dòng)畫

第一講(第七周 2學(xué)時(shí))課題名稱:制作動(dòng)畫

目的要求:主要介紹制作動(dòng)畫的方法,,包括逐幀動(dòng)畫,、動(dòng)畫補(bǔ)間動(dòng)畫、形狀補(bǔ)間動(dòng)畫,。教學(xué)過(guò)程: 動(dòng)畫原理解析:動(dòng)畫是逐漸變化的物體加上變化的過(guò)程而形成的,,其中需要通過(guò)人工或程序生成物件,并按照一定的方法進(jìn)行設(shè)置,。

flash動(dòng)畫是通過(guò)更改連續(xù)幀的內(nèi)容創(chuàng)建的。在flash中,,可以創(chuàng)建兩種類型的動(dòng)畫,,即補(bǔ)間動(dòng)畫和逐幀動(dòng)畫。在補(bǔ)間動(dòng)畫中,,用戶可以創(chuàng)建起始幀和結(jié)束幀,,而讓flash創(chuàng)建中間的幀,還可以通過(guò)更改起始幀和結(jié)束幀之間的對(duì)象大小,、旋轉(zhuǎn),、顏色和其他屬性來(lái)創(chuàng)建運(yùn)動(dòng)的效果;而在逐幀動(dòng)畫中,,用戶必須創(chuàng)建每一幀中的圖像,。

一、幀的概念(參見書82頁(yè))

幀是形成動(dòng)畫的基本時(shí)間單位,,在“時(shí)間軸”上,,一個(gè)小格就是一幀,不同的幀有不同的表示方法,。在flash中,,動(dòng)畫制作需要不同的幀來(lái)共同完成,通過(guò)時(shí)間軸可以清晰地判斷出幀的類型,。動(dòng)畫中幀的數(shù)量及播放速度決定了動(dòng)畫的長(zhǎng)度,。

關(guān)鍵幀:在制作動(dòng)畫的過(guò)程中,在某一時(shí)刻需要定義對(duì)象的某種新狀態(tài),,這個(gè)時(shí)刻所對(duì)應(yīng)的幀稱為關(guān)鍵幀,。實(shí)心圓點(diǎn)是有內(nèi)容的關(guān)鍵幀,即實(shí)關(guān)鍵幀,,無(wú)內(nèi)容的關(guān)鍵幀(即空白關(guān)鍵幀)用空心圓點(diǎn)表示,。

在“時(shí)間軸”上的幀的適當(dāng)位置單擊鼠標(biāo)右鍵,,執(zhí)行“插入關(guān)鍵幀”命令(或按f6),即可增加一個(gè)“關(guān)鍵幀”,。

在“時(shí)間軸”上的幀的適當(dāng)位置單擊鼠標(biāo)右鍵,,執(zhí)行“插入空白關(guān)鍵幀”命令(或按f7),即可增加一個(gè)“空白關(guān)鍵幀”,。普通幀:普通幀也稱為靜態(tài)幀,,在時(shí)間軸上顯示為一個(gè)個(gè)矩形單元格?!捌胀◣笔乔耙弧瓣P(guān)鍵幀”的延續(xù),。多個(gè)連續(xù)“普通幀”時(shí),白方塊在最后一幀上,,前面多個(gè)“普通幀”只是連續(xù)的灰色,,沒有其他標(biāo)記。例如,,制作動(dòng)畫背景,,就是將一個(gè)含有背景圖案的關(guān)鍵幀的內(nèi)容沿用到后面的幀上。

在“時(shí)間軸”上的幀的適當(dāng)位置單擊鼠標(biāo)右鍵,,執(zhí)行“插入幀”命令(或按f5),,即可增加一個(gè)“普通幀”。

過(guò)渡幀:過(guò)渡幀實(shí)際上也是普通幀,。過(guò)渡幀中包括了許多幀,,但其中至少要有兩個(gè)幀:起始關(guān)鍵幀和結(jié)束關(guān)鍵幀。在flash中,,利用過(guò)渡幀可以制作兩類過(guò)渡動(dòng)畫,,即運(yùn)動(dòng)過(guò)渡和形狀過(guò)渡。

二,、動(dòng)畫補(bǔ)間動(dòng)畫(參見書103頁(yè))

動(dòng)畫補(bǔ)間動(dòng)畫是制作flash動(dòng)畫時(shí)使用最多的一種動(dòng)畫類型,,可以制作出位置移動(dòng)、縮放和旋轉(zhuǎn)等動(dòng)畫效果,。它適用于文字,、位圖和實(shí)例,對(duì)于被打散的對(duì)象不能直接設(shè)置動(dòng)畫補(bǔ)間,,需要將其轉(zhuǎn)換為元件或組合后才能產(chǎn)生動(dòng)畫效果,。動(dòng)畫補(bǔ)間動(dòng)畫原理解析(補(bǔ)充): ? 從開始到結(jié)束“動(dòng)畫補(bǔ)間動(dòng)畫”是一個(gè)逐漸變化的過(guò)程,

制作flash動(dòng)畫教案篇三

flash動(dòng)畫教案

第一章 網(wǎng)頁(yè)設(shè)計(jì)制作概述

授課時(shí)數(shù):2 理論講授:1 教學(xué)目的和任務(wù):

通過(guò)分析國(guó)內(nèi)外優(yōu)秀動(dòng)畫作品,,了解動(dòng)畫的發(fā)展和歷史,。欣賞不同國(guó)家動(dòng)畫片的特色,以及學(xué)院派和商業(yè)派的不同,。確立今后的學(xué)習(xí)目的,。

教學(xué)重點(diǎn): 欣賞動(dòng)畫片分析學(xué)院派動(dòng)畫和商業(yè)動(dòng)畫的區(qū)別以及目的,。思考傳統(tǒng)動(dòng)畫轉(zhuǎn)嫁到當(dāng)今時(shí)代的無(wú)市動(dòng)畫的優(yōu)勢(shì)和缺點(diǎn)。

教學(xué)方法:講授,、示范,、課堂作業(yè)評(píng)解與逐一輔導(dǎo)。教學(xué)過(guò)程(內(nèi)容,、方法,、步驟): 動(dòng)畫在長(zhǎng)時(shí)間的發(fā)展至今的形式以及傳播的方式 個(gè)人動(dòng)畫與團(tuán)體動(dòng)畫的區(qū)別 動(dòng)畫周邊

第二章 認(rèn)識(shí)flash 授課時(shí)數(shù):6 理論講授:1

教學(xué)目標(biāo):要求學(xué)生掌握f(shuō)lash軟件的基本特征以及和其他軟件的區(qū)別。

重點(diǎn):動(dòng)畫中時(shí)間的掌握

難點(diǎn):楨的概念以及圖符號(hào)的理論

教學(xué)方法:理論講授與實(shí)踐指導(dǎo)

教學(xué)過(guò)程:不斷演示flash軟件的基本操作

一,、界面環(huán)境介紹

二,、工具箱的介紹

工具箱提供了用于圖形繪制和圖形編輯的各種工具。工具箱內(nèi)從上到下分為4個(gè)欄:“工具”欄,、“查看”欄,、“顏色”欄和“選項(xiàng)”欄,單擊某個(gè)工具的按鈕,,即可激活相應(yīng)的操作功能,,以后把這一操作叫作使用某個(gè)工具。

(1)“工具”欄:工具箱之“工具”欄內(nèi)的工具用來(lái)繪制圖形,、輸入文字和編輯圖形,。(2)“查看”欄:工具箱之“查看”欄內(nèi)的工具是用來(lái)調(diào)整舞臺(tái)編輯畫面的觀察位置和顯示比例的,。其中兩個(gè)工具按鈕的名稱與作用如表1-1-3所示,。

(3)“顏色”欄:工具箱之“顏色”欄的工具是用來(lái)確定繪制圖形的線條和填充的顏色。其中各工具按鈕的名稱與作用如下,。

(筆觸顏色)按鈕:用于給線著色,,也叫作描繪顏色。(填充色)按鈕:用于給填充著色,。

(從左到右分別是:黑白,、沒有顏色和交換顏色)按鈕:?jiǎn)螕簟昂诎住卑粹o,可使筆觸顏色和填充色恢復(fù)到默認(rèn)狀態(tài)(筆觸顏色為黑色,,填充色為白色),。在選擇了橢圓或矩形工具后,“沒有顏色”按鈕才有效,,變?yōu)?,單擊它可以在沒有顏色和有顏色之間切換。單擊“交換顏色”按鈕,,可以使筆觸顏色與填充色互換,。

(4)“選項(xiàng)”欄:工具箱之“選項(xiàng)”欄中放置了用于對(duì)當(dāng)前激活的工具進(jìn)行設(shè)置的一些屬性和功能按鈕等選項(xiàng)。這些選項(xiàng)是隨著用戶選用工具的改變而變化的,,大多數(shù)工具都有自己相應(yīng)的屬性設(shè)置,。在繪圖,、輸入文字或編輯對(duì)象時(shí),通常應(yīng)當(dāng)在選中繪圖或編輯工具后,,再對(duì)其屬性和功能進(jìn)行設(shè)置,,才能順利達(dá)到預(yù)期的效果。

三,、動(dòng)手用一下工具

1,、使用工具制作一個(gè)“笑臉”或“哭臉”

2、漸變工具的使用:幾個(gè)關(guān)鍵概念

顏色調(diào)板

3,、用橢圓畫個(gè)畫環(huán) 操作步驟:

1,、用填充色畫圓,并設(shè)置筆觸的粗細(xì),。

2,、設(shè)置邊線的填充色為“七彩色”。

3,、將該線形圓環(huán)轉(zhuǎn)換成填充色:修改--形狀--將線條為填充,。

4、使用“墨水瓶”工具給圓環(huán)加邊線,。

4,、用多邊形工具畫太陽(yáng)

操作步驟:

1、用多邊星形工具制作太陽(yáng)的外圍,,作以下設(shè)置:(1)將矩形工具轉(zhuǎn)換成多角星形工具(2)設(shè)置多角星形的“屬性”中的“選項(xiàng)”

(3)設(shè)置“樣式”為星形,,輸入星形數(shù),及星形頂點(diǎn)大?。旤c(diǎn)越小,,星形越尖)

2、設(shè)置填充色為放射性,,無(wú)邊線

3,、開始畫星形。

4,、創(chuàng)建一個(gè)同心的圓為太陽(yáng)的臉,。

5、使用直線工具畫眼,、嘴,。(注意:用選擇工具調(diào)整其曲線度,利用變形工具作旋轉(zhuǎn))

第三章

flash工作區(qū) 使用元件,、實(shí)例和庫(kù)資源

授課時(shí)數(shù):7 理論講授:1

教學(xué)目標(biāo):掌握f(shuō)lash軟件的工作區(qū)中不同菜單欄里的特性,。

重點(diǎn):不同工做區(qū)的劃分以及軟件自身不同工作的位子

難點(diǎn):將flash與其他平面軟件比較找出相似的地方

教學(xué)方法:觀察法、對(duì)比法,、練習(xí)法

教學(xué)過(guò)程:

flash時(shí)間楨的掌握,,在不斷演示中將flash軟件制作的基本流程

一,、動(dòng)畫制作的關(guān)鍵要素

1、幀——是進(jìn)行flash動(dòng)畫制作的最基本的單位,,每一個(gè)精彩的flash動(dòng)畫都是由很多個(gè)精心雕琢的幀構(gòu)成的,,在時(shí)間軸上的每一幀都可以包含需要顯示的所有內(nèi)容,包括圖形,、聲音,、各種素材和其他多種對(duì)象。

2,、關(guān)鍵幀——顧名思義,,有關(guān)鍵內(nèi)容的幀。用來(lái)定義動(dòng)畫變化,、更改狀態(tài)的幀,,即編輯舞臺(tái)上存在實(shí)例對(duì)象并可對(duì)其進(jìn)行編輯的幀。

3,、空白關(guān)鍵幀——空白關(guān)鍵幀是沒有包含舞臺(tái)上的實(shí)例內(nèi)容的關(guān)鍵幀,。

4、普通幀——在時(shí)間軸上能顯示實(shí)例對(duì)象,,但不能對(duì)實(shí)例對(duì)象進(jìn)行編輯操作的幀,。

5、以上四種幀的區(qū)別

① 1)關(guān)鍵幀在時(shí)間軸上顯示為實(shí)心的圓點(diǎn),,空白關(guān)鍵幀在時(shí)間軸上顯示為空心的圓點(diǎn),,普通幀在時(shí)間軸上顯示為灰色填充的小方格

② 同一層中,在前一個(gè)關(guān)鍵幀的后面任一幀處插入關(guān)鍵幀,,是復(fù)制前一個(gè)關(guān)鍵幀上的對(duì)象,,并可對(duì)其進(jìn)行編輯操作,;如果插入普通幀,,是延續(xù)前一個(gè)關(guān)鍵幀上的內(nèi)容,不可對(duì)其進(jìn)行編輯操作,;插入空白關(guān)鍵幀,,可清除該幀后面的延續(xù)內(nèi)容,可以在空白關(guān)鍵幀上添加新的實(shí)例對(duì)象,。③關(guān)鍵幀和空白關(guān)鍵幀上都可以添加幀動(dòng)作腳本,,普通幀上則不能。

6,、應(yīng)用中需注意的問(wèn)題

① 應(yīng)盡可能的節(jié)約關(guān)鍵幀的使用,,以減小動(dòng)畫文件的體積;

② 盡量避免在同一幀處過(guò)多的使用關(guān)鍵幀,,以減小動(dòng)畫運(yùn)行的負(fù)擔(dān),,使畫面播放流暢,。

二、基本動(dòng)畫

1,、變形動(dòng)畫:要求參與動(dòng)畫的對(duì)象必須是形狀,,不得使用元件。

例如:以下動(dòng)畫中a-->b-->c之間即為形狀變形,。

操作步驟: ①設(shè)置背景色

②插入第一關(guān)鍵幀,,并繪制一個(gè)五角形。

③在第30幀上插入空白關(guān)鍵幀,,并繪制一個(gè)十角星形,。

④利用時(shí)間軸上的“編輯多幀”工具,對(duì)齊第一,、二關(guān)鍵幀的各自五個(gè)角,。⑤在第一關(guān)鍵幀上設(shè)定五個(gè)“形狀提示點(diǎn)”,修改--形狀--添加形狀提示點(diǎn),。⑥在第二關(guān)鍵幀上設(shè)定各提示點(diǎn)的對(duì)應(yīng)終點(diǎn)位置,。⑦對(duì)第一關(guān)鍵幀設(shè)定“形狀”動(dòng)畫補(bǔ)間。

2,、旋轉(zhuǎn)動(dòng)畫:

一般旋轉(zhuǎn)度數(shù)在360度以上,,則采用實(shí)例,即旋轉(zhuǎn)的對(duì)象必須是通過(guò)元件調(diào)入的,。而旋轉(zhuǎn)度小于360度,,則旋轉(zhuǎn)對(duì)象可以是形狀。動(dòng)畫設(shè)定只需二個(gè)關(guān)鍵幀,。

例如:拖影文字

操作步驟: ①建立文字元件,。

②創(chuàng)建第一圖層,設(shè)定第一,、二關(guān)鍵幀(同幀),,并設(shè)制“動(dòng)畫”補(bǔ)間,旋轉(zhuǎn)為1次,。

②創(chuàng)建第二圖層,,此層為陰影層,復(fù)制第一層的關(guān)鍵幀,。

③創(chuàng)建第三至第九圖層,,這些層均為拖影層,每層之間涉后二幀,。與第一圖層相比,,這些層均要調(diào)整透明度。

3、直線運(yùn)動(dòng)動(dòng)畫:任何對(duì)象都可以設(shè)置直線動(dòng)畫,,只需二個(gè)關(guān)鍵幀

4,、漸變運(yùn)動(dòng)動(dòng)畫

① 淡入、淡出動(dòng)畫:使用實(shí)例才能完成此項(xiàng)動(dòng)畫,,一般通過(guò)調(diào)整關(guān)鍵幀的透明度來(lái)設(shè)置場(chǎng)景中的各實(shí)例的出現(xiàn)方式,。一般淡入淡出式動(dòng)畫是用二個(gè)關(guān)鍵幀完成,第一關(guān)鍵幀為全透明(100%)或部分透明,,第二關(guān)鍵幀透明度為0,。

③閃爍動(dòng)畫:一般用三個(gè)關(guān)鍵幀完成,即從淡入到淡出的過(guò)程,,即全透明--不透明--全透明的設(shè)置過(guò)程,。

例如:以下例子中星星,就是用影片元件來(lái)完成的,。

業(yè): 思考不同簡(jiǎn)單重復(fù)動(dòng)做的制作,,繪制不同動(dòng)作的圖形以及在不同時(shí)間上所出現(xiàn)的形態(tài)

求: 掌握時(shí)間在動(dòng)畫制作中的重要性,加速與減速,。

第四章

flash動(dòng)畫基礎(chǔ)

授課時(shí)數(shù):5 理論講授:3

教學(xué)目標(biāo):在動(dòng)畫表現(xiàn)種以每秒為單位,,掌握不同類型動(dòng)畫的楨頻以及原畫和過(guò)度畫的區(qū)別。

重點(diǎn):在傳播途徑中動(dòng)畫的楨頻的不同決定了單位每秒的不同,。

難點(diǎn):flash軟件中時(shí)間軸和關(guān)鍵楨的理解,。

教學(xué)方法:觀察法、對(duì)比法,、練習(xí)法

教學(xué)過(guò)程:

flash時(shí)間楨的掌握,,在不斷演示中將flash軟件制作的基本流程給學(xué)生做大致的介紹

復(fù)習(xí)鞏固:

1、直線動(dòng)畫:二個(gè)關(guān)鍵幀,,對(duì)象有位移,。

2、旋轉(zhuǎn)動(dòng)畫:二個(gè)關(guān)鍵幀,,對(duì)象是元件就可實(shí)現(xiàn)自轉(zhuǎn),,自轉(zhuǎn)時(shí)要注意中心點(diǎn)的確立。

3,、漸變動(dòng)畫:二個(gè)關(guān)鍵幀,,必須是元件才可實(shí)現(xiàn)色調(diào),、透明色的變化,。

4、幀幀動(dòng)畫:整個(gè)動(dòng)畫是由多個(gè)關(guān)鍵幀排列完成的,,一般有二類,,即逐幀動(dòng)畫,或閃爍動(dòng)畫(中間帶空幀)。

業(yè): 用繪制圖符的辦法繪制不同圖形,,人物 植物 動(dòng)物

求: 在掌握基本變形處理的基礎(chǔ)上做到適當(dāng)夸張變形處理,。

第五章 交 互 動(dòng) 畫 入 門

教學(xué)任務(wù):

1、掌握按鈕制作技巧(基礎(chǔ))

2,、了解動(dòng)作腳本入門及控制影片方法(提高)

3,、學(xué)會(huì)幾個(gè)常用動(dòng)作函數(shù)(基礎(chǔ))

教學(xué)重點(diǎn):掌握按鈕制作技巧和幾個(gè)常用動(dòng)作函數(shù)

教學(xué)難點(diǎn):幾個(gè)常用動(dòng)作函數(shù)

教學(xué)方法:講解、演示

教學(xué)手段:多媒體輔助教學(xué)

教學(xué)課時(shí):3課時(shí)

教學(xué)過(guò)程:

一,、交互動(dòng)畫的概念

能夠產(chǎn)生畫面跳轉(zhuǎn)變化或者執(zhí)行相應(yīng)的程序,,來(lái)控制這個(gè)對(duì)象的移動(dòng)、變色,、變形等一些特等任務(wù)的動(dòng)畫,。

1、背景層的創(chuàng)建: ①設(shè)定場(chǎng)景色

②用鋼筆工具勾勒一個(gè)上邊為曲線的多邊形,。

③復(fù)制曲線,。

2、運(yùn)動(dòng)引導(dǎo)層的創(chuàng)建:

運(yùn)動(dòng)引導(dǎo)層的作用:該層中專門用來(lái)放置物體運(yùn)動(dòng)的軌跡,,軌跡一般用線條描述,,而在運(yùn)動(dòng)引導(dǎo)層中的線條在實(shí)際導(dǎo)出成swf文件時(shí)是不可見。

使用的方法:要使用軌跡的對(duì)象必須獨(dú)立地放在引導(dǎo)層的下方圖層中,,運(yùn)動(dòng)的對(duì)象其關(guān)鍵幀必須完全吸附在軌跡上,。如圖:第一關(guān)鍵幀的定點(diǎn)

第二關(guān)鍵幀的定點(diǎn)

3、制作技巧:

①引導(dǎo)層一旦建立完成后應(yīng)將其鎖定

②對(duì)運(yùn)動(dòng)對(duì)象定位時(shí)最好打開“帖緊至對(duì)象”工具,,這樣當(dāng)吸附正確時(shí)中心點(diǎn)會(huì)放大,。

二、交互動(dòng)畫的組成

事件,、動(dòng)作 事件是觸發(fā)動(dòng)作的信號(hào),,動(dòng)作是事件的結(jié)果。

1,、水泡的制作

透明度為0,,2,100

水泡的顏色調(diào)板:白色

2,、浮起的水泡制作(影片元件)

3,、游動(dòng)的小魚

可以從左向右游動(dòng),也可以從右向左游動(dòng),,小魚的運(yùn)動(dòng)軌跡為

4,、在場(chǎng)景中創(chuàng)建: ①背景圖片放入場(chǎng)景。

②建立第二層,,放入大小不一的水影片元件,,注意水泡的放置位置

③建立第三層,放入多條小魚,使用小魚的影片元件時(shí),,可將其翻轉(zhuǎn),,從而改變其運(yùn)動(dòng)方向。

三,、按鈕的制作(重點(diǎn))

① 自制按鈕

[插入]/[新建元件]/[按鈕] ②公用庫(kù)中的按鈕

[窗口]/[其他面板]/[公用庫(kù)]/[相應(yīng)按鈕] 制作按鈕的步驟

1,、新建一個(gè)flash文件,。

2,、插入--新元件--按鈕,。

3、“彈起”是指按鈕的基本樣式,。

4,、“經(jīng)過(guò)”是指鼠標(biāo)移到按鈕上的按鈕樣式。

5,、“按下”是指鼠標(biāo)按下后的按鈕樣式,。

6、“點(diǎn)擊”是指按鈕可點(diǎn)擊的范圍

7,、如果要制作透明按鈕,,僅在“點(diǎn)擊”畫出點(diǎn)范圍即可。

制作以下實(shí)例

1,、基本按鈕

分析:

1,、彈起:二個(gè)圖片元件

2、經(jīng)過(guò):與彈起時(shí)的一個(gè)圖片元件相同,,在此基礎(chǔ)上用“按我”的圖片元件創(chuàng)建一個(gè)影片元件,。

3、按下:“謝謝”圖片元件

練習(xí):制作一個(gè)帶有以下動(dòng)畫效果的按鈕

四,、常用動(dòng)作函數(shù)

① stop():用來(lái)控制動(dòng)畫的與幀停止

② play():用來(lái)控制動(dòng)畫的播放

③ gotoandplay():用來(lái)控制動(dòng)畫中場(chǎng)景和幀的跳轉(zhuǎn) 按鈕的點(diǎn)擊作用

1,、一般按鈕點(diǎn)擊后均會(huì)產(chǎn)生一個(gè)動(dòng)作,如:停止,、播放,、重放、跳轉(zhuǎn),、超鏈

2,、按鈕的幾個(gè)常用動(dòng)作:

on動(dòng)作命令

下面我們就詳細(xì)地向大家介紹一下這八種事件的使用。

1,、press 在鼠標(biāo)指針經(jīng)過(guò)按鈕時(shí)按下鼠標(biāo)按鈕,。單擊press,然后選擇動(dòng)作語(yǔ)句,,雙擊【全局函數(shù)】|【時(shí)間軸控制】中的play 命令,。

完整的action是:

on(press){ //設(shè)定鼠標(biāo)事件為按下,,然后執(zhí)行大括號(hào)里面的語(yǔ)句,。play();//按鈕響應(yīng)后執(zhí)行play(播放)動(dòng)作 }

如圖所示,。

press動(dòng)作

當(dāng)然,在大括號(hào)里面還可以用其他的語(yǔ)句,,比如說(shuō),,gotoandplay(yourframe);//點(diǎn)擊按鈕后,就會(huì)從你設(shè)置的幀播放,。

2,、release 在鼠標(biāo)指針經(jīng)過(guò)按鈕時(shí)釋放鼠標(biāo)按鈕。單擊選擇release然后與第一個(gè)事件相同加入play命令,。完成的語(yǔ)句如下: on(release){ //當(dāng)鼠標(biāo)按下釋放的時(shí)候,,執(zhí)行下面的語(yǔ)句動(dòng)作。play();//按鈕響應(yīng)后執(zhí)行play(播放)動(dòng)作,。}

如圖所示,。

release動(dòng)作

可以看到,當(dāng)鼠標(biāo)左鍵按下按鈕的時(shí)候,,并沒有激發(fā)播放動(dòng)作,,而是當(dāng)鼠標(biāo)左鍵放開的時(shí)候,執(zhí)行了播放動(dòng)作,。這也是與“press”事件不同的地方,。

3、releaseoutside 當(dāng)鼠標(biāo)指針在按鈕之內(nèi)時(shí)按下按鈕后,,將鼠標(biāo)指針移到按鈕之外,,此時(shí)釋放鼠標(biāo)按鈕。添加語(yǔ)句的方法同上,。完整的語(yǔ)句如下:

on(releaseoutside){ //當(dāng)鼠標(biāo)在按鈕外部釋放的時(shí)候執(zhí)行下面的語(yǔ)句,。play();//按鈕響應(yīng)后執(zhí)行播放動(dòng)作。}

如圖所示,。

releaseoutside動(dòng)作

通過(guò)這個(gè)例子我們知道,,當(dāng)鼠標(biāo)左鍵在按鈕上按住并移動(dòng)到按鈕以外的地方放開后,觸發(fā)了按鈕的動(dòng)作,。這是一個(gè)具有非常想象力的事件,,大家可以利用on的這個(gè)事件來(lái)制作游戲。

4,、rollout 鼠標(biāo)指針滑出按鈕區(qū)域,。制作方法同上,完整的as語(yǔ)句為:

on(rollover){ //當(dāng)鼠標(biāo)滑動(dòng)到按鈕上時(shí)執(zhí)行下面的動(dòng)作,。play();//按鈕執(zhí)行播放動(dòng)作,。}

如圖所示,。

rollover動(dòng)作

當(dāng)鼠標(biāo)指針從按鈕上滑過(guò)的時(shí)候,動(dòng)畫就開始執(zhí)行播放動(dòng)作了,,而不需要點(diǎn)擊它,。我們可以利用on的這個(gè)特點(diǎn)來(lái)制作一些圖示板,非常簡(jiǎn)單有效,。

5,、rollover 鼠標(biāo)指針滑過(guò)按鈕。制作方法同上,,完整的as語(yǔ)句為:

on(rollout){ //當(dāng)鼠標(biāo)滑動(dòng)到按鈕上并離開時(shí)執(zhí)行下面動(dòng)作,。play(): //按鈕響應(yīng)播放動(dòng)作。}

如圖所示,。

rollout動(dòng)作

滑離與滑過(guò)并不是相同的,,滑離是指鼠標(biāo)滑動(dòng)到按鈕上并離開以后開始響應(yīng),而滑過(guò)是指只要鼠標(biāo)滑到按鈕上,,就開始執(zhí)行動(dòng)作,。

6、dragout 在鼠標(biāo)指針滑過(guò)按鈕時(shí)按下鼠標(biāo)按鈕,,然后滑出此按鈕區(qū)域,。完整的as是:

on(drag out){ //當(dāng)鼠標(biāo)拖過(guò)的時(shí)候執(zhí)行下面的動(dòng)作。play();//執(zhí)行播放動(dòng)作,。}

如圖所示,。

dragover動(dòng)作

拖過(guò)的效果是在按鈕上點(diǎn)擊并按住鼠標(biāo)不放,移出按扭區(qū),,再移回按鈕上釋放的事件,。注意:此例中是一個(gè)文字按鈕,在做文字按鈕的時(shí)候,,應(yīng)在文字的下方用一透明方塊,,以增加按鈕的反應(yīng)區(qū)域,或者在按鈕的第4幀繪制一個(gè)矩形來(lái)增加反映區(qū),。

7,、dragover 在鼠標(biāo)指針滑過(guò)按鈕時(shí)按下鼠標(biāo)按鈕,然后滑出此按鈕,,再滑回此按鈕,。完整的as是:

on(dragout){ //當(dāng)鼠標(biāo)拖離按鈕時(shí)執(zhí)行下面的動(dòng)作。play();//執(zhí)行播放動(dòng)作 }

如圖所示,。

dragout動(dòng)作

拖離與拖過(guò)有所不同,,只要在按鈕上按住鼠標(biāo)左鍵然后移動(dòng)到按鈕外就會(huì)相應(yīng)。他于滑離的區(qū)別在于拖離需要按住鼠標(biāo)左鍵,。

8,、keypress(“key”)按下指定的鍵,。對(duì)于此參數(shù)的 key 部分,需指定鍵控代碼或鍵常量,。

我們?cè)冢ā発ey”)中鍵入“k”,。完整地as語(yǔ)句為:

on(keypress “z”){ //當(dāng)按下鍵盤中的“z”健時(shí)執(zhí)行下面的動(dòng)作。play();//執(zhí)行播放動(dòng)作 }

如圖所示,。

keypress動(dòng)作

注 意 ——在給動(dòng)畫作品添加按鈕的時(shí)候應(yīng)該放到單獨(dú)一層,,這樣便于修改,。

提 示 ——on為按鈕上的動(dòng)作,,所以我們必須首先要選中按鈕,以后才可以添加on語(yǔ)句,。有的朋友在論壇里面提問(wèn),,“為什么我的on為灰色不可選狀態(tài)?”原因就是你沒有選中按鈕,。

技 巧 ——在一般flash作品中,,大家不會(huì)有意區(qū)分這些on的功能的,一般采用默認(rèn)的語(yǔ)句,。如果沒有特殊說(shuō)明,,你使用了拖離,滑離等事件來(lái)制作“replay”按鈕,,會(huì)讓人們摸不著頭腦的,。

試一試 ——我們了解了on得這么多的功能,利用這些功能可以輕易的制作出flash課件,,flash游戲里面的效果,,大家不妨試一試。

分 析——on語(yǔ)句的功能與按鈕息息相關(guān),,有按鈕的地方一定會(huì)有on語(yǔ)句的使用,。而有flash作品的地方,就會(huì)有按鈕的出現(xiàn),,所以說(shuō)on的重要作用不可忽視,。今天向大家詳細(xì)地介紹了on的各種功能,我們就可以結(jié)合按鈕自身的特點(diǎn),,發(fā)揮他們的功能,。

小結(jié): 按鈕的制作

常用動(dòng)作函數(shù)

上機(jī)實(shí)習(xí):

一、自制播放與暫停按鈕

二,、用公用庫(kù)中的按鈕制作播放與暫停

三,、制作一簡(jiǎn)單的文字移動(dòng)動(dòng)畫,并使用上面的按鈕及stop()和play()代碼控制動(dòng)畫的播放與停止,。

四,、制作多個(gè)場(chǎng)景(大余2個(gè)),,并用按鈕及gotoandplay命令實(shí)現(xiàn)場(chǎng)景之間的跳轉(zhuǎn)。

第六章

交互的flash 動(dòng)畫

授課時(shí)數(shù):44 理論講授:6

教學(xué)目標(biāo):在了解二維動(dòng)畫的基礎(chǔ)上,,加強(qiáng)對(duì)鏡頭理解的處理,,故事的敘述以及環(huán)境的渲染。

重點(diǎn):如何將簡(jiǎn)單的圖形動(dòng)起來(lái),,如何將動(dòng)起來(lái)的圖形做到故事性趣味性,。

難點(diǎn):flash軟件中綜合所有的方法。

教學(xué)方法:觀察法,、對(duì)比法,、練習(xí)法

教學(xué)過(guò)程:

flash軟件中實(shí)現(xiàn)不同動(dòng)作的制作,圖層的重要性以及關(guān)鍵楨的運(yùn)用,,錯(cuò)層和交叉關(guān)鍵楨的作用,。動(dòng)作與聲音的配合。

一,、“下雨”與“下雪”的制作

1,、制作一個(gè)影片元件:一滴雨水滴落的過(guò)程(四個(gè)關(guān)鍵幀)

雨滴落下

水圈擴(kuò)大

2、“下雨”的代碼: 第一關(guān)鍵幀上的代碼:

第三關(guān)鍵幀上的代碼:

(二)動(dòng)畫的制作:

1,、制作一個(gè)圖處元件:雪片

2,、制作一個(gè)影片元件:一片雪花飄落的過(guò)程(引導(dǎo)層)

3、“下雪”的代碼: 第一關(guān)鍵幀上的代碼:

第二關(guān)鍵幀上的代碼:

第三關(guān)鍵幀上的代碼:

制作并講解上一節(jié)課的作業(yè)縱向百葉窗,。

知識(shí)點(diǎn): ①分散到圖層,。②直線動(dòng)畫的制作。③關(guān)鍵幀的復(fù)制,。④遮照的使用,。

二、制作跑車廣告

1,、準(zhǔn)備工作,,試著制作下列圖案

2、查看跑車廣告

3,、分析跑車廣告的元件及圖層 ①數(shù)字計(jì)時(shí):幀幀動(dòng)畫

②遮照效果:遮照層:動(dòng)畫層(形狀補(bǔ)間的變形動(dòng)畫,、)被遮照層:清晰跑車 背景層:模糊跑車

③落下帷幕:縮放動(dòng)畫、變形動(dòng)畫,。

4,、時(shí)間軸參考

制作flash動(dòng)畫教案篇四

flash遮罩動(dòng)畫制作

【教學(xué)目標(biāo)】

知識(shí)目標(biāo):1.掌握遮罩動(dòng)畫的原理,理解遮罩層與被遮罩層的關(guān)系,。

2.掌握遮罩動(dòng)畫的制作方法,。

能力目標(biāo):能夠靈活運(yùn)用flash動(dòng)畫軟制作技巧,創(chuàng)作動(dòng)畫作品,。情感目標(biāo):1.感受運(yùn)用flash動(dòng)畫軟件創(chuàng)作作品的樂(lè)趣

2.體驗(yàn)信息技術(shù)蘊(yùn)含的文化內(nèi)涵,,形成和保持對(duì)信息技術(shù)的求知欲,。【教學(xué)重點(diǎn)】:遮罩的含義和遮罩效果的制作方法 【教學(xué)難點(diǎn)】:理解遮罩層與被遮罩層的關(guān)系 【學(xué)情分析】:通過(guò)前面的學(xué)習(xí),,學(xué)生已經(jīng)掌握了動(dòng)畫的制作方法,,理解了形狀補(bǔ)間和動(dòng)作補(bǔ)間的區(qū)別。對(duì)于遮罩動(dòng)畫,,大家都還未接觸過(guò),,是一個(gè)全新的知識(shí) 【教學(xué)過(guò)程】

一、新課導(dǎo)入

教師展示flash動(dòng)畫作品,,讓學(xué)生觀察動(dòng)畫并找出其特點(diǎn),。教師點(diǎn)明課題《遮罩動(dòng)畫》,介紹本節(jié)課學(xué)習(xí)目標(biāo),。

二,、學(xué)習(xí)新知識(shí)

(一)展示遮罩動(dòng)畫應(yīng)用實(shí)例——文字遮罩動(dòng)畫,,并進(jìn)行分析,,歸納出遮罩動(dòng)畫的原理。

遮罩動(dòng)畫的原理:透過(guò)一種圖形看被遮擋的內(nèi)容(圖片,、文字),。

(二)打開源文件,分析圖層,,講解遮罩層與被遮罩層的內(nèi)容和關(guān)系

遮罩層與被遮罩層:1.遮罩層圖形

2.被遮罩層:被擋住的圖片或文字(最終看到的內(nèi)容)

(三)展示遮罩動(dòng)畫實(shí)例2——圖片展示,,讓學(xué)生分析遮罩層與被遮罩層的內(nèi)容,落實(shí)知識(shí)點(diǎn),。

大家分析:哪一個(gè)是遮罩層,,哪一個(gè)是被遮罩層。

二,、以實(shí)例“文字出現(xiàn)”為例,,演示并講解遮罩效果的制作過(guò)程。

第一步:打開flash軟件,,新建兩個(gè)圖層,,分別命名為“遮罩層”和“被遮罩層”

注意:“遮罩層”位于“被遮罩層”上方

第二步:在“被遮罩層”中輸入文字。點(diǎn)擊第一幀,,輸入文字“古城中學(xué)”,,在第40幀插入關(guān)鍵幀。

第三步:在“遮罩層”中繪制圖形,。在第一幀繪制一個(gè)矩形,,在文字左邊,與文字不相交,。在第30幀處,,將矩形并行移動(dòng)到文字上直至完全與文字重疊,。然后在第1幀與第30幀之間創(chuàng)建運(yùn)動(dòng)補(bǔ)間動(dòng)畫。

第四步:右鍵單擊“遮罩層”,,在菜單中選擇“遮罩層”,。遮罩動(dòng)畫制作完成。

三,、鞏固練習(xí)

學(xué)生根據(jù)教師演示的步驟,,制作文字出現(xiàn)的動(dòng)畫。

四,、請(qǐng)學(xué)生展示,。教師總結(jié)

教學(xué)反思:

制作flash動(dòng)畫教案篇五

flash面具動(dòng)畫課程計(jì)劃

教材分析

本課程是基于山西經(jīng)濟(jì)出版社信息化教學(xué)內(nèi)容的基礎(chǔ)上發(fā)展的教學(xué)。本課的教學(xué)內(nèi)容是閃光光掩模動(dòng)畫,。作為一個(gè)開發(fā)類,,重點(diǎn)關(guān)注學(xué)生理解面具動(dòng)畫的原理和生產(chǎn)簡(jiǎn)單面具效果動(dòng)畫,進(jìn)一步提高學(xué)生動(dòng)畫技能的水平,。

學(xué)習(xí)分析

由于新教科書沒有具體安排本章的面具動(dòng)畫,,而是學(xué)生在基本動(dòng)畫前面學(xué)會(huì)了不能滿足學(xué)生擴(kuò)大意識(shí)的需要,學(xué)生在簡(jiǎn)單的逐幀動(dòng)畫,,動(dòng)作補(bǔ)間和形狀填充之后,,想要掌握更深的操作技能,學(xué)生通過(guò)生產(chǎn)閃光燈面具動(dòng)畫的原理和基本應(yīng)用,,開發(fā)學(xué)生深入研究flash興趣和實(shí)踐學(xué)習(xí)能力,。

教學(xué)目標(biāo)

知識(shí)和技能

(1)掌握面具動(dòng)畫的基本原理;(2)了解掩模層和掩模層之間的關(guān)系;(3)使用面具知識(shí),學(xué)習(xí)探照燈,,動(dòng)態(tài)文字效果動(dòng)畫制作;2.方法和方法

(1)通過(guò)分析掩模盒,,掌握生產(chǎn)的掩模 三個(gè)步驟加深理解掩模的原理;(2)通過(guò)生產(chǎn)面具實(shí)例,提高學(xué)生使用掩蔽能力的靈活性;情感態(tài)度和價(jià)值觀

(1)培養(yǎng)學(xué)生深入研究閃光興趣,,體驗(yàn)創(chuàng)作成功的喜悅和成就感;(2)通過(guò)知識(shí)點(diǎn)的遷移,,培養(yǎng)學(xué)生的創(chuàng)新精神和適應(yīng)能力;教學(xué)重點(diǎn)和困難

教學(xué)重點(diǎn)

掩模原理和掩模效應(yīng)的三步法生產(chǎn)。2.教學(xué)困難

了解掩模和掩模之間的關(guān)系,。

教學(xué)法

教學(xué)方法,,演示方法,分層任務(wù)驅(qū)動(dòng)方法,,自主查詢學(xué)習(xí)方法

教學(xué)準(zhǔn)備

多媒體網(wǎng)絡(luò)教室,,面具動(dòng)畫案例

班級(jí)安排

安排1小時(shí)。

教學(xué)過(guò)程

一,,進(jìn)口情況

晚上在燈塔中顯示動(dòng)畫卡通貓和老鼠拍攝電影的照片,,同時(shí)顯示動(dòng)畫效果的一些例子,本課的內(nèi)容:閃光面具動(dòng)畫。

學(xué)生欣賞的工作,,激發(fā)學(xué)習(xí)興趣,,清除本課的目標(biāo)

設(shè)計(jì)意圖:通過(guò)展示大量的面具示例來(lái)激發(fā)學(xué)生的學(xué)習(xí)興趣,引導(dǎo)學(xué)生思考,,導(dǎo)出本課 內(nèi)容,。

二,探索新知識(shí)

示例分析

以探照燈效果為例,,通過(guò)網(wǎng)絡(luò)教學(xué)軟件顯示源文件時(shí)間軸面板,,幫助學(xué)生分析動(dòng)畫的組成。題:

a.有幾層,?

二,,一層是背景,一層是圖形(圓)

b.圓圈層中的動(dòng)畫類型是什么,?(動(dòng)作補(bǔ)間)

學(xué)生小心觀察和回答問(wèn)題

設(shè)計(jì)意圖:通過(guò)問(wèn)題來(lái)幫助學(xué)生審查前面的知識(shí)點(diǎn)(層,,動(dòng)作補(bǔ)間動(dòng)畫的特點(diǎn))2.原則說(shuō)明

面具的意義有點(diǎn)抽象,可以準(zhǔn)備一個(gè)預(yù)先準(zhǔn)備的教具提供形狀;b.被覆蓋-提供被阻止的內(nèi)容(文字,,圖片等)3.示范

到探照燈,。fla文檔,例如,,解釋其特性和生產(chǎn)方法,。

強(qiáng)調(diào):生產(chǎn)思想3步:

a.哪一層先?什么層(掩模層/掩模層),?首先做掩模層,做掩模層,。b.重新分析誰(shuí)是掩模層,,誰(shuí)是掩模層?背景被掩蓋,,圓圈被掩蓋,。c.最后,誰(shuí)在移動(dòng),?什么樣的舉動(dòng),?在動(dòng)作中循環(huán)移動(dòng)運(yùn)動(dòng)。

(引導(dǎo)學(xué)生設(shè)置圖形層是通過(guò)圖形層來(lái)完成掩膜層,,以查看文字掩模效果,,從而實(shí)現(xiàn)探照燈效果)

4.學(xué)生在機(jī)器練習(xí)

基本任務(wù):探照燈面罩動(dòng)畫。

展開任務(wù):動(dòng)態(tài)文本,。

教師巡查咨詢,,及時(shí)關(guān)注糾正學(xué)生錯(cuò)誤的問(wèn)題

設(shè)計(jì)意圖:基本任務(wù)比較簡(jiǎn)單,擴(kuò)展任務(wù)集 是幫助學(xué)生一步一步完成整個(gè)動(dòng)畫。培養(yǎng)學(xué)生自學(xué)能力,。

顯示,,評(píng)估,總結(jié),。

展示學(xué)生優(yōu)秀作品,,總結(jié)面具動(dòng)畫知識(shí)點(diǎn),學(xué)生自我評(píng)價(jià),,缺乏反饋,,總結(jié)學(xué)到的知識(shí)點(diǎn),根據(jù)情況,,交流反饋,,鼓勵(lì)學(xué)生積極學(xué)習(xí)flash軟件。

全文閱讀已結(jié)束,,如果需要下載本文請(qǐng)點(diǎn)擊

下載此文檔
你可能感興趣的文章
a.付費(fèi)復(fù)制
付費(fèi)獲得該文章復(fù)制權(quán)限
特價(jià):5.99元 10元
微信掃碼支付
已付款請(qǐng)點(diǎn)這里
b.包月復(fù)制
付費(fèi)后30天內(nèi)不限量復(fù)制
特價(jià):9.99元 10元
微信掃碼支付
已付款請(qǐng)點(diǎn)這里 聯(lián)系客服