《FLASH動(dòng)畫制作》教案

上傳人:仙*** 文檔編號(hào):29356299 上傳時(shí)間:2021-10-07 格式:DOC 頁數(shù):66 大?。?46.50KB
收藏 版權(quán)申訴 舉報(bào) 下載
《FLASH動(dòng)畫制作》教案_第1頁
第1頁 / 共66頁
《FLASH動(dòng)畫制作》教案_第2頁
第2頁 / 共66頁
《FLASH動(dòng)畫制作》教案_第3頁
第3頁 / 共66頁

下載文檔到電腦,查找使用更方便

15 積分

下載資源

還剩頁未讀,繼續(xù)閱讀

資源描述:

《《FLASH動(dòng)畫制作》教案》由會(huì)員分享,可在線閱讀,更多相關(guān)《《FLASH動(dòng)畫制作》教案(66頁珍藏版)》請?jiān)谘b配圖網(wǎng)上搜索。

1、第1章 FLASH應(yīng)用基礎(chǔ) 1.1 初識(shí)FLASH Flash是由美國Macromedia公司出品的用于矢量圖編輯和動(dòng)畫創(chuàng)作的專業(yè)軟件,是目前最流行的平面動(dòng)畫創(chuàng)作軟件。用Flash制作的動(dòng)畫占用空間少、短小精悍,特別適用于網(wǎng)頁、課件中的動(dòng)畫制作,也可用于交互式軟件開發(fā)、產(chǎn)品展示等多個(gè)方面。 1.1.1Flash使用界面 1.標(biāo)題欄 2.菜單欄 3.圖層、幀 4.時(shí)間軸 5.常用工具欄 6.編輯區(qū)(舞臺(tái)) 7.各種面板 8.工具箱 1.1.2有關(guān)術(shù)語 1.位圖 位圖是由像素組成的圖像,每個(gè)像素顯示一種顏色,當(dāng)位圖被放大時(shí),會(huì)出現(xiàn)鋸齒邊緣,但在表現(xiàn)陰影和色彩的細(xì)微變化方

2、面,位圖圖像是最佳的選擇。 2.矢量圖 矢量圖是由矢量的數(shù)學(xué)對(duì)象所定義的直線和曲線組成的,可理解為由線條和圖塊組成。文件的大小與圖像的大小無關(guān),只與圖像的復(fù)雜程度有關(guān),因此占用空間小,并且可以無限縮放,不會(huì)產(chǎn)生鋸齒模糊效果。 3.結(jié)構(gòu)類 影片、場景、圖層、幀、關(guān)鍵幀、空白關(guān)鍵幀 4.元件類 圖形元件、按鈕元件、影片元件 5.動(dòng)作類 運(yùn)動(dòng)、變形 1.1.3 Flash常用面板 1. “混色器”面板 2.“顏色樣本”面板 3.屬性面板 4.時(shí)間軸面板 5.動(dòng)作面板:為對(duì)象或幀添加動(dòng)作語句 6.組件面板:用于制作用戶交互界面 7.場景面板 1.2 Fl

3、ash文件操作 1.2.1 打開文件 1.2.2 新建文件 1.直接新建 2.使用“模板”標(biāo)簽 1.2.3 保存文件 1.3 制作Flash動(dòng)畫的簡單實(shí)例 1.3.1制作Flash動(dòng)畫的一般過程 例:字體變幻 1.文件屬性的修改 2.使用文本工具在第1幀輸入“字體變幻”:隸書,綠色 3.在第20幀插入關(guān)鍵幀,設(shè)置字體為:華文彩云,紅色 4.將第1幀、第20幀上的文字打散 5.選中第1幀,補(bǔ)間:形狀 6.保存為fla源文件 7.發(fā)布為swf影片文件 1.3.2 制作一個(gè)簡單的動(dòng)畫 例:飄動(dòng)的氣球 1.新建文件:500350,背景:淺藍(lán)色

4、(#33ccff) 2.使用文本工具輸入:“飄動(dòng)得氣球”,華文新魏,45號(hào)字,黑色 3.打開對(duì)齊面板,使文字相對(duì)于舞臺(tái)水平居中對(duì)齊 4.新建按鈕元件:“播放按鈕” 5.在按鈕元件編輯區(qū)內(nèi)畫矩形按鈕:邊框黑色,填充白色 6.在按鈕上輸入文字:“播放”,宋體,20號(hào)字,藍(lán)色 7.切換到場景1,將“播放按鈕元件”拖入場景,放到合適位置 8.新建場景2:插入/場景 9.新建圖形元件:“氣球” 10.在圖形元件中,用橢圓工具畫氣球:邊框紅色,填充紅色。用鉛筆工具畫曲線:鉛筆選項(xiàng)為“平滑”,藍(lán)色。把氣球和曲線組合在一起:修改/組合 11.切換到場景2,將“氣球”元件

5、拖入場景,放到合適位置上 12.在第20幀插入關(guān)鍵幀,將氣球向上移動(dòng),用變形工具縮小,不透明度改為70% 13.在第40幀插入關(guān)鍵幀,將氣球向上移動(dòng),用變形工具縮小,不透明度改為40% 14.選中第1幀,補(bǔ)間:動(dòng)作,簡易:-50 15. 選中第20幀,補(bǔ)間:動(dòng)作,簡易:-50 16.切換到場景1,選中第1幀,打開動(dòng)作面板,輸入“stop();” 17.選中按鈕,在動(dòng)作面板中輸入“on(press){gotoandplay("場景2",1);}” 18.測試并保存文件 1.4 上機(jī)操作綜合指導(dǎo) 例1:閃爍文字 1.使用文本工具輸入“硬件系統(tǒng)”,隸書,85號(hào)字,黑

6、色 2.使文字相對(duì)于舞臺(tái)水平中齊,垂直中齊 3.使用兩次修改/分離,將文字打散 4.分別將四個(gè)字填充為紅、綠、黃、藍(lán) 5.在第3幀、第5幀、第7幀、第9幀處插入關(guān)鍵幀 6.把第3幀“硬”字改為淡藍(lán)色,第5幀“件”字改為紫色,第7幀“系”字改為深綠色,第9幀“統(tǒng)”字改為橙黃色 7.測試并保存文件 例2:倒計(jì)時(shí) 1.用文本工具輸入“5”,85號(hào)字,黑色,相對(duì)于舞臺(tái)水平中齊,垂直中齊 2.在第3、5、7、9、11幀處插入關(guān)鍵幀,分別改為4、3、2、1、0 例3:打字效果 1.用文本工具輸入“歡迎使用計(jì)算機(jī)系統(tǒng)結(jié)構(gòu)教學(xué)課件”,隸書,33號(hào)字,黑色。相對(duì)于舞臺(tái)水平居中,垂直居中

7、2.選中第2幀到第15幀,轉(zhuǎn)換為關(guān)鍵幀 3.將第1幀只留下第一個(gè)字,打開信息面板使修改后的水平坐標(biāo)不變 4. 將第2幀只留下前兩個(gè)字,打開信息面板使修改后的水平坐標(biāo)不變 5.依次處理第3幀至第14幀 6. 測試并保存文件 第2章 FLASH圖形的創(chuàng)建與編輯 2.1工具箱 2.2使用Flash繪制圖形 2.2.1使用鋼筆工具 單擊,將錨點(diǎn)用直線連接 單擊并拖動(dòng),將錨點(diǎn)用曲線連接,可產(chǎn)生貝塞爾曲線 在最后一個(gè)錨點(diǎn)上雙擊,可結(jié)束繪制 在線條上單擊可添加錨點(diǎn) 在曲線錨點(diǎn)上單擊,可將曲線轉(zhuǎn)為直線 先將曲線轉(zhuǎn)為直線,在錨點(diǎn)上單擊可刪除錨點(diǎn) 使用部分選擇移動(dòng)錨點(diǎn) 2.2.2使

8、用線條工具 按住Shift鍵可以拖出水平、垂直或傾斜45度的直線 2.2.3使用鉛筆工具 按住Shift鍵拖動(dòng),可繪制直線 鉛筆工具的3種模式: 1.伸直:用鼠標(biāo)繪制接近橢圓的曲線,會(huì)自動(dòng)規(guī)整成橢圓 2.平滑:使繪制出的圖形邊緣的棱角盡可能消失 3.墨水:接近墨水痕跡 2.2.4使用橢圓工具 繪制橢圓或正圓矢量圖形 2.2.5使用矩形工具 繪制矩形或正方形矢量圖形 2.2.6使用刷子工具 模仿水彩筆的筆觸 刷子的5種模式: 先用橢圓工具繪制紅色邊框綠色填充色的橢圓,再將填充色改為藍(lán)色,調(diào)整刷子模式: 標(biāo)準(zhǔn)繪畫:覆蓋線條色和填充色 顏料填充:只覆蓋填充色 后面

9、繪畫:不覆蓋線條色和填充色 顏料填充:只在用選擇工具選擇的區(qū)域內(nèi)填充 內(nèi)部繪畫:對(duì)線條圍成的封閉區(qū)填色 2.3使用Flash編輯圖形 2.3.1選擇對(duì)象 1.使用選擇工具選擇對(duì)象 繪制兩個(gè)紅色邊框,綠色填充色的圓形,在左邊的圓形上繪制藍(lán)色邊框,紫色填充色的矩形,使用選擇工具選擇: 單擊矢量線,只能選一條線 雙擊矢量線,選中整條矢量線 單擊色塊,只選擇色塊 雙擊色塊,同時(shí)選中色塊和矢量線 按下Shift鍵,選擇多個(gè)不同的對(duì)象 2.使用套索工具選擇對(duì)象 可選擇不規(guī)則的區(qū)域 2.3.2移動(dòng)、復(fù)制和刪除對(duì)象 1.移動(dòng)對(duì)象 使用移動(dòng)工具移動(dòng) 使用箭頭鍵移動(dòng) 按下Shi

10、ft鍵的同時(shí),再按箭頭鍵,一次移動(dòng)8個(gè)像素 按下Shift鍵的同時(shí)用鼠標(biāo)拖動(dòng)選中的對(duì)象,可以將選中的對(duì)象沿45度的整數(shù)倍角度移動(dòng)對(duì)象 2.復(fù)制對(duì)象 選擇對(duì)象,按下Ctrl的同時(shí),拖動(dòng)對(duì)象 使用剪貼板 3.刪除對(duì)象 使用Delete鍵或退格鍵 2.3.3變形對(duì)象 移動(dòng) 縮放:按住shift鍵,可按比例調(diào)整大小 旋轉(zhuǎn):按住shift鍵并拖動(dòng),可以45度的增量進(jìn)行旋轉(zhuǎn) 按住Alt鍵并拖動(dòng),可以圍繞對(duì)角旋轉(zhuǎn) 傾斜 扭曲:按住shift鍵,拖動(dòng)角點(diǎn)或邊 調(diào)整縮放的中心點(diǎn) 2.3.4分組、層疊和對(duì)齊對(duì)象 1.分組 修改/組合(取消組合) 2.層疊對(duì)象 修改/排列

11、 3.對(duì)齊 修改/對(duì)齊或使用對(duì)齊面板 2.3.5使用填充變形工具 1.變形漸變填充 1)線形漸變: 調(diào)整漸變中心 調(diào)整漸變線的距離 調(diào)整漸變線的方向 2)放射狀漸變: 調(diào)整漸變中心 調(diào)整漸變圓的長寬比 調(diào)整漸變圓的大小 調(diào)整漸變圓的方向 2.變形位圖填充 調(diào)整位置 調(diào)整大小 調(diào)整傾斜 調(diào)整方向 2.3.6使用圖形編輯工具 1.使用選擇工具任意改變對(duì)象的大小與形狀 2.使用橡皮擦工具 6種擦除模式: 標(biāo)準(zhǔn)擦除 擦除填色 擦除線條 擦除所選填充 內(nèi)部擦除 水龍頭 2.4上機(jī)操作綜合指導(dǎo) 例1:繪制小狗 例2:繪制楓葉 第3章 Flas

