混合模式應(yīng)用范例

1、第十五課 混合模式應(yīng)用范例動(dòng)畫(huà)片頭本范例運(yùn)用混合模式，使場(chǎng)景時(shí)紫時(shí)綠、時(shí)明時(shí)暗，若置身魔界。這個(gè)動(dòng)畫(huà)看上去變幻多端，作起來(lái)卻相當(dāng)容易。范例效果如圖7-44所示。圖7-44 范例效果下面詳細(xì)講解制作步驟。1創(chuàng)建影片文檔和導(dǎo)入圖片（1）新建Flash8影片文檔。保持文檔屬性的默認(rèn)設(shè)置。 （2）執(zhí)行“文件”|“導(dǎo)入”|“導(dǎo)入到庫(kù)”命令，在出現(xiàn)的“導(dǎo)入到庫(kù)”對(duì)話框中選擇要導(dǎo)入的準(zhǔn)備好圖片（可以在自己的電腦里任選），單擊“打開(kāi)”按鈕后圖片就被導(dǎo)入到“庫(kù)”里。如圖7-45所示。圖7-45 導(dǎo)入到“庫(kù)”中的圖片（3）直接導(dǎo)入的圖片并不能使用混合模式，混合模式只適用于影片剪輯和按鈕。所以我們要把圖片制作成影片

2、剪輯元件。新建一個(gè)名稱為“圖片”的影片剪輯元件。在這個(gè)元件的編輯場(chǎng)景中將剛剛導(dǎo)入的圖片拖放到舞臺(tái)上。因?yàn)閳D片比較大，我們將它縮小一些。在“屬性”面板中單擊寬高前面的鎖狀按鈕，使寬高變化同步，然后輸出入寬值670，如圖7-46所示。圖7-46 設(shè)置圖片尺寸這樣，圖片縮小到我們所需要的狀態(tài)。2制作圖片運(yùn)動(dòng)元件（1）新建一個(gè)影片剪輯元件，名稱為“橫圖片”。在這個(gè)元件的編輯場(chǎng)景中，打開(kāi)“混色器”面板，選擇“筆觸顏色”為無(wú)，“填充顏色”類型為“位圖”，能看到剛剛導(dǎo)入的圖片已經(jīng)出現(xiàn)在選擇框中了。如圖7-47所示。圖7-47 “混色器”面板（2）使用“矩形工具”畫(huà)一個(gè)寬度為600、長(zhǎng)度為90的長(zhǎng)方形，作為填

3、充色的圖片會(huì)以原始大小出現(xiàn)。縮小舞臺(tái)顯示比例，使用【填充變形】工具，分別將鼠標(biāo)按住填充變形框左邊和下邊的箭頭向里推，將填充圖片縮小，直到小圖片顯示完整且剛好撐滿矩形的上下端為止。如圖7-48所示。圖7-48 調(diào)整圖片（3）在“圖層1”第80幀處插入一個(gè)關(guān)鍵幀，使用【填充變形工具】選擇最前面的填充圖片，將鼠標(biāo)放到填充變形框中心，當(dāng)其成為可移動(dòng)狀態(tài)時(shí)，按住鼠標(biāo)，拖放到最后一張圖片位置處釋放鼠標(biāo)，注意保持圖片的水平位置，否則在圖片移動(dòng)動(dòng)畫(huà)中會(huì)出現(xiàn)抖動(dòng)。在第1幀處設(shè)置補(bǔ)間類型為“形狀”。按回車鍵播放一下，圖片已經(jīng)橫向移動(dòng)起來(lái)。（4）新建一個(gè)影片剪輯元件，名稱為“豎圖片”。這個(gè)元件制作圖片從下向上的豎向

4、運(yùn)動(dòng)，其制作方法與“橫圖片”相同，所不同的是矩形為豎向放置，寬度為90，高度為440。如圖7-49所示。圖7-49 “豎圖片”影片剪輯元件3制作網(wǎng)格元件（1）新建一個(gè)圖形元件，名稱為“網(wǎng)格”。在這個(gè)元件的編輯場(chǎng)景中，選擇【直線工具】，在“屬性”面板中將筆觸大小設(shè)置為2像素。在場(chǎng)景中畫(huà)一條寬600像素的橫線。按住ALT鍵拖動(dòng)鼠標(biāo)將該直線向下復(fù)制多條，選中所有直線，執(zhí)行【修改】|【對(duì)齊】|【左對(duì)齊】命令，再執(zhí)行【修改】|【對(duì)齊】|【按高度均勻分布】命令，使其排列整齊，分布均勻。如圖7-50所示。圖7-50 繪制橫線（2）使用【選擇工具】將所有直線全部框選，按住ALT鍵將其拖放到舞臺(tái)其它位置，注意不

