電腦多媒體

for the birds

2012-01-02T17:24:00.000+08:00

2011年Time票選最佳動畫

2012-01-01T17:40:00.013+08:00

片名：死在你身邊

Mourir Auprès de Toi

黃興良的玩具停格動畫

2011-12-31T12:56:00.002+08:00

印度電玩chester的塗鴨創意

2011-09-25T12:57:00.002+08:00

瀏覽
How a Class Doodle Became Stylish Indie Platformer Chester

郭彥廷的3D鞦韆

2011-09-04T21:35:00.003+08:00

郭彥廷動畫短片《鞦韆》奪洪堡影展2大獎

紀柏舟的光之塔手繪動畫

2011-09-04T21:17:00.003+08:00

台生動畫《光之塔》入圍美「學生奧斯卡」

jiaping's work

2011-06-23T10:50:00.003+08:00

2011期末作業

2011-05-08T09:44:00.013+08:00

目標
漢字動畫比賽 (7月31日截止)設計與製作

方法

二人一組或個人組

時程

5/08：組員確定

5/15：故事大綱

5/22：故事修改

5/29：分鏡

6/05：動畫初稿

6/12：動畫修稿

6/19：動畫終稿

6/26：評核

參考故事

奇奇鎮的怪事
段掁離，紅樓說茶，臺北：思堂書房，2009。
謎語一：言對青山不為青，兩人土上去談心，三人騎牛少隻角，草木之中有一人。謎底：「請坐奉茶」
謎語二：生在山裡，死在鍋裡，埋在罐裡，活在杯裡。

動畫比賽消息

http://140.125.155.111

上傳到swfcabin

2011-04-10T10:56:00.020+08:00

目標
讓你的swf作品的在免費網站作秀，但你無法從該網站將swf著床到你的部落格。

步驟

進入http://www.swfcabin.com網站。
上傳你的swf
複製它為你上傳作品的網址
貼到你的部落格

例子
我將名為cloud_4.swf的作品上傳，出現如下的網址：
http://www.swfcabin.com/open/1302401764
瀏覽上述的網址可以看到該作品。

問題
找不出該網站將我上傳的cloud_4.swf放在何處以便我可以將它著床到這個部落格。

把youtube影片放到部落格

2011-03-06T11:01:00.009+08:00

要把youtube的影片著床到部落格，你可以執行以下的步驟：

開啟你想著床到你的部落格的youtube影片；
複製該影片的embed語法；
進入部落格修改文章中的「修改HTML」模式，將語法貼入；
修改語法中的width="xxx"及height="yyy"內的xxx及yyy數值；
例如xxx為400，yyy為225，原始作品寬高比是16:9
例如xxx為400，yyy為300，原始作品寬高比是4:3
發佈文章；

範例

2011名單 (進院)

2011-02-27T10:46:00.006+08:00

10s
02 / 03 / 04
05 / 06 / 07 / 08
09 / 11 / 12
13 / 14 / 15 / 16
17 / 18 / 19
21 / 22 / 23 /
25 / 26 / 28
29 / 32/ 33 / 35
36 / 37 / 38
40 / 41 / 42 / 43
45 / 46

隨堂筆記

2011-02-27T10:35:00.005+08:00

100/2月27日

看電影特效簡史
看ipad2影片提示創意
修改影片資訊
大小背景色
元件的淡入淡出換色
元件的放大縮小旋轉
文字元件的處理
新增網誌
進度一(片頭)完成
作品上傳到部落格

3月6日

Filezilla的使用
swf上傳到部落格
youtube影片著床到部落格

3月13日

文字雲的逐格製作法
雲的點陣圖之淡入淡出法

3月20日

個案檢討

頭條新聞2011

2011-01-20T10:15:00.021+08:00

以下的新聞，可能對你的電腦多媒體之技術與觀念有所啟示。

2011年
12月

7 Time票選年度最佳動畫

5月

郭彥廷《鞦韆》得國際動畫大奬

4月

8 電玩的虛擬物品比真實物品有賺頭

3月

30 漢字動畫比賽

2月

26 皮克斯總監：好動畫靠創意故事

1月

19 與數位音樂創始人Max Mathews會談

延伸瀏覽

期末作業

2010-05-28T19:27:00.002+08:00

目標
驗收「雲」詩的動畫綜合效果

方法

6月18-19日第一次發表
6月25-26日完成品
必須配合課堂上所提供的音樂，自編者亦須80秒的長度

ActionScript簡例

2010-04-30T19:29:00.003+08:00

目標
學習簡易的Actionscript

方法

stop();
runner.stop();

頭條新聞2010

2010-04-05T21:09:00.007+08:00

以下的新聞，可能對你的電腦多媒體之技術與觀念有所啟示。
2010年

10月

30 教材數位化

5月

13 數位訓練營為廣告代理商培訓天才

4月

12 虛擬世界，真實錢財

03月

22 Youtube成功的五大秘密

網路廣告的Banner之標準尺寸

2010-04-02T19:10:00.010+08:00

目標
知道網路廣告的版面大小並觀看現有網路廣告的演出。

步驟

可編為動畫的詩篇

2010-03-27T20:57:00.004+08:00

目標
推荐詩文供動畫編劇參考

詩一：南懷瑾
秋風落葉亂為堆
掃盡還來千百回
一笑罷休閒處坐
任它著地化為灰

詩二：
望夫石 (王建)

望夫處，江悠悠，化為石，不回頭。
山頭日日風復雨，行人歸來石應語。

期中作業

2010-03-19T18:03:00.005+08:00

目標
將所學得的能力參與全國性競賽。

方法

參加2010 時報金犢奬的「網路廣告類」或(和)「動畫廣告類」，參賽要求依其規定。
該比賽之期限規定：
- 線上報名截止日期：即日起～2010年4月9日
- 作品繳交截止日期：即日起～2010年4月16日（以郵寄日戳記為憑）
參賽作品暫勿上傳到部落格。

層積雲的製作與倒影

2010-03-12T16:43:00.010+08:00

目標
模擬製作層積雲

步驟
一、層積雲製作

用不同大小的圓，重疊成一基本雲形。
將基本雲形轉換成元件，取名為「小片雲形」。
以三片「小片雲形」，配合縮放、或alpha值、明度變化成一小雲團。
將前一步驟的雲團轉換成了元件，取名為「小片雲團」。
在不同的圖層放入「小片雲團」，配名以縮放、移動補間，使成為大雲團。

二、倒影製作

新增元件，選影片片段，製作例出像上一例子的動畫。
將影片片段拉到場景。
將選影格，複製之。
新增圖層，取名為倒影層。
編輯 > 在原地複製。
選取該倒影層的元件，修改 > 變形 > 垂直翻轉。
調整實體的Alpha值。

相關圖像

逐字遞現文字

2010-03-12T15:36:00.012+08:00

目標
等時距呈遞現詩句中的每一字

步驟

方法一

在舞台上鍵入七個字的詩句，調整好其字型、大小及色彩。
選取這些字，連續修改>打散兩次。
在第7影格插入關鍵影格。
每遞增6格，插入關鍵影格，並將最後一字刪除，迄舞台沒字止。
換言之，依序是在第13、19、25、31、37、43影格插入關鍵影格，並將最後一字刪除。
在第49格，插入空白關鍵影格。
選取1至49影格，修改>時間軸>反轉影格。
測試影片

方法二

在舞台上鍵入七個字的詩句，調整好其字型、大小及色彩，並將字打散。
選取每個字，各轉換成圖形元件。
同上一方法之步驟3至6。

思考題

方法一沒有用到元件，方法二用到元件，何者的檔案會較小？
逐字遞現也可利用「遮色片」來完成嗎？

上傳swf

2010-02-28T11:47:00.013+08:00

目標
將swf利用Filezila上傳到部落格

上方的swf動畫，要能在部落格瀏覽，需完成以下兩個部驟：

先將欲發佈的swf檔以Filezila存入你在學校的網站www資料夾內。
在部落格的「修改Html」模式下，複製以下的字串，貼到html編輯區內，但要把該swf的網址修改為你自己的。
<embed src="http://web.ntit.edu.tw/~hsieh/swf/cloud_1_tut.swf" loop="-1" autostart="0" width="400" height="225"></embed>

學生名單

2010-02-26T18:12:00.016+08:00

邱湲純黃怡萍
鄭宇傑洪鏑凱
彭舒婷林艾瑩
張瑜璇林信宏
陳韋琳陳治瑋
曾于真陳江銘
王姿月郭文宗
賴宜儀黃如慧
蔡旻修周冠任
林品妤徐章通
吳曉曼羅伊婷
梁瓊丹徐家榮

學生名單

2010-02-20T20:30:00.014+08:00

袁正修楊舒姍
陳靜怡曾美惠 *
張嘉芯黃瑞琳
張漢嶢蔡佳祐
張婉真許智怡
蔡柏鴻楊于正
陳幸穗陳韋利
林至中鄧尊仁
張德名王敏倩
張慧蓮黃靖育 *
吳心如謝原鈴
謝佳芳林嘉萍
張永政陳瑋玫
黃鈺婷林弘泰
王俊達許譯云

進度表

2010-02-20T20:18:00.003+08:00

周別_日期_授課內容

02/20 概論Flash入門
02/27 畫圖
03/06移動補間與形狀補間
03/13 場景（Scene）
03/20 元件的使用
03/27 點陣圖的應用
04/03 影片片段
04/10 影片片段
04/17 **期中考**
04/24 音效及匯入
05/01 音效--在關鍵影格播放及停播
05/08 Actionscript
05/15 進專放假 GetURL的使用載
05/22 入外接SWF檔
05/29 預先載入preload
06/05 專題設計
06/12 專題設計
06/20 **期末考**
06/26

期末作業檢討

2009-06-10T09:23:00.003+08:00

目標
檢討期末作業之可精進之處

方法

到同學的部落格，觀看其期末作品，並提供評語。
檢核作品標準如下：
是否有故事性
是否配音效
是否動作流暢
是否有按鈕

新增提示點

2009-06-06T11:39:00.010+08:00

目標
使形狀補間更順優質

▲左動畫的形狀補間經「增加提示點」成為右動畫，效果更好。

學習新功能
修改 > 形狀 > 增加提示點

步驟
一、製作元件
(一) 「形狀補間」影片片段

新增元件，選擇影片片段類型，取名為「形狀補間」。
在舞台上鍵入數字「4」。
在影格24處新增關鍵影格。
將數字修改為6。
將第1影格內的「4」及第24影格內的「6」執行修改 > 打散。
於屬性對話框內，於補間欄選擇「形狀」。

(二)「提示點形狀補間」

於元件庫視窗內，點選「形狀補間」將之重製，更名為「提示點補間」。
開啟「提示點補間」，點按第1影格，做修改 > 形狀 > 增加提示點三次。
將第1影格內的提示點abc移動如下圖左。
將第24影格內的提示點abc移動如下圖右。
滑鼠右鍵點按第30影格，選擇「加入影格」。

▲提示點宜對應位置及順序

(三) 製作按鈕

從視窗 > 內建元件庫，扡拉放播放及暫停兩按鈕到舞台上。

二、加入AS

切換到場景1。
AS的語法同時鐘旋轉運動。

複製影片片段

2009-06-01T16:53:00.024+08:00

目標
複製暨移除影片片段

