目標
學會將數個外部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年4月17日 星期五
天然雲的動畫
步驟
一、製作png格式的雲
找一天然的雲圖數位檔。
在Photoshop將藍天去背，選取去背的雲形，拷貝之。
在Photoshop新增一檔案，設定圖面大小為640x360pixel， 解析度為72dpi，背景選項為「透明」。
(補充：圖面大小可大可小，以可容納所需圖像大小為準)
貼入雲形。
儲存為png格式。
依上述方法另做數個雲的png檔。
二、製作flash動畫
在Flash將該眾png檔匯入元件庫。
分圖層將各png放入關鍵格，並做動補間。
選取關鍵影格在舞台上的圖像，在屬性欄之「顏色」欄內變更「Alpha」值。
存檔為cloud_2.fla。
測試影片。
將cloud_2.swf檔上傳到部落格。
一、製作png格式的雲
找一天然的雲圖數位檔。
在Photoshop將藍天去背，選取去背的雲形，拷貝之。
在Photoshop新增一檔案，設定圖面大小為640x360pixel， 解析度為72dpi，背景選項為「透明」。
(補充：圖面大小可大可小，以可容納所需圖像大小為準)
貼入雲形。
儲存為png格式。
依上述方法另做數個雲的png檔。
二、製作flash動畫
在Flash將該眾png檔匯入元件庫。
分圖層將各png放入關鍵格，並做動補間。
選取關鍵影格在舞台上的圖像，在屬性欄之「顏色」欄內變更「Alpha」值。
存檔為cloud_2.fla。
測試影片。
將cloud_2.swf檔上傳到部落格。
伸鏡入景技法
步驟
一、製作場景背景色
啟動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，取名存檔。
其儲存會成為一個資料夾，內含一個副檔名為tbp的檔案，外加數個資料夾，各含一個資料。
八、輸出成swf
File > Export Movie，格式選swf，取名為cloud_3。
九、swf檔案上傳
利用filezilla將cloud_3.swf上傳到學校個人網站中的swf資料夾內。
複製下列字串，在你的部落格新增文章中貼入。
補充
Exposure Sheet最左行的元素，在Timeline是在最上層。最上層元素會遮住較低層的元素。
本練習的特性可見之於以下的詩句
常建《題破山寺後禪院》的「竹徑通幽處，禪房花木深。」
李白《早發白帝城》的「兩岸猿聲啼不住，輕舟已過萬重山。」
劉長卿《尋南溪常山道人隱居》的「一路行經處，蒼苔見屐屐痕。」
一、製作場景背景色
啟動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，取名存檔。
其儲存會成為一個資料夾，內含一個副檔名為tbp的檔案，外加數個資料夾，各含一個資料。
八、輸出成swf
File > Export Movie，格式選swf，取名為cloud_3。
九、swf檔案上傳
利用filezilla將cloud_3.swf上傳到學校個人網站中的swf資料夾內。
複製下列字串，在你的部落格新增文章中貼入。
補充
Exposure Sheet最左行的元素，在Timeline是在最上層。最上層元素會遮住較低層的元素。
本練習的特性可見之於以下的詩句
常建《題破山寺後禪院》的「竹徑通幽處，禪房花木深。」
李白《早發白帝城》的「兩岸猿聲啼不住，輕舟已過萬重山。」
劉長卿《尋南溪常山道人隱居》的「一路行經處，蒼苔見屐屐痕。」
無盡秧苗
步驟
一、製作影片片段元件
新增元件，核選「影片片段」。
在第一圖層的第一個空白關鍵影格畫一苗葉。
點按描圖紙圖示。
到第6格，按滑鼠右鍵，插入「空白白關鍵影格」。
以步驟2的苗葉為基準，畫一往下萎垂的苗葉。
改變該苗葉的色彩。
到第11格，按滑鼠右鍵，插入「空白白關鍵影格」。
以步驟5的曲葉為基準，再畫往下愈垂的苗葉。
重復上二步驟，迄影格21造一曲葉止。
到影格36，按滑鼠右鍵，選「插入影格」。
新增圖層，同步驟2到10，製作另一苗葉。
重復步驟11，新增二苗葉。
以上是一束苗的動畫元件，它將被用於場景內。
二、將元件置入舞台
切換到場景。
逐次將元件庫內的影片片段元件移到舞台不同位置。
註：元件被置入舞台時，被稱之為分身。
三、變換各分身的長寬、角度及面向
點選舞台上欲變換的元件分身，利用轉換工具，調整之。
四、測試影片
若不滿意元件，可以回到元件修改各苗葉的動畫。
若不滿意分身的排列，到舞台上修改各別的分身。
五、儲存檔案為cloud_4。
File > Save As...，取名為cloud_4，儲存之。
六、將swf檔上傳到部落格。
利用Filezilla把cloud_4.swf上傳到學校個人網站www內的swf資料夾內。
拷貝以下的文字串，貼到你的部格，將xxxxxxx修改為你的學號後發佈文章。
補充
使用影片片段的概念，等同於「開千枝花，一本所繫」中的本。
杜甫的詩句「無邊落木蕭蕭下」也具有本練習的特質。
一、製作影片片段元件
新增元件，核選「影片片段」。
在第一圖層的第一個空白關鍵影格畫一苗葉。
點按描圖紙圖示。
到第6格，按滑鼠右鍵，插入「空白白關鍵影格」。
以步驟2的苗葉為基準，畫一往下萎垂的苗葉。
改變該苗葉的色彩。
到第11格，按滑鼠右鍵，插入「空白白關鍵影格」。
以步驟5的曲葉為基準，再畫往下愈垂的苗葉。
重復上二步驟，迄影格21造一曲葉止。
到影格36，按滑鼠右鍵，選「插入影格」。
新增圖層，同步驟2到10，製作另一苗葉。
重復步驟11，新增二苗葉。
以上是一束苗的動畫元件，它將被用於場景內。
二、將元件置入舞台
切換到場景。
逐次將元件庫內的影片片段元件移到舞台不同位置。
註：元件被置入舞台時，被稱之為分身。
三、變換各分身的長寬、角度及面向
點選舞台上欲變換的元件分身，利用轉換工具，調整之。
四、測試影片
若不滿意元件，可以回到元件修改各苗葉的動畫。
若不滿意分身的排列，到舞台上修改各別的分身。
五、儲存檔案為cloud_4。
File > Save As...，取名為cloud_4，儲存之。
六、將swf檔上傳到部落格。
利用Filezilla把cloud_4.swf上傳到學校個人網站www內的swf資料夾內。
拷貝以下的文字串，貼到你的部格，將xxxxxxx修改為你的學號後發佈文章。
補充
使用影片片段的概念，等同於「開千枝花，一本所繫」中的本。
杜甫的詩句「無邊落木蕭蕭下」也具有本練習的特質。
訂閱：
文章 (Atom)