|
作前準(zhǔn)備
準(zhǔn)備一張規(guī)格為550*400的，多色彩的背景位圖，，經(jīng)過制圖軟件（ps、fw）處理后，放在指定的文件夾待用。
1.啟動FLASH8 軟件。
2.確立文檔屬性
設(shè)置動畫尺寸為550*400，其它默認(rèn),點(diǎn)擊確定，進(jìn)入場景1。如圖1所示：
圖1
3.首先將準(zhǔn)備好的背景位圖素材導(dǎo)入到庫中，待用。
4.為背景圖片設(shè)置其位圖屬性
右鍵庫中的位圖，如圖2所示：
?圖2
選擇“屬性”，打開位圖屬性面板，填寫其“標(biāo)識符”為：landscape 。其它選項(xiàng)，如圖3所示：
?圖3
*也可右鍵庫中位圖，選擇鏈接，打開鏈接屬性，重復(fù)上述操作。
5.創(chuàng)建影片剪輯
（1）選擇“插入－新建元件”，建立一個(gè)名為“邊框”的影片剪輯元件。點(diǎn)擊確定，進(jìn)入元件編輯區(qū)。就一個(gè)圖層。
選擇圖層1第一幀，用矩形工具在舞臺拖一個(gè)規(guī)格為550*400的，紅色無邊線的矩形（圖4－1），全居中；然后在它外邊再拖一個(gè)規(guī)格為510*360的，黃色無邊線的矩形（圖4－2）；點(diǎn)擊該實(shí)例?！靶薷模M合”，全居中（圖4－3）；點(diǎn)擊黃色矩形，“修改－分離”，將其打散后刪除（圖4－4）。其流程，如圖4所示：
圖4
框選紅色矩形框，將其轉(zhuǎn)換為影片剪輯元件，在屬性面板填寫其實(shí)例名稱為：colorinfo 。如圖5所示：
圖5
（2）選擇“插入－新建元件”，建立一個(gè)名為“顏色”的影片剪輯元件。點(diǎn)擊確定，進(jìn)入元件編輯區(qū)。添加一個(gè)圖層，共兩個(gè)圖層。下層命名為邊框，上層命名為動本。
A.選擇邊框圖層第一幀，從庫中拖出“邊框”影片剪輯到舞臺，規(guī)格為550*400，全居中。如圖6所示：
?圖6
點(diǎn)擊該實(shí)例，在屬性面板填寫其實(shí)例名稱為：sample 。上鎖。如圖7所示：
?圖7
B.選擇動本圖層第一幀，用動態(tài)文本工具在邊框下方拖一個(gè)動態(tài)文本框，水平中齊。點(diǎn)擊該實(shí)例，在屬性面板填寫其實(shí)例名稱為：colorValue 。其他參數(shù)參考，如圖8所示：
圖8
鎖定該圖層。
6.編輯制作場景
返回場景1，添加兩個(gè)圖層，共三個(gè)圖層。自下而上命名為位圖、顏色、as。
（1）選擇位圖圖層第一幀，從庫中拖出背景位圖到舞臺，規(guī)格550*400，全居中，上鎖。如圖9所示：
圖9
（2）選擇顏色圖層第一幀，從庫中拖出“顏色”影片剪輯元件到舞臺，規(guī)格為550*400，全居中。如圖10所示：
?圖10
點(diǎn)擊該實(shí)例，在屬性面板填寫其實(shí)例為：selectedColor 。上鎖。如圖11所示：
圖11
（3）選擇as圖層第一幀,按f9，打開動作面板，在as編輯區(qū)輸入，如下幀語句：
import flash.display.BitmapData;
linkageId = "landscape";
myBitmapData = BitmapData.loadBitmap(linkageId);
mc = this.createEmptyMovieClip("mc", 1);
mc.attachBitmap(myBitmapData, 1);
onMouseMove = function(){
myNewColor = "0x" + myBitmapData.getPixel(_xmouse,_ymouse).toString(16);
newColor.setRGB(myNewColor);
selectedColor.colorValue.text = myNewColor;
}
selectedColor.swapDepths(_root.getNextHighestDepth());
newColor = new Color(selectedColor.sample);
鎖定該圖層。
7.該作業(yè)完成后的時(shí)間軸如圖12所示：
圖12
*說明：
1.該作業(yè)的特點(diǎn)是邊框隨著鼠標(biāo)接觸背景位圖所在的顏色而發(fā)生相對應(yīng)的變化，同時(shí)還在下方顯示其對應(yīng)顏色的色碼值。
2.要穩(wěn)定邊框的顏色，則右鍵點(diǎn)擊鼠標(biāo)所在位置，撤出鼠標(biāo)即可。
最終效果顯示：
http://hsb345./domName/hsb345/201032915564116152.swf
全屏下載 |