▲連續按綠鈕可遞增魚群；按紅鈕可全部清除魚群。

學習新語令

DuplicateMovieClip (AS 2.0)
RemoveMovieClip
setProperty

步驟
一、製作元件

做魚游的影片片段一。
做按鈕元件二。
做海洋背景圖像元件一。

二、製作場景

在場景1內，將內定圖層更名為Sea，將海洋背景圖像元件拖拉放到舞台。
新增圖層，更名為Fish，將魚游動的影片片段拖拉放到舞台，將其實體名稱更名為fish。
新增圖層，更名為Button，將按鈕元件拖拉放到舞台，將其實體名稱更名為duplicate_btn。
新增圖層，更名為Action。

三、加入AS

在Action圖層的第一個影格，於動作視窗內加入以下的ASvar
remove = false;
stop();
add_btn.onRelease=function() {
amount = 10;
while (amount>0) {
duplicateMovieClip(_root.fish, "mc"+i, i);
setProperty("mc"+i, _x, random(600));
setProperty("mc"+i, _y, random(320)+10);
setProperty("mc"+i, _alpha, random(80));
setProperty("mc"+i, _xscale, random(80)+50);
setProperty("mc"+i, _yscale, random(80)+50);
i = i+1;
amount = amount-i;
}
}

substract_btn.onPress=function(){
_root.remove = true;
}
substract_btn.onRelease=function(){
_root.remove = false;
}
substract_btn.onReleaseOutside=function(){
_root.remove = false;
}
點選舞台上的魚，於動作視窗入鍵入以下的AS
onClipEvent (enterFrame) {

if(_root.remove == true){
this.removeMovieClip();
this._x = random(600);
this._y = random(320);
}
}

建議閱讀

旋轉運動

2009-05-20T07:42:00.034+08:00

目標
製作鐘針旋轉並以按鈕控制之

學習新功能

移動補間→旋轉→順時

步驟

一、製作圓盤、字盤、長針、短針、軸心栓

檢視 > 尺規。
檢視 > 導引線 > 顯示導引線。
從上側及左側的尺規拉一水平及垂直導引線相交於舞台中央。
檢視 > 導引線 > 鎖定導引線。
將內定圖層更名為「圓盤」，以圓形工具，按Alt+Sht鍵，在舞台上畫一圓盤，圓心落在導引線相交處。
設定圓盤的色彩。
在屬性視窗內調整圓盤外框線的粗細。

(一) 製作數盤

新增圖層，取名為「數盤」。
用文字工具在圓盤正上方鍵入數字「12」。
以文字工具選取「12」成反白，於屬性視窗內選擇「齊中」。
以「自由變形工具」選取數字「12」，將其物件中心移至兩導引線的交點。
在「數盤」的第13影格新增一關鍵影格。
於第2到12影格間影按任一格點，並於屬性視窗之「補間動畫」欄選擇「移動」。
於「旋轉」欄選「順時針」。
於時間軸上選第2到12影格，按滑鼠右鍵於文字選項欄選擇「轉換成關鍵影格」。
依序將第2到12影格的數字改為1到11。
將第13影格移除。
將第1到12影格的數字打散一次，接著再將10、11及12打散一次。
點按第2影格。編輯 > 剪下。
點按第1影格，編輯 >在原地貼上。
重復上二步驟，將第3~13影格的數字剪下，原地貼到第1影格。
選取第2~12影格，移除影格。

(二) 製作時針

新增一圖層，取名為「時針」，從兩導引線的交點畫一直立線，於屬性視窗內修改其色彩及粗細。
選取舞台上的時針，修改 > 轉換為元件，選圖像類型，將該元件取名為「時針」。
選取舞台上的針，刪除之。

(三) 製作分針

新增一圖層，取名為「分針」，從舞台中央往上畫一直立線，於屬性對話框內修改其色彩及粗細。
選取舞台上的分針，修改 > 轉換為元件，選圖像類型，將該元件取名為「分針」。
選取舞台上的分針，刪除之。

(四) 製作軸心栓

新增一圖層，取名為「軸心栓」，畫一小圓，圓心落在兩導引線的交點。

二、製作鐘針轉動元件
(一) 分針轉動影片片段

新增元件，選取影片片段模式，取名為「分針clip」。
從元件庫將「分針」元件拖拉放到舞台。
以「自由變形工具」選取分針，將其物件中心移至物件的底端。
利用對齊視窗，讓「時針」的物件中心對於原點。
在第61影格新增一關鍵影格。
擬將分針以60格旋轉一圈，因有一格會重疊，故設61。
於第2到60影格間點按，並於屬性視窗之「補間動畫」欄選擇「移動」。
於「旋轉」欄選「順時針」。
於時間軸上選第2到60影格，按滑鼠右鍵選擇「轉換成關鍵影格」。
將第61影格移除。

(二) 時針轉動影片片段

新增元件，選取影片片段模式，取名為「時針clip」。
從元件庫將「時針」元件拖拉放到舞台。
以「自由變形工具」選取時針，將其物件中心移至物件的底端。
利用對齊視窗，讓「時針」的物件中心對於原點。
在第721影格新增一關鍵影格。
由於擬將分針以60格旋轉一圈，故12個小時須用到720格，因繞一圈會有一格重疊，所以取721。
於第2到720影格間點按，並於屬性視窗之「補間動畫」欄選擇「移動」。
於「旋轉」欄選「順時針」。
於時間軸上選第2到720影格，按滑鼠右鍵選擇「轉換成關鍵影格」。
滑鼠右鍵點按第721影，選擇移除影格。

三、製作按鈕及AS

切換到「場景1」。
將「分針clip」影片片段移入舞台中的分針層。將其實體名稱更名為longhand_clip。
將「時針clip」影片片段移入舞台中的時針層，將其實體名稱更名為shorthand_clip。
新增一圖層，取名為「按鈕」。
視窗 > 庫存元件，拖拉放播放按鈕元件及暫停元件至按鈕層，分別將其實體名稱取名為「play_btn」及「pause_btn」。
新增圖層，取名為Action。按F9，鍵入語令如下：
stop();
play_btn.addEventListener(MouseEvent.CLICK, clickplay_btn);
function clickplay_btn(event:Event):void {
trace ("play_btn");
shorthand_clip.play();
longhand_clip.play();
}

pause_btn.addEventListener(MouseEvent.CLICK, clickpause_btn);
function clickpause_btn(event:Event):void {
trace ("pause_btn");
shorthand_clip.stop();
longhand_clip.stop();
}
測試影片。
存檔。

導引線運動

2009-05-09T20:49:00.036+08:00

目標
以按鈕控制順路徑移動的影片片段

▲車子沿山起伏，點按按鈕以觀察暫停及播放的效果。

學習新功能

新增導引線

步驟
一、選用影片版本

啟動Flash。
新增一影片，選Flash CS3。

二、製作具導引線動畫的影片片段

(一) 製作小車圖像元件

新增一圖形元件，畫一小車。
視窗 > 對齊，將小車的底部對齊畫面原點。

(二) 製作影片片段元件

新增一影片片段元件，將內定圖層取名為「背景」，選工具列下方的漸層色，於該層畫一漸層色大圓球。
視窗 > 顏色，進行色彩調配。
以「選取細部工具」將大圓的上部修改為山巒起伏狀。
在「背景」層之上，新增一圖層，取名為「草葉」，畫一些裝飾用的草葉。
在「草葉」層之上，新增一圖層，取名為「移動」，從元件庫把小車拖拉放到舞台上，並第1及第48影格間做一移動補間。

(三) 新增導引線層

滑鼠右鍵點按「移動」層，從文字選項中選擇「新增導引線」，將新出現的圖層取名為「導引線」。
點按「背景」層，點按圖形輪廓線，剪下。
點按「導引線」層第一影格，編輯 > 在原地貼上。
檢視 > 尺規，從上方拉一尺規與圓相交。
注意：為避免擦掉其它圖層的物件，所以宜將其它圖層鎖死。
從工具箱選「橡皮擦工具」，擦掉尺規下方的圓弧。
將「移動」層的第1及第48鍵影格之圖像，分別移到導引線的始點及終點。
視需要在「移動」層第1及第48影格內新增關鍵影格，並以變換工具調整小車前行方向。

三、在場景內增設AS

點按「場景1」，離開影片片段元件的製作。
將影片片段移入舞台，選取該影片片段，於屬性視窗內，將該影片片段之在舞台上的實體名稱改名為「mounting_clip」。
新增一圖層，取名為「按鈕」。
視窗 > 庫存元件，拖拉放播放按鈕元件及暫停元件至按鈕層，分別將其實體名稱取名為「play_btn」及「pause_btn」。
新增一圖層，取名為「Action」，選取第一影格，按F9鈕，輸入以下的語令：
//讓影片停在第一格等待
stop();

//設定函數，讓實體名稱為play_btn的按鈕被點按時會播放實體名稱為mounting_clip的影片片段。
play_btn.addEventListener(MouseEvent.CLICK, clickplay_btn);
function clickplay_btn(event:Event):void {
trace ("play_btn");
mounting_clip.play();
}

//設定函數，讓實體名稱為pause_btn的按鈕被點按時會停播實體名稱為ball_clip的影片片段。
pause_btn.addEventListener(MouseEvent.CLICK, clickpause_btn);
function clickpause_btn(event:Event):void {
trace ("pause_btn");
mounting_clip.stop();
}
測試影片。
存檔。

媽祖露臉

2009-05-09T16:47:00.018+08:00

目標
製作伸鏡入廟看媽祖的動畫

步驟
一、在ToonBoon做伸鏡動畫

(一)繪製動畫元素

啟動ToonBoom。
新增一專案，設定其畫面大小為640x360。
視窗 > 繪圖
分別畫出廟、順風耳、千里眼、媽祖、背景等物件。

(二)設定各動畫元素的影格數

滑鼠右鍵點按Timeline的各元素層，選Extend Exposuere，為各物件設影格數60格。

(三)調整各動畫元素的Z軸深度

選Timeline的元素層，點按Top View，被選的元素會呈深綠，將各元素排列，廟離相機最近，其次是順風耳與千里眼，接著是媽祖，最後是背景。

(四)調整各動畫元素的正面

從Timeline視窗選各動畫元素，進入Camera視窗，觀看其正面配置。

(五)設定相機的peg

於Timeline視窗，將內定的Peg層更名為「Camera_Peg」。
將內定的Camera圖層拖拉放給「Camera_peg」。
滑鼠右鍵點按「Camera_Peg」時間軸上的第1影格，選擇「Add Keyframe」。
同上一步驟，在「Camera_Peg」時間軸上的第20、40、60影格，選擇「Add Keyframe」。
進入Side View模式，從工具列選用Motion工具，移動Peg的節點。
進入Camera視窗，點按播放鈕，測動伸鏡結果，調整之，迄滿意為止。

(六)設定動畫元素的peg

點按Timeline視窗上方的「Add Peg」鈕以新增一peg圖層，將該圖層更名為「SoonPhone_peg」。
把順風耳圖層拖拉放到「SoonPhone_peg」層。
依序在「SoonPhone_peg」時間軸上的第40及60影格，以「Add Keyframe」新增關鍵影格。
進入Top View模式，從工具列選用Motion工具，移動Peg的節點，使順風耳往右移動。
同上三步驟，新增Senliyen_peg，將千里眼做出在影格40往左移的動畫。