5、要與原直線重合。執(zhí)行【修改】|【變形】|【順時(shí)針旋轉(zhuǎn)90度】命令，如圖7-51所示。圖7-51 復(fù)制并旋轉(zhuǎn)（3）將豎向直線拖放到橫向直線上，如圖7-52所示。圖7-52 網(wǎng)格4制作背景元件（1）由于混合模式是基于下層色彩而變化的，所以下層圖形的色彩至關(guān)重要，它的變化會(huì)使應(yīng)用混合模式的圖形生成不同的色彩、明度。所在設(shè)計(jì)背景元件時(shí)，我們使它進(jìn)行不同顏色間的變化。新建一個(gè)圖形元件，名稱為“背景”。使用“矩形工具”畫(huà)一個(gè)與影片舞臺(tái)尺寸相同的矩形。（2）在第8幀、16幀、24幀、32幀、42幀、55幀處各插入關(guān)鍵幀。從第一幀開(kāi)始，在各關(guān)鍵幀處依次填充純色：#CC99FF、#00CCFF、#FF99FF、

6、#33CC99、 #666666、#FFCC33、#FFFFFF，并設(shè)置補(bǔ)間類型為“形狀”。圖層結(jié)構(gòu)如圖7-50所示。圖7-50 圖層結(jié)構(gòu)（3）為了加強(qiáng)效果，我們?cè)诒尘皥D形上再加一層半透明的網(wǎng)格。新建一個(gè)圖層，將“庫(kù)”面板中的“網(wǎng)格”元件拖入舞臺(tái)中放好，在“屬性”面板中設(shè)置顏色Alpha值為20%，并在第55幀處插入幀。如圖7-53所示。圖7-53 “背景”元件5組裝動(dòng)畫(huà)（1）回到“場(chǎng)景1”中。將“圖層1”改名為“圖片”，將“圖片”元件拖放到舞臺(tái)上。圖片本身比較大，而我們只打算顯示其頭部大特寫(xiě)，所以圖片擺放的位置需要特別注意。但是現(xiàn)在圖片已經(jīng)將整個(gè)舞臺(tái)完全覆蓋，怎樣才能知道圖片的位置是否恰當(dāng)呢

7、？最簡(jiǎn)便的方法就是我們馬上就要學(xué)習(xí)到的混合模式。 選中“圖片”元件，打開(kāi)“屬性”面板，在其中的“混合”下拉列表中選擇“色彩增殖”，由于舞臺(tái)是白色的，舞臺(tái)以外是灰色的，使用“色彩增殖”后，圖片在舞臺(tái)上的部分沒(méi)有任何變化，而舞臺(tái)外的部分顏色卻變暗了，這樣你就能根據(jù)你的需要調(diào)整圖片的位置了。如圖7-54所示。 圖7-54 使用“色彩增殖”后的舞臺(tái)效果（2）接下來(lái)設(shè)置“圖片”不同的混合模式。在第1幀、第25幀、第32幀、第56幀、第66幀、第78幀處各插入關(guān)鍵幀，并在各幀之間定義補(bǔ)間動(dòng)畫(huà)。打開(kāi)“屬性”面板，設(shè)置第1幀的混合模式為“一般”，以下依次是：增加、疊加、疊加、色彩增殖、色彩增殖，以后部分不需要

8、變化，在第130幀處插入幀。圖層結(jié)構(gòu)如圖7-55所示。 圖7-55 圖層結(jié)構(gòu)（3）新建一個(gè)圖層，改名為“背景”。在第25幀前不需要圖片發(fā)生什么變化，所以我們?cè)诘?5幀里才插入空白關(guān)鍵幀。將“背景”元件從“庫(kù)”面板中拖放到舞臺(tái)上。在第78幀和90幀處各插入關(guān)鍵幀，并設(shè)置補(bǔ)間動(dòng)畫(huà)。在第90幀處選擇“背景”元件，打開(kāi)“屬性”面板，將顏色的Alpha值設(shè)為0%。設(shè)置這一段逐漸透明的動(dòng)畫(huà)是為了實(shí)現(xiàn)網(wǎng)格漸漸隱去的效果。圖層結(jié)構(gòu)如圖7-56所示。圖7-56 圖層結(jié)構(gòu)（4）新建一個(gè)圖層，改名為“橫豎圖片”。隱藏其它圖層，將“橫圖片”元件從“庫(kù)”面板中放入舞臺(tái)下方。如圖7-57所示。 圖7-57 放置“橫圖片”元件在第60幀處插入關(guān)鍵幀，將“橫圖片”元件刪除，放入“豎圖片”元件。如圖7-58所示。 圖7-58 放置“豎圖片”元件6完善動(dòng)畫(huà)（1）為使動(dòng)畫(huà)更漂亮，在后半部分我們?yōu)閳D片加上一個(gè)透明邊框。先來(lái)制作“邊框”元件。新建一個(gè)影片剪輯元件，取名“邊框”。在這個(gè)元件的編輯場(chǎng)景中，用【矩形工具】畫(huà)一個(gè)寬555像素，高405像素的白色矩形，在上方和下方各加兩條直線，如圖7-59所示。圖7-59 繪制白色矩形（2）分別填充灰色、淺灰色，如圖7-60所示。圖7-60 填充顏色（3）回到“場(chǎng)景1”。在“圖片”層上插入圖層，改名為“邊框”，在第65幀處插入空白關(guān)鍵幀，將“邊框”元件從“庫(kù)”面板中拖放到舞臺(tái)外邊