目標自編劇本或改編劇本;畫分鏡、做動畫、配音效,完成有創意的Flash動畫作品。方法
二人一組。
在本欄登錄班組員、專題、參考作品、故事板(分鏡表)及進度時間表。
作品有片頭、內容及片尾。
作品做成光碟版及上傳到網站。
2009年4月17日 星期五
影片加按鈕
http://cmntit.blogspot.com/2009/04/blog-post_08.html
目標影片片頭、片尾各加一個按鈕以控制影片的播放。學習新功能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);}五、增設影片控制AS
在按鈕層上方新增一圖層。
取名為「AS」。
選第一影格。
在動作視窗內加入下列語令:stop;六、存檔
測試影片。
檔案,取名儲存。補充
將ToonBoom完成的swf檔匯入到Flash的方法是檔案 > 匯入 > 檔匯入舞台。建議瀏覽AS3.0教材AS2.0的語令在AS3.0幾乎全面崩解,須重新學習。以下數個教材可供參酌。
介紹官方版(中文)
按鈕設定
介紹滑鼠事件
做網頁用的Flash及其AS
目標影片片頭、片尾各加一個按鈕以控制影片的播放。學習新功能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);}五、增設影片控制AS
在按鈕層上方新增一圖層。
取名為「AS」。
選第一影格。
在動作視窗內加入下列語令:stop;六、存檔
測試影片。
檔案,取名儲存。補充
將ToonBoom完成的swf檔匯入到Flash的方法是檔案 > 匯入 > 檔匯入舞台。建議瀏覽AS3.0教材AS2.0的語令在AS3.0幾乎全面崩解,須重新學習。以下數個教材可供參酌。
介紹官方版(中文)
按鈕設定
介紹滑鼠事件
做網頁用的Flash及其AS
串接外部swf (方法二)
http://cmntit.blogspot.com/2009/04/swf.html
目標學會將數個外部swf檔串接
直接觀看前置工作
做好cloud_1.fla~cloud_6.fla及cloud_1.swf~cloud_6.swf檔案,將它們放在同一個資料夾。步驟一、修改子檔
開始cloud_1.fla檔。
新增一圖層,置於最上層。
於最後一影格,插入一空白關鍵影格。點選該空白關影格,於Action Script視窗鍵入下列語令:stop();loadMovie("cloud_2.swf", 0);
存檔。
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);
依上二步驟,將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檔串接
直接觀看前置工作
做好cloud_1.fla~cloud_6.fla及cloud_1.swf~cloud_6.swf檔案,將它們放在同一個資料夾。步驟一、修改子檔
開始cloud_1.fla檔。
新增一圖層,置於最上層。
於最後一影格,插入一空白關鍵影格。點選該空白關影格,於Action Script視窗鍵入下列語令:stop();loadMovie("cloud_2.swf", 0);
存檔。
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);
依上二步驟,將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 (方法一)
目標學會將數個外部swf檔串接前置工作
做好cloud_1.fla~cloud_6.fla及cloud_1.swf~cloud_6.swf檔案,將它們放入同一個資料夾。步驟一、修改子檔
開始cloud_1.fla檔。
新增一圖層,置於最上層。
於最後一影格,插入一空白關鍵影格。
點選該空白關影格,於Action Script視窗鍵入下列語令:stop();_level0.gotoAndPlay(13);
存檔。
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上傳到自己的部落格。參考網站
http://www.actionscript.org/forums/showthread.php3?t=169629
http://kirupa.com/forum/showthread.php?p=2430896
做好cloud_1.fla~cloud_6.fla及cloud_1.swf~cloud_6.swf檔案,將它們放入同一個資料夾。步驟一、修改子檔
開始cloud_1.fla檔。
新增一圖層,置於最上層。
於最後一影格,插入一空白關鍵影格。
點選該空白關影格,於Action Script視窗鍵入下列語令:stop();_level0.gotoAndPlay(13);
存檔。
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上傳到自己的部落格。參考網站
http://www.actionscript.org/forums/showthread.php3?t=169629
http://kirupa.com/forum/showthread.php?p=2430896
Goldwave編輯音
目標Goldwave音效軟體的使用步驟
File > New,擇定音質取樣率,旁白為11025,CD為44100。
File > Open開啟音樂檔。
播放。
選取片段。
Edit > Copy
File > New
Edit > Paste
試播
Effect > VolumeFade in淡入Fade out淡出
存檔補充
周杰倫的本事
File > New,擇定音質取樣率,旁白為11025,CD為44100。
File > Open開啟音樂檔。
播放。
選取片段。
Edit > Copy
File > New
Edit > Paste
試播
Effect > VolumeFade in淡入Fade out淡出
存檔補充
周杰倫的本事
音效的編輯
目標簡略說明音效編輯的概念與實務步驟
一、音效的定義音效是指透過空氣波動而讓人耳可以感知者。任何音效均有三種屬性一是音色;二是音量;三是音頻。音效的種類:
電腦內建的驚示聲。
背景音樂:來自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 Studio2. Not Yet3. 試錄
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. 音效及檔名最好一律以英數字來命名﹐否則跨軟體使用時會出現找不到這些卡司成員或檔案的現象。
http://cmntit.blogspot.com/2009/03/blog-post_21.html
一、音效的定義音效是指透過空氣波動而讓人耳可以感知者。任何音效均有三種屬性一是音色;二是音量;三是音頻。音效的種類:
電腦內建的驚示聲。
背景音樂:來自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 Studio2. Not Yet3. 試錄
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. 音效及檔名最好一律以英數字來命名﹐否則跨軟體使用時會出現找不到這些卡司成員或檔案的現象。
http://cmntit.blogspot.com/2009/03/blog-post_21.html
伸鏡入景技法
目標利用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,取名存檔。其儲存會成為一個資料夾,內含一個副檔名為tbp的檔案,外加數個資料夾,各含一個資料。八、輸出成swf
File > Export Movie,格式選swf,取名為cloud_3。九、swf檔案上傳
利用filezilla將cloud_3.swf上傳到學校個人網站中的swf資料夾內。
複製下列字串,在你的部落格新增文章中貼入。補充
Exposure Sheet最左行的元素,在Timeline是在最上層。最上層元素會遮住較低層的元素。
本練習的特性可見之於以下的詩句
常建《題破山寺後禪院》的「竹徑通幽處,禪房花木深。」
李白《早發白帝城》的「兩岸猿聲啼不住,輕舟已過萬重山。」
劉長卿《尋南溪常山道人隱居》的「一路行經處,蒼苔見屐屐痕。」
http://cmntit.blogspot.com/2009/03/blog-post_03.html
啟動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是在最上層。最上層元素會遮住較低層的元素。
本練習的特性可見之於以下的詩句
常建《題破山寺後禪院》的「竹徑通幽處,禪房花木深。」
李白《早發白帝城》的「兩岸猿聲啼不住,輕舟已過萬重山。」
劉長卿《尋南溪常山道人隱居》的「一路行經處,蒼苔見屐屐痕。」
http://cmntit.blogspot.com/2009/03/blog-post_03.html
無盡秧苗
目標影片片段製作及應用步驟一、製作影片片段元件
新增元件,核選「影片片段」。
在第一圖層的第一個空白關鍵影格畫一苗葉。
點按描圖紙圖示。
到第6格,按滑鼠右鍵,插入「空白白關鍵影格」。
以步驟2的苗葉為基準,畫一往下萎垂的苗葉。
改變該苗葉的色彩。
到第11格,按滑鼠右鍵,插入「空白白關鍵影格」。
以步驟5的曲葉為基準,再畫往下愈垂的苗葉。
重復上二步驟,迄影格21造一曲葉止。
到影格36,按滑鼠右鍵,選「插入影格」。
新增圖層,同步驟2到10,製作另一苗葉。
重復步驟11,新增二苗葉。以上是一束苗的動畫元件,它將被用於場景內。二、將元件置入舞台
切換到場景。
逐次將元件庫內的影片片段元件移到舞台不同位置。註:元件被置入舞台時,被稱之為分身。三、變換各分身的長寬、角度及面向
點選舞台上欲變換的元件分身,利用轉換工具,調整之。四、測試影片
若不滿意元件,可以回到元件修改各苗葉的動畫。
若不滿意分身的排列,到舞台上修改各別的分身。五、儲存檔案為cloud_4。
File > Save As...,取名為cloud_4,儲存之。六、將swf檔上傳到部落格。
利用Filezilla把cloud_4.swf上傳到學校個人網站www內的swf資料夾內。
拷貝以下的文字串,貼到你的部格,將xxxxxxx修改為你的學號後發佈文章。補充
使用影片片段的概念,等同於「開千枝花,一本所繫」中的本。
杜甫的詩句「無邊落木蕭蕭下」也具有本練習的特質。
http://cmntit.blogspot.com/2009/02/blog-post_9071.html
新增元件,核選「影片片段」。
在第一圖層的第一個空白關鍵影格畫一苗葉。
點按描圖紙圖示。
到第6格,按滑鼠右鍵,插入「空白白關鍵影格」。
以步驟2的苗葉為基準,畫一往下萎垂的苗葉。
改變該苗葉的色彩。
到第11格,按滑鼠右鍵,插入「空白白關鍵影格」。
以步驟5的曲葉為基準,再畫往下愈垂的苗葉。
重復上二步驟,迄影格21造一曲葉止。
到影格36,按滑鼠右鍵,選「插入影格」。
新增圖層,同步驟2到10,製作另一苗葉。
重復步驟11,新增二苗葉。以上是一束苗的動畫元件,它將被用於場景內。二、將元件置入舞台
切換到場景。
逐次將元件庫內的影片片段元件移到舞台不同位置。註:元件被置入舞台時,被稱之為分身。三、變換各分身的長寬、角度及面向
點選舞台上欲變換的元件分身,利用轉換工具,調整之。四、測試影片
若不滿意元件,可以回到元件修改各苗葉的動畫。
若不滿意分身的排列,到舞台上修改各別的分身。五、儲存檔案為cloud_4。
File > Save As...,取名為cloud_4,儲存之。六、將swf檔上傳到部落格。
利用Filezilla把cloud_4.swf上傳到學校個人網站www內的swf資料夾內。
拷貝以下的文字串,貼到你的部格,將xxxxxxx修改為你的學號後發佈文章。補充
使用影片片段的概念,等同於「開千枝花,一本所繫」中的本。
杜甫的詩句「無邊落木蕭蕭下」也具有本練習的特質。
http://cmntit.blogspot.com/2009/02/blog-post_9071.html
逐格動畫法
目標將文字化成雲形再消失
步驟
在舞台上的空白關鍵影格內鍵一文字「雲」。
從主選單選擇修改 > 打散。
點按時間軸雲字關鍵影格的次一影格,按滑鼠右鍵,選擇插入關鍵影格。
從主選單選擇修改 > 形狀 > 最佳化,於對話框內將將最佳化的滑桿往右調整。
將舞台上的物件略微移動。
重復上三動作,迄無法最佳化止。
插入關鍵影格,修改舞台上的物件的形戕或刪除其節點。
將舞台上的物件略微移動。
重復上二動作,迄形狀不見。
http://cmntit.blogspot.com/2009/02/blog-post_27.html
步驟
在舞台上的空白關鍵影格內鍵一文字「雲」。
從主選單選擇修改 > 打散。
點按時間軸雲字關鍵影格的次一影格,按滑鼠右鍵,選擇插入關鍵影格。
從主選單選擇修改 > 形狀 > 最佳化,於對話框內將將最佳化的滑桿往右調整。
將舞台上的物件略微移動。
重復上三動作,迄無法最佳化止。
插入關鍵影格,修改舞台上的物件的形戕或刪除其節點。
將舞台上的物件略微移動。
重復上二動作,迄形狀不見。
http://cmntit.blogspot.com/2009/02/blog-post_27.html
打散文字
目標將文字打散成向量圖形,以利變形並確保字形不因瀏覽者使用字的限制而走樣。
左為未打散的中文字,右為打散過的。步驟
點選文字,在舞台下方的屬性欄內框選紅色項目。(註:此法通用cs3t前的版本)
http://cmntit.blogspot.com/2009/02/blog-post_2721.html
左為未打散的中文字,右為打散過的。步驟
點選文字,在舞台下方的屬性欄內框選紅色項目。(註:此法通用cs3t前的版本)
http://cmntit.blogspot.com/2009/02/blog-post_2721.html
天然雲的動畫
目標將天然雲處理成如下圖之淡入或淡出的動畫
步驟一、製作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檔上傳到部落格。
製作cloud_1 目標製作出雲的影片頭
學習項目
元件製作
關鍵影格
插入空白關鍵影格
移動補間
改變舞台物件屬性
上傳swf要上傳swf到部落格,你須
先將該近端站台的swf檔FTP到遠端站台。並記下它的網址。
可拷貝底下的文字列到你的部落格,但須將你存放swf的網址加以修改。(補充,由於雲的影片畫面比為16: 9,所以依該比率,以下文字列中會有height="225" width="400"的設定。(參考上傳swf到blogger)
元件製作
關鍵影格
插入空白關鍵影格
移動補間
改變舞台物件屬性
上傳swf要上傳swf到部落格,你須
先將該近端站台的swf檔FTP到遠端站台。並記下它的網址。
可拷貝底下的文字列到你的部落格,但須將你存放swf的網址加以修改。(補充,由於雲的影片畫面比為16: 9,所以依該比率,以下文字列中會有height="225" width="400"的設定。(參考上傳swf到blogger)
2009年3月20日 星期五
Flash作品練習
目標學會將唐詩中來鵠作七言絶句《雲》,編成劇本,再據以製作一完整的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
畫面大小 (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
訂閱:
文章 (Atom)