《遮罩動(dòng)畫》課件

1、遮罩動(dòng)畫PPT課件遮罩動(dòng)畫PPT課件2Flash動(dòng)畫制作有時(shí)我們需要在特定的區(qū)域中展示動(dòng)畫或者逐漸展開顯示畫面，這樣的動(dòng)畫效果該如何制作？利用遮罩即可實(shí)現(xiàn)。本實(shí)例是制作畫軸展開的動(dòng)畫。其完成效果如圖-1所示。案例1畫軸的展開圖6-1畫軸展開完成效果圖4Flash動(dòng)畫制作有時(shí)我們需要在特定的區(qū)域中展示動(dòng)畫或者逐3Flash動(dòng)畫制作相關(guān)理論 在Flash的作品中，我們常?？吹胶芏嘌Ｄ可衿娴男Ч渲胁簧倬褪怯米詈?jiǎn)單的“遮罩”完成的，如水波、畫軸打開、百頁(yè)窗、放大鏡、望遠(yuǎn)鏡等。1.遮罩動(dòng)畫的概念（1）概念:在Flash的圖層中有一個(gè)遮罩圖層類型，為了得到特殊的顯示效果，可以在遮罩層上創(chuàng)建一個(gè)任意形

2、狀的“視窗”，遮罩層下方的對(duì)象可以通過該“視窗”顯示出來(lái)，而“視窗”之外的對(duì)象將不會(huì)顯示。5Flash動(dòng)畫制作相關(guān)理論 在Flash的作品4Flash動(dòng)畫制作（2）遮罩的作用作用一：用在整個(gè)場(chǎng)景或一個(gè)特定區(qū)域，使場(chǎng)景外的對(duì)象或特定區(qū)域外的對(duì)象不可見。作用二：用來(lái)遮罩住某一元件的一部分，從而實(shí)現(xiàn)一些特殊的效果。2.創(chuàng)建遮罩的方法（1）創(chuàng)建遮罩 首先創(chuàng)建一個(gè)普通圖層，然后在該圖層上單擊右鍵，在彈出菜單中選擇“遮罩層”，該圖層就會(huì)轉(zhuǎn)變成遮罩層，系統(tǒng)會(huì)自動(dòng)把遮罩層下面的一層關(guān)聯(lián)為“被遮罩層”，如圖-2所示。相關(guān)理論6Flash動(dòng)畫制作（2）遮罩的作用2.創(chuàng)建遮罩的方法相關(guān)理5Flash動(dòng)畫制作圖-2

3、多層遮罩動(dòng)畫相關(guān)理論7Flash動(dòng)畫制作圖-2 多層遮罩動(dòng)畫相關(guān)理論6Flash動(dòng)畫制作（2）構(gòu)成遮罩和被遮罩層的元素 遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能使用線條，如果一定要用線條，可以將線條轉(zhuǎn)化為“填充”。 被遮罩層，可以使用按鈕、影片剪輯、圖形、位圖、文字、線條。（3）遮罩中可以使用的動(dòng)畫形式 可以在遮罩層、被遮罩層中分別或同時(shí)使用形狀補(bǔ)間動(dòng)畫、動(dòng)作補(bǔ)間動(dòng)畫、引導(dǎo)線動(dòng)畫等動(dòng)畫手段，從而使遮罩動(dòng)畫變成一個(gè)可以施展無(wú)限想象力的創(chuàng)作空間。相關(guān)理論8Flash動(dòng)畫制作（2）構(gòu)成遮罩和被遮罩層的元素（3）遮罩7Flash動(dòng)畫制作3.應(yīng)用遮罩時(shí)的技巧(1) 遮罩層中的對(duì)象中

4、的許多屬性如漸變色、透明度、顏色和線條樣式等是被忽略的。(2)要在場(chǎng)景中顯示遮罩效果，可以鎖定遮罩層和被遮罩層。(3)可以用“Actions”動(dòng)作語(yǔ)句建立遮罩，但這種情況下只能有一個(gè)“被遮罩層”，同時(shí)，不能設(shè)置_Alpha屬性。相關(guān)理論9Flash動(dòng)畫制作3.應(yīng)用遮罩時(shí)的技巧(1) 遮罩層中的對(duì)8Flash動(dòng)畫制作3.應(yīng)用遮罩時(shí)的技巧(4)不能用一個(gè)遮罩層試圖遮蔽另一個(gè)遮罩層。(5)遮罩可以應(yīng)用在GIF動(dòng)畫上。(6)在被遮罩層中不能放置動(dòng)態(tài)文本。相關(guān)理論10Flash動(dòng)畫制作3.應(yīng)用遮罩時(shí)的技巧(4)不能用一個(gè)遮Flash動(dòng)畫制作【案例1】畫軸的展開操作步驟 2利用遮罩動(dòng)畫制作卷軸的拉開1新建