12、h動(dòng)畫基礎(chǔ)知識(shí) 3.1了解時(shí)間軸 3.1.1時(shí)間軸標(biāo)尺 3.1.2播放頭 3.1.3狀態(tài)欄 顯示當(dāng)前幀 幀頻率:可雙擊打開文件屬性對(duì)話框 播放時(shí)間:第1幀與當(dāng)前幀之間播放時(shí)間間隔 3.1.4幀瀏覽選項(xiàng) 位于時(shí)間軸右上角 很小、小、標(biāo)準(zhǔn)、中、大、預(yù)覽、關(guān)聯(lián)預(yù)覽、較短、彩色顯示幀。 關(guān)聯(lián)預(yù)覽:會(huì)以按鈕符號(hào)放大或縮小的比例為標(biāo)準(zhǔn),顯示它們相對(duì)整個(gè)動(dòng)畫的大小。例如,按鈕符號(hào)放大2倍顯示在時(shí)間軸的幀框中,則其他對(duì)象也放大2倍顯示在時(shí)間軸的幀框中。 3.2認(rèn)識(shí)圖層 3.2.1圖層及操作區(qū) 1.顯示/隱藏所有圖層 2.鎖定/解除鎖定所有圖層 3.顯示所有圖層輪廓 4.制作層

13、 表示該層正在編輯中,這一行被置黑并以一枝筆標(biāo)識(shí) 5.插入圖層 6.添加運(yùn)動(dòng)引導(dǎo)層 7.創(chuàng)建圖層文件夾 8.刪除圖層 9.圖層上的快捷菜單 3.2.2創(chuàng)建圖層 3.2.3編輯圖層 1.選擇一個(gè)圖層 單擊圖層的名稱 單擊圖層中的任何幀 在舞臺(tái)上單擊圖層中的對(duì)象 2.同時(shí)選擇多個(gè)圖層 按住Ctrl鍵或Shift鍵 3.重命名圖層 雙擊圖層名 右擊/屬性 修改/時(shí)間軸/圖層屬性 4.鎖定/解鎖圖層 單擊圖層右側(cè)“鎖”列,給該層加鎖 單擊“鎖”圖標(biāo),給所有圖層加鎖 在“鎖”列中拖動(dòng),給多個(gè)圖層加鎖 按住Alt鍵單擊右側(cè)“鎖”列,給其他圖層加鎖 5.復(fù)制圖

14、層 將圖層中的所有幀復(fù)制到新圖層 6.刪除圖層 單擊刪除圖標(biāo) 拖到刪除圖標(biāo)上 右擊/刪除圖層 3.2.4設(shè)置圖層屬性 1.打開“圖層屬性”對(duì)話框 右擊/屬性 在圖層圖標(biāo)上雙擊 2.修改圖層屬性 3.2.5遮罩層 例:聚光燈 1.新建文件:380480,背景:黑色 2.將向日葵.jpg文件導(dǎo)入到舞臺(tái) 3.新建圖形元件:聚光燈 4.在圖形元件中繪制無邊框圓形,填充黑白放射狀漸變 5.新建圖層,將聚光燈元件拖入舞臺(tái),在第15幀和第30幀處插入關(guān)鍵幀,調(diào)整位置,創(chuàng)建動(dòng)作 6.將聚光燈所在圖層設(shè)為遮罩層 7.測試影片 3.2.6運(yùn)動(dòng)引導(dǎo)層 例:設(shè)置小球沿規(guī)定路線

15、滾動(dòng) 3.3認(rèn)識(shí)幀 3.3.1幀和關(guān)鍵幀 3.3.2創(chuàng)建關(guān)鍵幀 3.3.5幀的操作 例:引導(dǎo)線。去掉引導(dǎo)關(guān)系和補(bǔ)間 1.插入幀 可增加影片的長度 2.刪除幀 3.插入關(guān)鍵幀 將當(dāng)前幀轉(zhuǎn)換為關(guān)鍵幀 4.插入空白關(guān)鍵幀 會(huì)將下一個(gè)關(guān)鍵幀以前的內(nèi)容完全清除 5.清除關(guān)鍵幀 前面關(guān)鍵幀的區(qū)間會(huì)擴(kuò)展到下一個(gè)關(guān)鍵幀 6.轉(zhuǎn)換為關(guān)鍵幀 7.轉(zhuǎn)換為空白關(guān)鍵幀 會(huì)將下一個(gè)關(guān)鍵幀以前的內(nèi)容完全清除 8.剪切幀 轉(zhuǎn)為空白幀 9.復(fù)制幀 10.粘貼幀 11.清除幀 12.選擇所有幀 13.翻轉(zhuǎn)幀 將幀序列翻轉(zhuǎn)過來 3.4認(rèn)識(shí)元件、實(shí)例和庫 3.4.1元件 是指在

16、Flash中創(chuàng)建的圖形、按鈕或影片剪輯。元件只需創(chuàng)建一次,即可在整個(gè)文擋或其他文檔中重復(fù)使用。 圖形元件:用于制作靜態(tài)圖像 按鈕元件:用于創(chuàng)建響應(yīng)鼠標(biāo)單擊、移動(dòng)或其他動(dòng)作的交互按鈕。 影片剪輯元件:用來制作可重復(fù)使用的,獨(dú)立于主影片時(shí)間軸的動(dòng)畫片斷 3.4.2實(shí)例 就是將元件從“庫”面板拖到舞臺(tái)中,實(shí)例是元件在舞臺(tái)中的具體體現(xiàn)。 3.4.3庫 庫面板中存儲(chǔ)了在Flash文檔中創(chuàng)建的元件以及導(dǎo)入的文件,如視頻剪輯、聲音剪輯、位圖和導(dǎo)入的矢量圖形等內(nèi)容。 3.5管理場景 窗口/設(shè)計(jì)面板/場景 3.5.1添加和切換場景 3.5.2命名場景 3.5.3刪除和復(fù)制場景 3.5.

