2009年6月19日 星期五

*No.Flash_期末數字歌


題目:數數歌
內容:以輕鬆愉快的曲風,教導小孩子認識數字。
製作成員:33973014吳美瑩、33973022柯義豐

2009年4月17日 星期五

*No.Flash_影片加按鈕 ...



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

【學習新功能】
 AS2.0中的語令

 *stop()
 *gotoAndPlay()
 *on (release)

【學習步驟】

<一>、設定Flash程式
1.開新檔案,選ActionScript 2.0模式。

<二>、匯入swf
2.檔案 > 匯入,將toonboom做好的swf檔匯入舞台。

<三>、套用按鈕元件
1.新增一圖層,更名為「按鈕」。
2.視窗 > 內建元件庫,選擇可用的按鈕,將播放按鈕拖拉放到舞台。
3.必要時,利用視窗 > 對齊,選水平及垂直居中,使按鈕居畫面中央。
4.到元件庫,將前一步驟產生的元件更名為「Play_btn」。

 選按鈕層之第2影格迄最後影格,滑鼠右鍵「清除影格」。

<四>、複製及修改按鈕元件
1.滑鼠右鍵點按元件庫內的「Play_btn」按鈕元件,選重製,將重製之元件更名為「Replay_btn 」。
2.點按該 Replay二下,開啟,在三角形圖層內將三角形修改為英文字「Replay」,並將它打散。
3.在按鈕層最後一格新增一空白關鍵影格,從元件庫將Replay按鈕拖拉放到舞台,擺好位置。

<五>、為按鈕加入AS (ActionScript)
1.選取第1影格舞台上的「Play_btn」按鈕。
2.視窗 > 動作
3.於動作動畫框內輸入以下的語令:
on (release) {gotoAndPlay(2);}
4.選取第後影格舞台上的「Replay_btn 」按鈕。
5.於動作動畫框內輸入以下的語令:
on (release) {gotoAndPlay(2);}

<六>、增設影片控制AS
1.在按鈕層上方新增一圖層。
2.取名為「AS」。
3.選第一影格。
4.在動作視窗內加入下列語令:
stop;

<七>、存檔
1.測試影片。
2.檔案,取名儲存。

將ToonBoom完成的swf檔匯入到Flash的方法是檔案 > 匯入 > 檔匯入舞台。
建議瀏覽AS3.0教材
AS2.0的語令在AS3.0幾乎全面崩解,須重新學習。以下數個教材可供參酌。

資料來源: 謝老師教學部落格 http://cmntit.blogspot.com/


-------------------------------------------
【學習步驟】
1.新增一個圖層1>F9>時間控制箱>STOP>
2.再設一個圖層2>再上面畫一個按鈕>
3.按右鍵 轉成元件庫 設定按鈕>點選物件 按F9>
4.右上角會出現助理>先按ON>在按GOTO>上方的影格設定為:2

*No.Flash_雲》 來鵠_ 影片製作 ...


Flash

製作Flash動畫,果然很不簡單...
這次是我第一次接觸Flash

學習心得...
既覺得新鮮,可是又是怕受到傷害!
真的很想認識它。Flash!
也有上網找,Flash網路教學...
學長送的Fliash書本,也翻過...
可是笨笨的我,還是摸索不出來。
轉不過來,就差那一丁點點點點...

從一開始的不會...
不會、搞不懂、影格母殺殺...
有積極的想請教同學...
可是,請教的同學都很神秘,
或許,大家都比較忙吧!

到最後...
終於,問到一個比較熱心的胡同學
熱心,他撥出一些時間教我!
懂了,終於懂了...
不懂的地方,也終於有些概念了!
當然,還是有些小細節會不太了解!
也許,在製作Flash會比較笨一點,
可能會比別人多了些步驟,
或是,抄作上還是比較複雜點!
也真的有認真在學習!
堅持,只要有心學習,就一定會進步!

這次音效部份...
嘿,還是笨笨的,不太懂!
會加油的!請教同學、趕快練熟。

謝謝老師的教導!
也謝謝同學的指導!
感謝!感恩 ^ - ^* ~


2009年4月10日 星期五

*No.Flash_無盡秧苗 ...



【學習目標】
 影片片段製作及應用

【學習步驟】

一、製作影片片段元件
1.新增元件,核選「影片片段」。
2.在第一圖層的第一個空白關鍵影格畫一苗葉。
3.點按描圖紙圖示。
4.到第6格,按滑鼠右鍵,插入「空白白關鍵影格」。
5.以步驟2的苗葉為基準,畫一往下萎垂的苗葉。
6.改變該苗葉的色彩。

7.到第11格,按滑鼠右鍵,插入「空白白關鍵影格」。
8.以步驟5的曲葉為基準,再畫往下愈垂的苗葉。
9.重復上二步驟,迄影格21造一曲葉止。
10.到影格36,按滑鼠右鍵,選「插入影格」。
11.新增圖層,同步驟2到10,製作另一苗葉。
12.重復步驟11,新增二苗葉。
*以上是一束苗的動畫元件,它將被用於場景內。

二、將元件置入舞台

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

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

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

四、測試影片

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

五、儲存檔案為cloud_4。

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

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

1.利用Filezilla把cloud_4.swf上傳到學校個人網站www內的swf資料夾內。

