摘要:本文詳細描述了利用Hash8.0的調色知識和遮罩技術制作一個繁星閃爍圖片作品的制作過程,給出了創作思路、制作步驟及所用的綜合技術及知識點。
關鍵詞:混色器:遮罩層;影片剪輯
中圖分類號:TP319
文獻標識碼:A
文章編號:1002-2422(2010)06-0001-02
1 光線以及光斑的動畫制作
步驟1:啟動Flash 8.0后,單擊“文件/新建”,新建一個Fish文件。單擊“修改/文檔…”命令,調出電影文件屬性對話框,在對話框中設置場景大小為550px×400px,背景顏色為黑色。
步驟2:單擊“插入/新建元件”,新建一個圖形元件“光線”。在元件的編輯界面中,單擊選中筆刷工具,在“選項”設置欄中選擇筆刷的大小和形狀。然后在編輯場景中,繪制一條很窄的線框,顏色任意選擇,和背景能區別開就可以,此處選擇紅色。
步驟3:使用“混色器”面板調試漸進色,如圖1所示。選擇剛繪制的圖形,單擊填充色工具,圖形即被漸進色填充,如圖2所示。

步驟4:新建一個圖形元件“光斑”,仍然用混色器調試顏色,不同的是,這次調試放射狀顏色,如圖3所示。
步驟5:選擇剛才調配的有光暈效果的填充色,不帶邊界線,用畫圓工具,按住Shift鍵拖出一個正圓。調整其大小為一個比較小的光斑,拖放到元件編輯界面的中心,如圖4所示。
步驟6:回到主場景,將“圖層1”層更名為“光斑”,從元件庫中把“光斑”拖放到場景中心附近的位置。
步驟7:新建一層“圖層1”,用矩形工具,選擇剛調配好的一種平行漸進色,拖出一個大小與場景合適的彩色矩形,寬度不要太大,緊挨著場景中“光斑”放置,如4所示。

步驟8:在“圖層1”層之上再新建一層“圖層1-1”,還是在第1幀,從元件庫中將元件“光線”拖放到場景中,把它沿著中心的“光斑”和矩形向外拖放到場景之外,位置如圖5所示。
步驟9:在“圖層1-1”第15幀插入關鍵幀,并把第15幀的“光線”移動到如圖6所示的位置。創建第1-15幀之間的補間動畫。

步驟10:然后在彩色矩形的第15幀也插入關鍵幀,這一層為靜態。接下來是創作的主要手法:將光線所在層設置為彩色矩形層的“遮罩層”。現在可以先測試一下效果了,一道光線拖著“尾巴”向中心射去,接著就“消失”在黑暗中了。
步驟11:同樣的構思,用混色器面板調試五彩繽紛的色彩,用漸進色繪制一個矩形框,然后在這層之上放置元件“光線”,并且作為矩形框所在層的“遮罩層”。并且調整光線和彩色矩形的角度,只要相應的遮罩層和被遮罩層角度一致,位置關系類似上面的做法就可以。這樣就實現了光線從不同的角度向中心射去的效果。
步驟12:為了使光線射入的效果更好,可以通過設置顏色的搭配、光線的長短、射入的先后以及照射的速度等。
步驟13:創建光斑的“補間動畫”,將其最后一個關鍵幀放置到第105幀,將最后一幀的光斑擴大,并且把光斑的第1幀移到第20幀的位置,這樣光斑就從這里才開始慢慢顯現并擴散開來。這樣就做好了文本動畫。
調配顏色要注意打開混色器面板后,其顏色有如下幾種選項:無、純色、線性、放射狀、位圖。其中“無”就是沒有填充色,“純色”即使用單一的填充色。
“線性”和“放射狀”都是可以調配的顏色組合,選擇線性或是放射狀后,面板中都會出現顏色橫條,如圖7所示。鼠標拖曳漸進色配置的橫條上的滑塊,可以改變該滑塊所代表的顏色在漸進色中的位置和影響范圍。單擊某滑塊,該滑塊上的▲變成黑色,表示選擇的狀態,這時可以改變滑塊代表的顏色。單擊■,鼠標變成吸管,這時可以選取任何地方的顏色樣本。同時也可以通過改變面板右側的Alpha值,改變顏色的亮暗度。
“位圖”選項直接可以應用位圖模式作為填充顏色,選擇“位圖”選項,混色器面板下方出現本動畫中的所有位圖,如圖7所示,選擇一種位圖模式,就可以直接填充,如圖8所示就是使用圖片“樹林”填充矩形的效果。