17、4建立和排列窗口 創(chuàng)建新窗口:窗口/新建窗口 窗口的排列: 1.隨意方式 2.最大化方式 3.層疊方式 4.平鋪方式 3.6上機(jī)操作綜合指導(dǎo) 例1:激光字 1.新建文件:548410 2.背景層導(dǎo)入圖片小貓.jpg。 3.新建圖層“被遮罩層”,輸入文字“l(fā)ove”:華文行楷,150號(hào)字,紫色。 4.新建圖層“遮罩層”,用刷子工具畫一個(gè)填充快,在后面每一幀插入關(guān)鍵幀,依次用刷子畫填充快 5.在“遮罩層”上點(diǎn)右鍵,選擇“遮罩層” 6.測試影片 例2:汽車爬坡 1.新建文件,背景:淺綠色(#9cffce) 2.新建引導(dǎo)層,繪制曲線 3.下層改為被引導(dǎo)層,將汽車.j

18、pg導(dǎo)入,調(diào)整大小,打散,使用魔術(shù)棒工具將背景去掉,將像素圖轉(zhuǎn)換為圖形元件,放在曲線一端 4.在第50幀插入關(guān)鍵幀,將元件放在曲線另一端,設(shè)置補(bǔ)間,選中“調(diào)整到路徑” 5.設(shè)置引導(dǎo)關(guān)系,測試動(dòng)畫 第4章 Flash文本操作 4.1創(chuàng)建文本 4.1.1文本類型 1.靜態(tài)文本 靜態(tài)文本區(qū)用于顯示影片中不作任何變化的文字。文本內(nèi)容在運(yùn)行時(shí)不會(huì)發(fā)生改變,靜態(tài)文本可以創(chuàng)建超鏈接。 對(duì)靜態(tài)文本可以縮放、旋轉(zhuǎn)、移動(dòng)或者扭曲,指定顏色和Alpha效果。 初次輸入文本時(shí),是可擴(kuò)展文本。拖動(dòng)調(diào)整后,變?yōu)楣潭▽挾任谋?,在方形手柄上雙擊轉(zhuǎn)換為標(biāo)簽文本框(可擴(kuò)展文本框) 2.動(dòng)態(tài)文本 動(dòng)態(tài)文本區(qū)域

19、用于顯示影片中會(huì)被更新的文字。該內(nèi)容可以來自于即時(shí)數(shù)據(jù)源、動(dòng)態(tài)更新的文本,如體育比分、氣溫、物價(jià)等 動(dòng)態(tài)文本區(qū)是在運(yùn)行時(shí)生成或者編輯的,不能在動(dòng)態(tài)文本區(qū)上直接應(yīng)用特殊格式或者進(jìn)行形狀修改(如扭曲或自動(dòng)間距調(diào)整) 3.輸入文本 輸入文本區(qū)域用于在運(yùn)行時(shí)由用戶輸入文本,它可用于任何需要用戶輸入的時(shí)候,如輸入密碼或者回答問題時(shí) 4.1.2設(shè)置垂直文本的首選參數(shù) 英文可旋轉(zhuǎn)方向,中文需單個(gè)旋轉(zhuǎn) 4.1.3創(chuàng)建文本 標(biāo)簽文本:直接輸入 塊文本:先將文本框調(diào)到要求的寬度,再輸入文本 4.1.4創(chuàng)建滾動(dòng)文本 對(duì)動(dòng)態(tài)文本或輸入文本可使用滾動(dòng)文本:文本/可滾動(dòng) 4.2設(shè)置文本屬性 4.2

20、.1選擇字體、點(diǎn)數(shù)、樣式和顏色 使文本填充漸變色,須將文本轉(zhuǎn)換為線條和填充圖形。 文本樣式可選擇粗體或斜體。 4.2.2設(shè)置字符間距、字距微調(diào)和字符位置 字符間距值的調(diào)整范圍是-60~60磅。 字距微調(diào)控制字符之間的距離,若要使用字體的內(nèi)置字距微調(diào)信息,可選擇“自動(dòng)調(diào)整字距”復(fù)選框 字符位置包括:正常、上標(biāo)、下標(biāo) 4.2.3設(shè)置對(duì)齊、邊距、縮進(jìn)和行距 對(duì)齊方式有:左/頂端對(duì)齊、居中對(duì)齊、右/底端對(duì)齊、兩端對(duì)齊 “格式選項(xiàng)”對(duì)話框:縮進(jìn)、行距、左邊距和右邊距 4.2.4使用設(shè)備字體 在Flash影片中使用安裝在系統(tǒng)中的字體時(shí),在Flash中嵌入的信息將保存在Swf文件中,以

21、確保這些字體能在Flash播放時(shí)完全顯示出來。但不是所有顯示在Flash中的字體都能與影片一起輸出,在Flash中,可以使用設(shè)備字體解決上述問題。設(shè)備字體不能嵌入到Flash的Swf文件中,F(xiàn)lash播放器可以使用與設(shè)備字體相接近的任何一種字體與它匹配。由于動(dòng)畫中未包括設(shè)備字體信息,因此,使用設(shè)備字體可以縮小Flash影片的大小。 Flash包括3種設(shè)備字體:_sans,_serif和_typewriter。若在文檔中使用設(shè)備字體顯示文本,可將“文本類型”選擇“靜態(tài)文本”,選擇“屬性”面板中的“使用設(shè)備字體”復(fù)選框即可。 4.2.5設(shè)置動(dòng)態(tài)文本選項(xiàng)和輸入文本選項(xiàng) 實(shí)例名稱:用來設(shè)置該文本

22、字段的實(shí)例名稱,方便以后在腳本中調(diào)用 線條類型:設(shè)置文本在文本框中顯示的模式(單行、多行、不換行) 將文本呈現(xiàn)為HTML:可保留豐富的文本格式,如字體和超鏈接,并有相應(yīng)的HTML標(biāo)記 目標(biāo):在鏈接輸入框中輸入U(xiǎn)RL地址后,此菜單才可用,利用它可以為加載的URL選擇目的地 可選:可使文字成為可選擇項(xiàng)目,即瀏覽者在觀看動(dòng)畫時(shí)可選擇其中的文字 變量:用來輸入該文本字段的變量名稱 字符:可打開“字符選項(xiàng)”對(duì)話框,用戶可以選擇嵌入字體輪廓的字符 對(duì)于動(dòng)態(tài)文本或輸入文本而言,注意兩點(diǎn): 文本在編輯狀態(tài)下的顯示和在輸出時(shí)的顯示是不一樣的 如果動(dòng)畫中包含了動(dòng)態(tài)文本或輸入文本,則只能在輸出影片

23、中才能測試 4.2.6將文本鏈接到URL 對(duì)于水平文本,可以設(shè)置超鏈接。先選中要進(jìn)行超鏈接的文本,在“屬性”面板中填寫URL。URL可以是以下內(nèi)容之一: 本機(jī)文件地址。以File://作為開頭,如:File://c:/Flash/Flash.txt 網(wǎng)絡(luò)文件地址。以“://”作為開頭,其中是傳輸?shù)奈募f(xié)議,如:ftp:// 郵件發(fā)送。以mailto:開頭。如:mailto:mosy@ 可看到鏈接成功的文本出現(xiàn)下劃線,這時(shí)可以選擇目標(biāo)窗口 4.3編輯文本 4.3.1選擇文本 使用文本工具或選擇工具 4.3.2編輯文本 4.3.3變

24、形文本 使用任意變形工具或修改/變形 4.3.3分離文本 文本被分離為填充圖形,就不再具有文本的屬性,而具有了填充圖形的屬性。但只有靜態(tài)文本才能被分離。 4.3.5改變分離后文本的形狀 使用選擇工具或部分選擇工具 4.3.6填充文本 例:將分離后文本填充位圖 1. 輸入文本“FLASH MX”:Times New Roman,60點(diǎn),白色,粗體。 2. 使用兩次分離 3. 填充位圖:向日葵 4.4制作特效文字 4.4.1五彩字 1.輸入文本“五彩字”:隸書,70點(diǎn),黑色,粗體,自動(dòng)調(diào)整字距 2.使用兩次分離 3.填充五彩色 4.4.2空心字 1.輸入文本“FL

25、ASH MX”:Arial Black,70點(diǎn),黑色,粗體,自動(dòng)調(diào)整字距 2.使用兩次分離 3.選中墨水瓶工具,在屬性面板中設(shè)置:紅色,筆觸高度為3,筆觸樣式為實(shí)線 4.在每個(gè)字上單擊,添加輪廓線 5.將填充色刪除 4.4.3陰影字 1.輸入文字“FLASH MX”,Arial Black,60點(diǎn),藍(lán)色,粗體 2.復(fù)制一個(gè),顏色改為灰色,使用任意變形工具改變形狀,調(diào)整位置 4.4.4立體字 1.輸入文本“F”:Arial Black,96點(diǎn),黑色 2.使用一次分離 3.選中墨水瓶工具,在屬性面板中設(shè)置紅色,筆觸高度2,筆觸樣式為實(shí)線 4.為分離文本添加輪廓線 5.使用

26、選擇工具復(fù)制一個(gè),調(diào)整位置 6.使用直線工具連接對(duì)應(yīng)頂點(diǎn),刪除不可見線條 7.為各個(gè)平面填充顏色 4.5上機(jī)操作綜合指導(dǎo) 例1熒光文字效果 1.新建文件480150,白色背景 2.輸入文字“FLASH MX”:verdana,60點(diǎn),粗體,傾斜 3.使用兩次分離 4. 選中墨水瓶工具,在屬性面板中設(shè)置顏色#ff00cc,筆觸高度3,筆觸樣式為實(shí)線 5.給文字添加邊框,刪除填充色 6.選中所有空心字,修改/形狀/將線條轉(zhuǎn)換位填充 7.修改/形狀/柔化填充邊緣。距離:5,步驟:10,方向:擴(kuò)展 例2變形文字 1.輸入“OK”:Arial Black,96點(diǎn),藍(lán)色,粗體

