2009年5月25日 星期一

2009年5月8日 星期五

遮色片

目標
遮色片的應用

學習新功
能遮色片觀念遮色片是一圖層,會使緊接其下的圖層(又稱被遮層)不見,若欲看被遮層,須在遮色片層畫出實色區塊,則被遮層只有實色區塊會出現。

步驟
一、畫圖像

1.新增檔案。
2.新增三圖層。
3.由下往上分別取名為背景層、被遮層、遮色片、前景層
4.在背景層、被遮層、前景層分別畫好圖像。
5.在遮色片層畫好一實色圖案,例如一個圓。
6.測試影片。

二、加入遮色片
1.滑鼠右鍵點選遮色片圖層,選擇遮色片。遮色片及被遮層兩圖層會出現後者往右縮的圖示。
2.測試影片比較加入遮色片前後的差異。

三、利用遮色片做動畫

1.決定動畫的影格數。
2.分別在背景層、被遮層、前景層之前數的影格數之影格,滑鼠右鍵選插入影格。
呈上一步驟,滑鼠右鍵點選遮色片圖層,選擇遮色片。遮色片功能會消失,但圖層被鎖住,須解除。
4.在遮色片層,於不同影格新增關鍵影格,並移動遮色片實色圖案到所需位置。
5.重復上述動作迄滿意為止。
6.滑鼠右鍵點選遮色片圖層,選擇遮色片。
7.測試影片。

補充
若有許多圖層想當被遮層,則直接拖拉放到已設好遮色片的被遮層內即可。

按鈕設計

目標
設計按鈕元件並配用ActionScript (AS)

學習新功能
1.元件庫→新增元件→按鈕

步驟
一、製作元件
010先在舞台上先畫好本按鈕原型,例如Play或Stop的英文字。
02.選取,剪下。
03.視窗→元件,新增元件→按鈕。
04.在第一影格貼上。
05.因為文字,所以修改 >打散兩次。
06.視窗 > 對齊。完成對齊設定。
07.點按第二影格,按插入關鍵影格。
08.點按第三影格,按插入關鍵影格。
09.點按第四影格,按插入關鍵影格。
10.新增圖層,在第四影格插入空白關鍵影格。依第一層的文字範圍,畫出一矩形為感應區,並灌入黑色。
11.選取該黑色矩形,編輯 > 剪下。
12.點選第一層的第四影格,將文字刪除。
13.編輯 > 在原地複製。
14.將第二層刪除。

二、配用AS

1.將按鈕元件拖拉放到舞台,選取該實體。
2.視窗 > 屬性,於屬性視窗內更改實體名稱。
3.新增圖層,設為Action。於第一影格,鍵入類似以下的AS:play_btn.addEventListener(MouseEvent.CLICK, clickplay_btn);function clickplay_btn(event:Event):void {trace ("play_btn");gotoAndPlay("Lplay");
}

pause_btn.addEventListener(MouseEvent.CLICK, clickpause_btn);function clickpause_btn(event:Event):void {trace ("pause_btn");stop();
}

補充
上述的藍色字是AS的內定語令,綠色字是你設定的實體名稱或影格標籤。另有黑色字與實體名稱相同者,表示以該實體所欲施行的方法,如pause_btn有綠色也有黑色。為實體名稱及影格標籤取名,避免與AS內定名相同。

2009年5月5日 星期二

按鈕AS3.0

目標
影片片頭、片尾各加一個按鈕以控制影片的播放。

學習新功能
AS3.0中的語令
1.stop()
2.gotoAndPlay()
3.addEventListener(MouseEvent.CLICK, variable)

步驟
一、設定Flash程式

1.開新檔案,選ActionScript 3.0模式。

二、製作一片雲的動畫

1.在元件庫做一雲的圖像元件。
2.在第5影格到第48影格,製作使雲有大小及位置變化的一移動補間。
3.新增圖層,更名為文字,在第1影格,製作一文字「試按右下二鈕」,將它們打散。
4.在第4影格加入影格。

二、套用按鈕元件

1.新增一圖層,更名為「按鈕」。
2.視窗 > 內建元件庫,選擇播放按鈕,拖拉放到舞台右下。
3.視窗 > 內建元件庫,選擇播暫停鈕,拖拉放到舞台右下。
4.利用視窗 > 對齊,使齊底,再調動位置。
5.到元件庫,將播放元件更名為「play」,將暫停元件更名為「pause」

三、設定實體名稱

1.點按舞台上的播放鈕,在屬性視窗內,於實體名稱處,更名為「play_btn」。
2.點按舞台上的播放鈕,在屬性視窗內,於實體名稱處,更名為「pause_btn」。

四、加影格標籤

1.新增一圖層,取名為Action。
2.在第5影格新增一空白關鍵影格,於屬性視窗之影格標籤欄鍵入「Lplay」。

五、加入AS (ActionScript)
1.選取Action圖層上的第1影格,輸入以下的語令:stop();

play_btn.addEventListener(MouseEvent.CLICK, clickplay_btn);function clickplay_btn(event:Event):void {trace ("play_btn");gotoAndPlay("Lplay");
}

pause_btn.addEventListener(MouseEvent.CLICK, clickpause_btn);function clickpause_btn(event:Event):void {trace ("pause_btn");stop();
}

2.在Action圖層上的最後一影格插入空白關鍵影格。
3.點選該最後影格,於動作視窗內輸入以下語令:gotoAndPlay ("Lplay");

六、存檔
1.測試影片。
2.檔案,取名儲存。

建議瀏覽AS3.0教材
介紹官方版(中文)
按鈕設定
介紹滑鼠事件
做網頁用的Flash及其AS