二、存檔

儲存檔案。
輸出為swf，取名為mazu_1.swf

三、在Flash新增Play及Replay按鈕

開啟Flash，設定畫面大小為640x360。
檔案 >匯入至舞台，選mazu_1.swf。
新增一圖層，取名為「按鈕」。
加入播放及重播按鈕。(參考伸鏡入景法之步驟十~十二)
加入AS語令。(參考伸鏡入景法之步驟十三)
另存新檔，測試影片。
將上一步驟的swf取名為mazu_btn.swf，將它上傳到部落格。

遮色片應用

2009-05-06T09:01:00.025+08:00

目標
遮色片的應用

▲左側大風扇附屬在遮色片之下，且可由按鈕控制。

學習新功能

遮色片

觀念
遮色片是一圖層，會使緊接其下的圖層(又稱被遮層)不見，若欲看被遮層，須在遮色片層畫出實色區，則被遮層只有實色區範圍內的圖像會出現。

步驟
一、製作影片片段元件

製作風扇圖像元件，注意軸心對齊舞台原點。
以風扇圖像元件製作一移動補間，於屬性對話框內之旋轉欄內選擇順時鐘。
補充：
旋轉時，須以「自由變形工具」將物件的中心移到軸心點。
當設定成轉一圈時，循環播放時，由首尾影格會重復，所以尾格須去掉。作法是在移動補間的時間軸內選首尾之外的其他影格，滑鼠右鍵，於文字選項內選擇「轉換成關鍵影格」。再將末尾的關鍵影格移除。

二、設定實體

切換到場景。
將內定圖層取名為「大風扇」。
新增一圖層，取名為「小風扇」。
在「大風扇」、「小風扇」層，從元件庫拖拉放影片片段一次，分置舞台左右。
利用縮放工具，將上述二影片片段縮放成左大右小。
選取舞台上的大影片片段，在屬性視窗內將實體名稱設為「big_fan」。

三、加入遮色片
利用遮色片做動畫

新增圖層，取名「遮色片」。
在「遮色片」層畫一實色圓形，用細部選取工具，將圓形改為有機形，使其位置及大小可以蓋住大風扇百分九十左右。
選取該有機形輪廓，滑鼠右鍵，選擇「剪下」。
在「遮色片」層上方新增一圖層，取名為「輪廓」。
編輯 > 在原地貼上。
滑鼠右鍵點按「遮色片」層，於文字選項中選擇「遮色片」。
測試影片
比較加入遮色片前後的差異。

四、加入背景

新增圖層，取名為「小草」，將該圖層置於「風扇」層之下，以畫筆工具畫數筆草葉。
新增圖層，取名為「背景」，將該圖層置於「小草」層之下，以漸層色調畫一矩形漸層色塊。

五、將背景移入遮入片底下

將「小草」圖層直接拖拉放到「大風扇」層，並居於「大風扇」層之下。
將「背景」圖層直接拖拉放到「小草」層，並居於「小草」層之下。
測試影片。

六、新增按鈕

在「小風扇」圖層上方新增一圖層，取名為「按鈕」。
視窗 > 庫存元件，拖拉放播放按鈕元件及暫停元件至按鈕層，分別將其實體名稱取名為「play_btn」及「pause_btn」。
在「按鈕」圖層上方新增一圖層，取名為「Action」，按F9鈕，輸入以下的語令：
//讓影片停在第一格等待
stop();

//設定函數，讓實體名稱為play_btn的按鈕被點按時會播放實體名稱為bigfan_clip的影片片段。
play_btn.addEventListener(MouseEvent.CLICK, clickplay_btn);
function clickplay_btn(event:Event):void {
trace ("play_btn");
big_fan.play();
}

//設定函數，讓實體名稱為pause_btn的按鈕被點按時會停播實體名稱為ball_clip的影片片段。
pause_btn.addEventListener(MouseEvent.CLICK, clickpause_btn);
function clickpause_btn(event:Event):void {
trace ("pause_btn");
big_fan.stop();
}
存檔。
測試影片。

免費音樂下載

2009-04-30T13:40:00.002+08:00

字型按鈕設計

2009-04-28T16:11:00.021+08:00

目標
設計字型按鈕元件並搭ActionScript (AS)

學習新功能

元件庫→新增元件→按鈕

步驟
一、製作元件

先在舞台上先畫好文字型按鈕原型，例如「播放「或「暫停」或「Play」、「Stop」的字型。
選取，剪下。
視窗→元件，新增元件→按鈕。
在第一影格貼上。
修改 >打散兩次。
視窗 > 對齊。完成對齊設定。
點按第二影格，按插入關鍵影格。
點按第三影格，按插入關鍵影格。
點按第四影格，按插入關鍵影格。
新增圖層，在第四影格插入空白關鍵影格。依第一層的文字範圍，畫出一矩形為感應區，並灌入黑色。
選取該黑色矩形，編輯 > 剪下。
點選第一層的第四影格，將文字刪除。
編輯 > 在原地貼上。
將第二圖層刪除。

二、配用AS

將按鈕元件拖拉放到舞台，選取該實體。
視窗 > 屬性，於屬性視窗內更改實體名稱。
新增圖層，設為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語令，其字串的彩色之意義如下：

藍色是AS的專用名詞；
綠色是你設定的實體名稱或影格標籤。
黑色字與實體名稱相同者，表示以該實體所欲施行的方法，如pause_btn有綠色也有黑色。實體名稱及影格標籤之命名須避免與AS內定專用名。

按鈕AS3.0

2009-04-18T21:00:00.006+08:00

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

學習新功能
AS3.0中的語令

stop()
gotoAndPlay()
addEventListener(MouseEvent.CLICK, variable)

步驟
一、啟動Flash

開新檔案，選ActionScript 3.0模式。

二、製作雲的移動補間

在元件庫新增圖像元件，畫一片雲。
在第5影格到第48影格，製作使雲有大小及位置變化的移動補間。
新增圖層，更名為「文字」，在第1影格，於舞台上鍵入黑體字「試按右下二鈕」，將它們打散。
在第4影格加入影格。

二、套用按鈕元件

新增一圖層，更名為「按鈕」。
視窗 > 內建元件庫，選擇播放按鈕，拖拉放到舞台右下，於屬性視窗設定長、寬值。
視窗 > 內建元件庫，選擇播暫停鈕，拖拉放到舞台右下，於屬性視窗設定長、寬值。
利用視窗 > 對齊，使齊底，再調動位置。
到元件庫，將播放元件更名為「play」，將暫停元件更名為「pause」

三、設定實體名稱

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

四、加影格標籤

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

五、加入AS (ActionScript)

選取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();
}
在Action圖層上的最後一影格插入空白關鍵影格。
點選該最後影格，於動作視窗內輸入以下語令：
gotoAndPlay ("Lplay");

六、存檔

測試影片。
檔案，取名儲存。

建議瀏覽AS3.0教材

期未作業

2009-04-11T11:25:00.007+08:00

目標
自編劇本或改編劇本；畫分鏡、做動畫、配音效，完成有創意的Flash動畫作品。

方法

二人一組為原則 (可增或減一人)。
片長：不含片頭片尾，進修部及進專每人至少30秒，日間部每人至少60秒。
在本欄登錄班組員、專題、參考作品、故事板(分鏡表)及進度時間表。
作品有片頭、內容及片尾。
作品做成光碟版及上傳到網站。

設計比賽

2009-04-08T08:00:00.007+08:00

2011

台灣國際學生設計大賽 (6月15截止)
漢字動畫比賽 (7月31日截止)

2010

時報金犢奬

串接外部swf (方法二)

2009-04-03T12:06:00.036+08:00

目標
學會將數個外部swf檔串接

前置工作

做好cloud_1.fla~cloud_6.fla及cloud_1.swf~cloud_6.swf檔案，將它們放在同一個資料夾。

步驟

一、修改子檔

開始cloud_1.fla檔。
新增一圖層，置於最上層。
於最後一影格，插入一空白關鍵影格。點選該空白關影格，於Action Script視窗鍵入下列語令：

存檔。
Ctrl+Enter，測試影片，以更新原swf檔。
依上述2~5步驟，完成cloud_2.fla~cloud_6.fla的修改，步驟5.中語法內的_2依序更改為_3；_4；_5；_6；_1。

二、新增主檔