27、2.兩次分離 3.使用選擇工具和部分選擇工具改變文字形狀 4.為文字填充漸變色 第5章 導(dǎo)入圖形圖像和視頻 5.1導(dǎo)入圖形圖像 5.1.1矢量圖形和位圖圖像 矢量圖形文件由描述位置的點(diǎn)和在這些點(diǎn)之間連線的方程組成。使用Flash的繪圖工具創(chuàng)建的任何圖形都是以矢量格式來表示的。矢量圖形的優(yōu)點(diǎn)是文件尺寸小并且可以無變形地精確縮放,缺點(diǎn)是高度復(fù)雜的矢量圖形使得文件尺寸變得很大,而且在建立連續(xù)的色調(diào)、照片或者藝術(shù)作品時(shí)矢量圖不是很合適 位圖文件以獨(dú)立的像素排列來描述,這些像素影射在帶有小方格的坐標(biāo)紙的柵格中。每個(gè)像素有特定的顏色值。位圖圖像在圖形的尺寸放大時(shí)變形很厲害,但復(fù)雜的位圖圖像(

28、如照片)常常比復(fù)雜程度相當(dāng)?shù)氖噶繄D形要小,并顯示出較好的效果。 在Flash項(xiàng)目中盡可能使用可縮放、節(jié)省帶寬的矢量圖形(除非要求使用照片或照片質(zhì)量和連續(xù)色調(diào)圖形的情況) 5.2.1可以導(dǎo)入Flash中的文件格式(90頁) 在不安裝Quick Time4時(shí),可以導(dǎo)入的圖形圖像格式見表5-1 在已安裝Quick Time4時(shí),可以導(dǎo)入的圖形圖像格式見表5-2 5.1.3導(dǎo)入圖形圖像的方式 1.復(fù)制粘貼 2.導(dǎo)入到庫:文件/導(dǎo)入/導(dǎo)入到庫 3.從一個(gè)Flash庫或文檔窗口拖到另一個(gè)Flash庫或文檔窗口 4.導(dǎo)入到舞臺(tái):文件/導(dǎo)入/導(dǎo)入到舞臺(tái) 5.導(dǎo)入文件的大小不得小于2px2p

29、x 5.1.4導(dǎo)入圖形圖像的規(guī)則 導(dǎo)入的文件格式不同,需要設(shè)置的選項(xiàng)也不同 為了保留位圖文件的透明度設(shè)置,應(yīng)選擇文件/導(dǎo)入命令 5.2編輯導(dǎo)入的位圖圖像 5.2.1使用屬性面板編輯位圖 交換按鈕:可以用當(dāng)前文檔中的其他位圖實(shí)例來替換選中的位圖實(shí)例 編輯按鈕:可以打開一個(gè)關(guān)聯(lián)的外部圖像編輯器來編輯圖像 5.2.2設(shè)置位圖屬性 方法:打開庫面板,選中圖像文件,按右鍵/屬性或單擊面板底部的屬性按鈕 選項(xiàng): 圖像的名稱、源文件路徑、尺寸和日期信息 “更新”按鈕:當(dāng)位圖在Flash之外被改變時(shí)可在次導(dǎo)入或按用戶的設(shè)置對(duì)位圖圖像進(jìn)行更新 “導(dǎo)入”按鈕:新的位圖將替換當(dāng)前位圖 “

30、測試”按鈕:用于更新顯示的壓縮信息,可比較壓縮文件的大小和源文件的大小 允許平滑:消除鋸齒 壓縮:照片(JPEG)可以JPEG格式壓縮圖像,對(duì)于很復(fù)雜的位圖圖像很合適;無損(PNG/GIF)可使用無損壓縮格式壓縮圖像,這樣不會(huì)丟失任何數(shù)據(jù) 使用導(dǎo)入的JPEG數(shù)據(jù):指定為圖像導(dǎo)入時(shí)的默認(rèn)壓縮品質(zhì)。取消可設(shè)置壓縮品質(zhì)值:1~100,值越大圖像越完整,同時(shí)產(chǎn)生的文件也就越大 5.2.3應(yīng)用位圖填充 將圖形填充為位圖 5.2.4在外部編輯器中編輯位圖 如安裝了Firework MX、FreeHand等圖像編輯應(yīng)用程序,可在Flash中啟動(dòng)來編輯導(dǎo)入的位圖圖像 方法:在庫面板中,右擊圖像

31、文件/編輯方式 5.3導(dǎo)入視頻文件 5.3.1視頻導(dǎo)入文件格式(98頁) 安裝了Quick Time4時(shí),可以導(dǎo)入的視頻文件格式見表5-3 安裝了DirectX7時(shí),可以導(dǎo)入的視頻文件格式見表5-4 5.3.2將視頻剪輯導(dǎo)入為嵌入文件 系統(tǒng)需安裝Quick Time4 或DirectX7,高版本只支持XP系統(tǒng) 方法:文件/導(dǎo)入/導(dǎo)入到舞臺(tái) 在發(fā)布影片時(shí)將被包含在發(fā)布的影片中 5.3.3將Qick Time視頻剪輯導(dǎo)入為鏈接文件 系統(tǒng)需安裝Quick Time4 方法:文件/導(dǎo)入/導(dǎo)入視頻 導(dǎo)入的視頻并未成為Flash影片的一部分,只是保存了一個(gè)源文件的鏈接指針 5.4

32、上機(jī)操作綜合指導(dǎo) 例1:為位圖添加文本,并填充位圖 1.新建文件,導(dǎo)入圖像文件“小貓” 2.使用文本工具輸入“小貓咪咪”:Arial Black,50,粉紅色,粗體 3.使用兩次將文本分離 4.打開顏色面板,混色器類型使用位圖 例2:去掉圖像中的背景 1.新建文件,導(dǎo)入帶有白色背景的圖像文件“向日葵” 2.將圖像分離 3.使用套索工具和魔術(shù)棒工具將背景色刪除 第6章 創(chuàng)建動(dòng)畫 6.1補(bǔ)間動(dòng)畫與逐幀動(dòng)畫 逐幀動(dòng)畫是制作好每一幀畫面,然后生成動(dòng)畫效果 補(bǔ)間動(dòng)畫則是制作好若干關(guān)鍵幀的畫面,由Flash通過計(jì)算生成中間各幀,使得畫面從一個(gè)關(guān)鍵幀過渡到另一個(gè)關(guān)鍵幀 補(bǔ)間動(dòng)畫又

33、細(xì)分為兩類:“補(bǔ)間動(dòng)作”動(dòng)畫和“補(bǔ)間形狀”動(dòng)畫 6.2創(chuàng)建補(bǔ)間動(dòng)作動(dòng)畫 通過為實(shí)例、群組與文字創(chuàng)建補(bǔ)間動(dòng)作動(dòng)畫,可改變這些對(duì)象的位置、尺寸、旋轉(zhuǎn)或傾斜。通過改變實(shí)例與文本的顏色,還可以創(chuàng)建顏色漸變動(dòng)畫或淡入、淡出動(dòng)畫 創(chuàng)建補(bǔ)間動(dòng)作的方法:補(bǔ)間使用“動(dòng)畫”或在幀上點(diǎn)右鍵/創(chuàng)建補(bǔ)間動(dòng)畫 例1:逐漸放大加深的圖像 1.新建文件,導(dǎo)入圖像“向日葵.gif” 2.將圖像轉(zhuǎn)換為圖形元件,Alpha值調(diào)為50%,將圖像調(diào)小 3.在40幀插入關(guān)鍵幀,Alpha值調(diào)為100%,將圖像放大 4.創(chuàng)建補(bǔ)間動(dòng)作,測試動(dòng)畫 幀屬性面板設(shè)置: 若修改對(duì)象的大小,可選中“縮放”復(fù)選框 在“簡易”編輯框

34、中輸入值,可調(diào)整補(bǔ)間幀之間的變化速率。若要使補(bǔ)間動(dòng)畫開始時(shí)較慢,然后朝著動(dòng)畫結(jié)束的方向加速,可將“緩動(dòng)”值設(shè)為負(fù)值;若要使補(bǔ)間動(dòng)畫開始時(shí)較快,并朝著動(dòng)畫結(jié)束的方向減速,可將“緩動(dòng)”值設(shè)為正值。默認(rèn)情況下,“緩動(dòng)”值為0,表示補(bǔ)間幀之間的變化速度不變 在“旋轉(zhuǎn)”下拉列表框中,可設(shè)置在補(bǔ)間時(shí)旋轉(zhuǎn)所選的對(duì)象 若創(chuàng)建了沿路徑運(yùn)動(dòng)的動(dòng)畫,可勾選“調(diào)整倒路徑”,使補(bǔ)間對(duì)象的基線調(diào)整到運(yùn)動(dòng)路徑 如果勾選了“同步”復(fù)選框,可使動(dòng)態(tài)圖形元件實(shí)例的動(dòng)畫和主時(shí)間軸同步 若創(chuàng)建了沿路徑運(yùn)動(dòng)的動(dòng)畫,勾選“對(duì)齊”復(fù)選框,可以根據(jù)其注冊點(diǎn)將補(bǔ)間對(duì)象附加到運(yùn)動(dòng)路徑上 例2:旋轉(zhuǎn)的橢圓 1.使用橢圓工具繪制橢圓:筆

