2009年6月19日 星期五
2009年4月24日 星期五
影片加按鈕
目標
學習AS2.0中的按鈕控制
學習新功能
stop()
gotoAndPlay()
on (release)
步驟
一、設定Flash程式
開新檔案，選ActionScript 2.0模式。
二、匯入swf
檔案 > 匯入，將toonboom做好的swf檔匯入舞台。
二、套用按鈕元件
新增一圖層，更名為「按鈕」。
視窗 > 內建元件庫，選擇可用的按鈕，將播放按鈕拖拉放到舞台。
必要時，利用視窗 > 對齊，選水平及垂直居中，使按鈕居畫面中央。
到元件庫，將前一步驟產生的元件更名為「Play_btn」。
選按鈕層之第2影格迄最後影格，滑鼠右鍵「清除影格」。
三、複製及修改按鈕元件
滑鼠右鍵點按元件庫內的「Play_btn」按鈕元件，選重製，將重製之元件更名為「Replay_btn 」。
點按該 Replay二下，開啟，在三角形圖層內將三角形修改為英文字「Replay」，並將它打散。
在按鈕層最後一格新增一空白關鍵影格，從元件庫將Replay按鈕拖拉放到舞台，擺好位置。
四、為按鈕加入AS (ActionScript)
選取第1影格舞台上的「Play_btn」按鈕。
視窗 > 動作
於動作動畫框內輸入以下的語令：
on (release) {gotoAndPlay(2);
}
選取第後影格舞台上的「Replay_btn 」按鈕。
於動作動畫框內輸入以下的語令：
on (release) {gotoAndPlay(2);
}
亦可在影格上作如下處理
Replay_btn.onRelease=function(){
gotoAndplay(2);
五、增設影片控制AS
在按鈕層上方新增一圖層。
取名為「AS」。
選第一影格。
在動作視窗內加入下列語令：
stop;
六、存檔
測試影片。
檔案，取名儲存。
補充
將ToonBoom完成的swf檔匯入到Flash的方法是檔案 > 匯入 > 檔匯入舞台。
建議
AS2.0的語令在AS3.0已改頭換面，須重新學習
2009年4月17日 星期五
2009年3月30日 星期一
串接外部swf
目標
學會將數個外部swf檔串接
步驟
一、修改子檔
開始cloud_1.fla檔。
新增一圖層，置於最上層。
於最後一影格，插入一空白關鍵影格。
視窗 > 動作。
複製下列語法，貼入Action Script視窗。stop();
_level0.gotoAndPlay(13);
存檔
Ctrl+Enter，測試影片，以更新原swf檔。
依上述8個步驟，完成cloud_2.fla~cloud_6.fla的修改，但上述步驟6.中語法內的13依序更改為14；15；16；17；13。
二、新增主檔
新增一個檔案，取名為cloud_7。
在第13~18影格，各加入一個空白關鍵影格。
點選13影格，視窗 > 動作。
複製下列語法，貼入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超連結到部落格。
參考網站
http://www.actionscript.org/forums/showthread.php3?t=169629
http://kirupa.com/forum/showthread.php?p=2430896
2009年3月14日 星期六
伸鏡入景技法
目標
利用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將Camera物件層直接拖拉放到上一步驟的Camera Peg層。
五、調整物件的景深
在Timeline選取物件層，該層在Side View及Top View視窗內會變成一淺綠直線，以移位工具移動該淺綠線，即可調整物件的景深。
六、做動畫和運鏡
在Timeline內點按Cloud Peg，於想定的影格按滑鼠右鍵，設為關鍵影格。
再將另一影格設為關鍵影格，點按該影格。
換到Top View視窗，點選工具列最下方的Motion工具，到Top View視窗內移動紅色的peg標示。
同前三個步驟，在Top View調動Peg圖示 (一個紅圓圈)，使相機呈前推的運鏡。
七、存檔
File > Save As，取名存檔。
八、輸出成swf
File > Export Movie，格式選swf，取名為cloud_3。
九、swf檔案上傳
利用filezilla將cloud_3.swf上傳到學校個人網站中的swf資料夾內。
複製下列字串，在你的部落格新增文章中貼入。
補充
常建《題破山寺後禪院》的詩句「竹徑通幽處，禪房花木深。」，李白的《早發白帝城》中的詩句「輕舟已過萬重山」亦有本練習的特質。
2009年3月8日 星期日
無盡秧苗
目標
影片片段製作及應用
步驟
一、製作影片片段元件
新增元件，核選「影片片段」。
在第一圖層的第一個空白關鍵影格畫一苗葉。
點按描圖紙圖示。
到第6格，按滑鼠右鍵，插入「空白白關鍵影格」。
以步驟2的苗葉為基準，畫一往下萎垂的苗葉。
改變該苗葉的色彩。
到第11格，按滑鼠右鍵，插入「空白白關鍵影格」。
以步驟5的曲葉為基準，再畫往下愈垂的苗葉。
重復上二步驟，迄影格21造一曲葉止。
到影格36，按滑鼠右鍵，選「插入影格」。
新增圖層，同步驟2到10，製作另一苗葉。
重復步驟11，新增二苗葉。
以上是一束苗的動畫元件，它將被用於場景內。
二、將元件置入舞台
切換到場景。
逐次將元件庫內的影片片段元件移到舞台不同位置。
三、變換各分身的長寬、角度及面向
點選舞台上欲變換的元件分身，利用轉換工具，調整之。
四、測試影片
若不滿意元件，可以回到元件修改各苗葉的動畫。
若不滿意分身的排列，到舞台上修改各別的分身。
五、儲存檔案為cloud_4。
六、將swf檔上傳到部落格。
補充
使用影片片段的概念，等同於「開千枝花，一本所繫」中的本。
當元件被置入舞台為一個元素時，該元素稱之為分身。
片段4（無限旱苗枯欲盡）：
切換到白天
鏡頭向右搖（Pan to Right）。
再Tilt Down
一片苗田。
苗枯萎的影片片段。
儲存檔案cloud_4
訂閱：
文章 (Atom)
