無盡秧苗

目標
影片片段製作及應用



步驟
一、製作影片片段元件

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資料夾內。
2. 拷貝以下的文字串，貼到你的部格，將xxxxxxx修改為你的學號後發佈文章。
   <embed src="http://web2.ntit.edu.tw/~sxxxxxxxx/swf/cloud_4.swf" width="400" height="225" loop="-1" autostart="0" ></embed>
   

補充

• 使用影片片段的概念，等同於「開千枝花，一本所繫」中的本。
• 杜甫的詩句「無邊落木蕭蕭下」也具有本練習的特質。
  

逐格動畫法

目標
將文字化成雲形再消失

步驟

1. 在舞台上的空白關鍵影格內鍵一文字「雲」。
2. 從主選單選擇修改 > 打散。
3. 點按時間軸雲字關鍵影格的次一影格，按滑鼠右鍵，選擇插入關鍵影格。
4. 從主選單選擇修改 > 形狀 > 最佳化，於對話框內將將最佳化的滑桿往右調整。
5. 將舞台上的物件略微移動。
   
6. 重復上三動作，迄無法最佳化止。
7. 插入關鍵影格，修改舞台上的物件的形戕或刪除其節點。
8. 將舞台上的物件略微移動。
9. 重復上二動作，迄形狀不見。

延伸學習

• 向古典迪士尼動畫學習

打散文字

目標
將文字打散成向量圖形，以利變形並確保字形不因瀏覽者使用字的限制而走樣。

左為未打散的中文字，右為打散過的。

步驟

1. 點選文字，在舞台下方的屬性欄內框選紅色項目。(註：此法通用cs3t前的版本)

2. 修改>打散。
   如此可以將一組字打散。
3. 修改>打散。
   如此可將個別字打散。
   

夜設二1

夜設二1 電腦多媒體

張毓家
陳思瑩
徐文嫻
林宜璇
游雅雯
陳銘頤
胡雅芳
許燕婷
楊淋元
蔡依恩
魏德瑀
倪紀萱
姚　瑋
陳宜欣
邱義盛
張雅君
林鈺娟

日三A名單

日設三Ａ：電腦多媒體

黃宇涵
蘇郁淳
施詠翰
童柏順
吳季珊
林語屏
許心瑜
郭暄
陳宛渝
陳玟如
陳思澐
鄂智涵
廖曼岑
鄭詔蓉
李念祖
郭郭益言
蔡宗儒
顏 凡

進一A

廖庭馴
周雅鈴
陳盈攸
陳昭雯
張英森
林佩君
吳怡君
李季霏
阮楚蘋
吳美瑩
黃圓錞
劉亞倫
王智廣
嚴姿涵
陳巨峰
陳俊達
柯義豐
林厚志
胡浩文
熊康伶
陳逸慈
楊郁葶
毛梅蘭
曾惠萱
譚昕
辛薏如
楊仕鵬
陳俊利
洪坤照
白意婷
蘇裕雯
陳雪華
黃資華
邱美秀

天然雲的動畫

目標
將天然雲處理成如下圖之淡入或淡出的動畫

步驟
一、製作png格式的雲

1. 找一天然的雲圖數位檔。
2. 在Photoshop將藍天去背，選取去背的雲形，拷貝之。
3. 在Photoshop新增一檔案，設定圖面大小為640x360pixel， 解析度為72dpi，背景選項為「透明」。
   (補充：圖面大小，視需要而定，最好以不須在Flash做縮放為原則)
   
4. 貼入雲形。
5. 儲存為png格式。
6. 依上述方法另做數個雲的png檔。

二、製作flash動畫

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

製作cloud_1

目標
製作出雲的影片頭

學習項目

• 元件製作
• 關鍵影格
• 插入空白關鍵影格
  
• 移動補間
• 改變舞台物件屬性
  
• 上傳swf

要上傳swf到部落格，你須

1. 先將該近端站台的swf檔FTP到遠端站台。並記下它的網址。
2. 可拷貝底下的文字列到你的部落格，但須將你存放swf的網址加以修改。(補充，由於雲的影片畫面比為16: 9，所以依該比率，以下文字列中會有height="225" width="400"的設定。(參考上傳swf到blogger)

<code><span style="font-size:100%;"></span></code><span style="font-size:100%;"><span style="font-size:100%;"><div><object type="application/x-shockwave-flash" data="http://web.ntit.edu.tw/~hsieh/swf/cloud_x.swf" width="400" height="225"><param name="movie" value="http://web.ntit.edu.tw/~hsieh/swf/cloud_x.swf"> </object></div>

Ｆlash作品練習

目標
學會將唐詩中來鵠作七言絶句《雲》，編成劇本，再據以製作一完整的Flash影片。

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

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

前製規畫

• 畫面大小 (640x360)
• 影片長度 (幾秒)
  
• 腳本繪製
• 背景音效

劇本
片段1（片頭）：

1. 淡入
2. 不同造形的中文字「雲」蛻變著；
3. 字之前、後有數朵雲流動著。
4. 文字：「作者：來鵠」，淡入。
5. 淡出。
6. 儲存檔案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. 苗枯得更慘，與雲形成對比。
   
5. 儲存檔案cloud_5

片段六（片尾字幕）：

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

片段七

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