35、觸高度1,筆觸顏色為藍(lán)色,填充顏色為紅色 2.在第1幀點(diǎn)右鍵/創(chuàng)建補(bǔ)間動(dòng)畫,自動(dòng)轉(zhuǎn)為圖形元件 3.在第30幀點(diǎn)右鍵/插入關(guān)鍵幀,將圖形縮放、旋轉(zhuǎn) 6.2.2創(chuàng)建沿路徑運(yùn)動(dòng)的補(bǔ)間動(dòng)作動(dòng)畫 例:顛簸的汽車 1.將圖像文件“汽車.jpg”導(dǎo)入到舞臺(tái),去掉背景色,轉(zhuǎn)換為圖形元件 2.在第30幀點(diǎn)右鍵/插入關(guān)鍵幀,創(chuàng)建補(bǔ)間 3.單擊“添加運(yùn)動(dòng)引導(dǎo)層”按鈕,用鋼筆工具繪制路徑 4.將汽車移動(dòng)到起始幀和終點(diǎn)幀的中心位置上 5.測試影片,汽車將作顛簸運(yùn)動(dòng) 6.選中第1幀,單擊“繪圖紙外觀”按鈕,將時(shí)間軸上“繪圖紙外觀標(biāo)記”設(shè)置條調(diào)整為與動(dòng)畫長度一致,以觀察動(dòng)畫的全部幀 7.若希望對(duì)象在沿

36、路徑運(yùn)動(dòng)時(shí),能夠根據(jù)路徑的切線方向調(diào)整自身的方向,可在第2關(guān)鍵幀左側(cè)的結(jié)束幀上雙擊,可選中補(bǔ)間動(dòng)畫的全部幀,然后在“屬性”面板中勾選“調(diào)整到路徑” 6.3創(chuàng)建補(bǔ)間形狀動(dòng)畫 6.3.1創(chuàng)建補(bǔ)間形狀動(dòng)畫 幀屬性面板/混合模式: 分布式:中間形狀比較平滑且不規(guī)則 角度式:中間形狀將保留原始形狀的角度和線條,當(dāng)原始形狀帶有銳角和直線時(shí),可選用此模式 例:圓到矩形的變化 1.畫圓:筆觸高度3,筆觸顏色藍(lán)色,填充顏色紅色 2.在30幀插入關(guān)鍵幀,畫矩形:筆觸高度3,筆觸顏色紅色,填充顏色藍(lán)色 3.設(shè)置補(bǔ)間 6.3.2使用形狀提示 形狀提示是在變形的初始圖形與結(jié)束圖形上,分別指定一些變

37、形關(guān)鍵點(diǎn),并使這些點(diǎn)在起始幀中和結(jié)束幀中一一對(duì)應(yīng),F(xiàn)lash會(huì)根據(jù)這些點(diǎn)的對(duì)應(yīng)關(guān)系來計(jì)算變形的過程。使用形狀提示可以控制較為復(fù)雜的形狀漸變。 在Flash中最多可以使用26個(gè)變形關(guān)鍵點(diǎn),分別用a~z表示。起始關(guān)鍵幀的變形關(guān)鍵點(diǎn)用黃色圓圈表示,結(jié)束幀用綠色圓圈表示。為了獲得最佳變形效果,應(yīng)遵循以下原則: 如果過渡比較復(fù)雜,可以增加一個(gè)或多個(gè)中間形狀,而不僅僅設(shè)置一個(gè)起始關(guān)鍵a、b、c和一個(gè)終止關(guān)鍵幀 確保形狀提示的變形關(guān)鍵點(diǎn)是符合邏輯的。例如,如果在一個(gè)三角形上調(diào)價(jià)了3個(gè)變形關(guān)鍵點(diǎn),依次為a、b、c,那么無論將三角形如何變形,這三個(gè)點(diǎn)始終應(yīng)保持a、b、c的順序,即在第2個(gè)關(guān)鍵幀中他們的順序

38、仍然是a、b、c,而不能變成a、c、b或b、c、a。 如果將形狀提示符按照逆時(shí)針方向從圖形的左上角位置開始,則變形效果更好。 變形關(guān)鍵點(diǎn)不應(yīng)太多,但應(yīng)將每個(gè)關(guān)鍵點(diǎn)放置在合適的位置 1.新建文件200200 2.在第1幀輸入字母“a”:黑體,200點(diǎn) 3.在第10幀插入關(guān)鍵幀,輸入字母“b”:200點(diǎn) 4.將文字分離,創(chuàng)建補(bǔ)間,測試動(dòng)畫 5.選中第1幀,修改/形狀/添加形狀提示 6.移動(dòng)第1幀和第10幀上提示符的位置,直到,第1幀上的提示符變?yōu)辄S色,第10幀上的提示符變?yōu)榫G色 6.重新測試動(dòng)畫 7.隱藏形狀提示:視圖/顯示形狀提示 8.刪除某個(gè)形狀提示:從舞臺(tái)中拖出 9.

39、刪除所有形狀提示:修改/形狀/刪除所有提示 6.4創(chuàng)建逐幀動(dòng)畫 逐幀動(dòng)畫適用于創(chuàng)建非常復(fù)雜的動(dòng)畫,它的每一幀都是關(guān)鍵幀,每一幀都需要由設(shè)計(jì)者確定 例:Walkingman 6.5編輯動(dòng)畫 6.5.1插入、刪除和修改幀 插入幀、關(guān)鍵幀、空白關(guān)鍵幀 刪除幀、清除幀、剪切幀、復(fù)制幀、粘貼幀 移動(dòng)幀:使用鼠標(biāo)拖動(dòng) 復(fù)制幀:Alt+鼠標(biāo)拖動(dòng) 關(guān)鍵幀轉(zhuǎn)換為普通幀:清除關(guān)鍵幀 翻轉(zhuǎn)幀 6.5.2使用繪圖紙外觀 例:顛簸的汽車 通常,在舞臺(tái)中一次只顯示動(dòng)畫序列的一個(gè)幀,為了幫助用戶定位和編輯逐幀動(dòng)畫,并在舞臺(tái)中一次查看兩個(gè)或多個(gè)幀,可以使用“繪圖紙外觀”功能。此時(shí),播放頭下面的幀用

40、全彩色顯示,但其余幀是暗淡的,看起來就好像每個(gè)幀是畫在一張半透明的繪畫紙上,而且這些繪圖紙相互層疊在一起 在舞臺(tái)上,要同時(shí)查看動(dòng)畫的幾個(gè)幀,可單擊“繪圖紙外觀”按鈕 要控制繪圖紙外觀顯示,可執(zhí)行如下操作: “繪圖紙外觀輪廓”按鈕:將繪圖紙外觀顯示為輪廓 可移動(dòng)繪圖紙外觀標(biāo)記的位置 “編輯多個(gè)幀”按鈕:可編輯繪圖紙外觀標(biāo)記之間的所有幀 “修改繪圖紙標(biāo)記”按鈕:用于更改繪圖紙標(biāo)記外觀標(biāo)記的顯示 總是顯示標(biāo)記:可在時(shí)間軸標(biāo)題中顯示繪圖紙外觀標(biāo)記 錨定繪圖紙:可將繪圖紙外觀標(biāo)記鎖定在時(shí)間軸標(biāo)題中的當(dāng)前位置 繪圖紙2:在當(dāng)前幀的兩邊各顯示2個(gè)幀 繪圖紙5:在當(dāng)前幀的兩邊各顯示5個(gè)幀

41、 繪制全部:在當(dāng)前幀的兩邊顯示全部幀 6.5.3移動(dòng)整個(gè)動(dòng)畫 例:walkingman 單擊“編輯多個(gè)幀”按鈕,然后拖動(dòng)繪圖紙外觀標(biāo)記,包含要選擇的所有幀或單擊“修改繪圖紙標(biāo)記按鈕”,選擇“繪制全部”包含所有幀。使用選擇工具選中舞臺(tái)中所有內(nèi)容,再拖到其他位置 6.6上機(jī)操作綜合指導(dǎo) 例1:飛翔的鳥 1.新建影片編輯元件,導(dǎo)入海鷗的所有幀 2.將海鷗元件拖入舞臺(tái) 3.在第30幀插入關(guān)鍵幀,創(chuàng)建補(bǔ)間 4.單擊“添加運(yùn)動(dòng)引導(dǎo)層”按鈕 5.在引導(dǎo)層上畫出橢圓形軌跡,用橡皮擦出缺口 6.調(diào)整被引導(dǎo)層上海鷗的位置,使得中心點(diǎn)分別位于軌跡的起點(diǎn)與終點(diǎn) 7. 幀頻設(shè)為6幀/秒,測試動(dòng)畫

