基于Flash 8.0的色彩控制制作

邢素萍，楊立力

基于Flash 8.0的色彩控制制作

邢素萍，楊立力

利用Flash 8.0的setRGB語句來設置顏色變量，實現控制背景和場景中“燈”的顏色變化。利用的知識有：實體命名;按鈕制作;設定變量;編輯按鈕腳本。通過這個小制作可進一步領略Flash中“動作”語言在制作動畫效果以及網頁制作方面的優勢。

影片剪輯、按鈕元件、場景、圖層

0 引言

首先建立背景影片剪輯和兩種燈的影片剪輯，并且分別進行實體命名；然后建立隱形按鈕，并且覆蓋在場景中的按鈕圖標上。最后設定3個變量，分別對應3個影片剪輯實體，在進行按鈕腳本編輯時通過setRGB語句來控制場景中不同實體的顏色變化，效果展示如圖1所示：

1 創作思路：

1.1制作按鈕和背景

步驟1 啟動Flash 8.0后，單擊【文件】/【新建】，新建一個Flash文件。單擊繪圖工具欄上的矩形工具，設置筆觸顏色為“無”，填充顏色為深綠色。在場景中先拖出一個矩形來如圖1所示：

圖1 繪制的矩形

步驟2 單擊選擇繪圖工具箱中的黑色箭頭，選擇繪制的矩形，然后在對應的屬性設置面板中，如圖2所示：

圖2設置矩形屬性面板

設置大小為場景默認大小550 px×400px，位置為x＝260，y＝200，使得矩形正好覆蓋場景。

步驟3 用黑箭頭工具單擊選中矩形，然后選擇【插入】/【轉換為元件…】命令，把繪制的矩形轉換為名為“底色”，類型為“影片剪輯”的元件，將覆蓋在場景中的矩形轉化為一個電影片斷元件如圖3所示：

圖3 把矩形轉換為“底色”元件

圖4 “燈1”的布置圖

步驟5 使用【變形】面板，使場景中紅色的圓對齊如圖5所示：

圖5 對齊好的圓

全選所畫的所有的圓，在所有圓都被選中情況下，再次單擊【插入】/【轉換為元件…】命令，將這些圓轉化（在這里要充分使用【對齊】面板的對齊功能如圖6所示：

圖6【對齊】面板

為一個電影片段元件，名稱為“燈1”。

在轉化這些圓為一個“MC”元件時，由于背景層也是一個圖形，很容易被選擇上，為了避免選擇上背景矩形，可以把背景層鎖定或者選擇為不可見如圖7和圖8所示：

圖7 鎖定底色層

圖8使底色層不可見

步驟6 再新建一層“圖層3”，改名為“燈層2”，在這一層將剛才繪制的圓復制一個過來改變填充色為黃色如圖9所示：

圖9 把紅色的圓變成黃色

步驟7 同樣使用【對齊】面板，讓黃色的圓交叉分布在場景中如圖10所示：

圖10紅黃兩種燈的布置圖

同樣的操作方法，把這些黃色的圓一起轉化為一個電影片斷元件“燈2”。

步驟8 鎖定“燈層1”和“燈層2”，鼠標單擊選中“底色層”的背景圖案，選擇【窗口】/【屬性】命令，在【屬性】對話框中為這個實例命名為“cover”,如圖11所示：

圖11 給底色進行實例命名

類似上一步，分別在【屬性】對話框中給另外的兩個電影片斷元件實例“燈1”和“燈2”命名實例名為“light1”和“light2”。

步驟9 新建一層命名為“按鈕”，在這層的第1幀中，先繪制3行顏色圖標方框如圖12所示：

圖12 繪制按鈕圖標

步驟10 單擊【插入】/【新建元件】新建一個按鈕元件“按鈕”，在按鈕元件的“單擊”幀單擊鼠標右鍵，插入一個關鍵幀，在該幀上繪制一個矩形。選擇該矩形，在屬性面板上設置矩形大小，使之與先前繪制的矩形大小一致。

為了使按鈕元件與先前繪制的矩形大小一致，可以回到主場景，單擊選擇矩形，在相應的【屬性】面板中可以看到矩形大小如圖13所示：

圖13 通過屬性面板查看對象大小

再回到按鈕元件中，可以直接在屬性面板中調整按鈕圖標的大小

