終於完成了～～～呼～～～～～～
題目：真果
創意來源：在某一次逛街時無意間看到招牌寫著奶雞，好奇的向前觀望，原來水果荔枝～～有點無俚頭，當下覺得老闆真是幽默阿～～～～～～～～～～～
2009年6月19日 星期五
2009年5月8日 星期五
遮色片
目標
遮色片的應用
學習新功
能遮色片觀念遮色片是一圖層，會使緊接其下的圖層(又稱被遮層)不見，若欲看被遮層，須在遮色片層畫出實色區塊，則被遮層只有實色區塊會出現。
步驟
一、畫圖像
1.新增檔案。
2.新增三圖層。
3.由下往上分別取名為背景層、被遮層、遮色片、前景層
4.在背景層、被遮層、前景層分別畫好圖像。
5.在遮色片層畫好一實色圖案，例如一個圓。
6.測試影片。
二、加入遮色片
1.滑鼠右鍵點選遮色片圖層，選擇遮色片。遮色片及被遮層兩圖層會出現後者往右縮的圖示。
2.測試影片比較加入遮色片前後的差異。
三、利用遮色片做動畫
1.決定動畫的影格數。
2.分別在背景層、被遮層、前景層之前數的影格數之影格，滑鼠右鍵選插入影格。
呈上一步驟，滑鼠右鍵點選遮色片圖層，選擇遮色片。遮色片功能會消失，但圖層被鎖住，須解除。
4.在遮色片層，於不同影格新增關鍵影格，並移動遮色片實色圖案到所需位置。
5.重復上述動作迄滿意為止。
6.滑鼠右鍵點選遮色片圖層，選擇遮色片。
7.測試影片。
補充
若有許多圖層想當被遮層，則直接拖拉放到已設好遮色片的被遮層內即可。
遮色片的應用
學習新功
能遮色片觀念遮色片是一圖層，會使緊接其下的圖層(又稱被遮層)不見，若欲看被遮層，須在遮色片層畫出實色區塊，則被遮層只有實色區塊會出現。
步驟
一、畫圖像
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內定名相同。
設計按鈕元件並配用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
影片片頭、片尾各加一個按鈕以控制影片的播放。
學習新功能
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
2009年4月16日 星期四
伸鏡入景技法
目標
利用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是在最上層。最上層元素會遮住較低層的元素。
本練習的特性可見之於以下的詩句
常建《題破山寺後禪院》的「竹徑通幽處，禪房花木深。」
李白《早發白帝城》的「兩岸猿聲啼不住，輕舟已過萬重山。」
劉長卿《尋南溪常山道人隱居》的「一路行經處，蒼苔見屐屐痕。」
利用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是在最上層。最上層元素會遮住較低層的元素。
本練習的特性可見之於以下的詩句
常建《題破山寺後禪院》的「竹徑通幽處，禪房花木深。」
李白《早發白帝城》的「兩岸猿聲啼不住，輕舟已過萬重山。」
劉長卿《尋南溪常山道人隱居》的「一路行經處，蒼苔見屐屐痕。」
訂閱：
文章 (Atom)