42、 例2:旋轉(zhuǎn)的風(fēng)車 1.新建圖形元件:風(fēng)車 2.打開元件編輯器,視圖/網(wǎng)格/編輯網(wǎng)格,設(shè)定為:顯示網(wǎng)格,對(duì)齊網(wǎng)格,橫向18,縱向18,對(duì)齊精度正常 3.選擇橢圓工具,筆觸顏色黑色,填充紅色,線條寬4,在舞臺(tái)中心畫大圓 4.選擇直線工具,借助網(wǎng)格將圓8等分 5.使用顏料桶給互不相鄰的扇形填充顏色:紅、藍(lán)、黃、綠 6.使用選擇工具,刪除沒有添色的其他扇形,在黑色線條上雙擊,選中所有線條刪除 7.切換到場景,將風(fēng)車拖入舞臺(tái) 8.在第30幀插入關(guān)鍵幀,創(chuàng)建動(dòng)作,旋轉(zhuǎn)為順時(shí)針,次數(shù)為3次 9.選中第30幀,將風(fēng)車縮小 10.測試動(dòng)畫 11.新建圖層,將第1層上的所有幀粘貼到新圖層

43、 12.按下“修改繪圖紙標(biāo)記”按鈕,選擇“繪制全部” 13.按下“編輯多個(gè)幀”按鈕 14.編輯/全選,使用移動(dòng)工具拖到新位置 15.用同樣方法在制作多個(gè)風(fēng)車 16.測試動(dòng)畫 第7章 合成聲音 Flash中的聲音分為兩種:事件聲音和流聲音。 事件聲音多應(yīng)用在按鈕或固定動(dòng)作中的聲音,例如當(dāng)鼠標(biāo)移動(dòng)到某個(gè)按鈕上時(shí),就會(huì)自動(dòng)發(fā)出聲音。其最大的特點(diǎn)是聲音必須完全傳送完成后,才能在瀏覽器中播放,因?yàn)樗枰獙?duì)用戶的動(dòng)作進(jìn)行實(shí)時(shí)的反應(yīng)。這種聲音一般都選擇比較短暫的。 流聲音一般是應(yīng)用于背景音樂或是不需要與場景內(nèi)容配合的情況,音樂內(nèi)容可以慢慢地從服務(wù)器傳送,而且動(dòng)畫的畫面也不需要與聲音同步。當(dāng)

44、瀏覽器在播放這種類型的聲音時(shí),只要先接收到足夠的聲音數(shù)據(jù),就可以開始播放了,剩余的數(shù)據(jù)可以稍后再繼續(xù)下載 7.1.1導(dǎo)入和使用聲音 可導(dǎo)入的聲音文件格式有:AU、WAV、AIFF、MP3 例:將聲音導(dǎo)入到庫 1.文件/導(dǎo)入 2.選擇聲音文件,打開 7.1.2在動(dòng)畫中添加聲音 例:將庫中的聲音文件添加到時(shí)間軸 1.選擇第1幀,將聲音文件拖入舞臺(tái) 2.測試,會(huì)發(fā)現(xiàn)聲音重復(fù)播放 3.在第60幀插入關(guān)鍵幀,出現(xiàn)聲音波形 4.選擇第60幀,打開動(dòng)作面板,輸入“stop()” 5.測試動(dòng)畫,聲音只播放一遍 7.1.3設(shè)置聲音效果和同步方式 1.設(shè)置聲音效果 例:水波蕩漾 設(shè)

45、置聲音效果的操作過程: 單擊聲音所在圖層的關(guān)鍵幀/在屬性面板中設(shè)置聲音效果: 無:沒有效果 左聲道:只有左聲道有聲音 右聲道:只有右聲道有聲音 從左到右淡出:播放的聲音漸漸由左聲道移到右聲道 從右到左淡出:播放的聲音漸漸由右聲道移到左聲道 淡入:從沒有聲音到聲音逐漸增強(qiáng) 淡出:從有聲音到聲音逐漸減弱 自定義:打開“編輯封套”。上面部分是左聲道聲效;下面部分是右聲道聲效;中間部分是時(shí)間軸。其中小方塊可以調(diào)節(jié)此處聲音的音量,上下兩組聲道最多可以添加8對(duì)小方塊。 若想去除多余的小方塊,直接拖動(dòng)到對(duì)話框外即可。 2.設(shè)置聲音同步 例:水波蕩漾 “同步”中可進(jìn)行以下設(shè)置: 事

46、件:與事件同步播放。不論動(dòng)畫是否停止,聲音在開始顯示關(guān)鍵幀時(shí)播放,并且與時(shí)間軸獨(dú)立播放。事件聲音常常用于做背景音樂和其他不需要強(qiáng)調(diào)同步效果的聲音。 開始:與前面的事件聲音大致相同,只是它不再隨著事件的重復(fù)而重新播放聲音。開始聲音較多用于按鈕。當(dāng)兩個(gè)相同的按鈕被使用時(shí),第1個(gè)按鈕播放時(shí)移到第2個(gè)按鈕,聲音將停止,并重新開始播放。 停止:停止播放聲音 數(shù)據(jù)流:流式播放與幀同步。與事件聲音不同的是,事件聲音可以在動(dòng)畫之后仍然播放,而流式聲音則和動(dòng)畫同時(shí)停止,流式聲音播放的時(shí)間與幀的長度相同 在“循環(huán)”中輸入聲音循環(huán)的次數(shù) 7.2壓縮并導(dǎo)出聲音 動(dòng)畫發(fā)布時(shí),音頻文件將被導(dǎo)出。聲音被導(dǎo)出時(shí),

47、通常要在帶寬受限制的環(huán)境中將其從原始格式轉(zhuǎn)換為某種更加容易管理的格式。聲音導(dǎo)出要進(jìn)行壓縮,在文件尺寸非常重要的開發(fā)中,非常必要,但會(huì)對(duì)聲音質(zhì)量產(chǎn)生影響 7.2.1給單個(gè)聲音設(shè)置導(dǎo)出屬性 操作過程如下: 打開庫,雙擊聲音文件的名字或圖標(biāo),設(shè)置聲音的壓縮方式 7.2.2使用ADPCM壓縮選項(xiàng)(自適應(yīng)音) 此選項(xiàng)用于設(shè)置8位或16位聲音數(shù)據(jù)的壓縮。這種選項(xiàng)最適合持續(xù)時(shí)間短且在較低質(zhì)量下仍能正常播放壓縮的聲音 “將立體聲轉(zhuǎn)換為單聲道”是將立體聲變?yōu)榛旌蠁温暤? “采樣率”是設(shè)置導(dǎo)出文件的采樣率,其值為5kHZ~44kHZ,設(shè)置值越高,聲音的保真效果越好,但文件也就越大,所以應(yīng)根據(jù)實(shí)際情況

48、選擇采樣率 5kHZ:采樣率低,如果聲音中有語音,則不能使用 11kHZ:是標(biāo)準(zhǔn)CD采樣率的1/4 22kHZ:是標(biāo)準(zhǔn)CD采樣率的1/2,是Web播放的選擇 44kHZ:是標(biāo)準(zhǔn)CD采樣率 “ADPCM位”是壓縮的比值。值越高壓縮越大,文件越小,但音效越差 7.2.3使用MP3壓縮選項(xiàng) MP3壓縮方式是非常流行于發(fā)行CD質(zhì)量或接近CD質(zhì)量的數(shù)字音頻壓縮方式,適用于對(duì)動(dòng)畫中的音樂、對(duì)話、長時(shí)間的聲音效果和任何類的流式同步聲音的壓縮,可在最后完成的文件尺寸和聲音質(zhì)量方面產(chǎn)生非常好的效果 如果導(dǎo)入的文件是MP3,則可勾選“使用導(dǎo)入的MP3音質(zhì)”,按相同的設(shè)置導(dǎo)出MP3文件。 若要進(jìn)行

49、不同的設(shè)置,可設(shè)置如下選項(xiàng): 例:水波倒影 預(yù)處理:在比特率為16bps或更低時(shí),此項(xiàng)為灰色,表示不可用。只有在比特率高于16bps時(shí)該項(xiàng)才有效。 比特率:數(shù)值越高,聲音的品質(zhì)越好,但文件越大。在可接受的聲音品質(zhì)和可管理的文件尺寸之間,56kbps是一個(gè)很好的平衡點(diǎn),適用112kbps或更高的比特率會(huì)產(chǎn)生接近CD質(zhì)量的聲音 品質(zhì):“快速”可以對(duì)文件迅速進(jìn)行壓縮,適合于發(fā)布到Web上的動(dòng)畫,但音質(zhì)最低;“一般”和“最佳”有較好的音質(zhì),但速度慢,適合于在本地或CD上運(yùn)行的動(dòng)畫 7.2.4使用原始?jí)嚎s選項(xiàng) 指聲音沒有被壓縮,聲音被混合到單一聲道中,并且采用較低的采樣比率 7.2.5使用