步驟11 回到主場景，從元件庫中將按鈕元件拖放到界面中，先覆蓋在一個顏色圖標小方框上，雙擊對它進行編輯，讓它正好覆蓋住一個方格。再從元件庫中，拖放隱形按鈕到界面中來，分別覆蓋在9個顏色圖標框上。最后布置場景如圖14所示：

圖14 場景中布置的最后效果圖

2 知識詳解

至此，已做好了顏色變幻的素材，這一部分的內容比較靈活，可以自由選擇圖案的形狀和顏色，但仍有一些是在操作中需要注意的地方。

首先，3組圖案要放在不同的層上，在轉化為電影片斷元件時，也要注意全選每一組圖案的所有圖形。其次按鈕也放在新的層中，在Flash制作中，要學會善于利用多層制作的方法，并能養成較好的習慣，因為這樣對于一個較為復雜的動畫制作來說，是很有必要的，無論是修改還是增加功能時，都能一目了然。

2.控制顏色變幻的制作

步驟1 在主場景中，再新建一層“動作”，然后在第1幀處單擊鼠標左鍵，在菜單中選擇【窗口】/【開發面板】/【動作】一項，打開【動作】面板。然后在面板中選擇【語句】子菜單【變量】中的【set Variable】選項，鼠標左鍵雙擊【set Variable】選項如圖15所示：

圖15 建立變量

步驟2 在面板的括號中填入“mycover”，和“new Color(_root.col1)”，如圖16所示。

步驟3 用同樣方法，創建變量“mycolor1”，在【值】欄中填入“new Color(_root.color1)”，并選中其后面的復選框如圖16所示：

圖16 設定變量的表達式

步驟4 最后得到的第1幀的腳本代碼如下：

set(mycover,new Color(_root.cover));

set(mycolor1,new Color(_root.color1));

set(mycolor2,new Color(_root.color2));

以上腳本的含義是，新定義了3個Color對象，它們將分別用來控制剛才制作的3個電影片斷元件的實例。例如，語句中的set(mycolor1,new Color(_root.color1));表示的是“color1”這個實例的一個新的Color類的對象，其他類似。

步驟5 鼠標單擊選中3行顏色控制按鈕上第一行的第一個按鈕，然后在【動作】面板中添加這個按鈕的腳本，添加的腳本代碼如圖17所示：

on (release) {

mycover.setRGB(0x00e6b3);

}

圖17 給按鈕添加腳本

步驟6 在控制顏色按鈕第一行也就是控制背景色的按鈕一行，給第二個按鈕填寫腳本，腳本代碼如下：

on (release) {

mycover.setRGB(0x3399e6);

}

步驟7 現在可以來測試一下控制效果了，可以看到，通過按鈕控制顏色的變化，在Flash中就這樣簡單地實現了。

3.知識詳解

3.1關于設定變量的詳細說明

要聲明時間軸變量，可以使用 set Variable 動作或賦值(=) 運算符。這兩種方法會產生同樣的結果。

要聲明本地變量，可以在函數體內部使用 var 語句。本地變量的使用范圍只限于它的代碼塊，它會在該代碼塊結束時到期。沒有在代碼塊中聲明的本地變量會在它的腳本結束時到期。

要聲明全局變量，可以在該變量名前面使用 _global 標識符。下面的示例會創建全局變量 myName：

_global.myName = "George";

3.2關于Cloor對象的說明

Color 對象能夠設置影片剪輯的 RGB 顏色值和顏色轉換，并且可以在設置后獲取這些值。必須使用構造函數new Color() 創建 Color 對象的實例后，才可調用其方法。

3.3關于setRGB（）的說明

myColor.setRGB(0xRRGGBB)

參數：0xRRGGBB 要設置的十六進制或 RGB 顏色。對于 RR、GG 和 BB，每種代碼由兩個十六進制數字組成，這些數字指定每種顏色成分的偏移量。0x 告知動作腳本編譯器該數字是十六進制數值。

說明：其方法是指定 Color 對象實例的 RGB 顏色。調用此方法會覆蓋由 setTransform 方法設置的任何以前的設置。