新增一個檔案，取名為cloud_0。
在第13加入一個空白關鍵影格。(前12影格空白，使影片進場有一秒鐘的緩衝。
點選第13影格，視窗 > 動作。點選該空白關影格，於Action Script視窗鍵入下列語令：
stop();
loadMovie("cloud_1.swf", 0); (註：在部落格串接，"cloud_1.swf"須用絶對位址如 "http://xxx."cloud_1.swf")
依上二步驟，將14~18的關鍵影格貼入相同的語法，但須將其中的cloud_1依序改為cloud_2；cloud_3；cloud_4；cloud_5；cloud_6。
儲存檔案
Ctrl+Enter，測試影片，以更新原swf檔。

三、匯整

新增一個英文資料夾。
將複製上述主檔及各子檔的swf，貼入上一資料夾。
利用Filezilla將上一資料夾上傳到學校個人網站。

四、將swf超連結到部落格。

將cloud_0.swf~cloud_6.swf七個檔案上傳到個入的網站。
將cloud_0.swf上傳到自己的部落格。

串接外部swf (方法一)

2009-03-27T18:40:00.020+08:00

目標
學會將數個外部swf檔串接

前置工作

做好cloud_1.fla~cloud_6.fla及cloud_1.swf~cloud_6.swf檔案，將它們放入同一個資料夾。

步驟

一、修改子檔

開始cloud_1.fla檔。
新增一圖層，置於最上層。
於最後一影格，插入一空白關鍵影格。
點選該空白關影格，於Action Script視窗鍵入下列語令：

存檔。
Ctrl+Enter，測試影片，以更新或儲存swf檔。
依上述6個步驟，完成cloud_2.fla~cloud_6.fla的修改，但上述步驟6.中語法內的13依序更改為14；15；16；17；13。

二、新增主檔

新增一個檔案，取名為cloud_0。
在第13~18影格，各加入一個空白關鍵影格。(前12影格空白，使影片進場有一秒鐘的緩衝。)
點選該空白關鍵影格，於Action Script視窗鍵入下列語令：
stop();
unloadMovieNum(1);
loadMovieNum("cloud_1.swf", 1);
依上二步驟，將14~18的關鍵影格貼入相同的語法，但須將其中的cloud_1依序改為cloud_2；cloud_3；cloud_4；cloud_5；cloud_6。
儲存檔案
Ctrl+Enter，測試影片，以更新原swf檔。

三、匯整

新增一個英文資料夾。
將複製上述主檔及各子檔的swf，貼入上一資料夾。
利用Filezilla將上一資料夾上傳到學校個人網站。

四、將swf超連結到部落格。

將cloud_0.swf~cloud_6.swf七個檔案上傳到個入的網站。
將cloud_0.swf上傳到自己的部落格。

參考網站

Goldwave編輯音

2009-03-21T10:37:00.007+08:00

目標
Goldwave音效軟體的使用

步驟

File > New，擇定音質取樣率，旁白為11025，CD為44100。
File > Open開啟音樂檔。
播放。
選取片段。
Edit > Copy
File > New
Edit > Paste
試播
Effect > Volume
Fade in淡入
Fade out淡出
存檔

補充

周杰倫的本事

音效的編輯

2009-03-21T10:33:00.002+08:00

目標
簡略說明音效編輯的概念與實務

步驟

一、音效的定義
音效是指透過空氣波動而讓人耳可以感知者。任何音效均有三種屬性一是音色；二是音量；三是音頻。
音效的種類：

電腦內建的驚示聲。
背景音樂：來自CD等或來自MIDI。
旁白：由口出音並具有完整句子說明者。

二、音效的軟體
(一)PC專用

Goldwave
友立資訊www.ulead.com.tw出品之MediaStudio軟體中之Audio Editor來錄輯音效。本軟體在鄭正權著之MediaStudio Pro 5.2中文視訊剪刀手台北：上奇出版﹐一書中有試用軟體。
另一套國外軟體是Sound Forge。
免費軟體

進入http://toget.pchome.com.tw
點選
多媒體
樂曲製作
第5頁
Total Recorder
下載該軟體﹐
以winzip將之解壓縮

(二) Mac專用

SoundEdit 16﹐但作業系統必須在版本7.x才可執行。
免費音效軟體
進入http://www.cnet.com網站免費下載
點選Free Download
Media and Design
Audio
Sound Studio 1.44
Sound Studio使用

1. 啟動Felt Tip Sound Studio
2. Not Yet
3. 試錄

Windows >Show Sound Input
在Sound Input浮動功能盤之Source欄內擇定音效來源﹐旁白錄音則選External Mic; CD選CD。
File >New﹐在Name欄位填入檔案名
開始試錄
剪輯 Edit > copy → paste
Filter的使用
存檔﹐音效存檔格式（依需要選用）
AIFF(Mac, PC)
WAV(PC)
MPG3

四、配音的原則
1. 旁白的取樣以11.k即可。
2. 取樣愈小愈有利播放。
3. 少量多餐（將一音效檔剪輯成數個小檔）。
4. 音效及檔名最好一律以英數字來命名﹐否則跨軟體使用時會出現找不到這些卡司成員或檔案的現象。

ToonBoom匯入點陣圖及swf檔

2009-03-21T10:01:00.002+08:00

目標
學習goto的應用

學習新功能

gotoAndstop
gotoAndplay

參考網站

http://edition.cnn.com/2007/TRAVEL/07/01/daily.snapshot/index.html

伸鏡入景技法

2009-03-03T20:44:00.048+08:00

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

步驟
一、製作場景背景色

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

二、為向量圖像訂製色盤

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

三、為物件設出場格數

Window > Show Exposure Sheet。
點按物件的第一穴位，按滑鼠右鍵，選Rename以更改該物件的名稱，該名稱會同時在Timeline上被更名完成。
點按物件的第一穴位，按滑鼠右鍵，選Set Expoure...，於數值欄內定出場格數。

四、新增Peg，將物件attach在peg

在Timelin視窗內新增一個Peg，更名為Cloud。
在Timeline視窗內將Cloud1層直接拖拉放到上一步驟的Cloud Peg層。
該peg會出現一倒三角形。
於Timeline視窗，將內定的Peg層更名為「Camera Peg」。
在Timeline視窗內將Camera元素層直接拖拉放到上一步驟的Camera Peg層。

五、調整物件的景深

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

六、做動畫和運鏡

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

七、存檔

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

八、輸出swf

File > Export Movie，格式選swf，取名為cloud_3。

九、上傳swf

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

十、套用按鈕元件

新增一圖層，更名為「按鈕」。
視窗 > 內建元件庫，選擇可用的按鈕，將播放按鈕拖拉放到舞台。
必要時，利用視窗 > 對齊，選水平及垂直居中，使按鈕居畫面中央。
到元件庫，將前一步驟產生的元件更名為「Play_btn」。
選按鈕層之第2影格迄最後影格，滑鼠右鍵「清除影格」。

十一、複製及修改按鈕元件

滑鼠右鍵點按元件庫內的「play_btn」按鈕元件，選重製，將重製之元件更名為「replay_btn 」。
點按該 Replay二下，在三角形圖層內將三角形修改為英文字「Replay」，並將它文字打散。
回到場景1，在按鈕層最後一格新增一空白關鍵影格，從元件庫將replay_btn按鈕拖拉放到舞台，擺好位置。

十二、為按鈕設定實體名稱

選取第1影格舞台上的「play_btn」按鈕，於屬性對話框之實體欄更名為「play_btn」。
選取最後影格舞台上的「replay_btn」按鈕，於屬性對話框之實體欄更名為「replay_btn」。
於動作動畫框內輸入以下的語令：

十三、增設AS

在按鈕層上方新增一圖層。
取名為「AS」。
選第二影格，插入空白關鍵影格。
點選該影格，於屬性對話框之影格標籤取名為「Lplay」
選第一影格，在動作視窗內加入下列語令：
(一) 適用actionscript 1.0或2.0版本
stop;
play_btn.onRelease=function(){
gotoAndplay("Lplay");

(二) 適用actionscript 3.0版本
stop();
play_btn.addEventListener(MouseEvent.CLICK, clickplay_btn);
function clickplay_btn(event:Event):void {
trace ("play_btn");
gotoAndPlay("Lplay");
}
選最後影格，插入空白關鍵影格，在動作視窗內加入下列語令：
(一) 適用actionscript 1.0或2.0版本
stop;
replay_btn.onRelease=function(){
gotoAndplay("Lplay");

(二) 適用actionscript 3.0版本
stop();
replay_btn.addEventListener(MouseEvent.CLICK, clickplay_btn);
function clickplay_btn(event:Event):void {
trace ("replay_btn");
gotoAndPlay("Lplay");

十四、存檔

測試影片。
檔案，取名儲存。

補充

在ToonBoom的作業區左上角有四個小圖示：Drawing View、Camera View、Side View及Top View。
在ToonBoom使用介面中，Exposure Sheet最左行的元素，在Timeline是在最上層，最上層元素會遮住較低層的元素。
ToonBoom的向量圖片可以由Flash及Illustrator完成存檔後，在ToonBoom以File > Import方方式完成之，但須注意以下重點：
- 在Illustrator完成的圖檔須是RGB模式，儲存為ai檔。
- 在Flash完成的作品須存成SWF模式。
本練習的特性可見之於以下的詩句

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

無盡秧苗

2009-02-27T17:31:00.016+08:00

目標
影片片段製作及應用

步驟
一、製作影片片段元件

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

二、將元件置入舞台

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

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

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

四、測試影片

若不滿意元件，可以回到元件修改各苗葉的動畫。
若不滿意分身的排列，到舞台上修改各別的分身。

五、儲存檔案為cloud_4。

File > Save As...，取名為cloud_4，儲存之。

六、將swf檔上傳到部落格。

利用Filezilla把cloud_4.swf上傳到學校個人網站www內的swf資料夾內。
拷貝以下的文字串，貼到你的部格，將xxxxxxx修改為你的學號後發佈文章。
<embed src="http://web2.ntit.edu.tw/~sxxxxxxxx/swf/cloud_4.swf" width="400" height="225" loop="-1" autostart="0" ></embed>

補充

使用影片片段的概念，等同於「開千枝花，一本所繫」中的本。
杜甫的詩句「無邊落木蕭蕭下」也具有本練習的特質。

逐格動畫法

2009-02-27T09:03:00.014+08:00

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

步驟

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

延伸學習

向古典迪士尼動畫學習

打散文字

2009-02-25T09:54:00.014+08:00

目標
將文字打散成向量圖形，以利變形並確保字形不因瀏覽者使用字的限制而走樣。

左為未打散的中文字，右為打散過的。

步驟

點選文字，在舞台下方的屬性欄內框選紅色項目。(註：此法通用cs3t前的版本)

修改>打散。
如此可以將一組字打散。
修改>打散。
如此可將個別字打散。

夜設二1

2009-02-25T08:35:00.008+08:00

夜設二1 電腦多媒體

張毓家
陳思瑩
徐文嫻
林宜璇
游雅雯
陳銘頤
胡雅芳
許燕婷
楊淋元
蔡依恩
魏德瑀
倪紀萱
姚　瑋
陳宜欣
邱義盛
張雅君
林鈺娟

日三A名單

2009-02-22T17:39:00.014+08:00

日設三Ａ：電腦多媒體

黃宇涵
蘇郁淳
施詠翰
童柏順
吳季珊
林語屏
許心瑜
郭暄
陳宛渝
陳玟如
陳思澐
鄂智涵
廖曼岑
鄭詔蓉
李念祖
郭郭益言
蔡宗儒
顏凡

進一A

2009-02-21T21:31:00.005+08:00

廖庭馴
周雅鈴
陳盈攸
陳昭雯
張英森
林佩君
吳怡君
李季霏
阮楚蘋
吳美瑩
黃圓錞
劉亞倫
王智廣
嚴姿涵
陳巨峰
陳俊達
柯義豐
林厚志
胡浩文
熊康伶
陳逸慈
楊郁葶
毛梅蘭
曾惠萱
譚昕
辛薏如
楊仕鵬
陳俊利
洪坤照
白意婷
蘇裕雯
陳雪華
黃資華
邱美秀

天然雲的動畫

2009-02-21T11:38:00.011+08:00

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

步驟
一、製作png格式的雲

找一天然的雲圖數位檔。
在Photoshop將藍天去背，選取去背的雲形，拷貝之。
在Photoshop新增一檔案，設定圖面大小為640x360pixel，解析度為72dpi，背景選項為「透明」。
(補充：圖面大小，視需要而定，最好以不須在Flash做縮放為原則)
貼入雲形。
儲存為png格式。
依上述方法另做數個雲的png檔。

二、製作flash動畫

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

製作cloud_1

2009-02-18T09:54:00.019+08:00

目標
製作出雲的影片頭

學習項目

元件製作
關鍵影格
插入空白關鍵影格
移動補間
改變舞台物件屬性
上傳swf

要上傳swf到部落格，你須

先將該近端站台的swf檔FTP到遠端站台。並記下它的網址。
可拷貝底下的文字列到你的部落格，但須將你存放swf的網址加以修改。(補充，由於雲的影片畫面比為16: 9，所以依該比率，以下文字列中會有height="225" width="400"的設定。(參考上傳swf到blogger)

Ｆlash作品練習

2009-02-14T09:11:00.015+08:00

目標
學會將唐詩中來鵠作七言絶句《雲》，編成劇本，再據以製作一完整的Flash影片。

主題：雲
千形萬狀竟還空，
映水藏山片復重。
無限旱苗枯欲盡，
悠悠閒處作奇峰。
---------------來鵠，《雲》。

製作流程
將作品分成七個影片段，主題四，外加片頭及片尾各一，及匯編一。　

前製規畫

畫面大小 (640x360)
影片長度 (幾秒)
腳本繪製
背景音效

劇本
片段1（片頭）：

淡入
不同造形的中文字「雲」蛻變著；
字之前、後有數朵雲流動著。
文字：「作者：來鵠」，淡入。
淡出。
儲存檔案cloud_1

片段2（千形萬狀竟還空）：

戶外﹣﹣天空﹣﹣白天
雲的圖像元件1由舞台左側移動到右側；
雲的圖像元件2由遠而近越過頭頂消失；
雲的圖像元件3由近而遠；
雲的圖像元件4由有色漸淡而不見；
雲的元件在原地離散。
儲存檔案cloud_2

片段3（映水藏山片復重）：

戶外﹣﹣湖光山色﹣﹣黃昏
Tilt到山群。
雲的圖像元件5及6現身。
雲的圖像元件5及6映在湖中。
雲的圖像元件5及6移動躲到山後。
雲的圖像元件7及8及9移在山間重疊成另一雲形。
儲存檔案cloud_3

片段4（無限旱苗枯欲盡）：

切換到白天
鏡頭向右搖（Pan to Right）。
再Tilt Down
一片苗田。
苗枯萎的影片片段。
儲存檔案cloud_4

片段5（悠悠閒處作奇峰）：

Tilt Up
雲不動。
雲聚攏成奇異的山峰狀。
苗枯得更慘，與雲形成對比。
儲存檔案cloud_5

片段六（片尾字幕）：

淡出。
原著：唐，來鵠
劇本：○○○
分鏡：○○○
音效：○○○
儲存檔案cloud_6

片段七

滙編cloud_1~cloud_0各片段的swf檔
儲存檔案cloud_0

編劇本

2008-08-04T11:44:00.002+08:00

資料來源
http://blog.xuite.net/myfriend3q/travel/18522668

補充
好的劇本可能需要「吸引世俗的基本元素，如內外在高反差的戲劇效果、追求夢想的挫折與掙扎圓夢的傳奇，以及人們因此激盪出的補償心理、勵志希望。」(摘自《我見我思－「小胖現象」的虛與實》)

5月8日隨堂進度

2008-05-07T14:07:00.001+08:00

目標
隨堂DIY

步驟

請點按右側分類中的「載入外部SWF」。
結果試著存放在自己的部落格。

參考網站

2008-04-25T15:38:00.000+08:00

以下的範例，可供同學作業參考

雲想分鏡範例

臉紅swf

2008-04-11T14:38:00.003+08:00

目標
利用形狀補間、遮色片製作出臉紅」眉動、唇曲的動畫

swf實例

2008-04-10T13:41:00.001+08:00

目標
製作射箭的動畫

步驟

設定畫面大小。

FTP傳輸檔案

2008-04-08T14:27:00.006+08:00

目標
以FTP管理你的網站

步驟
方法一：利用Dreamweaver

點按電腦桌面上的我的電腦。
於視窗的網址區輸入如下之網址。
輸入使用者名稱及密碼。
接著，遠端站台上的檔案夾及檔案會出現，你可為它編輯，或將本地端電腦上的檔案拖拉放到遠端的資料夾內。

註：以IE瀏覽器上述的方法容易出狀況，故建議用方法二

方法二：利用FileZilla

啟動Filezilla。(免費下載的FileZilla)
將下圖 (可點按放大) 的紅色框由左而右執行。
將左下近端站台的swf檔拖拉放到右下欄遠端站台指定的檔案夾內。

上傳swf到blogger

2008-04-07T19:19:00.008+08:00

目標
在Blogger.com上傳你的swf檔

步驟

你必須先在其它網址存好欲在blogger.com演出的swf作品，例如，在http://web.ntit.edu.tw/~hsieh/swf/tai.swf，就有一個把易經《泰》卦轉換為商標的swf動畫。
由於Blogger.com演出空間的限制，所以該swf的長寬最好在400x400pix以內。
方法一
<embed src="你的SWF檔網址" width="320" height="240" loop="-1" autostart="0" ></embed>
方法二，在html編輯模式下，鍵入以下的語法，唯swf的網址要改為你存在： <code><span ></span></code><div><object type="application/x-shockwave-flash" data="http://web.ntit.edu.tw/~hsieh/swf/cloud_x.swf" width="400" height="225"><param name="movie" value="http://web.ntit.edu.tw/~hsieh/swf/cloud_x.swf"> </object></div>
上傳到http://www.swfcabin.com/ 再複製該sswf的位址

台灣故事拼圖_設計比賽

2008-04-02T18:53:00.000+08:00

2008年全民數位創作競賽-「台灣故事拼圖」

一篇篇動人的故事，印出生命的腳印，台灣各個角落，都有屬於自己的故事，
分享你的故事，秀出你的創作!　用圖文、代言人物設計、四格漫畫、動畫
讓我們一同拼出台灣的面貌！
讓我們為這片土地上的地方特色、傳奇人物……
所有獨一無二、深得你心的人、事、物，留下永久典藏。
透過全民數位創作的呈現，拼出台灣的精采！秀出你的創作！愛拼才會贏！
報名截止日期:97年4月30日

主辦單位:經濟部工業局活動網站:httP://www.ugc.org.tw
{大城小事數位創意大車拼} 2008年全民數位創作競賽-台灣故事拼圖 ~~高額獎金等您來拿活動網站http://www.ugc.org.tw

遮色片的使用

2008-03-28T15:11:00.001+08:00

目標
學會遮色片的使用

概念
遮色片的功能是讓遮色片的圖層與其下之圖層建構一種關係。使得遮色片層中的實色區能與它有交集的圖層之內容出現。

要領

選取要當遮色片的圖層，它必須有平塗實色的圖像，按滑鼠右鍵，選遮色片。
遮色片下方的那一層會內縮。
若有數層要被遮，則將它們依序拖拉放到內縮層即可。

點陣圖的應用

2008-03-27T10:39:00.001+08:00

目標
學會點陣圖的去背及在Flash中的應用。

範例
一、畫路徑選取

先取得Pepsi的Logo，它是Gif檔。
用Photoshop開啟它，以路徑工具描其輪廓，如下圖左。

二、新製PNG檔

將路徑轉為選取，如上圖右。
設定羽化數值，值設為2。
Ctrl+C，將該選取複製。
開新檔案，設背景為透明。
Ctrl+V貼入。
另存新檔，格式為PNG。

三、製作Flash

在第一個圖層，更名為Red。在第一影格畫一條紅色波浪線。
在第25格插入影格。
新增圖層，更名為Jpg。
新增圖層，更名為Png。
新增圖層，更名為Blue。在第一影格畫一條藍色波浪線。注意：要使藍線高出紅線。
匯入百事可樂的Jpg檔及Png檔。
在元件庫入新增元件，取名為Jpg，選用圖像，置入步驟5的Jpg檔。
新增元件，取名為Png，選用圖像，置入步驟5的Png。
選取Png圖層，將元件Png置入舞台，在第25插入關鍵影格。
選取第25格的元件分身，做移動、旋轉或旋轉等，再進行移動補間。
選取Jng層，將元件Jpg置入舞台，在第25插入關鍵影格。
選取第25格的元件分身，做移動、旋轉或旋轉等，再進行移動補間。
測試影片。

四、其他變化
下圖的動畫中，上下方的二隻蟲是點陣圖，它們是同一個圖像元件，下方係把舞台上的元件分身做過色彩調整而得的。

編劇接力

2008-03-21T15:03:00.001+08:00

目標：
「恍惚」是《笑林廣記》中的一則經典笑話，請將它改編為劇本。

恍惚
三人同臥。
一人覺腿癢甚﹐睡夢恍惚﹐竟將第二人腿上竭力抓耙﹐癢終不減﹐抓之愈甚﹐遂至出血。
第二人手摸濕處﹐認為第三人遺溺也﹐促之起。
第三人起溺﹐而隔壁乃酒家﹐催酒聲滴瀝不止﹐以為已溺末完﹐竟站至天明。

作法

請在意見欄提供你的想法？其他人可以接續或修改之，看誰抜得頭籌。

不射之射

2008-03-21T08:15:00.002+08:00

目標
看【不射之射】影片以比較編故事及改編故事之差異。

摘自列子湯問篇

甘蠅，古之善射者，彀弓而獸伏鳥下，弟子名飛衞，學射於甘蠅，而巧過其師。紀昌者，又學射於飛衞。飛衞曰：「爾先學不瞬，而後可言射矣。」紀昌歸，偃臥其妻之機下，以目承牽挺。二年之後，雖錐末倒眥，而不瞬也。以告飛衞。飛衞曰：「未也；必學視而後可。視小如大，視微如著，而後告我。」昌以氂懸虱於牖，南面而望之。旬日之間，浸大也；三年之後，如車輪焉。以睹餘物，皆丘山也。及以燕角之弧、朔蓬之簳射之，貫虱之心，而懸不絕。以告飛衞。飛衞高蹈拊膺曰：「汝得之矣！」紀昌既盡衞之術，計天下之敵己者，一人而已；乃謀殺飛衞。相遇於野，二人交射；中路矢鋒相觸，而墜於地，而塵不揚。飛衞之矢先窮。紀昌遺一矢；既發，飛衞以棘刺之端扞之，而無差焉。於是二子泣而投弓，相拜於塗，請為父子。剋臂以誓，不得告術於人。

比較
影片中，紀昌射出最後一箭，飛衞用嘴接箭，與原文「以棘刺之端扞之」差異太大。其後紀昌登山訪甘蠅，學到「不射之射」稱得上很有創意。

元件的使用

2008-03-20T10:36:00.001+08:00

目標
學會將一個元素(圖像、按鈕及影片片段、音效或視訊、文字等) 做成元件 (instance)，以利會重復使用及演生其他效果，並節省檔案大小及其他勞務。

元件的種類

圖像元件：可以是單一圖像；也可以是動畫。
按鈕元件：是一個可以加入Actionscript以控制指定的影片片段分身或舞台。
影片片段元件：可以是單一圖像；也可以是動畫。

圖像元素與影片片段的差別在於後者可以有按鈕元件及音效等，此外，它能夠受按鈕元件及Actionscript的控制。

以元件可製造出來的效果

移動補間
色彩漸變

場景--影片的建構方式

2008-03-14T14:27:00.000+08:00

目標
比較連續法、圖層法及場景法在製作影片的差異

實例
機器狗轉身的動畫製作

連續法：在同一圖層內每張圖像依序佔四個影格，第一圖像設在1~4影格；第二圖像設在5~8影格；第三圖像設在9~12影格。
圖層法：第一個圖像設在第一圖層1~4影格；第二個圖像設在第二圖層5~8影格；第三個圖像設在第三圖層9~12影格。
場景法：先插入二個場景，其名稱會自定為Scene2及Scene3，而與預設的Scene1形成三個場景。再將各圖像設在各場景的一圖層的1~4影格。

比較

連續法製作最省事，但修改可能最耗神，尤其是影片很長時。
場景法最具彈性。只要調整場景的順序即可產生不同的結果。
圖層法居中。因為有圖層，容易記錄各圖層的名稱，有利修改或移動圖像的前後關係。

補充
拍攝人物當動畫素材時，為確保日後的利用，拍攝時務必用三角架。如上圖中的機器狗之側面、半側面及正面，都是用三腳架拍的。

設三1分組名單及專題

2008-03-14T13:47:00.000+08:00

請在右下意見欄貼上

你們在本學期的專題組員名單。
你在4301室觀展對本學期擬進行的專題設計之啟示。

專題以文化有關者為主，與本學期設計專題有關之參賽訊息

http://competition.cs.pu.edu.tw

繪圖

2008-02-29T13:02:00.000+08:00

目標
理解逐格畫物件及製作元件的概念

隨堂練習

畫箭中靶之動畫

與射箭有關的故事

子曰：「君子無所爭，必也射乎，揖讓而升，下而飲，其爭也君子。」《論語八佾》
林暗草驚風，將軍夜引弓。平明尋白羽，沒在石棱中。《盧綸·塞下曲》
古時，某將軍在敗戰之際，有一神從天而降，助將軍敗敵。得勝之後，將軍拜謝，並問何以助戰？神回答：「我是將軍靶場上的靶神，感謝您屢次練射未曾傷過我。」

畫射箭之圖像可搜尋Google中的「archery」圖片
畫筆繪圖的高階功能

工具箱內的工具供向量式繪圖用的。換言之，由它所畫出來的圖形是由許多節點及指定色彩而構成的。
任何一線段至少有兩個節點以上。
線與線的相交會產生新節點，與該節點相交的線段可以移除。
封閉的曲線才可以填色；該封閉曲線可以與內部的填色分離。
它的筆刷工具，在同圖層內，可以對既有圖像進行五種不同的畫法，如下圖例。

在Flash畫好的圖可以複製貼到Illustrator，反之亦然。
你可以先匯入Jpg圖或Gif圖，再以它為藍本描繪之。
同上法先匯入圖，再利用修改→點陣圖→描圖成向量圖，再修飾該向量圖。
圖像可以設定為元件，以利重復使用。

值得參考的Flash網站

2008-02-22T15:04:00.006+08:00

以下是值得參考的Flash網站：

tween, guided

http://www.smartwebby.com/Flash/flash_animations.asp

trace

Macromedia

korea

http://www.vooz.co.kr/vooz/index.html

奢華品牌

動畫

如果你看過好的Flash網站，歡迎點按本欄右下的「意見」提供網址，謝謝。

專題設計

2008-02-22T10:10:00.000+08:00

目標
先參考好的多媒體作品，試著以其概念或技法完成另一專題。

方法

三人一組。
作業數量：
1. 期中考一件及期末一件；
  或
2. 全學期一件。
在本欄登錄組員、專題、參考作品、故事板(分鏡表)及進度時間表。
作品有片頭、內容及片尾。
作品做成光碟版及上傳到網站。

設三1進度表

2008-02-21T14:56:00.000+08:00

周別_日期_授課內容

02/22 概論Flash入門
02/29 畫圖
03/07 移動補間與形狀補間
03/14 場景（Scene）
03/21 元件的使用
03/28 點陣圖的應用
04/04 放假
04/11 影片片段_落花斜落生漣漪
04/18 **期中考**
04/25 音效及匯入
05/02 音效--在關鍵影格播放及停播
05/09 Actionscript
05/16 載入外接SWF檔
05/23 GetURL的使用
05/30 預先載入preload
06/06 專題設計
06/13 專題設計
06/20 **期末考**

設三A期進度

2008-02-16T15:43:00.000+08:00

周別_日期_授課內容

02/21 概論Flash入門
02/28 放假
03/06 畫圖
03/13 移動補間與形狀補間
03/20 場景（Scene）
03/27 元件的使用
04/03 點陣圖的應用
04/10 影片片段_落花斜落生漣漪
04/17 **期中考**
04/24 音效及匯入
05/01 音效--在關鍵影格播放及停播
05/08 Actionscript
05/15 載入外接SWF檔
05/22 GetURL的使用
05/29 預先載入preload
06/05 專題設計
06/12 專題設計
06/19 **期末考**

預先載入preload

2007-06-14T16:56:00.003+08:00

目標
學會預先載入的製作

觀念

當一個flash作品檔需耗時載入，最好提供「載入中（loading）」的動畫，俾讓瀏覽者明白載入的狀態。此一「載入中」的做法是「預先載入（preload）」。
「預先載作（preload）」的作法很多種，以能同時提供百分比及動畫者為佳。

練習

開啟新的Flash檔案。
新增影片片段元件，取名為mc_Preloader。
新增一圖像元件，取名為gr_Outline，在作業區內畫一長方形外框。利用對齊視窗，使該長方形外框齊左、齊上。
選取該長方形外框，編輯 > 複製。
新增一圖像元件，取名為gr_Fill。在作業區內，編輯 > 在原處貼上。
選取新複製的長方外框，修改其內部為實色，外框為白色。
新增一影片片段元件，取名為mc_Fill。將gr_Fill元件拖拉放到作業區內，利用對齊視窗，讓gr_Fill元件齊左、齊上。
開啟mc_Preloader，建三個圖層，由下而上，取名為Outline、Fill及Text。
從元件庫將gr_Outline拖移到Outline層；mc_Fill拖移到Fill層。兩者須對齊，使mc_Fill落在gr_Outline之內。
在Text層新增一文字框，位在Outline長方形外框的下方中央，設其為Dynamic Text（動態文字），Var（變數）取名為txt。
在作業區選取mc_Fill，在屬性視窗的「實體名稱」欄取名「preloader」。
新增一圖層，將它移到最上層，取名為ActionScript。點選該圖層的第一個影格，在動作視窗內鍵入以下的語令：
preloader.onLoad=function() {_root.stop();
}
preloader.onEnterFrame=function() {
var totalk=_root.getBytesTotal()/1024;
var loadedk=_root.getBytesLoaded()/1024;
var percent=Math.ceil((loadedk/totalk)*100);
if (percent < txt="percent" _xscale="percent;">
由元件切換到場景，將mc_Preloader置入舞台，它會存放在第一影格。
到第二影格新增一空白關鍵影格。檔案 > 匯入舞台。選取檔案大的動畫檔，如swf或mov及avi檔。
存檔。
Ctrl + Enter，測試影片。
檔案 > 出版，產生html檔及swf檔。
將上述的兩個檔案上傳到個人網站。
瀏覽該檔案，結果類似以下範例的超連結。

本範例Flash檔（973k)下載

〔補充〕

本範例中的ActioScript是在影格完成的，也可以選用舞台上的實體來寫，其做法是做到上述步驟11，選取舞台上的mc_Fill元件後，在動作視窗內鍵入的語令與步驟12完全相同，只是第一列改為
onClipEvent (load) {_root.stop();
第三列改為
onClipEvent (enterFrame) {
餘均不變。
為了使視訊影片也能加以控制，步驟14可以更改為新增一影片片段元件，將視訊影片置入該元件的時間軸（可能佔用很多的影格）內。再將該元件放在場景的第二個影格，設其實體名稱，例如mc_Video，接著第二個影格設定ActionScript如下：
stop();
mc_Video.play();

〔範例〕

http://web.ntit.edu.tw/~hsieh/preload/preload.html

〔參考網站〕

http://www.webwasp.co.uk/tutorials/b29-load-images/index.php

GetURL的使用

2007-06-08T15:14:00.001+08:00

目標
學會ActionScript中的getURL，俾賦予按鈕超連結的能力

練習

開一新Flash檔。
在元件庫新增一個按鈕元件。
將按鈕元件拖曳到舞台上，要使按鈕做超連結，可任選以下兩種方法之一：
- 在按鈕實體上製作GetURL
- 在關鍵影格上製作GetURL

〔在按鈕實體製作getURL〕

選取舞台上的按鈕。
開啟點按舞台下方的動作視窗。
點按+，如下圖依序找出on及Release。
再找到getURL。
鍵入URL的絕對位址或相對位址。例如，絕對位址設為http://webntit.blogspot.com。
點按圖層，新增一個圖層，取名為ActionScript。
點按ActionScript圖層的第一個空白關鍵影格。
於動作視窗，點按+的圖示，如下圖步驟做好stop的指令。
按Crtl + Enter鍵，測試影片。

〔在關鍵影格製作getURL〕

選取舞台上的按鈕。開啟屬性視窗，於實體名稱設一英文名稱，例如，URL_btn。
點按圖層，新增一個圖層，取名為ActionScript。
點按ActionScript圖層的第一個空白關鍵影格。
開啟舞台下方的動作視窗，鍵入以下的ActionScript：
stop();
URL_btn.onRelease=function(){
getURL("http://cmntit.blogspot.com")
}
按Crtl + Enter鍵，測試影片。

〔補充〕
以上兩種方法，以第二種較佳。因為它可以直接從影格直接操作。

載入外部SWF檔--利用影格ActionScript法

2007-05-25T11:48:00.001+08:00

目標
學習以外部SWF檔的方式來完成Flash作品。

觀念

儘可能將Flash作品切割成個別的小檔案，並將小檔案匯出為SWF檔。
再以載入外部SWF檔方式來完成作品，如此，方便分工、編輯及更新。
影片可依需要才載入所需的swf檔，故能減低作品在網路上的下載負荷。

練習
[製作空白影片片段]

在你的隨身碟新增一檔案夾，並取一英文檔案夾名稱。
將你之前做過的swf檔，複製到上一步驟內之檔案夾內，檔名一定更新為英文，本例中，英文名為「windmill.swf」。
啟動Flash，新增一檔案。
視窗>元件庫，新增一「影片片段」，勿放入任何素材，換言之，它是一空白的影片片段。
離開影片片段的編輯，進入影片的場景。
從元件庫將步驟4及5所完成的影片片段元件移到舞台左上角，它會停在內定圖層的第一格。選取它，於屬性視窗內之「實體名稱」欄鍵入英文名，本例取名「LoadSWF」。

[加入行為（behavior)]

新增一圖層，取名為ActionScript。
點選該圖層之第一影格。
視窗 >行為指令(behavior）。
點按行為視窗之+圖示，依序進入點選影片片段﹣﹣載入外部影片片段。
於對話框入，輸入及圈選如下圖，按確定鈕。

[觀看ActionScript]

按Ctrl +Enter鍵，觀看動畫，它會是你複製到檔案夾內的swf動畫。
點按ActionScript圖層上的第一個影格，按F9，它的語法應像以下：
//load Movie Behavior
if(this.LoadSWF == Number(this.LoadSWF)){
loadMovieNum("windmill.swf",this.LoadSWF);
} else {
this.LoadSWF.loadMovie("windmill.swf");
}
//End Behavior
儲存檔案。

[補充]
另一種載入外部影片片段的方法是使用loadMovieNum()，則上一節影格的ActionScript可更改如下：
//Using Load
LoadSWF.onEnterFrame=function(){
loadMovieNum("windmill.swf", 0);
}

作業

以本單元之要領及之前的按鈕互動要領，設計出一件作品，它有兩個按鈕，可以互動式各自載入不同的外部影片片段。

期末作業說明

2007-05-12T22:14:00.000+08:00

目標
將期中作業衍生為具互動性的Flash動畫

繳期
6月21日

要求

須有場景使用。
須具音效、互動選項。
須用load movieclip方法。
須設Preload。
須做片頭及片尾。
須檔案最小化。
須繳原始flash檔及swf檔。
須掛到自己的網頁上http://web2.ntit.edu.tw/~sxxxxxxxxx/flash/內

參考網站

http://www.coca-colablak.fr/

Actionscript

2007-05-10T18:22:00.000+08:00

目標
學會Actionscript的影格控制及按鈕控制

實例
〔控制影格的actionscript〕

開啟檔案。按Ctrl + Enter鍵，以測試影片。
該影片是一個球的壓扁動畫。
在最上層之上新增一圖層。
在第影格10處插入一空白關鍵影格。
視窗 > 動作。
在動作影格視窗內，按其左上角之+圖示，並如下圖順序按到Stop。

按Ctrl + Enter鍵，以測試影片。
影片會在球第一次壓扁處（影格10）停止。

〔用按鈕控制的actionscript〕

以前一檔案為基礎，先製作各球及影子的圖形元件。
以圖形元件製作出球墜地的影片片段元件。
製作一按鈕元件。
更新圖層，由下往上是基準線、動畫影片、按鈕、Actionscript。
將各圖層的影格刪除。
將影片片段元件拖拉放到「動畫影片」圖層。
將按鈕元件拖拉放到「按鈕」圖層。
在基準線畫一水平線。
調整上述三個元件的位置。
滑鼠點選「Actionscript」的第一個影格。
同上一例中的步驟4.及5.，製作「stop」Actionscript。
點按「動畫影片」圖層，選取動畫分身（註：任何元件用到舞台或作業區上即為分身）。
在屬性視窗內取分身名為「MC_bigball」(註：你可另取名稱，但不能與Actionscript的專用名詞相同。）。
點按「按鈕」圖層，選取按鈕分身。
視窗 > 動作。
點按動作﹣影格視窗左上的「+」。依下圖，選用on。
選Release。
在兩個大括弧間鍵入"MC_BigBall.stop();"，整個actionscript如下

音效--在關鍵影格播放及停播

2007-04-25T21:20:00.000+08:00

目標
學會在關鍵影格播放及停播音效

Flash與音效有關的最普通工作是在與動畫同步的關鍵影格播放及停播音效。
在關鍵影格播放及停播音效的步驟如下：

增加一個音效到影片。
要將該音效與場景內的一個事件同步，選擇一個起始關鍵影格，它對應著該場景內的事件之關鍵影格。你能選擇任何的同步option。參閱Adding sounds to a movie。
在音效layer的Timeline上產生一個關鍵影格，該影格是音效停止之處。
時間上會出現音效檔的圖示。
選擇Window > Panels > Sound。
從Sound的彈現式清單內選擇同一音效。
從Synchronization彈現式清單內選擇Stop。
播放該影片時，當它播到停播音效影格時，音效會停止。
要播放該音效，只要移動該播片頭即可。

音效﹣﹣﹣共享元件庫

2007-04-25T21:15:00.000+08:00

目標
學會使用共享元件庫或Sound物件的音效。

你能夠指定一連結特性給一音效而從元件庫連結一個音效到不同的Flash影片。
你能夠在ActionScript使用Sound物件將音效加到影片並控制影片內的音效。控制音效包括音效正在播放時調整音量或左右音軌的平衡。參閱ActionScript Help在交談章節中的"Creating sound controls"。
要使用共享library內的音效或一個Sound action，需在Symbol Linkage對話框內給該音效指派一個辯識字串。
指派辯識字串給一個音效的步驟：

在Library視窗內選取音效。
繼續以下的方法之一：
- 從Library Options清單內選擇Linkage。
- 按右鍵(Windows) 或按住Control鍵並點按 (Macintosh) Library視窗內的音效檔，並從context清單選擇Linkage。
在Symbol Linkage Properties對話框之Linkage下方，選取Export This Symbol。
在文字框內鍵入辯識字串，然然點按OK。

音效加到按鈕

2007-04-25T20:38:00.001+08:00

目標

學會將音效加到按鈕

你能夠將音效與按鈕元件的不同狀態搭上關係。因為音效是與元件存放在一起，所以這些音效會為該按鈕元件在舞台上的分身效勞。

加音效到按鈕的步驟：

在library內選取按鈕。
從Library Options選擇Edit。
在按鈕的Timeline新增一個layer供音效用。
在音效用的layer內產生一個正常的或空白的關鍵影格以對應到你要加入音效的按鈕狀態。
例如，當按鈕被點按時要播放音效，則在音效layer上標示Down的影格插入個關鍵影格。
點按上一步驟所造出的關鍵影格。
選擇Window > Panels > Sound。
在Sound浮動功能盤內，從彈現式清單內選一個音效檔。
從Synchronization彈現式清單內選擇Event。

要為按鈕的每一個關鍵影格搭上不同的音效，對每一個關鍵影格製作一個空白關鍵影格並加入另一音效。你也能夠使用相同的音效而為按鈕的關鍵影格使用不同的特效。

音效之匯入

2007-04-25T19:33:00.001+08:00

目標
學會匯入音效及將音效加入影片的方法

[匯入音效]

你可以將WAV (Windows 專用),；AIFF (Mac專用), or MP3 (兩者均可)音效匯入Flash。
如果系統安裝有4或4以上的QuickTime，就能匯入以下這些額外的音效檔。

Sound Designer II (Macintosh獨用)
Sound Only QuickTime Movies (Windows 或 Macintosh)
Sun AU (Windows or Macintosh)
System 7 Sounds (Macintosh獨用)
WAV (Windows or Macintosh)

Flash將音效與點陣圖及元件存在元件庫內。像使用圖像元件那樣，只需要使用一個音效檔，就能在影片中以不同的方式來使用之。若要在許多 Flash影片中分享音效，能夠將音效包含在共享元件庫內。
要使用共享元件庫內的音效，需在Symbol Linkage Properties對話框內為音效檔案指定一個辨識字串，該辨識字串也能夠當做ActionScript內的一個物件來使用該音效。有關 ActionScript，請參閱ActionScript Help。

音效會用到相當量的儲檔空間及隨機存取記憶體(RAM)。然而，MP3的音效資料被壓縮得比WAV或AIFF音效資料還小。通常，使用WAV或AIFF檔時，最好使用16-bit 22 kHz單軌音（立體音的檔案是單軌音的兩倍大），但Flash能夠在11 kHz, 22 kHz, or 44 kHz的取樣率下匯入8位元或16位元的音效。 Flash在轉存時能夠將音效轉換為較低的取樣率。參看 Compressing sounds for export。
注意：被錄成非11kHZ倍數（如8, 32或96KHz）格式的音效在匯入Flash時會被重新取樣（resample)。
要在Flash為音效加特效，最好匯入16-bit的音效。如果電腦的RAM有限，則使用簡短的音效片段，或使用8位元而非16位元的音效。

匯入音效

選擇檔案 > 匯入。
在「匯入」對話框，選取並打開所要的音效檔。
匯入的音效會被置入當下影片的library內。

注意：你也能夠從common library將一音效拖拉放在當下影片的library內。

[音效加入影片]
音效要加入影片，就指派一音效到一個layer，並在Sound浮動面板上設定option。我們建議每一音效安置在個別的layer。
音效加入影片的步驟：

若音效尚未匯入，則先匯入音效。
選擇插入> 圖層，為該音效新增一個圖層。
在該新增音效圖層被選取下，從元件庫將音效拖曳到舞台上，該音效會加進當下的圖層。
你能夠在一個layer或在有其他物件的layer置入數個音效。但是，我們建議每一音效安置在個別的layer。每個layer運作起來會像一個音軌。當播放影片時，所有layer中的音效會被組合起來。
選擇Window > Panels > Sound。
在Sound浮動面板，從彈現式清單內選擇一個音效檔。
從彈現式Effects清單選擇一個option：
- None﹣ 該音效不用特效，選此option會將之前所用的特效刪除。
- Left Channel/Right Channel ﹣音效只在左或右音軌播出。
- Fade Left to Right/Fade Right to Left ﹣音效從一音軌順切到另一音軌。
- Fade In ﹣音效淡入。
- Fade Out﹣ 音效淡出。
- Custom﹣ 讓你利用Edit Envelope來做音效的In及Out點。參閱Using the sound-editing controls。
從Sync彈現清單式選擇一種同步option：
- Event-將該音效與一事件同步。事件音效與Timeline無關，當其起始關鍵影格一出現，就開始播放並全程播完，縱使影片停了。播放已出版的影片時，事件音效會被混合。事件音效的例子是當使用者點按按鈕時播放的音效。
- Start﹣像事件一樣，一個新的音效分身開始被播放，但若該音效已在播放則除外
- Stop﹣ 被指定的音效停止播放。
- Stream﹣ 將該音效同步以便在Web伺服器播放。Flash強迫動畫與串流音同步。若Flash動畫不夠快，就會跳格。若動畫停止則串流音效停止。同樣地，串流音效不會播放出比其所佔的影格還要多的音效。串流音效在出版（publish）影片時會被混合起來。串流音效的例子之一是一位角色的聲音在數個影格中播放。
  注意：如果使用MP3音效為串流音效，必須在匯出時重新壓縮。參閱Compressing sounds for export。
為Loop鍵入一個值指定該音效迴播的數次。持續式播放就鍵入大數字。例如，要一個15秒的音效播放15分鐘，就鍵入60。
注意：若串流音效被設為迴播，則影格會被加進影片，且檔案會音效迴播而加大，所以我們不建議迴播串流音效。

音效概論

2007-04-25T19:21:00.001+08:00

概論
Flash提供數種音效的用法，可以不管時間軸而持續播放；或將動畫與音軌同步。音效能夠附在按鈕而更具互動性，且較細膩的音軌可做淡出或淡入。
要將一音效連結到數部影片，你能夠使用共享元件庫內的音效。要用ActionScript控制音效的播放，你也能夠使用Sound物件內的音效。

Flash有兩種音效：

事件音效：事件音效在被播放前須完全被下載，而且它繼續播放，直到被停播。
串流音效：串流音效只要在影片的前幾格下載足夠的資料，就會開始播放，串流音效與Timeline同步以便在Web站台播放。

為控制匯儲存成草稿入的影片的品質，可選用壓縮。你能夠以Sound Propertyies對話框為個別音效使用壓縮選項，或為所有的音效做設定。

影片片段_落花斜落生漣漪

2007-04-16T08:37:00.000+08:00

目標
綜合透明背景點陣圖png、影片片段及Alpha設定等功能，製作落花起漣漪的動畫。

製作步驟
〔匯入桐花元件〕

同上一單元之要領，在Photoshop製作桐花的去背PNG檔。
在Flash，將前一桐花匯入到元件庫內。

〔建立桐花元件〕

建立新元，圈點圖像，取名為「桐花」。
將匯入文件庫的桐花拖拉放到工作區內。
利用對齊方法，將該圖像置於工作區中央。

〔建立桐花生漣漪的影片片段〕

建立新元，圈點影片片段，命名為「桐花漣漪」。
為「桐花漣漪」影片片段分三個圖層，依序由下往上是「漣漪」、「桐花斜落」及「桐花倒影」。

〔桐花斜落圖層動畫〕

點按「桐花斜落」圖層，使其活化。
滑鼠移到影格2，插入空白關鍵影格。
從元件庫將「桐花」元件移到工作區中央。
於第15格處，插入關鍵影格。
滑鼠點按時間軸上的影格2-14中的任何一格。
於屬性視窗內選擇「移動」。
滑鼠點按時間軸上的影格2。於工作區上，將「桐花」分身往左上移。
測試影片片段。
於第18格處，插入關鍵影格。
時間軸移到第18格。
將工作區上的「桐花」分身略作旋轉。
對影格15-18做移動補間。
於第30格處，插入關鍵影格。
時間軸移到第30格。
將工作區上的「桐花」分身略作旋轉。
對影格19-29做移動補間。
時間軸移到第40格。
插入影格。

〔漣渏圖層動畫〕

點按「漣漪」層，使其活化。
在的時間軸上，於第15格處，插入一空白關鍵影格。
於工作區中央處，畫一白色橢圖，代表「初始漣漪」。
在工作具區上，將初生漣渏選取，複製。
於元件庫視窗，新增一圖像元件，取名為「漣漪」，於工具區，Ctrl + V鍵，貼上前述「初始漣漪」之圖像。
回到場景區，將場景上的「初始漣漪」圖像刪除。
從文件庫，將「初始漣漪」元件拖移到舞台中央。
時間軸移到第30格，挿入關鍵影格。
利用縮放工具，將「初始漣漪」之分身放大。
滑鼠點按時間軸上的16-29中的任何一格。
於屬性視窗內選擇「移動」。
滑鼠點按時間軸上的第30格，於屬性視窗內之顔色選單內選擇Alpha，將其右側之數值改為0。

〔倒影圖層動畫〕

點按「桐花倒影」圖層，使其活化。
滑鼠移到影格30，插入空白關鍵影格。
點按「桐花斜落」圖層。
點按工作區上的桐花分身。按Ctrl +C將其拷貝。
返回「桐花倒影」圖層之第30格。
將桐花分身於原地複製。
利用修改，讓桐花分身水平倒轉。並將它往下移，使它與桐花斜落層的桐花呈鏡射狀。
滑鼠移到影格35，插入關鍵影格。
滑鼠點按時間軸上的31-34中的任何一格。
於屬性視窗內選擇「移動」。
滑鼠點按時間軸上的第30格，於屬性視窗內之顔色選單內選擇Alpha，將其右側之數值改為20。
滑鼠點按時間軸上的第35格，於屬性視窗內之顔色選單內選擇Alpha，將其右側之數值改為70。
時間軸移到第40格。
插入影格。

點陣圖的應用

2007-04-07T17:50:00.000+08:00

目標
點陣圖置入Flash檔案之去背、淡入淡出等方法

觀念

在Flash內呈現去背點陣圖的方法是先在Photoshop內做作背景是透明的PNG檔。
將上述之PNG檔置入Flash元件庫，成為圖像元件。此一圖像元件即具去背效果。
若要使該圖像具淡入淡出等效果，則需以該PNG圖像元件製作成影片片段元件。再利用移動補間及修改屬性欄內的Alpha值。

要領
製背景透明之PNG檔

在Photoshop選取主圖部份，例如，只選花朵本身，背景不選。Ctrl+C，複製主圖。
開啟一新檔，圖背景色為透明，貼上步驟1.之圖像，將該圖另存新檔，格式為PNG 。
在Flash，將上一步驟之PNG置入元件庫內。
新增元件，選影片片段，將PNG檔置入第一影格。離開元件編輯。

圖像淡入法

在Flash場景內，以上節步驟4.之影片片段製作一移動補間。
時間軸移到移動補間的第一個關鍵影格。
點選舞台上的分身。
從屬性視窗內，於「色彩欄」內選Alpha，將其右側欄內之值改小（0-100)。
時間軸移到移動補間的最後一個關鍵影格。
點選舞台上的分身。
在屬性視窗內，於顔色欄內選Alpha，將其右側欄內之值改大（0-100)。
測試影片。

期中作業

2007-03-29T19:36:00.000+08:00

目標
將一古詩，表現成Flash動畫

繳期
4月26日

要求

須有場景使用
感動為先

元件的使用

2007-03-29T10:34:00.000+08:00

目標
學會圖像(graphic)元件、按鈕元鍵及影片片段(movieclip)元件的觀念與應用

觀念

當一個影片元素會重復使用時，將該元素製作成元件是比較省事的。
元件的種類有三種：
圖像元件：可以是單一圖片，也可以是動畫。
按鈕元鍵：具ActionScript，能控制影片的播放或影片片段分身。
影片片段元件：一件動畫，可由元件或非元件組成，可以受按鈕元件控制。
任何元件須存放在元件庫內。
元件置入場景或其他元件時，稱之為分身。
元件可以是其他元件的組合，例如：影片片段元件可以由圖像元件所構成。

隨堂演練

本堂的練習是魚兒水中游，其中的游魚製作方法有二：

只用可生動畫的圖像元件
用會生動畫的影片片段元件

而魚兒的游蹤可以有以下二種：

直線的，利用移動補間。
路徑的，利用沿著路徑走。

場景（Scene）

2007-03-23T10:55:00.001+08:00

目標
學習場景（Scene）的使用觀念和技術

觀念
場景的使用，主要在區分劇情段落，方便製作、編輯及管理。例如，我們將場景分成以下三段：

Ａ：甲乙互相鞠躬；
B：甲射箭；
C：乙射箭。

接著，利用場景，我們可以編成：

ABC：表示鞠躬而讓，甲先出手。
ACB：表示鞠躬而讓，乙先出手。
ACBA：表示鞠躬而讓，甲先出手。乙射畢，兩人鞠躬而退。
ABCA：表示鞠躬而讓，乙先出手。甲射畢，兩人鞠躬而退。

由於場景排序的不同，故事的張力會不同。再則，重復場景也是一種可能性。如上例中的ABCA和ACBA就重復A一次。

技術

新增場景

插入 > 場景

修改場景名稱

視窗 >

刪除場景

視窗 >

調整場景順序

視窗 >

移動補間與形狀補間

2007-03-12T10:37:00.001+08:00

目標
學習「移動補間（motion tween ）」與「形狀補間（shape tween）」的製作要領

重點觀念

移動補間（motion tween ）：
讓「向量式圖形元件」在兩關鍵影格間自動產生位置、大小、旋轉角度的等量分佈。
例如：向量式的箭圖形，設為圖形元件，讓它在兩關鍵點內，產生位移及縮小。

形狀補間：
讓二個向量式圖形在兩個關鍵影格間自動產生形狀的改變。
例如，從圓形變成方形。

實例

箭蓄勢待發至中鵠，可利用移動補間：箭在弦上，拉弓，箭射出，中靶，箭尾微震而止。
弦的由張至弛而止，可以利用形狀補間，不必用到元件。

畫圖

2007-03-08T17:57:00.000+08:00

目標：

簡述Flash工具箱內與Illustrator工具箱使用之異同。

工具箱內的工具供向量式繪圖用的。換言之，由它所畫出來的圖形是由許多節點及指定色彩而構成的。
任何一線段至少有兩個節點以上。
線與線的相交會產生新節點，與該節點相交的線段可以移除。
封閉的曲線才可以填色；該封閉曲線可以與內部的填色分離。
它的筆刷工具，在同圖層內，可以對既有圖像進行五種不同的畫法，如下圖例。
在Flash畫好的圖可以複製貼到Illustrator，反之亦然。
你可以先匯入Jpg圖或Gif圖，再以它為藍本描繪之。
同上法先匯入圖，再利用修改→點陣圖→描圖成向量圖，再修飾該向量圖。
圖像可以設定為元件，以利重復使用。

Flash入門

2007-03-01T19:40:00.000+08:00

目標
Flash作業界面介紹

觀念
Flash作業界面包括工具箱、舞台、工作區、時間軸、圖層、關鍵影格及屬性等。

示例
利用射箭的動畫，理解動畫的基本概念，明白以下項目:

舞台：完成品所能看到的平面空間。
工作區：含舞台之外的所有平面空間。
圖層：可由下往上遞增圖層，上圖的圖像會遮到下層的圖像。
時間軸：影片由左而右，逐格呈現動畫元素。
畫筆工具：該工具與一般向量軟體的使用很相似，但有小部份差異，在下一單元會談到。
關鍵影格：動畫元素會做改變的影格。

專題式學習法

2007-03-01T16:38:00.000+08:00

目標

如果你是Flash的老手，你可以在本學期內以自做主題方式，精進你的多媒體設計能力。

方法

自找二或三本flash有關的書，或在網站觀摩你最感興趣的主題，由模仿其重點及要領開始，再製作出你自己的作品。

作品數量

主題自訂（公告在你的網站之flash子目錄內）。
每六週交一件，全學期共三件。
每件作品須文字簡述創作目標、製作時間表、心得（公告在你的網站之flash子目錄內）。
作品須上傳到你自己的網站之flash子目錄內。

欲採用此法者，請點按本欄右下之「意見」，留下你的學號及名字，也歡迎提供意見，俾對上述說明做修改。

多媒體釋義

2007-02-21T20:11:00.000+08:00

多媒體（multimedia）
利用電腦以整合方式呈現文字、圖像、視訊、動畫、聲音及互動性，所謂的整合方式是藉可用的軟體如Flash或Director等來完成者。
前述的文字、圖像、視訊、動畫、聲音及互動性稱之為多媒體元素。以下略述其特點：

多媒體的元素

文字﹣﹣靜態文字、動態文字及輸入文字
文字轉換成向量圖
圖像
- 點陣圖
- 向量圖
聲音
動畫
- 逐格法﹣﹣善用Onion
- Motion Tween
- Shape Tween
- 使用Hint﹣﹣Ｆ與N兩字並有10個hint點（反時鐘設定），最多26個。
- 淡入淡出
- 逐漸加速（減速）
- 沿著路徑運動
視訊
互動
預先載入(preloads)

參考網站

2007-02-12T11:08:00.000+08:00

以下是值得參考的Flash網站：

tween, guided

http://www.smartwebby.com/Flash/flash_animations.asp

trace

Macromedia

korea

http://www.vooz.co.kr/vooz/index.html

如果你看過好的Flash網站，歡迎點按本欄右下的「意見」提供網址，謝謝。

參考書目

2007-02-12T11:07:00.005+08:00

沈志文，多媒體三合一，台北：上奇，2009。
何嘉益等著，Flash CS3發燒範例集，台北：松崗，2008。
李幸娟，Flash Creative Workshop達人的創意工房, 台北：碁峰，2008年。
Chris Georgenes著，顏怡宏譯，Flash動畫突破力╳創意美學The art of design and animation，台北：悅知，2008。
何東隆，李美真編著，Flash 8動感世界風雲再起，台北：文魁，2006。
劉月詩，徐蕙英編著，Flash 8動畫製作寶典：看圖學Flash 27招91式。臺北：網奕資訊科技,2006。
巫俊采著，Flash Professional 8數碼學堂。臺北：碁峰資訊，2006。
Chrit Patmore著，陳賢鍚譯，動畫創作研全覽。台北：視傳文化，2004。
文淵閣工作室編著，Flash MX。台北：文魁，2002。
James English, Macromedia Flash MX 2004:certified designer study guide : what every Flash designer needs to know to pass the Certified Flash MX designer exam. Berkeley, CA: Macromedia Press in association with Peachpit Press, 2005.
Robert Reinhardt and Joey Lott, Flash MX 2004 ActionScript bible.Indianapolis, IN: Wiley Pub., 2004.

教學大網

2007-01-28T12:54:00.000+08:00

教學目標：
1.教授以Flash軟體之使用。
2.教授與多媒體設計之製作理論與實務。
3.製作劇情式多媒體設計﹣如時代脈動的多媒體廣告、劇情式的互動性設計，如動畫映古曲；動畫映古畫；動畫映古文（詩、詞、小說）之互動性設計。

教學大網：
1.概論
2.Flash入門
3.Flash的ActionScript
4.多媒體設計流程
5.多媒體設計之軟體演練
6.故事、情節及角色介紹
7.個案設計
8.成果發佈