無(wú)論是身處學(xué)校還是步入社會(huì),大家都嘗試過(guò)寫(xiě)作吧,借助寫(xiě)作也可以提高我們的語(yǔ)言組織能力。那么我們?cè)撊绾螌?xiě)一篇較為完美的范文呢?下面是小編幫大家整理的優(yōu)質(zhì)范文,僅供參考,大家一起來(lái)看看吧。
介紹flash動(dòng)畫(huà)的教學(xué)課件 flash動(dòng)畫(huà)入門(mén)教程篇一
第一章 網(wǎng)頁(yè)設(shè)計(jì)制作概述
授課時(shí)數(shù):2 理論講授:1 教學(xué)目的和任務(wù):
通過(guò)分析國(guó)內(nèi)外優(yōu)秀動(dòng)畫(huà)作品,了解動(dòng)畫(huà)的發(fā)展和歷史。欣賞不同國(guó)家動(dòng)畫(huà)片的特色,以及學(xué)院派和商業(yè)派的不同。確立今后的學(xué)習(xí)目的。
教學(xué)重點(diǎn): 欣賞動(dòng)畫(huà)片分析學(xué)院派動(dòng)畫(huà)和商業(yè)動(dòng)畫(huà)的區(qū)別以及目的。思考傳統(tǒng)動(dòng)畫(huà)轉(zhuǎn)嫁到當(dāng)今時(shí)代的無(wú)市動(dòng)畫(huà)的優(yōu)勢(shì)和缺點(diǎn)。
教學(xué)方法:講授、示范、課堂作業(yè)評(píng)解與逐一輔導(dǎo)。教學(xué)過(guò)程(內(nèi)容、方法、步驟): 動(dòng)畫(huà)在長(zhǎng)時(shí)間的發(fā)展至今的形式以及傳播的方式 個(gè)人動(dòng)畫(huà)與團(tuán)體動(dòng)畫(huà)的區(qū)別 動(dòng)畫(huà)周邊
第二章 認(rèn)識(shí)flash 授課時(shí)數(shù):6 理論講授:1
教學(xué)目標(biāo):要求學(xué)生掌握f(shuō)lash軟件的基本特征以及和其他軟件的區(qū)別。
重點(diǎn):動(dòng)畫(huà)中時(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)編輯畫(huà)面的觀察位置和顯示比例的。其中兩個(gè)工具按鈕的名稱(chēng)與作用如表1-1-3所示。
(3)“顏色”欄:工具箱之“顏色”欄的工具是用來(lái)確定繪制圖形的線(xiàn)條和填充的顏色。其中各工具按鈕的名稱(chēng)與作用如下。
(筆觸顏色)按鈕:用于給線(xiàn)著色,也叫作描繪顏色。(填充色)按鈕:用于給填充著色。
(從左到右分別是:黑白、沒(méi)有顏色和交換顏色)按鈕:?jiǎn)螕簟昂诎住卑粹o,可使筆觸顏色和填充色恢復(fù)到默認(rèn)狀態(tài)(筆觸顏色為黑色,填充色為白色)。在選擇了橢圓或矩形工具后,“沒(méi)有顏色”按鈕才有效,變?yōu)?,單擊它可以在沒(méi)有顏色和有顏色之間切換。單擊“交換顏色”按鈕,可以使筆觸顏色與填充色互換。
(4)“選項(xiàng)”欄:工具箱之“選項(xiàng)”欄中放置了用于對(duì)當(dāng)前激活的工具進(jìn)行設(shè)置的一些屬性和功能按鈕等選項(xiàng)。這些選項(xiàng)是隨著用戶(hù)選用工具的改變而變化的,大多數(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、用橢圓畫(huà)個(gè)畫(huà)環(huán) 操作步驟:
1、用填充色畫(huà)圓,并設(shè)置筆觸的粗細(xì)。
2、設(shè)置邊線(xiàn)的填充色為“七彩色”。
3、將該線(xiàn)形圓環(huán)轉(zhuǎn)換成填充色:修改--形狀--將線(xiàn)條為填充。
4、使用“墨水瓶”工具給圓環(huán)加邊線(xiàn)。
4、用多邊形工具畫(huà)太陽(yáng)
操作步驟:
1、用多邊星形工具制作太陽(yáng)的外圍,作以下設(shè)置:(1)將矩形工具轉(zhuǎn)換成多角星形工具(2)設(shè)置多角星形的“屬性”中的“選項(xiàng)”
(3)設(shè)置“樣式”為星形,輸入星形數(shù),及星形頂點(diǎn)大?。旤c(diǎn)越小,星形越尖)
2、設(shè)置填充色為放射性,無(wú)邊線(xiàn)
3、開(kāi)始畫(huà)星形。
4、創(chuàng)建一個(gè)同心的圓為太陽(yáng)的臉。
5、使用直線(xiàn)工具畫(huà)眼、嘴。(注意:用選擇工具調(diào)整其曲線(xiàn)度,利用變形工具作旋轉(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)畫(huà)制作的關(guān)鍵要素
1、幀——是進(jìn)行flash動(dòng)畫(huà)制作的最基本的單位,每一個(gè)精彩的flash動(dòng)畫(huà)都是由很多個(gè)精心雕琢的幀構(gòu)成的,在時(shí)間軸上的每一幀都可以包含需要顯示的所有內(nèi)容,包括圖形、聲音、各種素材和其他多種對(duì)象。
2、關(guān)鍵幀——顧名思義,有關(guān)鍵內(nèi)容的幀。用來(lái)定義動(dòng)畫(huà)變化、更改狀態(tài)的幀,即編輯舞臺(tái)上存在實(shí)例對(duì)象并可對(duì)其進(jìn)行編輯的幀。
3、空白關(guān)鍵幀——空白關(guān)鍵幀是沒(méi)有包含舞臺(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)畫(huà)文件的體積;
② 盡量避免在同一幀處過(guò)多的使用關(guān)鍵幀,以減小動(dòng)畫(huà)運(yùn)行的負(fù)擔(dān),使畫(huà)面播放流暢。
二、基本動(dòng)畫(huà)
1、變形動(dòng)畫(huà):要求參與動(dòng)畫(huà)的對(duì)象必須是形狀,不得使用元件。
例如:以下動(dòng)畫(huà)中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)畫(huà)補(bǔ)間。
2、旋轉(zhuǎn)動(dòng)畫(huà):
一般旋轉(zhuǎn)度數(shù)在360度以上,則采用實(shí)例,即旋轉(zhuǎn)的對(duì)象必須是通過(guò)元件調(diào)入的。而旋轉(zhuǎn)度小于360度,則旋轉(zhuǎn)對(duì)象可以是形狀。動(dòng)畫(huà)設(shè)定只需二個(gè)關(guān)鍵幀。
例如:拖影文字
操作步驟: ①建立文字元件。
②創(chuàng)建第一圖層,設(shè)定第一、二關(guān)鍵幀(同幀),并設(shè)制“動(dòng)畫(huà)”補(bǔ)間,旋轉(zhuǎn)為1次。
②創(chuàng)建第二圖層,此層為陰影層,復(fù)制第一層的關(guān)鍵幀。
③創(chuàng)建第三至第九圖層,這些層均為拖影層,每層之間涉后二幀。與第一圖層相比,這些層均要調(diào)整透明度。
3、直線(xiàn)運(yùn)動(dòng)動(dòng)畫(huà):任何對(duì)象都可以設(shè)置直線(xiàn)動(dòng)畫(huà),只需二個(gè)關(guān)鍵幀
4、漸變運(yùn)動(dòng)動(dòng)畫(huà)
① 淡入、淡出動(dòng)畫(huà):使用實(shí)例才能完成此項(xiàng)動(dòng)畫(huà),一般通過(guò)調(diào)整關(guān)鍵幀的透明度來(lái)設(shè)置場(chǎng)景中的各實(shí)例的出現(xiàn)方式。一般淡入淡出式動(dòng)畫(huà)是用二個(gè)關(guān)鍵幀完成,第一關(guān)鍵幀為全透明(100%)或部分透明,第二關(guān)鍵幀透明度為0。
③閃爍動(dòng)畫(huà):一般用三個(gè)關(guān)鍵幀完成,即從淡入到淡出的過(guò)程,即全透明--不透明--全透明的設(shè)置過(guò)程。
例如:以下例子中星星,就是用影片元件來(lái)完成的。
作
業(yè): 思考不同簡(jiǎn)單重復(fù)動(dòng)做的制作,繪制不同動(dòng)作的圖形以及在不同時(shí)間上所出現(xiàn)的形態(tài)
要
求: 掌握時(shí)間在動(dòng)畫(huà)制作中的重要性,加速與減速。
第四章
flash動(dòng)畫(huà)基礎(chǔ)
授課時(shí)數(shù):5 理論講授:3
教學(xué)目標(biāo):在動(dòng)畫(huà)表現(xiàn)種以每秒為單位,掌握不同類(lèi)型動(dòng)畫(huà)的楨頻以及原畫(huà)和過(guò)度畫(huà)的區(qū)別。
重點(diǎn):在傳播途徑中動(dòng)畫(huà)的楨頻的不同決定了單位每秒的不同。
難點(diǎn):flash軟件中時(shí)間軸和關(guān)鍵楨的理解。
教學(xué)方法:觀察法、對(duì)比法、練習(xí)法
教學(xué)過(guò)程:
flash時(shí)間楨的掌握,在不斷演示中將flash軟件制作的基本流程給學(xué)生做大致的介紹
復(fù)習(xí)鞏固:
1、直線(xiàn)動(dòng)畫(huà):二個(gè)關(guān)鍵幀,對(duì)象有位移。
2、旋轉(zhuǎn)動(dòng)畫(huà):二個(gè)關(guān)鍵幀,對(duì)象是元件就可實(shí)現(xiàn)自轉(zhuǎn),自轉(zhuǎn)時(shí)要注意中心點(diǎn)的確立。
3、漸變動(dòng)畫(huà):二個(gè)關(guān)鍵幀,必須是元件才可實(shí)現(xiàn)色調(diào)、透明色的變化。
4、幀幀動(dòng)畫(huà):整個(gè)動(dòng)畫(huà)是由多個(gè)關(guān)鍵幀排列完成的,一般有二類(lèi),即逐幀動(dòng)畫(huà),或閃爍動(dòng)畫(huà)(中間帶空幀)。
作
業(yè): 用繪制圖符的辦法繪制不同圖形,人物 植物 動(dòng)物
要
求: 在掌握基本變形處理的基礎(chǔ)上做到適當(dāng)夸張變形處理。
第五章 交 互 動(dòng) 畫(huà) 入 門(mén)
教學(xué)任務(wù):
1、掌握按鈕制作技巧(基礎(chǔ))
2、了解動(dòng)作腳本入門(mén)及控制影片方法(提高)
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)畫(huà)的概念
能夠產(chǎn)生畫(huà)面跳轉(zhuǎn)變化或者執(zhí)行相應(yīng)的程序,來(lái)控制這個(gè)對(duì)象的移動(dòng)、變色、變形等一些特等任務(wù)的動(dòng)畫(huà)。
1、背景層的創(chuàng)建: ①設(shè)定場(chǎng)景色
②用鋼筆工具勾勒一個(gè)上邊為曲線(xiàn)的多邊形。
③復(fù)制曲線(xiàn)。
2、運(yùn)動(dòng)引導(dǎo)層的創(chuàng)建:
運(yùn)動(dòng)引導(dǎo)層的作用:該層中專(zhuān)門(mén)用來(lái)放置物體運(yùn)動(dòng)的軌跡,軌跡一般用線(xiàn)條描述,而在運(yùn)動(dòng)引導(dǎo)層中的線(xiàn)條在實(shí)際導(dǎo)出成swf文件時(shí)是不可見(jiàn)。
使用的方法:要使用軌跡的對(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í)最好打開(kāi)“帖緊至對(duì)象”工具,這樣當(dāng)吸附正確時(shí)中心點(diǎn)會(huì)放大。
二、交互動(dòng)畫(huà)的組成
事件、動(dòng)作 事件是觸發(fā)動(dòng)作的信號(hào),動(dòng)作是事件的結(jié)果。
1、水泡的制作
透明度為0,2,100
水泡的顏色調(diào)板:白色
2、浮起的水泡制作(影片元件)
3、游動(dòng)的小魚(yú)
可以從左向右游動(dòng),也可以從右向左游動(dòng),小魚(yú)的運(yùn)動(dòng)軌跡為
4、在場(chǎng)景中創(chuàng)建: ①背景圖片放入場(chǎng)景。
②建立第二層,放入大小不一的水影片元件,注意水泡的放置位置
③建立第三層,放入多條小魚(yú),使用小魚(yú)的影片元件時(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)擊”畫(huà)出點(diǎn)范圍即可。
制作以下實(shí)例
1、基本按鈕
分析:
1、彈起:二個(gè)圖片元件
2、經(jīng)過(guò):與彈起時(shí)的一個(gè)圖片元件相同,在此基礎(chǔ)上用“按我”的圖片元件創(chuàng)建一個(gè)影片元件。
3、按下:“謝謝”圖片元件
練習(xí):制作一個(gè)帶有以下動(dòng)畫(huà)效果的按鈕
四、常用動(dòng)作函數(shù)
① stop():用來(lái)控制動(dòng)畫(huà)的與幀停止
② play():用來(lái)控制動(dòng)畫(huà)的播放
③ gotoandplay():用來(lái)控制動(dòng)畫(huà)中場(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í)候,并沒(méi)有激發(fā)播放動(dòng)作,而是當(dāng)鼠標(biāo)左鍵放開(kāi)的時(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)到按鈕以外的地方放開(kāi)后,觸發(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)畫(huà)就開(kāi)始執(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)到按鈕上并離開(kāi)時(shí)執(zhí)行下面動(dòng)作。play(): //按鈕響應(yīng)播放動(dòng)作。}
如圖所示。
rollout動(dòng)作
滑離與滑過(guò)并不是相同的,滑離是指鼠標(biāo)滑動(dòng)到按鈕上并離開(kāi)以后開(kāi)始響應(yīng),而滑過(guò)是指只要鼠標(biāo)滑到按鈕上,就開(kāi)始執(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)按下鍵盤(pán)中的“z”健時(shí)執(zhí)行下面的動(dòng)作。play();//執(zhí)行播放動(dòng)作 }
如圖所示。
keypress動(dòng)作
注 意 ——在給動(dòng)畫(huà)作品添加按鈕的時(shí)候應(yīng)該放到單獨(dú)一層,這樣便于修改。
提 示 ——on為按鈕上的動(dòng)作,所以我們必須首先要選中按鈕,以后才可以添加on語(yǔ)句。有的朋友在論壇里面提問(wèn),“為什么我的on為灰色不可選狀態(tài)?”原因就是你沒(méi)有選中按鈕。
技 巧 ——在一般flash作品中,大家不會(huì)有意區(qū)分這些on的功能的,一般采用默認(rèn)的語(yǔ)句。如果沒(méi)有特殊說(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)畫(huà),并使用上面的按鈕及stop()和play()代碼控制動(dòng)畫(huà)的播放與停止。
四、制作多個(gè)場(chǎng)景(大余2個(gè)),并用按鈕及gotoandplay命令實(shí)現(xiàn)場(chǎng)景之間的跳轉(zhuǎn)。
第六章
交互的flash 動(dòng)畫(huà)
授課時(shí)數(shù):44 理論講授:6
教學(xué)目標(biāo):在了解二維動(dòng)畫(huà)的基礎(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)畫(huà)的制作:
1、制作一個(gè)圖處元件:雪片
2、制作一個(gè)影片元件:一片雪花飄落的過(guò)程(引導(dǎo)層)
3、“下雪”的代碼: 第一關(guān)鍵幀上的代碼:
第二關(guān)鍵幀上的代碼:
第三關(guān)鍵幀上的代碼:
制作并講解上一節(jié)課的作業(yè)縱向百葉窗。
知識(shí)點(diǎn): ①分散到圖層。②直線(xiàn)動(dòng)畫(huà)的制作。③關(guān)鍵幀的復(fù)制。④遮照的使用。
二、制作跑車(chē)廣告
1、準(zhǔn)備工作,試著制作下列圖案
2、查看跑車(chē)廣告
3、分析跑車(chē)廣告的元件及圖層 ①數(shù)字計(jì)時(shí):幀幀動(dòng)畫(huà)
②遮照效果:遮照層:動(dòng)畫(huà)層(形狀補(bǔ)間的變形動(dòng)畫(huà)、)被遮照層:清晰跑車(chē) 背景層:模糊跑車(chē)
③落下帷幕:縮放動(dòng)畫(huà)、變形動(dòng)畫(huà)。
4、時(shí)間軸參考
介紹flash動(dòng)畫(huà)的教學(xué)課件 flash動(dòng)畫(huà)入門(mén)教程篇二
篇一:《制作flash動(dòng)畫(huà)》教學(xué)設(shè)計(jì)
《制作flash動(dòng)畫(huà)》教學(xué)設(shè)計(jì) [教材分析] [教學(xué)目標(biāo)分析] 1.知識(shí)目標(biāo)
⑴啟動(dòng)并認(rèn)識(shí)flash8的操作界面;
⑵初步理解動(dòng)畫(huà)制作中的基本概念,并嘗試制作簡(jiǎn)單的flash動(dòng)畫(huà)。2.能力目標(biāo)
⑴學(xué)會(huì)使用flash工具箱繪制動(dòng)畫(huà)的基本元素;
⑵培養(yǎng)學(xué)生自主探索、團(tuán)隊(duì)合作的意識(shí)。3.情感目標(biāo)
⑴讓學(xué)生通過(guò)欣賞優(yōu)秀作品,激發(fā)良好的創(chuàng)作欲望和學(xué)生學(xué)習(xí)計(jì)算機(jī)的濃厚興趣; ⑵通過(guò)對(duì)動(dòng)畫(huà)結(jié)構(gòu)及層次的分析,培養(yǎng)學(xué)生從整體到局部,再到整體的系統(tǒng)認(rèn)識(shí)事物的習(xí)慣和能力。[教學(xué)重難點(diǎn)分析] 重點(diǎn):動(dòng)畫(huà)角色移動(dòng)的制作方法。
難點(diǎn):界面的理解與認(rèn)識(shí);對(duì)幀的初步理解。[教學(xué)方法分析] 任務(wù)驅(qū)動(dòng)教學(xué)法:上課之前先讓學(xué)生知道本節(jié)課的知識(shí)任務(wù)是制作一個(gè)小球從高處落下,著地后再反彈回去的flash動(dòng)畫(huà)。
演示法:給學(xué)生演示本節(jié)課的知識(shí)要點(diǎn)。[學(xué)生分析] 本節(jié)課的學(xué)習(xí)對(duì)象是初二學(xué)生,這些學(xué)生一般都接觸過(guò)網(wǎng)絡(luò),對(duì)flash動(dòng)畫(huà)不是很陌生,但是對(duì)這些動(dòng)畫(huà)是如何制作出來(lái)的有很大的神秘感,所以學(xué)習(xí)起來(lái)會(huì)有很大的興趣。另外我校學(xué)生在小學(xué)階段的學(xué)習(xí)中已經(jīng)掌握了畫(huà)圖軟件的使用方法,所以在學(xué)習(xí)flash圖形繪制工具的時(shí)候不用講得太多,學(xué)生就可以初步掌握這些軟件的使用方法。[教學(xué)設(shè)計(jì)思路] 本教學(xué)設(shè)計(jì)是以制作模擬游戲“打地鼠”和制作模擬運(yùn)動(dòng)“撞球”flash動(dòng)畫(huà)作為任務(wù),讓學(xué)生體驗(yàn)flash動(dòng)畫(huà)制作的一般步驟,初步理解flash動(dòng)畫(huà)制作中的一些基本概念,學(xué)會(huì)創(chuàng)建和調(diào)用圖形元件,嘗試制作簡(jiǎn)單的補(bǔ)間動(dòng)畫(huà)。通過(guò)對(duì)制作過(guò)程的了解,讓學(xué)生消除動(dòng)畫(huà)制作的神秘感,激發(fā)學(xué)生學(xué)習(xí)flash動(dòng)畫(huà)制作的求知欲。[教學(xué)過(guò)程]
一、導(dǎo)入
欣賞兩段經(jīng)典flash動(dòng)畫(huà):⑴簡(jiǎn)單愛(ài)mv⑵小小系列武打動(dòng)畫(huà)。[設(shè)計(jì)意圖]第一段動(dòng)畫(huà)讓學(xué)生欣賞豐富多彩的動(dòng)畫(huà)畫(huà)面,讓學(xué)生體會(huì)動(dòng)畫(huà)所帶來(lái)的樂(lè)趣,激發(fā)他們的創(chuàng)作欲望,第二段動(dòng)畫(huà)則點(diǎn)燃學(xué)生創(chuàng)作的熱情,調(diào)動(dòng)他們的興趣。
二、新授
⑴啟動(dòng)flash8軟件。
在學(xué)習(xí)flash軟件之前介紹什么是動(dòng)畫(huà),并說(shuō)明動(dòng)畫(huà)的基本單位是“幀”,而不是人們常用的“分”、“秒”等。⑵介紹flash界面
通過(guò)角色類(lèi)比導(dǎo)出元件、庫(kù)、場(chǎng)景、時(shí)間軸等概念。1.時(shí)間軸
包括“時(shí)間線(xiàn)”和“圖層控制區(qū)”兩部分?!皶r(shí)間線(xiàn)”可以顯示動(dòng)畫(huà)中各幀的排列順序。此對(duì)象好比是電影拍攝中所使用的劇本,“幀”則就可以看作是各個(gè)分鏡頭。2.舞臺(tái)
此對(duì)象好比電影中的舞臺(tái)一樣,在“舞臺(tái)”外面的內(nèi)容是無(wú)法看到的,所以在制作動(dòng)畫(huà)過(guò)程中把握好對(duì)象的進(jìn)出。3.工具欄
和我們之前學(xué)過(guò)的畫(huà)圖板有很多類(lèi)似的地方,主要是用來(lái)繪制和修改動(dòng)畫(huà)中的對(duì)象。4.其它工具面板
這些對(duì)象就像我們拍電影時(shí)的美工一樣,對(duì)動(dòng)畫(huà)過(guò)程中的對(duì)象進(jìn)行修飾與美化。(表1)[設(shè)計(jì)意圖]簡(jiǎn)單介紹“幀”的概念,讓學(xué)生初步的了解,由于學(xué)生第一次接觸flash,不講述太多的理論內(nèi)容,所以簡(jiǎn)單地交代一下界面。類(lèi)比生活中的概念,有助于學(xué)生接受flash軟件中遇到的概念,便于更深入的學(xué)習(xí)。
⑶動(dòng)畫(huà)的制作過(guò)程
師:語(yǔ)文課上我們寫(xiě)記敘文六要素是什么? 生:時(shí)間、地點(diǎn)、人物、事情的起因經(jīng)過(guò)結(jié)果。
師:其實(shí)flash動(dòng)畫(huà)和它很類(lèi)似,下面我們就一起來(lái)學(xué)習(xí)簡(jiǎn)單動(dòng)畫(huà)的制作方法。步驟: 1.選擇“插入”菜單下新建元件->繪制小球并設(shè)置相關(guān)屬性;
2.回到“主場(chǎng)景”打開(kāi)“庫(kù)”面板,將庫(kù)中小球元件拖入主場(chǎng)景中第一幀; 3.在時(shí)間軸30幀即停止幀處插入“關(guān)鍵幀”;
4.將當(dāng)前幀中將小球元件移動(dòng)到場(chǎng)景右側(cè)目標(biāo)位置; 5.在時(shí)間軸第1幀處創(chuàng)建補(bǔ)間動(dòng)畫(huà); 6.最后測(cè)試動(dòng)畫(huà)。
[設(shè)計(jì)意圖]通過(guò)與語(yǔ)文中記敘文類(lèi)比進(jìn)行引導(dǎo),拓展學(xué)生的想象空間,同時(shí)也有助于學(xué)生理解動(dòng)畫(huà)制作過(guò)程的概念。
⑷布置任務(wù)
基礎(chǔ)任務(wù):制作一個(gè)小球,要求小球從舞臺(tái)左側(cè)移動(dòng)到屏幕右側(cè)。
提高任務(wù):制作一個(gè)小球,要求小球從舞臺(tái)左側(cè)移動(dòng)到右側(cè),然后反彈回左側(cè)。[設(shè)計(jì)意圖]以學(xué)生為中心,分層教學(xué),對(duì)于基礎(chǔ)差的學(xué)生只要求完成“基礎(chǔ)任務(wù)”,基礎(chǔ)較好的同學(xué)可以在完成“基礎(chǔ)任務(wù)”的基礎(chǔ)上繼續(xù)完成“提高任務(wù)”,加強(qiáng)學(xué)生對(duì)場(chǎng)景、時(shí)間軸、幀、關(guān)鍵幀的印象。
⑸總結(jié)學(xué)生在制作動(dòng)畫(huà)過(guò)程遇見(jiàn)的問(wèn)題(見(jiàn)課件)。
⑹思考:如果移動(dòng)的元件是一個(gè)人,結(jié)果會(huì)是怎樣?
補(bǔ)充任務(wù):1.制作一輪緩緩移動(dòng)的明月。
2.制作兩片移動(dòng)的云彩相向而動(dòng),形成薄云繞明月的怡人景象。3.根據(jù)所學(xué)知識(shí)自行設(shè)計(jì)一個(gè)動(dòng)畫(huà)。
[設(shè)計(jì)意圖]讓學(xué)生自主探索學(xué)習(xí)flash動(dòng)畫(huà),開(kāi)發(fā)他們的想象力與創(chuàng)造力,拓展學(xué)生的知識(shí)面。
⑺自由練習(xí)。
⑻展示學(xué)生作品。
[設(shè)計(jì)意圖]給學(xué)生展示一部分優(yōu)秀的作品,可以讓大家體會(huì)到自己完成一個(gè)動(dòng)畫(huà)作品的成就感,也容易使學(xué)生有激情進(jìn)一步學(xué)習(xí)動(dòng)畫(huà),從而創(chuàng)作出更多的作品。篇二:flash簡(jiǎn)單動(dòng)畫(huà)制作教案 flash簡(jiǎn)單動(dòng)畫(huà)制作教案
陳英
一、教學(xué)目標(biāo):
了解計(jì)算機(jī)動(dòng)畫(huà)制作原理和方法,掌握幾種簡(jiǎn)單動(dòng)畫(huà)的制作
二、教學(xué)對(duì)象: 09級(jí)學(xué)生
三、本此課程主要內(nèi)容
1、flash工作界面及基本操作及概念簡(jiǎn)要介紹
2、實(shí)例講解
四、教學(xué)重點(diǎn):
1、計(jì)算機(jī)動(dòng)畫(huà)的分類(lèi);關(guān)鍵幀、空白關(guān)鍵幀的概念;
2、簡(jiǎn)單對(duì)象的移動(dòng)、變形動(dòng)畫(huà)的制作方法
五、教學(xué)難點(diǎn):
引導(dǎo)層的制作
六、教學(xué)手段:
演示講授法,邊演示邊操作,學(xué)生同步跟隨學(xué)習(xí)。
七、教學(xué)方法:
實(shí)例講解法。即通過(guò)一個(gè)flash實(shí)例,講解其所涉及到的概念與基本技術(shù),激勵(lì)學(xué)生學(xué)習(xí)的興趣。
八、教學(xué)主要內(nèi)容講解:
(一)、導(dǎo)入:
首先播放一段flash動(dòng)畫(huà),該動(dòng)畫(huà)包含了本節(jié)課所要學(xué)習(xí)的主要操作內(nèi)容——對(duì)象的移動(dòng)及變形;引導(dǎo)學(xué)生了解flash動(dòng)畫(huà),并激發(fā)其學(xué)習(xí)flash動(dòng)畫(huà)制作的激情。
(二)、基本概念講解:
1、元件:一個(gè)位圖、矢量圖形、音樂(lè)片斷或是一段獨(dú)立的flash動(dòng)畫(huà)(好比是演員),通俗的講就是對(duì)象作為一個(gè)模塊,在不同幀中重復(fù)使用.這樣的好處在于因?yàn)榭梢栽谥貜?fù)使用,減小了flash的體積便于傳輸,也減小了flash制作者的工作量。元件都被放置在庫(kù)中,使用時(shí)只用將其拖放到場(chǎng)景中即可,在場(chǎng)景中只能對(duì)其位置和形狀進(jìn)行編輯,如果要對(duì)元件進(jìn)行編輯,需要切換到元件編輯狀態(tài)。元件分為:圖形元件、按鈕元件和電影剪輯元件。元件中圖形就是指動(dòng)態(tài)或者靜態(tài)的圖片元件,電影剪輯是flash小片段,按鈕就是具有一定圖形功能的按鈕圖形了。
庫(kù):存放動(dòng)畫(huà)元件的地方(好比是一場(chǎng)戲的后臺(tái))
2、場(chǎng)景:動(dòng)畫(huà)的表現(xiàn)場(chǎng)所(好比是舞臺(tái))
3、時(shí)間軸:動(dòng)畫(huà)制作的最重要的區(qū)域,是編輯動(dòng)畫(huà)的工作臺(tái),是加工動(dòng)畫(huà)的流水線(xiàn),包括了層編輯區(qū)、幀編輯區(qū)和時(shí)間線(xiàn)。(好比是劇本)
我們要制作一個(gè)動(dòng)畫(huà),就好比是在導(dǎo)演一出戲,需要找好演員(制作好元件),置于后臺(tái)(放在庫(kù)里),然后把演員放在舞臺(tái)上(把元件放在場(chǎng)景上),讓演員照著劇本演出(在時(shí)間線(xiàn)上設(shè)置開(kāi)始、結(jié)束時(shí)的狀態(tài),生成動(dòng)畫(huà))。
4、幀:就是時(shí)間軸上的小格子,一幀其實(shí)就是一幅圖,是構(gòu)成動(dòng)畫(huà)的基本單位。可分為關(guān)鍵幀、空白關(guān)鍵幀和過(guò)渡幀。
5、關(guān)鍵幀:是動(dòng)畫(huà)演示的基礎(chǔ),可以放入各種對(duì)象~聲音、圖片、按鈕、視頻等等,所有這些都只能放置到關(guān)鍵幀上,如果沒(méi)有關(guān)鍵幀,就沒(méi)有動(dòng)畫(huà)。兩個(gè)關(guān)鍵幀之間可以做補(bǔ)間動(dòng)畫(huà),這樣兩個(gè)關(guān)鍵幀就可以確定物體移動(dòng)的兩個(gè)關(guān)鍵點(diǎn)。關(guān)鍵幀用含有實(shí)心圓圈的方格表示。
6、空白關(guān)鍵幀:這個(gè)關(guān)鍵幀在場(chǎng)景上什么都沒(méi)有(不包括聲音和代碼),用含有空心圓圈的方格表示;如果加入對(duì)象后自動(dòng)變?yōu)殛P(guān)鍵幀。
兩個(gè)關(guān)鍵幀之間帶粉紅色有長(zhǎng)線(xiàn)箭頭標(biāo)志的幀:漸變動(dòng)畫(huà)~也叫補(bǔ)間動(dòng)畫(huà),能讓一個(gè)物體在這段幀之間作出來(lái),漸變移動(dòng)的效果(可以改變透明度等等)。
兩個(gè)關(guān)鍵幀之間帶綠色有長(zhǎng)線(xiàn)箭頭標(biāo)志的幀:形變動(dòng)畫(huà)~第一幀的動(dòng)畫(huà)到最后一幀的時(shí)候可以變化出另外一種圖形、形狀。
(三)、基本操作講解
1、移動(dòng)動(dòng)畫(huà)的制作
“插入”菜單欄à“新建元件”à設(shè)置名稱(chēng)”c1”,行為”圖形”,點(diǎn)“確定”à點(diǎn)“工具”面板里的“橢圓工具”à設(shè)置“橢圓工具”的相關(guān)屬性(包括筆觸顏色、粗細(xì)、樣式及填充顏色)à繪制橢圓(如果要繪制圓,請(qǐng)按住“shift”)à點(diǎn)擊“場(chǎng)景1”,回到場(chǎng)景里à點(diǎn)擊“窗口”菜單欄,選擇“庫(kù)”(可看到“庫(kù)”窗口被打開(kāi),剛才建立的c1元件在庫(kù)里)à點(diǎn)擊“時(shí)間軸”里的第1幀,把“庫(kù)”里的c1拖到場(chǎng)景的左邊à點(diǎn)擊“時(shí)間軸”里的第20幀,點(diǎn)擊右鍵,選擇“插入關(guān)鍵幀”(可在時(shí)間軸上看到第20幀處有“·”)à把剛才的對(duì)象從左邊拖到右邊à在時(shí)間軸第20幀以前的任意一幀點(diǎn)擊左鍵,在屬性面板里的“補(bǔ)間”后的下拉列表里選擇“動(dòng)作”,即可看到從第1幀到第20幀的時(shí)間軸背景為粉紅色并有一條帶箭頭的實(shí)線(xiàn)à回車(chē),欣賞剛才制作好的動(dòng)畫(huà)。
2、關(guān)鍵幀動(dòng)畫(huà):先行設(shè)計(jì)出若干關(guān)鍵性動(dòng)作的圖像畫(huà)面,然后利用計(jì)算機(jī)圖形技術(shù)的算法來(lái)自動(dòng)生成兩個(gè)關(guān)鍵幀之間的一系列過(guò)渡畫(huà)面。flash動(dòng)畫(huà)主要就是運(yùn)用關(guān)鍵幀動(dòng)畫(huà)技術(shù),比如我們剛才的這個(gè)“移動(dòng)動(dòng)畫(huà)”的制作。
3、運(yùn)動(dòng)路徑動(dòng)畫(huà):首先確定運(yùn)動(dòng)對(duì)象的移動(dòng)軌跡,并設(shè)定在移動(dòng)過(guò)程中對(duì)象需要改變的旋轉(zhuǎn)方向、色彩及形狀等參數(shù),軟化將整個(gè)運(yùn)動(dòng)過(guò)程交給計(jì)算機(jī)來(lái)完成。
4、變形動(dòng)畫(huà):適合模擬形狀變化頻繁的任務(wù)、動(dòng)物和自然現(xiàn)象,主要用于表現(xiàn)模擬自然或生活中實(shí)際的動(dòng)作,或科幻電影中虛幻、夸張的動(dòng)作(如電影《功夫》、《少林足球》等里面的夸張動(dòng)作)。
5、物理模型動(dòng)畫(huà):基于物理模型技術(shù)的三維動(dòng)畫(huà)制作,需要從外形、顏色、燈光、紋理、材質(zhì)等多方面模擬真實(shí)物理的各種物理屬性(如cctv6里《光影周刊》的虛擬主持人小龍)。
6、逐幀動(dòng)畫(huà):通過(guò)一幀幀地繪制,并按先后順序排列在時(shí)間軸上通過(guò)順序播放達(dá)到的動(dòng)畫(huà)效果。
說(shuō)明:
學(xué)生根據(jù)老師剛才的演示,自行練習(xí)移動(dòng)動(dòng)畫(huà)的制作(3-5分鐘)。
學(xué)生記住flash原始文件和flash影片的擴(kuò)展名(分別為fla和swf)。
(四)、實(shí)例講解——flash引導(dǎo)線(xiàn)制作雪花飄飄動(dòng)畫(huà)
1、新建一個(gè)flash影片。設(shè)背景為“黑色”,其他的用默認(rèn)值。
2、按ctrl+f8新建一個(gè)組件,類(lèi)型為“影片剪輯”,命名為“雪花”。在它的正中用“鉛筆”工具畫(huà)一個(gè)不規(guī)則的多邊形,然后用“顏料桶工具”將它填上白色。(如圖1-1所示)
3、再用ctrl+f8建一個(gè)組件,類(lèi)型為“影片剪輯”,命名為“前層”。
4、將組件“雪花”拖到其中,用“選定工具”中的“比例”功能把它縮?。ㄐ〖记桑合扔谩胺糯箸R”將它放大,然后再用“比例”功能,可縮得更小)。在第80幀上“插入關(guān)鍵幀”,在“圖層1”上用鼠標(biāo)右鍵的“添加引導(dǎo)線(xiàn)”功能(見(jiàn)圖1-2)。
在新增加的“引導(dǎo)線(xiàn):圖層1”的第1幀上,從“雪花”開(kāi)始,畫(huà)一條彎曲的曲線(xiàn)。將第80幀上的“雪花”沿曲線(xiàn)從頭拖到曲線(xiàn)的末尾。然后在“圖層1”的第1幀上點(diǎn)鼠標(biāo)右鍵,選“創(chuàng)見(jiàn)動(dòng)畫(huà)動(dòng)作”功能,見(jiàn)圖1-3。
5、第4步是制作一片雪花,下雪不是只下一片的吧。插入圖層,將第4步重復(fù)做10次。做好后的效果見(jiàn)圖1-4。
6、把第3至5步重復(fù)做兩次,不同之處是組件的命名分別為“中層”和“后層”?!把┗ā钡拇笮『汀耙龑?dǎo)線(xiàn)”的路徑不要一樣。這是為了多做幾個(gè)圖層,看起來(lái)效果細(xì)膩一點(diǎn)。
按ctrl+enter就可以看到效果了。篇三:flash動(dòng)畫(huà)制作教案 信息技術(shù)興趣小組活動(dòng)教案
王德 億利東方學(xué)校
第一周 flash的基本知識(shí)
教學(xué)目標(biāo):
1、熟悉flash的界面。
2、掌握幾個(gè)基本工具的使用:選取工具、變形工具、填充工具、線(xiàn)條工具、橢圓工具、矩形工具、顏料筒工具、墨水瓶工具。
3、掌握幾個(gè)基本術(shù)語(yǔ):圖層、元件
4、記住幾個(gè)快捷鍵
5、完成四幅繪制圖案 教學(xué)重點(diǎn): 應(yīng)用工具畫(huà)圖 教學(xué)難點(diǎn): 復(fù)雜遮照的創(chuàng)建。教學(xué)過(guò)程:
一、界面環(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)編輯畫(huà)面的觀察位置和顯示比例的。其中兩個(gè)工具按鈕的名稱(chēng)與作用如表1-1-3所示。(3)“顏色”欄:工具箱之“顏色”欄的工具是用來(lái)確定繪制圖形的線(xiàn)條和填充的顏色。其中各工具按鈕的名稱(chēng)與作用如下。
(筆觸顏色)按鈕:用于給線(xiàn)著色,也叫作描繪顏色。(填充色)按鈕:用于給填充著色。
(從左到右分別是:黑白、沒(méi)有顏色和交換顏色)按鈕:?jiǎn)螕簟昂诎住卑粹o,可使筆觸顏色和填充色恢復(fù)到默認(rèn)狀態(tài)(筆觸顏色為黑色,填充色為白色)。在選擇了橢圓或矩形工具后,“沒(méi)有顏色”按鈕才有效,變?yōu)?,單擊它可以在沒(méi)有顏色和有顏色之間切換。單擊“交換顏色”按鈕,可以使筆觸顏色與填充色互換。(4)“選項(xiàng)”欄:工具箱之“選項(xiàng)”欄中放置了用于對(duì)當(dāng)前激活的工具進(jìn)行設(shè)置的一些屬性和功能按鈕等選項(xiàng)。這些選項(xiàng)是隨著用戶(hù)選用工具的改變而變化的,大多數(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、用橢圓畫(huà)個(gè)畫(huà)環(huán) 操作步驟:
1、用填充色畫(huà)圓,并設(shè)置筆觸的粗細(xì)。
2、設(shè)置邊線(xiàn)的填充色為“七彩色”。
3、將該線(xiàn)形圓環(huán)轉(zhuǎn)換成填充色:修改--形狀--將線(xiàn)條為填充。
4、使用“墨水瓶”工具給圓環(huán)加邊線(xiàn)。效果如右:
4、用多邊形工具畫(huà)太陽(yáng) 操作步驟:
1、用多邊星形工具制作太陽(yáng)的外圍,作以下設(shè)置:(1)將矩形工具轉(zhuǎn)換成多角星形工具
(2)設(shè)置多角星形的“屬性”中的“選項(xiàng)”
(3)設(shè)置“樣式”為星形,輸入星形數(shù),及星形頂點(diǎn)大?。旤c(diǎn)越小,星形越尖)
2、設(shè)置填充色為放射性,無(wú)邊線(xiàn)
3、開(kāi)始畫(huà)星形。
4、創(chuàng)建一個(gè)同心的圓為太陽(yáng)的臉。
5、使用直線(xiàn)工具畫(huà)眼、嘴。(注意:用選擇工具調(diào)整其曲線(xiàn)度,利用變形工具作旋轉(zhuǎn))
四、課堂習(xí)題:自創(chuàng)月亮
五、課后作業(yè)
1、書(shū)本p34頁(yè)的實(shí)例6:茶杯。
第二周 各類(lèi)特效文字的制作
教學(xué)進(jìn)度:正常 教學(xué)目標(biāo):
1、要求學(xué)生掌握漸變工具、多角星形工具、墨水瓶工具、文字工具、濾鏡的使用。
4、掌握位圖的導(dǎo)入及矢量圖的轉(zhuǎn)換。
教學(xué)重點(diǎn):
1、掌握空心文字、投影文字、點(diǎn)框文字、彩虹文字、金屬文字、雪花文字的制作
教學(xué)難點(diǎn): 復(fù)雜遮照的創(chuàng)建。教學(xué)過(guò)程:
一、點(diǎn)框文字 制作步驟:
1、用文字工具輸入文字
2、將文字使用“分離”或按下(ctrl+b)組合鍵
3、再將每個(gè)分離的文字使用“分離”,即直到文字被選中時(shí)呈現(xiàn)點(diǎn)型。
4、使用“墨水瓶”工具,設(shè)置線(xiàn)型為“點(diǎn)型”,設(shè)置線(xiàn)的顏色(注意務(wù)必使用與文字顏色不同的一種顏色),用鼠標(biāo)單擊文字
5、所有文字的邊線(xiàn)勾勒完畢后,用選取工具選取文字內(nèi)心,并刪除。
二、彩虹文字 制作步驟:
1、用文字工具輸入文字
2、將文字使用“分離”,(分離二次)
3、選擇填充顏色,再用顏料筒單擊文字即可
三、彩圖文字 圖片下載 制作步驟:
1、用文字工具輸入文字
2、將文字使用“分離”
3、選擇填充類(lèi)型為“圖片”,圖片填充有二類(lèi)
4、再用墨水瓶工具勾勒邊緣
5、將邊緣線(xiàn)條轉(zhuǎn)化為填充
6、“修改”--“形狀”--“柔化填充邊緣”
四、雪花文字
五、補(bǔ)充知識(shí):倒影字的制作
六、課后作業(yè):制作一個(gè)圖案文字
小技巧:ctrl+v與ctrl+shift+v的區(qū)別:后者是復(fù)制時(shí)保持前后位置都一樣。
第三周 直線(xiàn)運(yùn)動(dòng)和變形運(yùn)動(dòng)
教學(xué)目標(biāo):
1、要求學(xué)生掌握直線(xiàn)運(yùn)動(dòng)和變形運(yùn)動(dòng)的補(bǔ)間。
2、掌握直線(xiàn)運(yùn)動(dòng)的特點(diǎn):元件與普通形狀對(duì)象都可以制作直線(xiàn)運(yùn)動(dòng)。
3、掌握變形運(yùn)動(dòng)的特點(diǎn):普通形狀對(duì)象可以變形。
4、掌握影片元件的制作方法。
教學(xué)重點(diǎn): 運(yùn)動(dòng)補(bǔ)間的設(shè)置;影片元件的創(chuàng)建。> 教學(xué)難點(diǎn): 關(guān)鍵幀/普通幀的區(qū)別; 教學(xué)過(guò)程:
一、導(dǎo)入:動(dòng)畫(huà)制作的關(guān)鍵要素
1、幀——是進(jìn)行flash動(dòng)畫(huà)制作的最基本的單位,每一個(gè)精彩的flash動(dòng)畫(huà)都是由很多個(gè)精心雕琢的幀構(gòu)成的,在時(shí)間軸上的每一幀都可以包含需要顯示的所有內(nèi)容,包括圖形、聲音、各種素材和其他多種對(duì)象。
2、關(guān)鍵幀——顧名思義,有關(guān)鍵內(nèi)容的幀。用來(lái)定義動(dòng)畫(huà)變化、更改狀態(tài)的幀,即編輯舞臺(tái)上存在實(shí)例對(duì)象并可對(duì)其進(jìn)行編輯的幀。
3、空白關(guān)鍵幀——空白關(guān)鍵幀是沒(méi)有包含舞臺(tái)上的實(shí)例內(nèi)容的關(guān)鍵幀。
4、普通幀——在時(shí)間軸上能顯示實(shí)例對(duì)象,但不能對(duì)實(shí)例對(duì)象進(jìn)行編輯操作的幀。
5、以上四種幀的區(qū)別
① 關(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)畫(huà)文件的體積;
② 盡量避免在同一幀處過(guò)多的使用關(guān)鍵幀,以減小動(dòng)畫(huà)運(yùn)行的負(fù)擔(dān),使畫(huà)面播放流暢。
二、基本動(dòng)畫(huà)
1、變形動(dòng)畫(huà):要求參與動(dòng)畫(huà)的對(duì)象必須是形狀,不得使用元件。
例如:以下動(dòng)畫(huà)中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)畫(huà)補(bǔ)間。思考:
2、直線(xiàn)運(yùn)動(dòng)動(dòng)畫(huà):任何對(duì)象都可以設(shè)置直線(xiàn)動(dòng)畫(huà),只需二個(gè)關(guān)鍵幀 例如:素材下載
3、漸變運(yùn)動(dòng)動(dòng)畫(huà)
① 淡入、淡出動(dòng)畫(huà):使用實(shí)例才能完成此項(xiàng)動(dòng)畫(huà),一般通過(guò)調(diào)整關(guān)鍵幀的透明度來(lái)設(shè)置場(chǎng)景中的各實(shí)例的出現(xiàn)方式。
一般淡入淡出式動(dòng)畫(huà)是用二個(gè)關(guān)鍵幀完成,第一關(guān)鍵幀為全透明(100%)或部分透明,第二關(guān)鍵幀透明度為0。
②閃爍動(dòng)畫(huà):一般用三個(gè)關(guān)鍵幀完成,即從淡入到淡出的過(guò)程,即全透明--不透明--全透明的設(shè)置過(guò)程。
例如:以下例子中星星,就是用影片元件來(lái)完成的。
4、旋轉(zhuǎn)動(dòng)畫(huà):一般旋轉(zhuǎn)度數(shù)在360度以上,則采用實(shí)例,即旋轉(zhuǎn)的對(duì)象必須是通過(guò)元件調(diào)入的。而旋轉(zhuǎn)度小于360度,則旋轉(zhuǎn)對(duì)象可以是形狀。動(dòng)畫(huà)設(shè)定只需二個(gè)關(guān)鍵幀。
例如:拖影文字(課后完成)操作步驟:
①建立文字元件,拖到舞臺(tái)
②創(chuàng)建第一圖層,設(shè)定第一、二關(guān)鍵幀(同幀),并設(shè)制“動(dòng)畫(huà)”補(bǔ)間,旋轉(zhuǎn)為1次。
②創(chuàng)建第二圖層,此層為陰影層,復(fù)制第一層的關(guān)鍵幀,用方向箭頭控制。③創(chuàng)建第三至第九圖層,這些層均為拖影層,每層之間涉后二幀。與第一圖層相比,這些層均要逐漸調(diào)整透明度。
三、總結(jié)鞏固:
1、圖形元件的制作
2、圖形元件的應(yīng)用: ①實(shí)例:元件調(diào)入到場(chǎng)景后,就叫實(shí)例,實(shí)例可以取名,以后便于以后寫(xiě)代碼(編程)時(shí)調(diào)用。②對(duì)元件的編輯: ③對(duì)實(shí)例的編輯:與元件編輯最大區(qū)別在于對(duì)元件本身不修改,主要的編輯方法有改變色調(diào)、透明度等。
介紹flash動(dòng)畫(huà)的教學(xué)課件 flash動(dòng)畫(huà)入門(mén)教程篇三
第一章
初識(shí)flash 第一講(第一周2學(xué)時(shí))課題名稱(chēng):初識(shí)flash 目的要求:主要介紹flash的用途以及基本操作,包括認(rèn)識(shí)flash、啟動(dòng)和退出flash、認(rèn)識(shí)flash的操作界面以及設(shè)置個(gè)性化操作界面。教學(xué)過(guò)程:
一、軟件介紹(參見(jiàn)書(shū)第2頁(yè)、第3頁(yè)、第4頁(yè))
flash是一款設(shè)計(jì)和制作二維動(dòng)畫(huà)的專(zhuān)業(yè)軟件,它采用了網(wǎng)絡(luò)流式媒體技術(shù)(即允許用戶(hù)在動(dòng)畫(huà)文件全部下載完之前播放已下載的部分,并在不知不覺(jué)中下載剩余的動(dòng)畫(huà)文件),突破了網(wǎng)絡(luò)帶寬的限制,能在網(wǎng)絡(luò)上快速地播放動(dòng)畫(huà),并實(shí)現(xiàn)動(dòng)畫(huà)交互。
flash之所以能占據(jù)網(wǎng)絡(luò)多媒體的重要位置,最重要的一點(diǎn)是因?yàn)樗捎昧耸噶考夹g(shù)(即基于矢量圖形的flash動(dòng)畫(huà),即使隨意縮放其尺寸,也不會(huì)影響圖像的質(zhì)量)。
flash與當(dāng)今最流行的網(wǎng)頁(yè)設(shè)計(jì)工具dreamweaver配合默契,flash動(dòng)畫(huà)可以直接潛入由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ù)目?!扒€(xiàn)擬合”:是繪制輪廓的方法。以像素為單位繪制的效果好,但轉(zhuǎn)換后形成的文件較大?!敖情撝怠保罕硎巨D(zhuǎn)角臨界值,轉(zhuǎn)角越多,圖越平滑,文件也越大。
參數(shù)設(shè)置不同,轉(zhuǎn)換后的效果不同。如果希望轉(zhuǎn)換后的圖像與原圖非常接近,可參考以下數(shù)值:
“顏色閾值”:10
“最小區(qū)域”:1像素 “曲線(xiàn)擬合”:像素
“角閾值”:較多轉(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開(kāi)始添加了濾鏡功能(窗口/屬性/濾鏡),該功能可以制作出許多意想不到的效果。比如發(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)畫(huà)功能
動(dòng)畫(huà)是flash最基本、也是最主要的功能,在flash中可以制作逐幀動(dòng)畫(huà)、形狀動(dòng)畫(huà)與補(bǔ)間動(dòng)畫(huà)。還有一種特殊的動(dòng)畫(huà),就是按鈕。按鈕動(dòng)畫(huà)中只有4幀,分別為“彈起”、“指針經(jīng)過(guò)”、“按下”與“點(diǎn)擊”,每一幀都有其自身的功能。實(shí)例五
五角星變?yōu)閳A形
第一章 初識(shí)flash 第二講(第一周 2學(xué)時(shí))課題名稱(chēng):制作動(dòng)畫(huà)前的準(zhǔn)備
目的要求:主要介紹制作動(dòng)畫(huà)前的準(zhǔn)備工作,包括文檔的新建、保存、關(guān)閉和打開(kāi)、設(shè)置動(dòng)畫(huà)環(huán)境、如何獲取素材和設(shè)置首選參數(shù)的方法等。教學(xué)過(guò)程:
三、flash的工作界面(參見(jiàn)書(shū)第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í)間軸(參見(jiàn)書(shū)第6頁(yè))
“時(shí)間軸”是編輯動(dòng)畫(huà)的地方,是幀排列的地方,是用于組織和控制動(dòng)畫(huà)的地方。flash將時(shí)間分割成許多同樣的小塊,每一塊表示一幀,在時(shí)間軸上對(duì)應(yīng)的是一個(gè)小格,由左向右按順序逐幀播放就形成了動(dòng)畫(huà)。
“時(shí)間軸”面板是由幀(幀管理區(qū))、圖層(層管理區(qū))和播放指針(幀指針?biāo)诘奈恢镁褪莿?dòng)畫(huà)播放的位置)組成的。時(shí)間軸用于組織動(dòng)畫(huà)各幀的內(nèi)容,并且可以控制動(dòng)畫(huà)每幀每層顯示的內(nèi)容,還可以顯示動(dòng)畫(huà)播放的速率等信息。單擊右上角的“幀視圖”按鈕,打開(kāi)的菜單中包含許多控制幀視圖的命令。
2、動(dòng)畫(huà)編輯舞臺(tái)(參見(jiàn)書(shū)第11頁(yè))
動(dòng)畫(huà)編輯舞臺(tái)位于窗口的正中位置,可以進(jìn)行動(dòng)畫(huà)的編輯制作,這是動(dòng)畫(huà)展示的舞臺(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)畫(huà),都必須首先創(chuàng)建文檔,最后保存文檔。新建文檔(參見(jiàn)書(shū)第16頁(yè)、第20頁(yè))
flash中的新建命令包括兩種情況:常規(guī)與模板,并且每一種情況中還包括多種類(lèi)型,這樣才能創(chuàng)建出多種多樣的動(dòng)畫(huà)。
在flash中執(zhí)行“文件”/“新建”命令,在默認(rèn)情況下創(chuàng)建的是常規(guī)的flash文件。當(dāng)創(chuàng)建空白flash文件后,文檔屬性是默認(rèn)的。要想查看甚至修改文檔屬性,可以執(zhí)行“修改”/“文檔”命令(ctrl+j)。在“文檔屬性”對(duì)話(huà)框中,可以設(shè)置文檔的標(biāo)題、尺寸、背景顏色等選項(xiàng);還可以設(shè)置“幀頻”選項(xiàng),該選項(xiàng)用于設(shè)置每秒顯示的動(dòng)畫(huà)幀的數(shù)量。對(duì)于大多數(shù)計(jì)算機(jī)顯示的動(dòng)畫(huà),特別是網(wǎng)站中播放的動(dòng)畫(huà),8fps~12fps就足夠了。實(shí)例六
創(chuàng)建文件,并設(shè)置參數(shù)
創(chuàng)建常規(guī)空白動(dòng)畫(huà)文件,設(shè)置其中的寬度為500像素,高度為300像素,幀頻為24fps,背景顏色為綠色#00ccff。
當(dāng)打開(kāi)“新建文件”對(duì)話(huà)框后,切換到“模板”選項(xiàng)卡,該列表中的選項(xiàng)是預(yù)先設(shè)置好的特殊的flash文件,它為flash文檔的最終創(chuàng)建提供了一個(gè)基礎(chǔ)框架。實(shí)訓(xùn)七
快速制作幻燈片動(dòng)畫(huà)
幻燈片動(dòng)畫(huà)通過(guò)交替顯示來(lái)展示圖像,在顯示圖像時(shí),幻燈片動(dòng)畫(huà)既可以自動(dòng)播放,也可以通過(guò)手動(dòng)逐一顯示圖像。
一、執(zhí)行“文件/新建”命令,在對(duì)話(huà)框中切換到“模板”選項(xiàng)卡,選擇“照片幻燈片放映”選項(xiàng),單擊確定按鈕,創(chuàng)建模板文檔并且加以保存。
二、由于該模板文檔是一個(gè)完整的動(dòng)畫(huà),所以保存后即可預(yù)覽效果(“控制/ 測(cè)試影片”,ctrl+enter)。要想播放自己的照片,執(zhí)行“文件/導(dǎo)入/導(dǎo)入到庫(kù)”命令,將素材圖片導(dǎo)入到庫(kù)。
三、在“時(shí)間軸”面板中找到圖像所在圖層,并且選中第一幅圖像,執(zhí)行“修改/ 位圖/交換位圖”,或者單擊“屬性”面板中的“交換”按鈕,在“交換圖像”對(duì)話(huà)框列表中選擇要展示的圖像文件名稱(chēng),單擊“確定”按鈕即可在原位置交換圖像。
2、保存文檔(參見(jiàn)書(shū)17頁(yè))
執(zhí)行“文件”/“保存”命令,將flash文件保存為fla格式的文件。flash中一個(gè)完整的動(dòng)畫(huà)文件包括兩種格式的文件,一個(gè)是源文件,格式為fla,另一個(gè)是瀏覽文件,格式為swf。后者只作為瀏覽動(dòng)畫(huà)使用,不能夠編輯,生成方法是執(zhí)行“控制”“測(cè)試影片”/命令(ctrl+enter)。
3、設(shè)置場(chǎng)景
在flash中構(gòu)成動(dòng)畫(huà)的所有元素都包括在場(chǎng)景中,所以場(chǎng)景在動(dòng)畫(huà)制作中是不可缺少的部分。場(chǎng)景是分隔動(dòng)畫(huà)的方式,可以把復(fù)雜的動(dòng)畫(huà)進(jìn)行分隔、分類(lèi)管理。就如同戲劇演出一樣,因?yàn)樾枰鼡Q背景或時(shí)間,所以要將一整出戲分成一段段、一節(jié)節(jié)。
時(shí)間軸可以根據(jù)動(dòng)畫(huà)的長(zhǎng)度不斷延伸,但是動(dòng)畫(huà)設(shè)定的時(shí)間過(guò)長(zhǎng)時(shí),尋找和查看都很困難。如果將動(dòng)畫(huà)按照一定的內(nèi)容進(jìn)行歸類(lèi)或分段,并分別放在不同的場(chǎng)景中,不但方便尋找和查看,也可以快速地調(diào)換順序。
當(dāng)一段動(dòng)畫(huà)包含多個(gè)場(chǎng)景時(shí),在沒(méi)有經(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)畫(huà)文檔無(wú)論有多少個(gè)場(chǎng)景,只能有一個(gè)背景色和一個(gè)幀頻率。實(shí)訓(xùn)八
四季的故事
四幅圖像相互交替顯示的動(dòng)畫(huà)。
一、將四幅圖像文件導(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)畫(huà)。
思考與練習(xí)
一、填空題
1、“時(shí)間軸”面板分為左右兩個(gè)區(qū)域,左側(cè)為(),右側(cè)為時(shí)間軸控制區(qū)。
2、flash中的()可以重復(fù)拖入場(chǎng)景中使用,還可以進(jìn)行任意縮放。
3、創(chuàng)建一個(gè)常規(guī)的flash動(dòng)畫(huà)文件,默認(rèn)名稱(chēng)為()。
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)畫(huà)文件時(shí)不能選擇新的文件類(lèi)型()
a,使用開(kāi)始頁(yè)新建動(dòng)畫(huà)文件時(shí)
b,使用菜單命令新建動(dòng)畫(huà)文件時(shí) c,使用按鈕工具新建動(dòng)畫(huà)文件時(shí)
d,以上都不對(duì)
4、要臨時(shí)在其他工具和“手形工具”之間切換,可以按住()a,ctrl
b,alt
c,shift
d,空格鍵
三、問(wèn)答題
1、濾鏡功能只能應(yīng)用于哪些對(duì)象?
2、按鈕動(dòng)畫(huà)中有幾幀?分別是什么?
參考答案:
一、填空題
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)畫(huà)有4幀,分別是“彈起”、“指針經(jīng)過(guò)”、“按下”與“點(diǎn)擊”。
第二章 繪制圖形
第一講(第二周 2學(xué)時(shí))課題名稱(chēng):填充圖形顏色
目的要求:主要介紹了填充圖形顏色的操作,包括墨水瓶工具、顏料桶工具、混色器、填充變形工具和滴管工具的使用方法等。教學(xué)過(guò)程:
使用flash制作動(dòng)畫(huà)及圖形對(duì)象時(shí),需要?jiǎng)?chuàng)建許多動(dòng)畫(huà)角色和圖像。創(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í)行“窗口”/“工具”命令,可以打開(kāi)或隱藏“工具箱”?!肮ぞ呦洹狈譃椤肮ぞ摺薄ⅰ安榭础?、“顏色”和“選項(xiàng)”4個(gè)區(qū),每個(gè)工具區(qū)中,包含多個(gè)操作工具,通過(guò)工具箱中的工具,可以在flash場(chǎng)景中繪制出各種動(dòng)畫(huà)對(duì)象,并且還可以對(duì)它們進(jìn)行編輯和修改。
一、輔助工具(參見(jiàn)書(shū)21頁(yè)、22頁(yè))
在制作過(guò)程中,合理地使用輔助工具可以更好地完成設(shè)計(jì)任務(wù),幫助用戶(hù)方便地進(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)格”命令,在打開(kāi)的網(wǎng)格對(duì)話(huà)框中,可以對(duì)網(wǎng)格的顏色、大小、對(duì)齊網(wǎng)格、網(wǎng)格精確度等選項(xiàng)進(jìn)行設(shè)定),使其更加符合繪圖要求。
2、標(biāo)尺和輔助線(xiàn)
在舞臺(tái)上要想精確地創(chuàng)建圖形的起始點(diǎn)或者是圖形的尺寸,可以在舞臺(tái)中打開(kāi)標(biāo)尺(執(zhí)行“視圖”/“標(biāo)尺”命令,可以顯示或隱藏標(biāo)尺,標(biāo)尺鑲嵌在舞臺(tái)左側(cè)、上側(cè)),并且通過(guò)標(biāo)尺拖出輔助線(xiàn)(顯示標(biāo)尺后,使用“選擇”工具,可以從標(biāo)尺上拖曳出“輔助線(xiàn)”),這是一種非??旖莸姆椒?。
二、文本工具(參見(jiàn)書(shū)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è)右上角帶有小圓圈的矩形框,稱(chēng)為“標(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è)小方塊,該文本框稱(chēng)為“區(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)文本被分離后,就變成了圖形。
四、顏料桶工具(參見(jiàn)書(shū)47頁(yè))
在“顏色”工具中單擊“填充色”工具按鈕,隨即彈出“選色板”,光標(biāo)轉(zhuǎn)換為吸管樣式,在調(diào)色板中選擇適當(dāng)色彩單擊,用“顏料桶”工具在圖形上單擊就可為圖形填充該顏色了。在調(diào)色板下方,有一組漸變色填充可供選擇,包括“線(xiàn)性”漸變色、“放射狀”漸變色和“彩虹色”漸變色等。填充漸變色時(shí),光標(biāo)單擊不同的位置,會(huì)有不同的填充效果,凡高光處,均為光標(biāo)點(diǎn)擊位置。漸變色是由起始顏色和目標(biāo)顏色決定的。實(shí)例一
番茄
五、墨水瓶工具(參見(jiàn)書(shū)46頁(yè))
“墨水瓶工具”可以給選定的矢量圖形添加邊線(xiàn),還可以修改線(xiàn)條或形狀輪廓的筆觸顏色、寬度和樣式,該工具沒(méi)有輔助選項(xiàng)?!澳抗ぞ摺辈荒芨淖儓D像的填充色。設(shè)置好線(xiàn)條的屬性后,在要添加邊線(xiàn)的圖形上單擊,即可為圖形增加邊線(xiàn);如果用鼠標(biāo)單擊一個(gè)已有輪廓線(xiàn)的圖形,則墨水瓶的屬性將替換該輪廓線(xiàn)的屬性。實(shí)例二
烏龜 實(shí)例三
椰汁樹(shù)
六、滴管工具(參見(jiàn)書(shū)53頁(yè))“滴管工具”的作用是拾取工作區(qū)中已經(jīng)存在的顏色及樣式屬性,并將其應(yīng)用于其他對(duì)象中。該工具沒(méi)有輔助選項(xiàng),使用簡(jiǎn)單,只要將滴管移動(dòng)到需要取色的線(xiàn)條或圖形中單擊即可。實(shí)例四
吸取色塊顏色 實(shí)例五
吸取線(xiàn)條屬性 實(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è)完整的彩虹漸變顏色。(注意:如果用戶(hù)在文字沒(méi)有被選中的狀態(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í))課題名稱(chēng):繪制基本圖形
目的要求:主要介紹了繪制基本圖形的操作,包括繪制線(xiàn)條、繪制簡(jiǎn)單圖形。教學(xué)過(guò)程:
七、線(xiàn)條工具(參見(jiàn)書(shū)30頁(yè))
線(xiàn)條是組成矢量圖形最基本的單位,任何圖形都是由線(xiàn)條組成的?!熬€(xiàn)條工具”用來(lái)繪制各種角度的直線(xiàn),其筆觸格式的調(diào)整可以在“屬性”面板中完成。黑白:?jiǎn)螕粼摪粹o可設(shè)置筆觸顏色為黑色,填充色為白色; 交換顏色:?jiǎn)螕粼摪粹o可交換筆觸顏色和填充色; “寬”和“高”:設(shè)置直線(xiàn)的長(zhǎng)度; “x”和“y”:設(shè)置直線(xiàn)在場(chǎng)景中的位置。(對(duì)象在場(chǎng)景中的位置是以場(chǎng)景的左上角為原點(diǎn)的)
在繪制直線(xiàn)時(shí)按住shift鍵,可以繪制出水平、垂直或與水平方向成45度角的線(xiàn)段。
八、鉛筆工具(參見(jiàn)書(shū)32頁(yè))
“鉛筆工具”用以繪制簡(jiǎn)單的矢量圖形、運(yùn)動(dòng)路徑等,繪畫(huà)方式與使用真實(shí)鉛筆大致相同。當(dāng)單擊“鉛筆工具”時(shí),在“工具箱”的選項(xiàng)區(qū)域中會(huì)出現(xiàn)“鉛筆工具”的輔助選項(xiàng),單擊該按鈕,可以彈出下拉菜單,其中包括3中繪圖模式:伸直(選擇該模式,只要勾勒出圖形的大致輪廓,flash會(huì)自動(dòng)將圖形轉(zhuǎn)化成接近的規(guī)則圖形,主要用來(lái)繪制一些規(guī)則且菱角分明的三角形、矩形和多邊形等幾何圖形)、平滑(選擇該模式,達(dá)到圓弧效果,使線(xiàn)條更加光滑,主要用來(lái)繪制水果、人物等邊緣圓滑的圖形)、墨水(選擇該模式,完全保留徒手繪制的曲線(xiàn)模式,不加任何更改)。
在使用鉛筆工具時(shí),按住shift鍵,只能繪制出水平、垂直方向上的直線(xiàn),而不能繪制成45度角的線(xiàn)段。
九、橢圓工具(參見(jiàn)書(shū)35頁(yè))
在flash中,可以使用“橢圓工具”繪制正圓和橢圓圖形,方法是:在工具箱中單擊“橢圓工具”按鈕,然后在“屬性”面板中設(shè)置圖形的填充顏色、筆觸顏色、筆觸高度和筆觸樣式,設(shè)置完畢后,在場(chǎng)景中單擊并拖動(dòng)鼠標(biāo),即可繪制橢圓圖形。
在使用橢圓工具繪制圖形時(shí),同時(shí)按住shift鍵進(jìn)行繪制,可以將形狀限制為圓形。如果同時(shí)按住shift和alt鍵繪制圖形,可以從中心繪制圓形。
實(shí)例八
繪制一個(gè)筆觸顏色為紅色、填充色為粉紅色(#ffcccc),筆觸高度為10,筆觸樣式為實(shí)線(xiàn)的橢圓。
十、矩形工具(參見(jiàn)書(shū)36頁(yè))
主要用來(lái)繪制矩形和正方形,還可以繪制圓角矩形。注意:“邊角半徑”文本框中,輸入的值越小,圓角的弧度越小,反之則越大。實(shí)例九
繪制一個(gè)筆觸顏色為黃色、填充色為橙紅色(#ff9900),筆觸高度和筆觸樣式保持默認(rèn)的圓角矩形(邊角半徑為10)。
十一、多角星形工具(參見(jiàn)書(shū)37頁(yè))用鼠標(biāo)左鍵按住矩形工具不放,在彈出的菜單中選擇多角星形工具。使用該工具在場(chǎng)景中繪制多邊形和星形。在“屬性”面板中單擊“選項(xiàng)”按鈕,彈出“工具設(shè)置”對(duì)話(huà)框,在“樣式”下拉列表中,可以選擇多邊形或者星形樣式,在“邊數(shù)”文本框中,輸入多邊形或者星形的邊數(shù)。
注意:星形的頂點(diǎn)大小越小,星形向內(nèi)收縮越多。
實(shí)例十
繪制一個(gè)五邊形和五角星形(筆觸顏色為黃色,填充色為橙紅色,筆觸高度為5,筆觸樣式為實(shí)線(xiàn))。
實(shí)例十一
繪制兩個(gè)五角星,設(shè)置星形頂點(diǎn)大小分別為1和0.2
十二、填充變形工具(參見(jiàn)書(shū)51頁(yè))
在flash中,可以使用“填充變形工具”來(lái)調(diào)整填充的大小、方向、中心以及變形漸變填充和位圖填充(位圖填充周?chē)木匦伪葷u變填充多了傾斜控制柄和比例縮放控制柄)。漸變填充分為線(xiàn)性漸變填充和放射狀漸變填充兩種。如果使用放射狀漸變填充色對(duì)圖形進(jìn)行填充,在填充區(qū)域會(huì)出現(xiàn)4個(gè)圓形或方形手柄:寬度控制、大小控制、旋轉(zhuǎn)控制、中心點(diǎn);使用線(xiàn)性漸變填充會(huì)出現(xiàn)3個(gè)圓形或方形手柄:旋轉(zhuǎn)控制、寬度控制、中心點(diǎn)。
十三、flash繪制圖形技巧(補(bǔ)充)
在flash中,使用繪圖工具繪制的圖形為矢量圖形,它們主要由填充顏色的色塊和由多個(gè)點(diǎn)構(gòu)成的圖形輪廓或曲線(xiàn)兩部分組成。在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ì)在該圖形周?chē)砑泳匦芜吙颉?/p>
只有在使用鉛筆、線(xiàn)條、鋼筆、刷子、橢圓、矩形和多邊形工具時(shí),才能啟用“對(duì)象繪制”功能,當(dāng)“對(duì)象繪制”功能被激活時(shí),按快捷鍵j可以在“合并繪制”與“對(duì)象繪制”之間切換。
用戶(hù)可以將“合并繪制”方式繪制的圖形裝換為“對(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àn))。
二、使用“選擇工具”,選中正圓,在“混色器”面板的“類(lèi)型”下拉列表框中選擇“放射狀”選項(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)建的填充不可見(jiàn),即透明,如果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,鉛筆、線(xiàn)條、任意變形、刷子、橢圓、矩形和多邊形工具 b,鉛筆、線(xiàn)條、鋼筆、刷子、顏料桶、矩形和多邊形工具 c,鉛筆、線(xiàn)條、鋼筆、刷子、橢圓、矩形和墨水瓶工具 d,鉛筆、線(xiàn)條、鋼筆、刷子、橢圓、矩形和多邊形工具
4、單擊工具箱中的“刷子工具”,在選項(xiàng)區(qū)域中會(huì)出現(xiàn)輔助按鈕,其中“刷子模式”選項(xiàng)不包含()模式
a,藝術(shù)繪畫(huà)
b,標(biāo)準(zhǔn)模式
c,顏料填充、后面繪畫(huà)
d,顏料選擇、內(nèi)部繪畫(huà)
三、問(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í))課題名稱(chēng):編輯對(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ì)齊面板(參見(jiàn)書(shū)66頁(yè))
對(duì)齊面板可以調(diào)整選定對(duì)象的對(duì)齊(左對(duì)齊、水平中齊、右對(duì)齊、上對(duì)齊、垂直中齊和底對(duì)齊)和分布方式。單擊“相對(duì)于舞臺(tái)”按鈕后,可以選定對(duì)象相對(duì)于舞臺(tái)進(jìn)行對(duì)齊和分布。
二、變形面板(參見(jiàn)書(shū)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è)正圓形;選中圖形輪廓線(xiàn),按下delete鍵將其刪除,并為其填充放射狀漸變色。
二、選擇這個(gè)填充圖形,執(zhí)行“修改”/“組合”命令,將圖形結(jié)合在一起。(繪制的圖形為散點(diǎn)狀構(gòu)成,沒(méi)有上下層關(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è)圖形,分別按下“垂直中齊”、“水平中齊”按鈕。
三、任意變形工具(參見(jiàn)書(shū)63頁(yè))
“任意變形”工具結(jié)合了旋轉(zhuǎn)與傾斜、縮放、扭曲和封套多種功能,可用于編輯各種物體。
使用“封套”功能修改形狀允許彎曲或扭曲對(duì)象。封套是一個(gè)邊框,其中包含一個(gè)或多個(gè)對(duì)象,當(dāng)用戶(hù)通過(guò)調(diào)整封套的點(diǎn)和切線(xiàn)手柄來(lái)編輯封套形狀時(shí),該封套內(nèi)對(duì)象的形狀也將受到影響。
許多物體都不能直接用于“扭曲”變化和“封套”變化,必須通過(guò)“修改”/“取消組合”命令或“修改”/“分離”命令,使之成為打散的圖形后,才可以進(jìn)行扭曲和封套變化。實(shí)例二
繪制卡通風(fēng)車(chē)
繪制卡通風(fēng)車(chē),主要使用“矩形工具”、“選擇工具”繪制風(fēng)車(chē)的一片扇葉形狀,通過(guò)“復(fù)制并應(yīng)用變形”命令快速?gòu)?fù)制并旋轉(zhuǎn)對(duì)象,創(chuàng)建出風(fēng)車(chē)對(duì)象。在此基礎(chǔ)上使用“任意變形工具”,結(jié)合“組合”、“排列”命令對(duì)風(fēng)車(chē)添加眼睛和嘴巴。
一、新建文檔(尺寸為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)車(chē)扇葉全部選中,將其組合。
七、為風(fēng)車(chē)添加眼睛、嘴巴和手柄。
第三章
編輯圖形
第一講(第四周 2學(xué)時(shí))課題名稱(chēng):編輯對(duì)象
目的要求:主要介紹編輯對(duì)象的操作,包括選擇工具的使用、改變對(duì)象的形狀、群組和打散對(duì)象、對(duì)齊對(duì)象和合并對(duì)象的操作方法。教學(xué)過(guò)程:
四、將線(xiàn)條轉(zhuǎn)換為填充(補(bǔ)充)
選擇一條或多條線(xiàn),執(zhí)行“修改”/“形狀”/“將線(xiàn)條轉(zhuǎn)換為填充”命令,這樣就可以使用漸變來(lái)填充線(xiàn)條。
五、擴(kuò)展填充(補(bǔ)充)
選擇一個(gè)填充形狀,執(zhí)行“修改”/“形狀”/“擴(kuò)展填充”命令,并設(shè)置“擴(kuò)展填充”中的距離數(shù)值以及方向。“擴(kuò)展”可以放大形狀,而“插入”則縮小形狀。
六、柔化填充邊緣(補(bǔ)充)
選擇一個(gè)填充形狀,執(zhí)行“修改”/“形狀”/“柔化填充邊緣”命令,并設(shè)置“柔化填充邊緣”對(duì)話(huà)框中各選項(xiàng)?!熬嚯x”指柔邊的寬度,“步驟數(shù)”指控制用于柔邊效果的曲線(xiàn)數(shù)(使用的步驟數(shù)越多,效果就越平滑,增加步驟數(shù)會(huì)使文件變大并降低速度)。實(shí)例三
制作郵票 結(jié)合“矩形工具”、“選擇工具”,通過(guò)自定義線(xiàn)條形狀,使用“將線(xiàn)條轉(zhuǎn)換為填充”命令以及復(fù)制、原位粘貼等命令制作出郵票的鋸齒形狀。
一、新建文檔(600*450);將素材導(dǎo)入到舞臺(tái)中央。
二、在圖層1下方新建圖層2,然后選擇“矩形工具”繪制比圖像四周略大的矩形(586*430,紅色邊框,填充顏色為白色);然后在“屬性”面板中單擊“自定義”按鈕,并設(shè)置參數(shù)(粗細(xì):18,類(lèi)型:點(diǎn)狀線(xiàn),點(diǎn)距:9)。
三、對(duì)繪制的矩形執(zhí)行分離操作。
四、在矩形邊框處于被選中狀態(tài)時(shí),執(zhí)行“修改”/“形狀”/“將線(xiàn)條轉(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í)打開(kāi)“變形”面板的快捷鍵()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)述將線(xiàn)條轉(zhuǎn)換為填充的作用與方法。
參考答案
一、填空題 1、8 2、100%
3、ctrl+g
4、重置
二、選擇題
1、b
2、c
3、d
4、b
第四章
應(yīng)用圖層
第一講(第五周 2學(xué)時(shí))課題名稱(chēng):圖層的操作
目的要求:主要介紹圖層的操作,包括圖層的分類(lèi)、圖層的操作、制作遮罩動(dòng)畫(huà)等。教學(xué)過(guò)程:
在flash文檔中,可以導(dǎo)入其他應(yīng)用程序中創(chuàng)建的各種矢量圖形和位圖圖像,方便用戶(hù)在不同軟件之間進(jìn)行操作。靈活應(yīng)用圖層,不僅能夠更好地組織和管理層,而且可以輕松地制作出動(dòng)感豐富、效果精彩的flash影片。
一、圖層概述(參見(jiàn)書(shū)76頁(yè))圖層類(lèi)似于一張透明的薄紙,每張紙上繪制著一些圖形或文字,而一副作品就是由許多張這樣的薄紙疊合在一起而形成的。它可以幫助用戶(hù)組織文檔中的插圖,可以在圖層上繪制和編輯對(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種。
二、層的基本使用(參見(jiàn)書(shū)77頁(yè)~82頁(yè))層控制區(qū)在時(shí)間軸的左邊,是時(shí)間軸的一部分;
選擇圖層是對(duì)圖層進(jìn)行各種操作的基礎(chǔ),被選擇的圖層叫做當(dāng)前圖層; 單擊層控制區(qū)左下方的“插入圖層”按鈕,即可獲得一個(gè)新層,新層會(huì)排列在所選層的上方; 雙擊圖層的圖層名,將進(jìn)入可編輯狀態(tài),在文本框中輸入新名字,按下回車(chē)鍵確認(rèn),即可重命名圖層;
選中需要?jiǎng)h除的層,再單擊層控制區(qū)右下角的刪除圖層按鈕,該層即被刪除; 將光標(biāo)置于某層上,按住鼠標(biāo)左鍵不放并上下拖動(dòng)層,可調(diào)整層之間的上下順序。在層控制區(qū)右上方有“隱藏或顯示圖層”按鈕、“鎖定或解除鎖定圖層”按鈕、“輪廓顯示圖層”按鈕;
三、遮罩層(參見(jiàn)書(shū)123頁(yè))
在flash中,使用遮罩層可以創(chuàng)建一些特殊的動(dòng)畫(huà)效果,如百葉窗、聚光燈等。遮罩動(dòng)畫(huà)由遮罩層和被遮罩層組成。在創(chuàng)建時(shí),使用遮罩層創(chuàng)建一個(gè)孔,通過(guò)這個(gè)孔可以看到遮罩層下面的內(nèi)容。其中,遮罩項(xiàng)目可以是填充的形狀、文字對(duì)象、圖形元件的實(shí)例或影片剪輯。遮罩層的特點(diǎn):(補(bǔ)充)? “遮罩層”是功能性圖層,用來(lái)制造動(dòng)畫(huà)特效; ? “遮罩層”下方必須要有“被遮罩層”,“遮罩層”才能起作用; ? 在“遮罩層”中圖形的色彩無(wú)意義,圖形的填充形狀有意義; ? “遮罩層”中的填充形狀為透空狀態(tài),“被遮罩層”中的內(nèi)容在透空范圍內(nèi)可見(jiàn),在透空范圍以外則被遮蓋; ? 動(dòng)畫(huà)測(cè)試時(shí)和發(fā)布后,“遮罩層”中的圖形不可見(jiàn); ? 至少有一個(gè)層有動(dòng)畫(huà)效果,“遮罩層”才能發(fā)揮作用,才有存在的意義。創(chuàng)建遮罩層的步驟: ? 選擇或創(chuàng)建一個(gè)層作為被遮罩層,在該層中應(yīng)包含將出現(xiàn)在遮罩中的對(duì)象; ? 在被遮罩層上面新建圖層2,該圖層將作為遮罩層,然后在該層上創(chuàng)建填充形狀、文字或元件的實(shí)例; ? 在“時(shí)間軸”面板中右擊圖層2,執(zhí)行“遮罩層”命令,該層將轉(zhuǎn)換為遮罩層。? 遮罩層和被遮罩層自動(dòng)鎖定,遮罩動(dòng)畫(huà)創(chuàng)建完成。實(shí)例一
遮罩層的創(chuàng)建
一、建立新文檔,插入圖層2。
二、在圖層2上單擊鼠標(biāo)右鍵,執(zhí)行“遮罩層”命令(兩個(gè)層的圖標(biāo)和編輯狀態(tài)都發(fā)生了變化,圖層2為遮罩層,圖層1為被遮罩層,圖層1的圖標(biāo)和名稱(chēng)向后縮進(jìn);兩個(gè)層均為鎖定編輯狀態(tài),為了繼續(xù)編輯,單擊鎖定所有圖層按鈕,即可將兩個(gè)層全部解除鎖定)。
三、單擊圖層1的第1幀,在舞臺(tái)上輸入文字,并將文本框移至舞臺(tái)左側(cè)。
四、在圖層1的第1幀上單擊鼠標(biāo)右鍵,執(zhí)行“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”命令;再在第40幀上單擊鼠標(biāo)右鍵,執(zhí)行“插入關(guān)鍵幀”命令,然后單擊舞臺(tái)上的文本框,將其移至舞臺(tái)右側(cè)。
五、單擊圖層2的第1幀,在舞臺(tái)上繪制橢圓形,刪除輪廓線(xiàn),將其對(duì)齊到舞臺(tái)中心;右擊圖層2的第40幀,執(zhí)行“插入幀”命令。
六、在舞臺(tái)上可播放帶有遮罩效果的動(dòng)畫(huà);在文本框移動(dòng)到橢圓形范圍內(nèi)時(shí),文本內(nèi)容才可見(jiàn)。
第0幀
第25幀 實(shí)例二
文字電影序幕效果
利用遮罩動(dòng)畫(huà)技術(shù)來(lái)實(shí)現(xiàn)文字的電影序幕效果。
一、新建文檔,在圖層1輸入一段文字,做由下至上的運(yùn)動(dòng)(在第100幀,插入關(guān)鍵幀,并創(chuàng)建補(bǔ)間動(dòng)畫(huà))。
二、新建圖層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)畫(huà)”命令;在圖層2的20、40、60、80幀上分別插入關(guān)鍵幀,并移動(dòng)到不同的位置;
五、單擊“鎖定所有圖層”按鈕,將兩個(gè)層同時(shí)鎖定,在舞臺(tái)上播放動(dòng)畫(huà),查看效果。
第20幀
第40幀 實(shí)例四
萬(wàn)花筒(參見(jiàn)書(shū)124頁(yè))
一、新建文檔(400*400),導(dǎo)入素材,將其打散;并將圖片四周的白色區(qū)域刪除,進(jìn)行組合。
二、將修改過(guò)的圖片轉(zhuǎn)換為圖形元件。
三、新建一個(gè)影片剪輯元件,將圖片元件拖入到場(chǎng)景中央。
四、在圖層1上新建圖層2,繪制一個(gè)無(wú)邊框的圓,位于場(chǎng)景中央,并將其打散。
五、單擊線(xiàn)條工具,在圓的中央畫(huà)一條直線(xiàn),使用任意變形工具,移動(dòng)旋轉(zhuǎn)中心點(diǎn),在變形面板的旋轉(zhuǎn)文本框中輸入45度,單擊復(fù)制并應(yīng)用變形按鈕;使用多邊形套索工具,刪除多余的圖形得到扇形,并進(jìn)行組合。
六、選擇圖層1,在第60幀,插入關(guān)鍵幀,創(chuàng)建補(bǔ)間動(dòng)畫(huà);并在屬性面板設(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í))課題名稱(chēng):圖層的操作
目的要求:主要介紹圖層的操作,包括圖層的分類(lèi)、圖層的操作、制作引導(dǎo)動(dòng)畫(huà)等。教學(xué)過(guò)程:
四、引導(dǎo)層(參見(jiàn)書(shū)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)層”中只有線(xiàn)條造型有作用,線(xiàn)條就是引導(dǎo)路徑; ? “引導(dǎo)層”中的線(xiàn)條樣式、粗細(xì)和色彩無(wú)意義,線(xiàn)條的長(zhǎng)短和線(xiàn)條的形狀才是關(guān)鍵所在,因此不要做復(fù)雜線(xiàn)條,徒增文件體積; ? 發(fā)布后,“引導(dǎo)層”圖層不可見(jiàn); ? 被引導(dǎo)層中的物件一般要有位置移動(dòng)變化,引導(dǎo)路徑才有意義; ? 直線(xiàn)運(yùn)動(dòng)不需要“引導(dǎo)層”引導(dǎo)。創(chuàng)建引導(dǎo)動(dòng)畫(huà)的步驟: ? 創(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)畫(huà)補(bǔ)間動(dòng)畫(huà)。制作引導(dǎo)動(dòng)畫(huà)的注意事項(xiàng): ? 引導(dǎo)路徑中不能出現(xiàn)中斷現(xiàn)象; ? 引導(dǎo)路徑不能出現(xiàn)交叉、重疊的現(xiàn)象; ? 引導(dǎo)路徑轉(zhuǎn)折不宜過(guò)多,且轉(zhuǎn)折處的線(xià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è)橢圓線(xiàn)框作為運(yùn)動(dòng)路徑。
二、插入圖層2,繪制小球物件;在圖層2的第1幀上單擊鼠標(biāo)右鍵,執(zhí)行“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”命令;在圖層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的橢圓線(xiàn)框復(fù)制,作為引導(dǎo)線(xiàn)(將圖層1刪除)。
五、測(cè)試動(dòng)畫(huà),此時(shí)引導(dǎo)線(xiàn)消失。
第1幀
第15幀
第30幀
第45幀 實(shí)例七
星星
一、新建文檔,導(dǎo)入素材;調(diào)整圖片位置和大小,使其剛好能覆蓋場(chǎng)景;
二、使用多角星星工具和線(xiàn)條工具,繪制一個(gè)有尾巴的星星圖案;并轉(zhuǎn)換為圖形元件;
三、新建一個(gè)影片剪輯元件,將圖片元件拖到場(chǎng)景中的任意位置;
四、在圖層1上新建一個(gè)引導(dǎo)層,使用線(xiàn)條工具繪制一條路徑;
五、單擊圖層1的第一幀,將星星移動(dòng)到路徑的一端,創(chuàng)建補(bǔ)間動(dòng)畫(huà);在第60幀插入關(guān)鍵幀,將星星移動(dòng)到路徑的另一端;再在引導(dǎo)層第60幀插入關(guān)鍵幀。
六、回到場(chǎng)景1,拖動(dòng)影片剪輯元件到窗口中。綜合實(shí)例
手寫(xiě)動(dòng)畫(huà)
一、打開(kāi)文檔,拖動(dòng)庫(kù)中的位圖到場(chǎng)景中作為背景;新建文字圖層,輸入文字;
二、在圖層1上方新建被遮罩圖層,在第一幀繪制一個(gè)小矩形;
三、在圖層1和文字圖層的第60幀插入幀;在被遮罩圖層的第60幀插入關(guān)鍵幀,并改變矩形的大小來(lái)覆蓋所有文字,創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà);
四、用鼠標(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,相互依賴(lài)性
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í))課題名稱(chēng):元件、庫(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)稱(chēng)為“元件實(shí)例”重復(fù)使用,不明顯增加文件體積(元件只在動(dòng)畫(huà)中存儲(chǔ)一次,不管引用多少次,它只在動(dòng)畫(huà)中占用很少的空間,所以使用元件可以大大地降低文件的大?。?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)畫(huà)物件的地方,可管理和編輯物件屬性、預(yù)覽物件樣式等;在“庫(kù)”中可存放的物件包括元件、位圖、組件、聲音等;從“庫(kù)”中刪除的物件不可恢復(fù);每個(gè)文檔都有自己的“庫(kù)”,其他文檔“庫(kù)”中的物件也可以在當(dāng)前文檔中使用。從“庫(kù)”中拖入到舞臺(tái)中的物件可任意改變,對(duì)“庫(kù)”中物件的性質(zhì)沒(méi)有影響。
三、圖形元件
“圖形元件”是為動(dòng)畫(huà)建立可重復(fù)使用的靜態(tài)圖形。
圖形元件的創(chuàng)建步驟:執(zhí)行“插入”/“新建元件”命令,在打開(kāi)的“創(chuàng)建新元件”對(duì)話(huà)框中進(jìn)行名稱(chēng)(進(jìn)行名稱(chēng)設(shè)定時(shí),應(yīng)使用英文字母或數(shù)字進(jìn)行表述,且不要用數(shù)字開(kāi)頭,以免最后發(fā)布時(shí)出現(xiàn)錯(cuò)誤)與行為的相關(guān)設(shè)定;按下“確定”按鈕后,直接進(jìn)入“圖形元件”編輯狀態(tài),在編輯狀態(tài)的舞臺(tái)中心,有一個(gè)定位準(zhǔn)星,可以為圖形定位;完成物件編輯后,單擊“場(chǎng)景”名稱(chēng)退出“圖形元件”編輯狀態(tài),回到主場(chǎng)景的舞臺(tái)上。實(shí)例一
制作壁紙
通過(guò)將對(duì)象轉(zhuǎn)換為元件以及“庫(kù)”面板的使用,制作壁紙。
一、新建文檔(800*600),繪制與文檔大小一樣的矩形線(xiàn)框;
二、打開(kāi)“混色器”面板,在填充類(lèi)型中選擇“位圖”,打開(kāi)“導(dǎo)入到庫(kù)”對(duì)話(huà)框,導(dǎo)入素材(打開(kāi)“庫(kù)”面板,用戶(hù)可以查看“庫(kù)”中的元件。元件只在動(dòng)畫(huà)中存儲(chǔ)一次,不管引用多少次,它只在動(dòng)畫(huà)中占有很少的空間,可以降低文件的大小);選擇“顏料桶工具”,填充矩形線(xiàn)框;
三、選擇“填充變形工具”,選擇單個(gè)位圖,對(duì)其進(jìn)行縮放與旋轉(zhuǎn)操作(在對(duì)填充的任意一個(gè)位置進(jìn)行縮放與旋轉(zhuǎn)操作,其他的位圖也隨之改變,這樣就可以得到所要的紋理效果);
四、選擇填充后的圖形和邊框線(xiàn),執(zhí)行“修改”/“轉(zhuǎn)換為元件”,打開(kāi)“轉(zhuǎn)換為元件”對(duì)話(huà)框,啟用“影片剪輯”選項(xiàng),單擊“確定”按鈕;
五、選擇轉(zhuǎn)換為影片剪輯后填充的圖形及輪廓,在“屬性”面板的“顏色”下拉列表中選擇“高級(jí)”,單擊“設(shè)置”按鈕,打開(kāi)“高級(jí)效果”對(duì)話(huà)框,設(shè)置參數(shù)(102,-57,-215,255)。
四、按鈕元件
“按鈕元件”是為動(dòng)畫(huà)提供交互的媒介物,可通過(guò)鼠標(biāo)讓用戶(hù)操縱動(dòng)態(tài)變化。
要?jiǎng)?chuàng)建按鈕元件,可以在打開(kāi)的“創(chuàng)建新元件”或“轉(zhuǎn)換為元件”對(duì)話(huà)框中,單擊“按鈕”單選按鈕,并單擊“確定”按鈕,進(jìn)入按鈕元件的編輯環(huán)境。按鈕元件除了擁有圖形元件全部的變形功能外,其特殊性還在于它具有4個(gè)狀態(tài)幀:彈起(該幀代表指針沒(méi)有經(jīng)過(guò)按鈕時(shí)該按鈕的狀態(tài))、指針經(jīng)過(guò)(該幀代表當(dāng)指針滑過(guò)按鈕時(shí)該按鈕的外觀)、按下(該幀代表單擊按鈕時(shí),該按鈕的外觀)和點(diǎn)擊(該幀用于定義響應(yīng)鼠標(biāo)單擊的區(qū)域,此區(qū)域在swf文件是不可見(jiàn)的)。前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)站上比較流行的按鈕類(lèi)型。使用flash制作的按鈕,不僅在變換上更加隨心所欲,而且可以為網(wǎng)站起到畫(huà)龍點(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āi)“庫(kù)”面板,將按鈕拖動(dòng)到場(chǎng)景中。
四、執(zhí)行“控制”/“測(cè)試影片”命令,測(cè)試影片效果。
五、影片剪輯元件
“影片剪輯元件”就是我們平常說(shuō)的mc,它是一段獨(dú)立的動(dòng)畫(huà)片段,主要用來(lái)為動(dòng)畫(huà)、按鈕提供動(dòng)畫(huà)片段,增加動(dòng)畫(huà)的復(fù)雜程度,與舞臺(tái)中的動(dòng)畫(huà)編輯方式?jīng)]有區(qū)別??捎糜诎粹o中,豐富按鈕的樣式,也可用于動(dòng)畫(huà)中,增加動(dòng)畫(huà)層次。
在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í)行“修改”/“形狀”/“將線(xiàn)條轉(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,類(lèi)型:外側(cè))。
思考與練習(xí)
一、填空題
1、()是在flash中創(chuàng)建的圖形、按鈕或影片剪輯。
2、()是指位于舞臺(tái)上或鑲套在另一個(gè)元件內(nèi)的元件副本。
3、濾鏡效果只適用于文本、()和按鈕。
二、選擇題
1、()是可以反復(fù)取出使用的一段小動(dòng)畫(huà),并可獨(dú)立于主動(dòng)畫(huà)進(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,展開(kāi)
c,斜角
d,漸變發(fā)光
三、問(wèn)答題
1、列舉flash中的幾種元件類(lèi)型。參考答案
一、填空題
1、元件
2、實(shí)例
3、影片剪輯
二、選擇題
1、c
2、a
3、b
三、問(wèn)答題
“圖形元件”是為動(dòng)畫(huà)建立可重復(fù)使用的靜態(tài)圖形。
“按鈕元件”是為動(dòng)畫(huà)提供交互的媒介物,可通過(guò)鼠標(biāo)讓用戶(hù)操縱動(dòng)態(tài)變化。
“影片剪輯元件”就是我們平常說(shuō)的mc,它是一段獨(dú)立的動(dòng)畫(huà)片段,主要用來(lái)為動(dòng)畫(huà)、按鈕提供動(dòng)畫(huà)片段,增加動(dòng)畫(huà)的復(fù)雜程度,與舞臺(tái)中的動(dòng)畫(huà)編輯方式?jīng)]有區(qū)別??捎糜诎粹o中,豐富按鈕的樣式,也可用于動(dòng)畫(huà)中,增加動(dòng)畫(huà)層次。
第六章
創(chuàng)建動(dòng)畫(huà)
第一講(第七周 2學(xué)時(shí))課題名稱(chēng):制作動(dòng)畫(huà)
目的要求:主要介紹制作動(dòng)畫(huà)的方法,包括逐幀動(dòng)畫(huà)、動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)、形狀補(bǔ)間動(dòng)畫(huà)。教學(xué)過(guò)程: 動(dòng)畫(huà)原理解析:動(dòng)畫(huà)是逐漸變化的物體加上變化的過(guò)程而形成的,其中需要通過(guò)人工或程序生成物件,并按照一定的方法進(jìn)行設(shè)置。
flash動(dòng)畫(huà)是通過(guò)更改連續(xù)幀的內(nèi)容創(chuàng)建的。在flash中,可以創(chuàng)建兩種類(lèi)型的動(dòng)畫(huà),即補(bǔ)間動(dòng)畫(huà)和逐幀動(dòng)畫(huà)。在補(bǔ)間動(dòng)畫(huà)中,用戶(hù)可以創(chuàng)建起始幀和結(jié)束幀,而讓flash創(chuàng)建中間的幀,還可以通過(guò)更改起始幀和結(jié)束幀之間的對(duì)象大小、旋轉(zhuǎn)、顏色和其他屬性來(lái)創(chuàng)建運(yùn)動(dòng)的效果;而在逐幀動(dòng)畫(huà)中,用戶(hù)必須創(chuàng)建每一幀中的圖像。
一、幀的概念(參見(jiàn)書(shū)82頁(yè))
幀是形成動(dòng)畫(huà)的基本時(shí)間單位,在“時(shí)間軸”上,一個(gè)小格就是一幀,不同的幀有不同的表示方法。在flash中,動(dòng)畫(huà)制作需要不同的幀來(lái)共同完成,通過(guò)時(shí)間軸可以清晰地判斷出幀的類(lèi)型。動(dòng)畫(huà)中幀的數(shù)量及播放速度決定了動(dòng)畫(huà)的長(zhǎng)度。
關(guān)鍵幀:在制作動(dòng)畫(huà)的過(guò)程中,在某一時(shí)刻需要定義對(duì)象的某種新?tīng)顟B(tài),這個(gè)時(shí)刻所對(duì)應(yīng)的幀稱(chē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)鍵幀”。普通幀:普通幀也稱(chēng)為靜態(tài)幀,在時(shí)間軸上顯示為一個(gè)個(gè)矩形單元格?!捌胀◣笔乔耙弧瓣P(guān)鍵幀”的延續(xù)。多個(gè)連續(xù)“普通幀”時(shí),白方塊在最后一幀上,前面多個(gè)“普通幀”只是連續(xù)的灰色,沒(méi)有其他標(biāo)記。例如,制作動(dòng)畫(huà)背景,就是將一個(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ò)渡幀可以制作兩類(lèi)過(guò)渡動(dòng)畫(huà),即運(yùn)動(dòng)過(guò)渡和形狀過(guò)渡。
二、動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)(參見(jiàn)書(shū)103頁(yè))
動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)是制作flash動(dòng)畫(huà)時(shí)使用最多的一種動(dòng)畫(huà)類(lèi)型,可以制作出位置移動(dòng)、縮放和旋轉(zhuǎn)等動(dòng)畫(huà)效果。它適用于文字、位圖和實(shí)例,對(duì)于被打散的對(duì)象不能直接設(shè)置動(dòng)畫(huà)補(bǔ)間,需要將其轉(zhuǎn)換為元件或組合后才能產(chǎn)生動(dòng)畫(huà)效果。動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)原理解析(補(bǔ)充): ? 從開(kāi)始到結(jié)束“動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)”是一個(gè)逐漸變化的過(guò)程,
介紹flash動(dòng)畫(huà)的教學(xué)課件 flash動(dòng)畫(huà)入門(mén)教程篇四
44444444444444
淺談flash動(dòng)畫(huà)教學(xué)
【摘要】針對(duì)高職院校的flash教學(xué),作者結(jié)合自己的教學(xué)經(jīng)驗(yàn)對(duì)如何優(yōu)化教學(xué)過(guò)程,如何有效的提高學(xué)生學(xué)習(xí)的興趣等方面進(jìn)行了探討,并談了幾點(diǎn)自己的體會(huì),從而讓學(xué)生真正掌握動(dòng)畫(huà)制作技能,實(shí)現(xiàn)課程目標(biāo)。
【關(guān)鍵詞】flash教學(xué)高職教育flash動(dòng)畫(huà)制作
當(dāng)今,我們隨意打開(kāi)一個(gè)網(wǎng)頁(yè),都會(huì)發(fā)現(xiàn)各式各樣的動(dòng)畫(huà),從logo到廣告短片到游戲,甚至于整個(gè)網(wǎng)頁(yè)的制作,幾乎隨處可以看到flash動(dòng)畫(huà)的身影。flash動(dòng)畫(huà)一般不受網(wǎng)絡(luò)資源的制約,容量小,制作簡(jiǎn)單,制作成本低,交互性強(qiáng),在情節(jié)和畫(huà)面上往往更致力于在最短時(shí)間內(nèi)傳達(dá)最深的感受。因此它在網(wǎng)絡(luò)上迅速走紅,深受網(wǎng)民的厚愛(ài)。而制作出這些精彩的、有聲有色的動(dòng)畫(huà)的工具就是flash,flashplayer是基于網(wǎng)絡(luò)開(kāi)發(fā)的專(zhuān)門(mén)用于制作矢量動(dòng)畫(huà)的應(yīng)用軟件,有跨平臺(tái)的兼容性和開(kāi)放性。我院開(kāi)展的《flash動(dòng)畫(huà)制作》課程是為適應(yīng)計(jì)算機(jī)多媒體產(chǎn)業(yè)發(fā)展要求,提高學(xué)生創(chuàng)建網(wǎng)頁(yè)上動(dòng)態(tài)、交互的多媒體內(nèi)容的一門(mén)課程,其目標(biāo)是培養(yǎng)學(xué)生平面動(dòng)畫(huà)設(shè)計(jì)創(chuàng)意的思維和技巧,成為計(jì)算機(jī)動(dòng)漫方向的技能型、應(yīng)用型人才。高職學(xué)生相比而言主動(dòng)學(xué)習(xí)能力差,如何提高他們的學(xué)習(xí)熱情,更好的達(dá)到課程目標(biāo),在此我結(jié)合自己的教學(xué)談幾點(diǎn)體會(huì):
一、選擇好的教學(xué)方法,激發(fā)學(xué)生的興趣
flash動(dòng)畫(huà)制作是一門(mén)操作性強(qiáng)的課程,最好安排在機(jī)房上,不要安排在教室上。學(xué)生在教室上課很容易走神,但是坐在電腦邊就不一樣。老師在上課之前先用幻燈片展示實(shí)例,讓學(xué)生多看看別人作品,在模仿中成長(zhǎng),豐富自己的創(chuàng)作經(jīng)驗(yàn),成就自已的作品。接下來(lái)老師有針對(duì)的提出問(wèn)題,并和學(xué)生一起分析和評(píng)價(jià),這樣使每個(gè)學(xué)生能都積極參與,活躍了課堂氣氛,很好的培養(yǎng)了學(xué)習(xí)興趣。分析完作品后,老師開(kāi)始操作演示實(shí)例制作,演示的過(guò)程要慢而有條理,盡量照顧到每一位學(xué)生的學(xué)習(xí)進(jìn)度。老師最好把自己的演示操作過(guò)程制作成視頻教學(xué)錄像,以供同學(xué)課后觀看和復(fù)習(xí)。講實(shí)例是為知識(shí)點(diǎn)和動(dòng)畫(huà)制作原理服務(wù)的,如果學(xué)生只記住了操作步驟是遠(yuǎn)遠(yuǎn)不夠的,所以在演示中一定要強(qiáng)調(diào)相關(guān)的知識(shí)點(diǎn),并鼓勵(lì)學(xué)生在操作過(guò)程中深入去理解,思考。學(xué)生要明白每一個(gè)實(shí)例的制作原理,并能舉一反三。例如講解形狀補(bǔ)間動(dòng)畫(huà)時(shí),教師可以制作多種形狀變化的實(shí)例,但是一定要再三強(qiáng)調(diào)其概念:形狀補(bǔ)間動(dòng)畫(huà)是使圖形對(duì)象在異端時(shí)間內(nèi)由一種形態(tài)變成另一種形態(tài)。形態(tài)包括圖形對(duì)象的外觀樣式、位置、大小和顏色等。形狀漸變動(dòng)畫(huà)的對(duì)象只能是矢量圖形。如果要對(duì)符號(hào)、文字或者位圖圖片進(jìn)行變形動(dòng)畫(huà)的話(huà),需要先將他們打散,讓它們變成矢量圖。另外,課后老師還要布置相關(guān)的作業(yè)讓學(xué)生鞏固學(xué)習(xí)內(nèi)容,作業(yè)可以比上課的講的實(shí)例稍難一點(diǎn),還應(yīng)該有一定的實(shí)用性,這樣就更好的激勵(lì)了學(xué)生的求知欲和創(chuàng)作欲。
二、選擇好的教學(xué)案例,讓每一堂課都很有樂(lè)趣
flash教學(xué)中運(yùn)用一個(gè)知識(shí)點(diǎn)可以制作出成千上萬(wàn)的實(shí)例,但是有針對(duì)性的挑選適合的案例講解卻是非常重要的。好的案例不僅能吸引學(xué)生,還更容易讓學(xué)生接受。好的教學(xué)實(shí)例往往是跟我們生活息息相關(guān)的案例,人們總是對(duì)身邊的人和事物變遷最為 44444444444444
敏感,而這種與生活相關(guān)的東西對(duì)人也最有啟發(fā)性。例如我在講掌握動(dòng)畫(huà)制作基礎(chǔ)和逐幀動(dòng)畫(huà)操作流程時(shí),舉了“跳動(dòng)的秒表”這個(gè)實(shí)例講解,學(xué)生很感興趣,同時(shí)很好的掌握了逐幀動(dòng)畫(huà)的制作要領(lǐng),而且我還啟發(fā)學(xué)生學(xué)習(xí)動(dòng)畫(huà)腳本語(yǔ)言,從而制作真正的秒表動(dòng)畫(huà)。再例如我在講引導(dǎo)層動(dòng)畫(huà)時(shí),舉了小兔子回家的例子,小兔子回家很多路可走,但是只有一條路上沒(méi)有大灰狼,所以用引導(dǎo)線(xiàn)來(lái)引導(dǎo)小兔子找一條沒(méi)有狼的路安全回家,整個(gè)教學(xué)過(guò)程像是在講故事,同學(xué)們既重溫了兒時(shí)的記憶又學(xué)到了新知識(shí),一切都是那么的有趣。
三、建立興趣小組,形成好的互幫學(xué)習(xí)氛圍
由于一些客觀原因,導(dǎo)致高職生源質(zhì)量逐年下降,相對(duì)來(lái)說(shuō)高職不善于自主學(xué)習(xí),而且在學(xué)習(xí)過(guò)程中會(huì)出現(xiàn)畏難情緒,有的學(xué)生擔(dān)心沒(méi)有美術(shù)基礎(chǔ)學(xué)不好,有的學(xué)生覺(jué)得自己的英文不好怕學(xué)不會(huì)腳本語(yǔ)言,甚至一些同學(xué)中途放棄,如果僅僅靠老師一個(gè)人的力量來(lái)幫助這些學(xué)是遠(yuǎn)不夠的。老師在開(kāi)始上課的時(shí)候,就要短時(shí)間的挖掘一些接受能力強(qiáng)的學(xué)生,并盡早組建興趣小組,讓這些興趣小組的同學(xué)在課余時(shí)間幫助其他同學(xué),鼓勵(lì)其他同學(xué),帶動(dòng)其他同學(xué)。同時(shí)讓每一位興趣小組成員都作為本寢室的學(xué)習(xí)組長(zhǎng),老師有目的組織一些動(dòng)畫(huà)制作小比賽,在每個(gè)小組之間比,激發(fā)學(xué)生的集體榮譽(yù)感,也促進(jìn)學(xué)生的責(zé)任感。堅(jiān)持下來(lái),班上的學(xué)習(xí)氛圍一定非常的高漲,相信有些不愿學(xué)的學(xué)生都會(huì)自覺(jué)的學(xué)習(xí)起來(lái)。老師這時(shí)候也要花更多的精力來(lái)關(guān)注這些學(xué)生,多多表?xiàng)钏麄兊倪M(jìn)步,從各個(gè)角度點(diǎn)評(píng)他們的作品,不斷的引導(dǎo)他們更努力的學(xué)習(xí)。
總之,教學(xué)不只是忠實(shí)地實(shí)施進(jìn)行計(jì)劃、教案的過(guò)程,而是課程建設(shè)和開(kāi)發(fā)的過(guò)程,教與學(xué)是師生之間共同的交流活動(dòng),如何讓有效性的“教”和學(xué)生自主性的“學(xué)”達(dá)到和諧統(tǒng)一,是值得我們不斷去研究和探索的。
本文來(lái)自 轉(zhuǎn)載請(qǐng)注明
【本文地址:http://www.aiweibaby.com/zuowen/1071433.html】