5、文檔，導(dǎo)入素材圖6-3 卷軸圖Flash動(dòng)畫制作【案例1】畫軸的展開操作步驟 2利用Flash動(dòng)畫制作【案例1】畫軸的展開操作步驟 3卷軸的移動(dòng)5測(cè)試影片并保存文件4文字的出現(xiàn)圖6-4 文字Flash動(dòng)畫制作【案例1】畫軸的展開操作步驟 3卷軸11Flash動(dòng)畫制作要求表現(xiàn)垂直方向百頁(yè)窗的效果，開始展示的是一幅圖，通過垂直方向百頁(yè)窗的方式切換到第二幅圖片的展示畫面。其完成效果如圖6-5所示。案例拓展1垂直百頁(yè)窗圖6-5 垂直百頁(yè)窗完成效果圖13Flash動(dòng)畫制作要求表現(xiàn)垂直方向百頁(yè)窗的效果，開始展示Flash動(dòng)畫制作【案例拓展1】垂直百頁(yè)窗設(shè)計(jì)過程1.新建文件并添加背景2.制作窗頁(yè)3.制作百頁(yè)

6、窗,如圖6-6所示圖6-6 百頁(yè)窗Flash動(dòng)畫制作【案例拓展1】垂直百頁(yè)窗設(shè)計(jì)過程1.新Flash動(dòng)畫制作5.測(cè)試影片并保存文件4.制作遮罩,完成后的時(shí)間軸如圖6-7所示圖6-7 遮罩完成后的時(shí)間軸Flash動(dòng)畫制作5.測(cè)試影片并保存文件4.制作遮罩,完成后14Flash動(dòng)畫制作畫面上有一幅模糊的圖片，從中心開始向四擴(kuò)開來(lái)變成清晰的畫面。該實(shí)例用到了遮罩動(dòng)畫，但制作實(shí)例的時(shí)候需要注意清晰圖片和模糊圖片所放置的位置。其完成效果如圖6-8所示。案例拓展2模糊變清晰 圖6-8 模糊變清晰完成效果圖16Flash動(dòng)畫制作畫面上有一幅模糊的圖片，從中心開始向四Flash動(dòng)畫制作【案例拓展2】模糊變清晰

7、設(shè)計(jì)過程1.新建文件2.新建“背景”影片剪輯3.組織場(chǎng)景(1)制作模糊和清晰圖圖6-9 模糊圖圖6-10 清晰圖(2)制作遮罩4.測(cè)試并保存文件Flash動(dòng)畫制作【案例拓展2】模糊變清晰設(shè)計(jì)過程1.新16Flash動(dòng)畫制作舞臺(tái)上顯示有“動(dòng)畫制作”四個(gè)字，一束白光從文字的左端運(yùn)動(dòng)到文字的右端。要求有文字的地方有白光顯示，沒有文字的地方白光不顯示。其完成效果如圖6-11所示。案例拓展3光線掠過文字圖6-11 光線掠過文字完成效果圖18Flash動(dòng)畫制作舞臺(tái)上顯示有“動(dòng)畫制作”四個(gè)字，一束白Flash動(dòng)畫制作【案例拓展3】光線掠過文字1.新建文檔，文字的制件4.測(cè)試影片并保存文件圖6-12 文字2.白光的制作圖6-13 白光的顏色面板設(shè)置3.組織場(chǎng)景Flash動(dòng)畫制作【案例拓展3】光線掠過文字1.新建文檔Flash動(dòng)畫制作思考與練習(xí)一.選擇題1被遮罩層上可以是（ ）。A矢量圖形 B影片剪輯 C圖像 D以上都不正確2遮罩層中不能直接使用的對(duì)象有（ ）。A影片剪輯 B圖形 C按鈕 D線條3遮罩層中的對(duì)象的屬性被忽略的有（ ）。A形狀 B顏色 C透明度 D線條樣式4被遮罩層在遮罩層的（ ）。A上面 B下面 C里面 D以上都不正確Flash動(dòng)畫制作思考與練習(xí)一.選擇題Flash動(dòng)畫制作思考與練習(xí)