期末

終於完成了～～～呼～～～～～～
題目：真果
創意來源：在某一次逛街時無意間看到招牌寫著奶雞，好奇的向前觀望，原來水果荔枝～～有點無俚頭，當下覺得老闆真是幽默阿～～～～～～～～～～～

旋轉運動

遮色片

目標
遮色片的應用

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

步驟
一、畫圖像

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內定名相同。

按鈕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

電腦多媒體

伸鏡入景技法

目標
利用ToonBoom營造運鏡入景的特效

步驟
一、製作場景背景色

01.啟動ToonBoom。
02.File > Animation Properties...設定影片畫面的大小為640x360。
03.Window > Scene Manger，在該視窗的Scene欄按右鍵，點按 Properties...，再點按Background
Color色票，從Select Color視窗內選取或設定場景的背景色。

二、為向量圖像訂製色盤
01.Window > Show Properties。
02.點按Properties視窗上的Color標貼。
03.滑鼠右鍵點按Name欄，選Palette→New Palette。
04.將Name欄內預設的名稱改為你所要的色盤名。
05.再點按該視窗上的+圖示，從調色盤上選色及取名。
06.Window > Show Properties，點按Drawing標貼。
07.點按繪圖工具，在Drawing工作區繪製一座山，找對應的色盤選所需的色相。
08.Window > Show Exposure Sheet。
09.點按物件的第一穴位，按滑鼠右鍵，選Rename以更改該物件的名稱為Mountain1，該名稱會同時在Timeline上被更名完成。
10.在Exposure Sheet上點按Drawing圖示，再依步驟7到9製作第二座及第三座山，分別取名為取名為Mountain2、Mountain3。
11.同上一程序繪製二片雲及一座湖，分別取名為Cloud1、Cloud2及Lake。
三、為物件設出場格數
01.Window > Show Exposure Sheet。
02.點按物件的第一穴位，按滑鼠右鍵，選Rename以更改該物件的名稱，該名稱會同時在Timeline上被更名完成。
03.點按物件的第一穴位，按滑鼠右鍵，選Set Expoure...，於數值欄內定出場格數。

四、新增Peg，將物件attach在peg
01.在Timelin視窗內新增一個Peg，更名為Cloud。
02.在Timeline視窗內將Cloud1層直接拖拉放到上一步驟的Cloud Peg層。
03.該peg會出現一倒三角形。
04.在Timeline視窗內將Camera元素層直接拖拉放到上一步驟的Camera Peg層。

五、調整物件的景深
01.在Timeline視窗選取圖像元素層，該層在Side View或Top View視窗內會變成一深綠色直線，以移位工具移動該淺綠線，即可調整物件的景深。

六、做動畫和運鏡
01.在Timeline視窗內點按Cloud Peg，於想定的影格按滑鼠右鍵，設為關鍵影格。
02.再將另一影格設為關鍵影格，點按該影格。
03.換到Top View視窗，點選工具列最下方的Motion工具，到Top View視窗內移動紅色的peg標示。
04.同前三個步驟，在Top View調動Peg圖示 (一個紅圓圈)，使相機呈前推的運鏡。

七、存檔
01.File > Save As，取名存檔。
02.其儲存會成為一個資料夾，內含一個副檔名為tbp的檔案，外加數個資料夾，各含一個資料。

八、輸出成swf
01.File > Export Movie，格式選swf，取名為cloud_3。

九、swf檔案上傳
01.利用filezilla將cloud_3.swf上傳到學校個人網站中的swf資料夾內。
02.複製下列字串，在你的部落格新增文章中貼入。
03. < src="http://web2.ntit.edu.tw/~sxxxxxxxx/swf/cloud_4.swf" width="400" height="225" type="text/html; charset=iso-8859-1" loop="-1" autostart="0">

補充
Exposure Sheet最左行的元素，在Timeline是在最上層。最上層元素會遮住較低層的元素。

本練習的特性可見之於以下的詩句
常建《題破山寺後禪院》的「竹徑通幽處，禪房花木深。」
李白《早發白帝城》的「兩岸猿聲啼不住，輕舟已過萬重山。」
劉長卿《尋南溪常山道人隱居》的「一路行經處，蒼苔見屐屐痕。」

製作cloud_3無盡秧苗

目標
影片片段製作及應用

步驟
一、製作影片片段元件
01.新增元件，核選「影片片段」。
02.在第一圖層的第一個空白關鍵影格畫一苗葉。
03.點按描圖紙圖示。
04.到第6格，按滑鼠右鍵，插入「空白白關鍵影格」。
05.以步驟2的苗葉為基準，畫一往下萎垂的苗葉。
06.改變該苗葉的色彩。
07.到第11格，按滑鼠右鍵，插入「空白白關鍵影格」。
08.以步驟5的曲葉為基準，再畫往下愈垂的苗葉。
09.重復上二步驟，迄影格21造一曲葉止。
10.到影格36，按滑鼠右鍵，選「插入影格」。
11.新增圖層，同步驟2到10，製作另一苗葉。
12.重復步驟11，新增二苗葉。
13.以上是一束苗的動畫元件，它將被用於場景內。

二、將元件置入舞台

1.切換到場景。
2.逐次將元件庫內的影片片段元件移到舞台不同位置。
註：元件被置入舞台時，被稱之為分身。

三、變換各分身的長寬、角度及面向

1.點選舞台上欲變換的元件分身，利用轉換工具，調整之。

天然雲的動畫

目標
將天然雲處理成如下圖之淡入或淡出的動畫

步驟
一、製作png格式的雲

1.找一天然的雲圖數位檔。
2.在Photoshop將藍天去背，選取去背的雲形，拷貝之。
3.在Photoshop新增一檔案，設定圖面大小為640x360pixel， 解析度為72dpi，背景選項為「透明」。
(補充：圖面大小可大可小，以可容納所需圖像大小為準)

4.貼入雲形。
5.儲存為png格式。
6依上述方法另做數個雲的png檔。

二、製作flash動畫

1.在Flash將該眾png檔匯入元件庫。
2.分圖層將各png放入關鍵格，並做動補間。
3.選取關鍵影格在舞台上的圖像，在屬性欄之「顏色」欄內變更「Alpha」值。
4.存檔為cloud_2.fla。
5.測試影片。
6.將cloud_2.swf檔上傳到部落格。

製作cloud_2(片段2/千形萬狀竟還空)

目標-將文字化成雲形再消失

步驟 :
1.在舞台上的空白關鍵影格內鍵一文字「雲」。
2.從主選單選擇修改 > 打散。
3.點按時間軸雲字關鍵影格的次一影格，按滑鼠右鍵，選擇插入關鍵影格。
4.從主選單選擇修改 > 形狀 > 最佳化，於對話框內將將最佳化的滑桿往右調整。
5.將舞台上的物件略微移動。
6.重復上三動作，迄無法最佳化止。
7.插入關鍵影格，修改舞台上的物件的形戕或刪除其節點。
8.將舞台上的物件略微移動。
9.重復上二動作，迄形狀不見。

製作cloud_1(片段1/片頭)

目標-製作出雲的影片頭

學習項目:
1元件製作
2關鍵影格
3插入空白關鍵影格
4移動補間
5改變舞台物件屬
6上傳swf