課程心得

之前對於FLASH都只是學得一些皮毛而已
經過這次課程的學習
感覺在使用上用更為精進
也做了幾個動畫
從中學習了如何掌握關鍵影格
如何使用語法做有趣的動畫效果

期末作業須改進之處

• 時間快慢的掌握：每格畫面的時間太短，會使觀眾還沒看清楚發生了什麼事，就切到下一段
• 背景音效控制：畫面與畫面間的音樂切換須更加準確

期末flash動畫作業

The pot calls the kettle black 五十步笑百步

終於完成哩 跟我的good partner阿珊一起完成了這個作品
超有成就感的

但是有些小地方還覺得不夠完美
光是關鍵影格就弄的暈頭轉向
音效也是找了好久才找到適合的

看來flash還要多多加強﹦﹦
但請給我們一些鼓勵吧！

複製影片片段

只要按右下紅色按鈕
小鳥就會慢慢增加數量

製作方式:
1.製作小鳥的影片片段元件(實體名稱更名為bb)
2.做背景(要於最下面圖層)
3.做按鈕元件(實體名稱更名為duplicate_btn)
4.新增圖層(最上面一層)，命名為Action
在動作視窗內加入語法
ASstop();add_btn.onRelease=function() {amount = 10;while (amount>0) {duplicateMovieClip("bb", "mc"+i, i);setProperty("mc"+i, _x, random(600));setProperty("mc"+i, _y, random(280)+10);setProperty("mc"+i, _alpha, random(280));setProperty("mc"+i, _xscale, random(80)+50);setProperty("mc"+i, _yscale, random(80)+50);i = i+1;amount = amount-i;}}
5.完成啦

時鐘

一開始作時鐘的數字時
忘記關鍵影格式要設在13格
一直以為是12
幸好及時想出來

動畫中加入了暴走的小雞
增加一些畫面的趣味啦!

製作步驟：
（一）製作時鐘圓盤與數字
1.先畫一圓形，並於數字12處打上1（之後更改數字時，位置才不致位移太多不整齊)
2.將數字1用自由變形工具，將其中心移至圓盤中心。
3.在第13影格新增關鍵影格/做移動補間/順時鐘
4.在時間軸上，按右鍵做轉換成關鍵影格。
5.將第13影格移除
6.依序將個影格敢為正確數字

（二） 做時針元件
1.圖層一畫時針
2.圖層二畫分針
3.將個元件放入舞台中央（使用路徑管理員對齊於中央）
4.影格12做關鍵影格，在屬性面板的補間動畫選移動/順時鐘

（三）組合各元件
1.於圖層一繪製背景圖案
2.於圖層二將時鐘面板、時針與數字對齊於舞台中央
3.加入其他動畫元件(可增加動畫趣味性)
4.完成啦

導引線

製作步驟:

(一)製作汽車元件
1.新增元件，畫一台車
2.並至於畫面中央

(二)新增導引線層
1.滑鼠右鍵點按移動
2.從文字選項選新增導引線，並用鋼筆工具畫其移動路徑
3.將汽車元件拉至舞台，並於48格設關鍵影格
4.第1格與第48格的影格圖像，分別移到導引線的始點及終點。
5.於屬性面板選移動，使用旋轉工具調整汽車方向
6.完成哩

旋轉花朵與遮色片

繪製的過程因搞不清楚遮色片的圖層順序
(背景與旋轉花朵的圖層，要在遮色片圖層下方)
與細節調整
花了不少時間.........
以下是製作的方法

(一)製作花朵元件
1.新增影片片段元件
2.畫一花朵，並至於舞台中央
3.做移動補間/順時鐘(or逆時鐘，看個人喜好調整)

(二)繪製背景
1.新增圖層(其圖層放於花朵的圖層之下)
2.繪製背景

(三)加入遮色片
1.新增圖層，改名為遮色片
2.畫一要遮的造形(其畫的範圍，將是畫面只會出現圖案的部份)
3.於其圖層案右鍵選遮色片
4.完成

串連測試

完整串連動畫

試了好多次
終於成功的串起來啦！
但是上傳後反而失敗了
只出現第一個動畫
看來要統整再同一個檔案比較容易成功
用外部串聯swf好像還容易出問題
但是還是解說一下我串接的方法

方法步驟：