*No.Flash_逐格動畫法 ...


【學習目標】

 將文字化成雲形再消失。


【學習步驟】

例一:

1.在舞台上的空白關鍵影格內鍵一文字「雲」。
2.從主選單選擇修改 > 打散。
3.點按時間軸雲字關鍵影格的次一影格,按滑鼠右鍵,選擇插入關鍵影格。
4.從主選單選擇修改 > 形狀 > 最佳化,於對話框內將將最佳化的滑桿往右調整。
5.將舞台上的物件略微移動。

6.重復上三動作,迄無法最佳化止。
7.插入關鍵影格,修改舞台上的物件的形戕或刪除其節點。
8.將舞台上的物件略微移動。
9.重復上二動作,迄形狀不見。


例二:

1.在IIIustrator上面,先繪製好一文字「雲」。
2.復置,後轉貼進Flash上面。
3.運用Flash,功能上面的描圖紙。
4.插入關鍵影格後,在將舞台上的物件運用描圖紙的功能略微移動。
6.重復在IIIustrator上面修改變形文字,後轉貼進Flash上面。
7.重復上面的動作,迄形狀不見。


*NO.3_伸鏡入景技法



步驟
一、製作場景物件

1. 啟動ToonBoom。
2. File > Animation Properties...設定影片畫面的大小為640x360。
3. Window > Scene Manger,在該視窗的Scene欄按右鍵,點按 Properties,再點按Background Color色票以 去改變場景的背景色。

二、繪製物件並製做其色相盤

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

三、為物件設出場格數

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

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

1. 在Timelin新增一個Peg,更名為Cloud。
2. 在Timeline將Cloud1層直接拖拉放到上一步驟的Cloud Peg層。
該peg會出現一倒三角形。
3. 在Timeline將Camera物件層直接拖拉放到上一步驟的Camera Peg層。

五、調整物件的景深

1. 在Timeline選取物件層,該層在Side View及Top View視窗內會變成一淺綠直線,以移位工具移動該淺綠線,即可調整物件的景深。

六、做動畫和運鏡

1. 在Timeline內點按Cloud Peg,把紅色的影格滑桿移到關鍵影格。
2. 在Side View調動Peg圖示 (一個紅圓圈),使雲呈由右向左飄的動畫。
3. 在Timeline內點按Cloud Peg,把紅色的影格滑桿移到關鍵影格。
4. 在Side View調動Peg圖示 (一個紅圓圈),使相機呈前推的運鏡。

七、存檔並輸出成swf

*No.Flash_天然雲的動畫 ...



【學習目標】
 將天然雲處理成 淡入或淡出的動畫。


【學習步驟】

一、製作png格式的雲

1.找一天然的雲圖數位檔。
2.在Photoshop將藍天去背,選取去背的雲形,拷貝之。
3.在Photoshop新增一檔案,設定圖面大小為640x360pixel, 解析度為72dpi,背景選項為「透明」。
(補充:圖面大小可大可小,以可容納所需圖像大小為準)

4.貼入雲形。
5.儲存為png格式。
6.依上述方法另做數個雲的png檔。

二、製作flash動畫

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


資料來源: 謝老師教學部落格 http://cmntit.blogspot.com/

*No.Flash_雲的影片頭...


*No.Flash_練習

【學習目標】以來鵠的《雲》
 製作出一完整的Flash動畫影片。

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

【語譯賞析】   
 許久沒有下雨了,人們望著天上千變萬化的雲朵,盼望它降下些甘霖來,誰知期望總是落空,雲只是不斷變換著模樣,不曾落下一滴雨。焦急的人們時時翹首望著藍天,尋覓它的蹤影,偶爾低下頭來,竟發現它的倒影就映在水中;猛然抬起頭,又看見它躲在山的後面。眼看無數禾苗就要乾枯而死了,它卻悠閒自在的在天下飄來飄去,不時化成各種奇山異峰。

【學習項目】
 1.元件製作
 2.關鍵影格
 3.插入空白關鍵影格
 4.移動補間
 5.改變舞台物件屬性
 6.上傳swf

2009年3月20日 星期五

*No.Flash_練習

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

【前製規畫】
畫面大小 (640x360)
影片長度 (幾秒)
腳本繪製
背景音效
本周進度:片段1(片頭)
儲存檔案

【劇本】

片段1(片頭):

1.淡入
2.不同造形的中文字「雲」蛻變著;
3.字之前、後有數朵雲流動著。
4.文字:「作者:來鵠」,淡入。
5.淡出。
5.儲存檔案cloud_1

片段2(千形萬狀竟還空):

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

片段3(映水藏山片復重):

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

片段4(無限旱苗枯欲盡):

1.切換到白天
2.鏡頭向右搖(Pan to Right)。
3.再Tilt Down
4.一片苗田。
5.苗枯萎的影片片段。
6.儲存檔案cloud_4

片段5(悠悠閒處作奇峰):

1.Tilt Up
2.雲不動。
3.雲聚攏。
4.儲存檔案cloud_5

片段六(片尾字幕):

1.淡出。
2.原著:唐,來鵠
3.劇本:○○○
4.分鏡:○○○
5.音效:○○○
6.儲存檔案cloud_6

片段七

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

資料來源:謝老師教學部落格 http://cmntit.blogspot.com/