對RGB值設定的時候，可以借助工具欄上的吸管工具。如果我們想要設置一種顏色，可以在Color工具欄上，選擇這種顏色，上面的數值框中顯示的數字，就是在腳本中為它設置該顏色所需要的參數如圖18所示:

圖18 如何確定顏色的RGB值

4. 總結

本文主要介紹了“動作”中的setRGB顏色設置的用法，腳本語句本身沒有太大的難度，卻可以實現很好的制作效果，通過按鈕控制背景以及場景中“燈”的顏色，這有點像紅綠燈。通過這個例子的制作可進一步領略Flash中“動作”語言在制作動畫效果以及網頁制作方面的優勢。本文對時間軸中的幀沒有做任何操作，只是通過按鈕來控制各個圖層。對影片剪輯進行實例命名，這樣才能通過按鈕腳本控制。以后的例子中將更多地體現這一點。

通過本例的學習，可以類似地制作紅綠燈控制、變色龍的變色等動畫。

[1] 《Flash 8 中文版實用教程》李敏 [M]機械工業出版社2009年2月

[2] 《Flash 8動畫與交互動畫制作教程》潘明寒 [M]北京航空航天大學出版社 2008年1月

[3] 《Flash8.0中文版動畫制作》林華 姜靈敏 [M]華南理工大學出版社 2007年8月

《微型電腦應用》期刊簡介

(MICROCOMPUTER APPLICATIONS)

《微型電腦應用》期刊是由上海市微型電腦應用學會主辦，上海交通大學等單位協辦，并經國家科技部和國家新聞出版署批準的電子信息科技和信息化建設與應用的科技期刊。

本刊己入選：

* 國家科技部中國科技論文統計源期刊(中國科技核心期刊)；

*《中國期刊網》、《中國學術期刊(光盤版)》全文收錄期刊；

* 中國學術期刊綜合評價數據庫來源期刊；

* 中國科學引文數據庫、中國科學計量指標數據庫來源期刊；

* 華東地區優秀期刊；上海市優秀科技期刊。

本刊己被復旦大學、上海交通大學、同濟大學、東華大學等著名大學遴選為計算機及相關學科的核心期刊目錄。

本刊創刊于1985年1月，得到了中央領導、計算機業界和廣大讀者的支持和厚愛，江澤民親自題寫刊名，許多著名的兩院院士為該刊撰稿。

《微型電腦應用》期刊組織機構：

期刊理事會理事長：何友聲院士

特約顧問：孫鐘秀院士 倪光南院士 萬 鋼教授 朱寄萍教授級高工

嚴雋琪教授(女) 吳啟迪(女)

編委會名譽主任：何友聲院士 吳啟迪教授(女) 朱寄萍教授級高工 陳亞珠院士(女)

編委會名譽主編：吳啟迪教授(女)

編委會主任兼主編：朱仲英教授

國際刊號：ISSN 1007-757X, 國內刊號：CN31-1634/TP。

URL: http://wxdnyy.periodicals.net.cn；http://wxdy.chinajournal.net.cn；

《微型電腦應用》期刊為月刊，由中國科協全國省級“學會之星”、上海市科協“三星級”學會、上海市民政局、市社團局“四A”級社會組織-----上海市微型電腦應用學會主辦。國內外公開發行，郵發代號：4-506，訂價：10元/冊，全年120元。歡迎到郵局訂閱，或向編輯部訂閱。

聯系地址：上海市華山路1954號上海交通大學內鑄鍛樓314室，郵編：200030。

電話/傳真：021-62933230 E-mail：smcaa@sjtu.edu.cn smcaa@online.sh.cn

《微型電腦應用》編輯部

Flash 8.0-based Color Control Production

Xing Suping,Yang Lili
(Computer and Software Institute ,Nanjing Institute of Industry Technology, Nanjing210046,China)

Using the Flash 8.0 setRGB statement to set the color variables, control background and the scene of "light" color change. The use of knowledge: entities named, button making, setting variables, edit button script. A taste of the action in the Flash language produced animation and web production advantages through this small production.

Movie Clip, Button Symbols, Scenes, Layers

TP311

A

1007-757X(2014)01-0061-03

2013.12.01）

邢素萍，南京工業職業技術學院 教授 研究方向 計算機應用與多媒體教學，南京，210046楊立力，南京工業職業技術學院 講師 研究方向 多媒體技術，南京，210046