（一）修改各個單一動畫檔
1.開啟cloud_1.fla檔
2.在其新增一個圖層
3.在最後一個影格（所有動畫的最後一格 ex.動畫時間共60格，就在第60格設語法）
在Action Script輸入：stop();
loadMovie("cloud_2.swf", 0);

4.另存新檔（降存為Flash 8，避免串聯上的 失敗）
再以Ctrl+Enter，測試影片
65.依上面之步驟，將cloud_2.fla~cloud_6.fla做相同的修改
將語法的cloud_2照順序改為cloud_3；cloud_4等等

（二)新增主檔

1.新增一個檔案，取名為cloud_0
2.可在前面加入空白關鍵影格(增加影片進場的緩衝）
3.在視窗 / 動作的Action Script視窗中輸入語法：
stop();
loadMovie("cloud_1.swf", 0);

4.依上面之步驟
將後面的關鍵影格依序輸入上面的語法
同樣要將其中的cloud_1依序改為cloud_2等等
（檔案最好都至於同一資料夾，最好以英文命名)

期中作業心得

一轉眼又期中考了
時間也過的真快
六個動畫都終於完成了
但是動畫一直無法整個串起來
找了很多資料
試驗了好多次還是一直不行
檔案不知是哪裡出了問題
都只跑第一個動畫片段
有種沒完成的感覺
有點小遺憾

老話一句：失敗為成功之母
再接再厲啦～

期中動畫一

製作手法：

（一）按鈕（控制動畫的播放)
1.於第一個影格設語法（圖層一）
stop()
2.新增一圖層並輸入語法：
on (release) {gotoAndPlay(2);
}

（二）以關鍵影格製作雲朵的移動
1.於圖層三的第二個影格開始製作
2.設關鍵影格，並匯入以去背之雲朵圖片
3.使用移動補間做移動

(三)背景音樂
1.匯入音樂至元件庫
2.將音樂拉入場景中
3.於編輯中調整音樂的進出場效果

期中動畫二

製作手法:

(一)逐格動畫

1.在舞台上輸入一段文字
2.將其打散(右鍵)
3.依照時間設關鍵影格
將文字作每一影格變形
(可以從修改 / 形狀 >/最佳化，作變形
4.重復上面步驟，將文字都做變形

期中動畫三

製作手法:

(一)使用遮色片做水紋
1.於影片片段做多個矩形填色物件
2.再將上步驟之物件再作元件交錯顯示的動畫
3.再將其拉入舞台中央
4.於圖層中作mask

(二)使用補間做雲的移動
1.使用關鍵影格作補間動畫

期中動畫四

製作手法:

(一)製作影片片段元件
1.新增元件，作影片片段
2.在第一圖層的第一個關鍵影格畫一苗的葉子
3.到第6格，插入空白白關鍵影格
4.畫一往下枯萎的葉子
5.到第11格，同上再畫更枯萎的葉子
6.再將苗的動畫元件
放到舞台中

期中動畫五

期中動畫六

作業六

不知不覺終於完成了最後一個動畫片段
有說不出的感動
時間過的好快
就快期中了
繼續加油啦!

Toom Boom動畫習作

利用新版Toom Boom的運鏡功能
做出類似攝影機的運鏡效果

作業一修正版

終於把作者的名字改回來

國文造詣不好

竟把鵠寫成鴿

作業四

利用關鍵影格

做出稻子從生長到乾枯的過程

不過

稻子畫的有點像蔥

作業三

這次嘗試了較為不同的特效

利用遮色片做出水波的效果

多虧老師借的flash工具書幫忙

效果還不錯

有大陸尋奇的感覺.......

淡入與打散文字練習

製作方式：
打散文字與文字變形
1.輸入文字，做打散
2.插入關鍵影格/全選/修改/形狀/最佳化，重複之步驟即可

淡入淡出的雲
1.先於photoshot把雲去背，存檔為png檔
2.回到flash以匯入檔案的方式，放入元件庫以利使用
3.做Alpha（屬性欄做修改）並作補間動畫

動畫練習

利用文字製作簡單的動畫
簡單的幾個步驟就可做出完整的動畫
雖然之前有接觸過
不過我還是不太習慣以flash畫圖
雲畫的有點奇怪
這是今天上課習作的成果
欣賞一下吧！