本范例運用混合模式,使場景時紫時綠、時明時暗,若置身魔界。這個動畫看上去變幻多端,作起來卻相當(dāng)容易。范例效果如圖7-44所示。
圖7-44 范例效果
下面詳細(xì)講解制作步驟。
(1)新建Flash8影片文檔。保持文檔屬性的默認(rèn)設(shè)置。
(2)執(zhí)行“文件”|“導(dǎo)入”|“導(dǎo)入到庫”命令,在出現(xiàn)的“導(dǎo)入到庫”對話框中選擇要導(dǎo)入的準(zhǔn)備好圖片(可以在自己的電腦里任選),單擊“打開”按鈕后圖片就被導(dǎo)入到“庫”里。如圖7-45所示。
圖7-45 導(dǎo)入到“庫”中的圖片
(3)直接導(dǎo)入的圖片并不能使用混合模式,混合模式只適用于影片剪輯和按鈕。所以我們要把圖片制作成影片剪輯元件。
新建一個名稱為“圖片”的影片剪輯元件。在這個元件的編輯場景中將剛剛導(dǎo)入的圖片拖放到舞臺上。因為圖片比較大,我們將它縮小一些。在“屬性”面板中單擊寬高前面的鎖狀按鈕,使寬高變化同步,然后輸出入寬值670,如圖7-46所示。
圖7-46 設(shè)置圖片尺寸
這樣,圖片縮小到我們所需要的狀態(tài)。
(1)新建一個影片剪輯元件,名稱為“橫圖片”。在這個元件的編輯場景中,打開“混色器”面板,選擇“筆觸顏色”為無,“填充顏色”類型為“位圖”,能看到剛剛導(dǎo)入的圖片已經(jīng)出現(xiàn)在選擇框中了。如圖7-47所示。
圖7-47 “混色器”面板
(2)使用“矩形工具”畫一個寬度為600、長度為90的長方形,作為填充色的圖片會以原始大小出現(xiàn)??s小舞臺顯示比例,使用【填充變形】工具,分別將鼠標(biāo)按住填充變形框左邊和下邊的箭頭向里推,將填充圖片縮小,直到小圖片顯示完整且剛好撐滿矩形的上下端為止。如圖7-48所示。
圖7-48 調(diào)整圖片
(3)在“圖層1”第80幀處插入一個關(guān)鍵幀,使用【填充變形工具】選擇最前面的填充圖片,將鼠標(biāo)放到填充變形框中心,當(dāng)其成為可移動狀態(tài)時,按住鼠標(biāo),拖放到最后一張圖片位置處釋放鼠標(biāo),注意保持圖片的水平位置,否則在圖片移動動畫中會出現(xiàn)抖動。在第1幀處設(shè)置補(bǔ)間類型為“形狀”。按回車鍵播放一下,圖片已經(jīng)橫向移動起來。
(4)新建一個影片剪輯元件,名稱為“豎圖片”。這個元件制作圖片從下向上的豎向運動,其制作方法與“橫圖片”相同,所不同的是矩形為豎向放置,寬度為90,高度為440。如圖7-49所示。
圖7-49 “豎圖片”影片剪輯元件
(1)新建一個圖形元件,名稱為“網(wǎng)格”。在這個元件的編輯場景中,選擇【直線工具】,在“屬性”面板中將筆觸大小設(shè)置為2像素。在場景中畫一條寬600像素的橫線。按住ALT鍵拖動鼠標(biāo)將該直線向下復(fù)制多條,選中所有直線,執(zhí)行【修改】|【對齊】|【左對齊】命令,再執(zhí)行【修改】|【對齊】|【按高度均勻分布】命令,使其排列整齊,分布均勻。如圖7-50所示。
圖7-50 繪制橫線
(2)使用【選擇工具】將所有直線全部框選,按住ALT鍵將其拖放到舞臺其它位置,注意不要與原直線重合。執(zhí)行【修改】|【變形】|【順時針旋轉(zhuǎn)90度】命令,如圖7-51所示。
圖7-51 復(fù)制并旋轉(zhuǎn)
(3)將豎向直線拖放到橫向直線上,如圖7-52所示。
圖7-52 網(wǎng)