50、語音壓縮選項(xiàng) 是專門為語音設(shè)計(jì)的,要在動(dòng)畫中加入對(duì)白,用此選項(xiàng)可以產(chǎn)生相當(dāng)好的效果并且可以保持較小的文件。 7.3上機(jī)操作綜合指導(dǎo) 制作一個(gè)MTV,使聲音與歌詞同步 第8章 交互式動(dòng)畫基礎(chǔ)知識(shí) 8.1編寫腳本 8.1.1腳本概述 動(dòng)作腳本就是在動(dòng)畫運(yùn)行過程中起到控制和計(jì)算作用的程序代碼。動(dòng)作腳本有固定的語法和規(guī)則,這些語法和規(guī)則用來確定哪些字符和單詞可以產(chǎn)生什么樣的交互效果 8.1.2使用動(dòng)作面板 動(dòng)作面板有兩種模式:標(biāo)準(zhǔn)模式和專家模式 標(biāo)準(zhǔn)模式:是將命令已經(jīng)分好了類別,可以直接進(jìn)行選擇。 專家模式:是讓用戶直接輸入命令,就像平時(shí)的編程一樣。 8.1.3為對(duì)象添加動(dòng)作

51、 為對(duì)象添加動(dòng)作,可以在“動(dòng)作”面板中編寫語句來完成。 8.2動(dòng)作腳本的語法 本節(jié)介紹ActionScript的基本語法和基本概念 8.2.1點(diǎn)語法 點(diǎn)語法的結(jié)構(gòu):點(diǎn)的左側(cè)可以是動(dòng)畫中的對(duì)象、實(shí)例或時(shí)間軸,點(diǎn)的右側(cè)可以是與左側(cè)元素相關(guān)聯(lián)的屬性、目標(biāo)路徑、變量或動(dòng)作。下面是3種不同的形式: myClip.visible=0;表示名為myClip的Movie Clip的_Visible屬性設(shè)置為0,使它不可見。 menuBar.menul.item5;表示了變量item5的路徑,它位于動(dòng)畫menu1中,menu1又嵌套在動(dòng)畫menuBar中。 _root.gotoAndPlay(5)

52、;使用_root參數(shù)命令,主時(shí)間軸跳轉(zhuǎn)到第5幀并進(jìn)行播放 8.2.2大括號(hào) 大括號(hào)用來組織腳本元素。在下面的程序中,當(dāng)鼠標(biāo)被按下時(shí),大括號(hào)之間的所有語句將被執(zhí)行。 On(release){ dots_color.setRGB(0x00cc00);} 8.2.3分號(hào) 分號(hào)用作結(jié)束標(biāo)志 8.2.4括號(hào) 當(dāng)定義函數(shù)的時(shí)候,所有的參數(shù)都放置在括號(hào)內(nèi)。如: Function myFunction(name,age){…} 當(dāng)調(diào)用函數(shù)時(shí),使用括號(hào)將參數(shù)傳遞給函數(shù)。如: muFunction(“Linda”,16); 8.2.5大寫和小寫字母 關(guān)鍵字、類名、變量等都區(qū)分大小寫。

53、例:區(qū)分大小寫 在幀動(dòng)作面板中輸入: Var i=1; Var I=2; Trace(“i=”+i); Trace(“I=”+I); 輸出: i=1 I=2 8.2.6注釋 使用comment動(dòng)作可以給腳本添加注釋信息。通常將注釋寫在//之后,用灰色顯示。 8.2.7關(guān)鍵字 關(guān)鍵字不能做為變量名、函數(shù)或標(biāo)簽名。見P140表8-1 8.2.8常數(shù) 8.3數(shù)據(jù)類型 數(shù)據(jù)類型是描述變量或動(dòng)作腳本元素可以包含的信息種類。數(shù)據(jù)類型包含了兩類:原始類和引用類。原始類數(shù)據(jù)類型又包括字符串、數(shù)值和布爾型,它們都有一個(gè)常數(shù)值,因此可以包含它們所代表元素的實(shí)際值。引用類數(shù)據(jù)類型包括動(dòng)

54、畫和對(duì)象,它們的值是可變的,因此它們包含對(duì)該元素實(shí)際值的引用。 8.3.1字符串 字符串就是包括字母、數(shù)字和標(biāo)點(diǎn)符號(hào)等在內(nèi)的字符序列。寫在單引號(hào)或雙引號(hào)內(nèi),被當(dāng)作字符而不是變量進(jìn)行處理。 部分轉(zhuǎn)義碼見表8-2 8.3.2數(shù)值 數(shù)值數(shù)據(jù)類型是雙精度浮點(diǎn)數(shù)??梢杂眉印p、乘、除、取余(%)、遞增(++)和遞減(- -)來控制數(shù)值,也可以用內(nèi)置的Math和Number類來處理數(shù)值 8.3.3布爾值 布爾值只有兩個(gè)取值:true和false 8.3.4對(duì)象 對(duì)象是屬性的集合,每個(gè)屬性都有自己的名稱和值。屬性的值可以是任何的數(shù)據(jù)類型,甚至是對(duì)象數(shù)據(jù)類型,這樣就可以使對(duì)象相互包含或嵌入其

55、他對(duì)象。要指定對(duì)象及其屬性,可以使用點(diǎn)運(yùn)算符 8.3.5影片剪輯 是唯一引用圖形元素的數(shù)據(jù)類型,可以利用點(diǎn)運(yùn)算符來指定對(duì)象及其屬性。 8.3.6空值與未定義數(shù)據(jù)類型 空值數(shù)據(jù)類型只有一個(gè)值,即null,代表“沒有值”,但不為0。Null可用來指示變量尚未接收到值、指示變量不再包含值、指示函數(shù)沒有可以返回的值、指示省略了一個(gè)參數(shù)等。 未定義數(shù)據(jù)類型有一個(gè)值,即undefined,用于尚未指定值的變量 8.4變量的使用 8.4.1命名變量與輸入變量 命名變量的規(guī)則:必須是標(biāo)識(shí)符;不能是關(guān)鍵字、布爾值;在其范圍內(nèi)一定是唯一的。 8.4.2確定變量范圍 即指定變量被認(rèn)可和引用的區(qū)域

56、。在動(dòng)作腳本中有3種類型的變量范圍: (1)局部變量:在自身代碼塊中有效的變量(在大括號(hào)內(nèi)) (2)全局變量:即使沒有使用目標(biāo)路徑指定,也可以在任何時(shí)間軸內(nèi)有效 (3)時(shí)間軸變量:可以在使用目標(biāo)路徑指定的任何時(shí)間軸內(nèi)有效 8.4.3聲明變量 聲明時(shí)間軸變量,使用set variable動(dòng)作或賦值運(yùn)算符(=)。 聲明局部變量,可以在函數(shù)主體內(nèi)使用var語句。 聲明全局變量,可在變量名前面使用_global標(biāo)識(shí)符。如創(chuàng)建一個(gè)全局變量mybook: _global.mybook=”China”; 8.4.4在腳本中使用變量 變量必須先聲明,后使用 變量的值可以被多次修改。 例

57、如:變量 在幀動(dòng)作面板中輸入: Var x=15; Var y=x; Var x=30; Trace(“x=”+x); Trace(“y=”+y); 輸出: X=30 Y=15 8.5表達(dá)式與運(yùn)算符 表達(dá)式是指可以取得返回值的任何語句,可以通過運(yùn)算符、求值、調(diào)用函數(shù)等方法創(chuàng)建表達(dá)式。 運(yùn)算符是指如何合并、比較或修改表達(dá)式中值的字符,運(yùn)算符所操作的元素被稱為操作數(shù) 8.5.1表達(dá)式和運(yùn)算符的輸入 在動(dòng)作面板中直接輸入,如:total=2+4*3; 8.5.2運(yùn)算符的優(yōu)先級(jí) 當(dāng)同一個(gè)語句中使用兩個(gè)或兩個(gè)以上運(yùn)算符時(shí),按照運(yùn)算符的優(yōu)先級(jí)順序執(zhí)行語句,例如,括號(hào)內(nèi)優(yōu)先于

58、括號(hào)外,乘除優(yōu)先于加減。當(dāng)優(yōu)先級(jí)相同時(shí),按從左到右的原則執(zhí)行 8.5.3算數(shù)運(yùn)算符 見144頁表8-3 8.5.4比較運(yùn)算符 見144頁表8-4 8.5.5字符串運(yùn)算符 字符串運(yùn)算符(+)可以將兩個(gè)字符串連在一起。如“好好”+“學(xué)習(xí)”=“好好學(xué)習(xí)” 8.5.6邏輯運(yùn)算符 見145頁表8-5 8.5.7按位運(yùn)算符 按位運(yùn)算符在內(nèi)部處理浮點(diǎn)數(shù),將它們轉(zhuǎn)換為32位整型。見145頁表8-6 8.5.8賦值運(yùn)算符 見145頁表8-7 8.5.9點(diǎn)運(yùn)算符和數(shù)組訪問運(yùn)算符 可使用點(diǎn)運(yùn)算符(.)和數(shù)組運(yùn)算符([])訪問任何內(nèi)置或自定義程序中的對(duì)象屬性。 8.6條件語句和循環(huán)語句