2 文字飛入、隱現和“星光”的效果
步驟1:新建兩個層,在靠下的一層用矩形工具拖出一個矩形框,選擇一種彩色漸進色作為填充色,調整大小讓其覆蓋在整個場景背景上;在上面的一層,用文字工具拖出一個文本框,選擇華文行楷字體,120號字,寫一個“星”。
步驟2:全選文本框,單擊“插入/轉轉換為元件”將其轉化為一個圖形元件。在第11幀和第21幀分別插入關鍵幀,改變第1幀的“星”位置到場景外,第11幀的位置在場景中偏右的位置,第21幀的位置不變,讓字母成折線“飛入”進來。整個位置關系如圖9所示。

步驟3:在矩形框的第21幀也插入關鍵幀。在時間軸上,按住Shift鍵,把這兩層的第1到21幀全部選中,鼠標拖動向后移動到第65幀左右的位置,在第65幀剛才制作的光斑正處于向外擴散的過程之中。
步驟4:鼠標右擊字“星”的這一層,在彈出的快捷菜單中,選擇“遮罩層”命令,讓其作為彩色條紋框的遮罩層,這樣文字在飛行的過程中,就會帶上不同的色彩了。
步驟5:同樣的做法,每次都在新建的層中,繪制彩色背景并讓字“光”、“迷”、“離”、“的”分別作為它們的遮罩,設計各個字從不同的角度和路徑飛入,而且它們開始飛入的時間也可以錯開一些,最后它們落在場景中央,排成一排。
步驟6:再制作“夜空”兩字的顯示效果,在采用遮罩技術的同時,改變Alpha值從0%到100%,讓“夜空”兩字在文字“星光迷離的”基本“停”下來后,漸漸隱現出來。
步驟7:下面來制作一個“影片剪輯”元件,要實現的目的是在黑暗的背景中,有“星星”在不斷閃爍。先新建一個圖形元件,繪制一個星星的圖案,用黃色填充。
步驟8:新建一個“MC”元件“星星MC”,將“星星”的圖案拖放進來,使其在時間軸上占用3到5幀靜態幀,隔幾幀再做一次。多建幾層做同樣的操作,并且根據主畫面,放置這些“星星”的位置。做好的“星星MC”的場景布置如圖10所示,對應的時間軸如圖11所示。

步驟9:回到主畫面,在整個作品的最后一幀(第108幀),添加一個幀腳本“stop();”。然后再新建一層,在這層的第108幀插入一個空白關鍵幀,把影片片斷“星星MC”拖放到場景中。

步驟10:新建一個圖層,拖動到圖層的最下方,單擊“文件/導入/導入到舞臺”,在彈出的對話框中選擇一張夜空背景圖導入到場景中,如圖12所示,在第108幀上建立一個普通幀。
步驟11:現在可以按Ctrl+Enter鍵測試動畫效果,如果星星的位置不是很好,可以在“星星MC”中調整,最后的效果如圖12所示。
3 結束語
制作過程用到了Flash一些基本操作技術,更綜合的使用了遮罩層和混色器。總結制作所用的的知識點:
(1)改變被遮罩層的Alpha值,實現既有色彩又有明暗度的變化。
(2)多層的使用,作品在輸出時不會占用多余的空間。
(3)“光斑”的過渡要和背景協調。
(4)“洋蔥皮”工具的合理使用。
參考文獻
[1]張素卿,等.Flash動畫制作實例教程.北京:清華大學出版社,19/20.
[2]胡明.Flash CS3多媒體專項設計實例精選.北京:電子工業出版社,19/20.