59、 程序的結(jié)構(gòu)分為順序結(jié)構(gòu)、分支結(jié)構(gòu)和循環(huán)結(jié)構(gòu)。順序結(jié)構(gòu)就是順序執(zhí)行語句 8.6.1條件語句 條件語句也叫選擇語句,根據(jù)條件的判斷結(jié)果來執(zhí)行相應(yīng)的代碼。包括兩個(gè)類型:if型和switch型 1.if語句 If(條件表達(dá)式) { … }//條件成立的情況下,執(zhí)行{}中的語句,否則跳過{}執(zhí)行后面的語句 2.if…else語句 If(條件表達(dá)式) {① … }//條件成立,執(zhí)行①內(nèi)的語句 Else {② … }//條件不成立,執(zhí)行②內(nèi)的語句 3.switch…case語句 Switch(表達(dá)式) { Case表達(dá)式1:語句1;break; Case表達(dá)式2:

60、語句2;break; … Case表達(dá)式n:語句n;break;//根據(jù)switch的表達(dá)式執(zhí)行相應(yīng)的case語句,利用break跳出分支,若沒有相匹配的表達(dá)式則執(zhí)行default語句組 Default語句組; } 8.6.2循環(huán)語句 若要多次執(zhí)行相同的語句,可以使用循環(huán)語句 1.for語句 For(表達(dá)式1;表達(dá)式2;表達(dá)式3) { 循環(huán)體 }//條件成立時(shí),執(zhí)行的語句 其中:表達(dá)式1為開始循環(huán)的初始條件;表達(dá)式2為循環(huán)判斷的條件;表達(dá)式3為每次循環(huán)后計(jì)算的表達(dá)式,通常為遞增或遞減 2.For in語句 該語句僅僅和數(shù)組以及對(duì)象數(shù)據(jù)類型一起使用。使用此語句可以在不

61、知道數(shù)組里面有多少個(gè)元素或元素一直在變化的情況下遍歷所有的數(shù)組元素。 For(n in數(shù)組名或?qū)ο髷?shù)據(jù)類型) { … }//遍歷數(shù)組或輸出對(duì)象數(shù)據(jù)類型 3.while語句 While循環(huán)在條件成立的時(shí)候,一直循環(huán)到條件不成立 While(條件表達(dá)式) { … }//條件為真時(shí),執(zhí)行{}中的語句,在循環(huán)過程中,也可以使用break語句跳出循環(huán) 例:求1到100的和 8.7事件 事件就是動(dòng)畫中根據(jù)外部發(fā)生的事情,作出的響應(yīng)。在Flash中有3種事件 (1)關(guān)鍵幀事件 (2)鼠標(biāo)(按鈕)事件 (3)影片事件 8.7.1關(guān)鍵幀事件 當(dāng)程序放在關(guān)鍵幀里的時(shí)候,只要影片

62、到達(dá)所在的關(guān)鍵幀,程序就開始執(zhí)行。 8.7.2鼠標(biāo)事件 也叫按鈕事件,是一種基于光標(biāo)位置和移動(dòng)產(chǎn)生的交互事件。鼠標(biāo)事件只能在場景里的按鈕實(shí)例中放置,而不能在按鈕的4個(gè)狀態(tài)關(guān)鍵幀中放置。放置在這4個(gè)狀態(tài)關(guān)鍵幀里的瑣有動(dòng)作將被忽略。 鼠標(biāo)事件用到on()語句。使用方法如下: On(mouseEvent){ … }//所執(zhí)行的語句 mouseEvent的參數(shù)如下。 (1)press:在光標(biāo)經(jīng)過按鈕時(shí)按下鼠標(biāo) (2)release:在光標(biāo)經(jīng)過按鈕時(shí)釋放鼠標(biāo) (3)releaseOutside:光標(biāo)在按鈕之內(nèi)時(shí)按下按鈕,將光標(biāo)移到按鈕之外時(shí),釋放按鈕 (4)rollout:光標(biāo)滑出

63、按鈕區(qū)域 (5)rollover:光標(biāo)滑過按鈕區(qū)域 (6)dragout:在光標(biāo)滑過按鈕時(shí)按下按鈕,然后滑出此按鈕區(qū)域 (7)dragOver:在光標(biāo)滑過此按鈕時(shí)按下按鈕,然后滑出按鈕區(qū)域,再滑回按鈕區(qū)域 (8)keyPress:按下指定的鍵 8.7.3影片剪輯事件 影片剪輯事件用法如下: onClipevent(movieEvent){ … }//執(zhí)行的語句 其中movieEvent的參數(shù)如下。 (1)load:影片剪輯裝載時(shí)被激發(fā) (2)unload:影片剪輯卸載時(shí)被激發(fā) (3)enterFrame:當(dāng)進(jìn)入一幀時(shí)激發(fā),先處理與enterFrame剪輯事件關(guān)聯(lián)的動(dòng)作

64、,然后才處理附加到受影響幀的所有幀動(dòng)作 (4)mouseMove:當(dāng)鼠標(biāo)移動(dòng)時(shí)激發(fā) (5)mouseDown:當(dāng)按下鼠標(biāo)左鍵時(shí)激發(fā) (6)mouseUp:當(dāng)釋放鼠標(biāo)左鍵時(shí)激發(fā) (7)keyDown:當(dāng)按下某個(gè)鍵時(shí)激發(fā)。使用Key.getCode()獲取有關(guān)最后按下的鍵的信息 (8)KeyUp:當(dāng)松開某個(gè)鍵時(shí)啟動(dòng)。使用key.getCode()獲取有關(guān)最后按下的鍵的信息 (9)date:當(dāng)使用loadVariables(載入變量)或loadMovie(載入影片)接受數(shù)據(jù)時(shí)激發(fā)此動(dòng)作 例:算術(shù)題 1.使用動(dòng)態(tài)文本建立兩個(gè)文本框,設(shè)變量為a1和a2 2.等號(hào)和加號(hào)設(shè)為靜態(tài)文本 3

65、.使用動(dòng)態(tài)文本建立另一個(gè)文本框,設(shè)變量為a3 4.在幀動(dòng)作面板中輸入: a1=Math.floor(Math.random()*10); a2=Math.floor(Math.random()*10); 5.從按鈕庫中拖一個(gè)按鈕到舞臺(tái)上 6.在按鈕動(dòng)作面板上輸入: on(press){ if(a3==a1+a2){ trace("真聰明,答對(duì)了!"); }else{ trace("再想想?"); } } 8.8上機(jī)操作綜合指導(dǎo) 例:控制瓢蟲 第9章 創(chuàng)建交互式動(dòng)畫 9.1控制動(dòng)畫的播放 9.1.1跳到特定幀或場景 1.gotoAndPlay跳轉(zhuǎn)

66、并播放命令 常用格式:gotoAndPlay(scence,frame) 作用:跳轉(zhuǎn)并播放,跳轉(zhuǎn)到指定場景的指定幀,并開始播放 參數(shù):scence指跳轉(zhuǎn)至場景的名稱,此項(xiàng)缺省指跳轉(zhuǎn)到指定時(shí)間軸的指定幀并開始播放;frame指跳轉(zhuǎn)到幀的名稱或幀數(shù) 2.gotoAndStop跳轉(zhuǎn)并停止命令 常用格式:totoAndPlay(scence,frame) 作用:跳轉(zhuǎn)并停止,跳轉(zhuǎn)到指定場景的指定幀,并停止播放 參數(shù):scence指跳轉(zhuǎn)至場景的名稱,此項(xiàng)缺省指跳轉(zhuǎn)到當(dāng)前時(shí)間軸的指定幀并停止播放;frame指跳轉(zhuǎn)到幀的名稱或幀數(shù) 案例:用按鈕控制幀和場景的跳轉(zhuǎn) 目標(biāo)1:創(chuàng)建動(dòng)畫效果 1.使用文本工具輸入“Flash 影片的交互”:華文中宋,20點(diǎn) 2.在文字上點(diǎn)右鍵/轉(zhuǎn)換為圖形元件:文字 3.在庫面板左下角選擇新建元件按鈕,新建影片剪輯元件:文字?jǐn)U張 4.在文字?jǐn)U張?jiān)校瑢⑽淖衷系焦ぷ鲄^(qū)的中心位置 5.在第8幀插入關(guān)鍵幀,將文字元件放大,透明度改為0% 6.創(chuàng)建補(bǔ)間,測試

展開閱讀全文
溫馨提示:
1: 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
2: 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
3.本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
5. 裝配圖網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

相關(guān)資源

更多
正為您匹配相似的精品文檔
關(guān)于我們 - 網(wǎng)站聲明 - 網(wǎng)站地圖 - 資源地圖 - 友情鏈接 - 網(wǎng)站客服 - 聯(lián)系我們

copyright@ 2023-2025  zhuangpeitu.com 裝配圖網(wǎng)版權(quán)所有   聯(lián)系電話:18123376007

備案號(hào):ICP2024067431號(hào)-1 川公網(wǎng)安備51140202000466號(hào)


本站為文檔C2C交易模式,即用戶上傳的文檔直接被用戶下載,本站只是中間服務(wù)平臺(tái),本站所有文檔下載所得的收益歸上傳人(含作者)所有。裝配圖網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)上載內(nèi)容本身不做任何修改或編輯。若文檔所含內(nèi)容侵犯了您的版權(quán)或隱私,請立即通知裝配圖網(wǎng),我們立即給予刪除!