2014年12月1日 星期一

103Flash

Flash 是向量式繪圖兼動畫軟體,原來是由 Macromedia 公司出品,現在隸屬 Adobe 公司。

Flash 動畫     102Flash作品    例1     例2    Demo     Flash8     圖庫    補充教材


Flash作業主題
作業主題可選以下其中一個或綜合數個,再自行確立作品名稱,並在練習檔中以
文字敘述作品主題與名稱,最後做出60sec(播一次的時間)以內普遍級且正向的動畫
  (1)練習檔的改編版,創作出有意義的故事
  (2)宣導短片或廣告:30sec,主題自訂。
  (3)MV:剪裁60sec以內的音樂(一首或融合數首皆可),演譯或重新詮釋原曲的
意境,並註明音樂出處。
  (4)學科知識:可以是國文科或英文科的詩詞、自然科的實驗或定理、社會科或
藝術科的故事......等等。
  (5)動態卡片:主題自訂。
  (6)其他自訂正向且富教育意義的動畫。


(一)Flash 的繪圖工具做出各項「影片片段元件」(插入新增元件),並適當
             的群組(修改群組)各物件。
角色範例
(1)太陽線段工具(使用視窗變形旋轉)橢圓形工具(加按Shift可畫正圓)
                 記得使用視窗對齊與變形共用工作視窗)來置中。
(2):橢圓形工具、鋼筆工具選取細部工具油漆桶工具填色變形工具
             另提及「調色盤」中的線性與放射狀漸層。
(3):線段工具(使用貼齊物件選項)、油漆桶工具、箭頭工具,再加上橢圓形工具。
             可刪除筆畫顏色。
(4):樹幹及果實部份同前;葉子部份在外型上同(3)雲的作法,再使用自由變形工具縮放
              及旋轉(調整軸心位置),做好一片葉子後(記得先群組)可拷貝或水平翻轉做成
     其他葉子,最後調整各葉片順序修改排列)及顏色(滴管工具墨水瓶工具
   油漆桶工具及填色變形工具)。
(5)海浪:使用矩形工具拉出海浪長寬、自由變形工具(分封線選項)粗略拉好海浪弧度
                 後,再使用鋼筆及選取細部工具做調整。

為求生動,歡迎專長美術的同學使用鉛筆工具筆刷工具橡皮擦工具來繪製。

(二)Flash動畫設計
  打散狀態、群組、影片元件、文字的適用時機說明如下:
群組狀態:讓物件彼此重疊時不會互相分割。
打散狀態:(2)形狀補間動畫
◎影片元件:(3)(4)(5)移動補間動畫、濾鏡功能
○文字:(5)濾鏡功能

  (1)製作逐格動畫
○ (2)形狀補間動畫
◎  (3)移動補間動畫
 (4)移動補間動畫+導引線圖層
(5)濾鏡功能
  (6)插入→時間軸特效特效:展開、投影、模糊、爆破。
  (7)遮色片


(三)Flash加入音樂
(1)先將音源檔匯入至元件庫中,再將音樂加入關鍵影格中。
(2)效果設定:可依需求讓聲音淡出或淡入。
(3)同步設定:同步音樂(MV)必須設定成串流,才能使影音同步;
                        不同步音樂需設定成事件
(4)動作:當音樂與聲音都已加入關鍵影格當中,記得在片尾
    重播的按鈕要多寫一行動作:stopAllSounds();
    否則不同場景的音樂會混在一起,令人難受。

(四)Flash製作要領
(1)圖層編輯的眼睛框線含意。
(2)各類影格編輯:關鍵影格、一般影格、空白影格。
(3)圖層的觀念:一個圖層最好只放進一個元件,圖層上下層關係與實際符合。
(4)移動補間動畫:包括縮放、加減速、旋轉等設定。 
(5)在移動補間動畫的頭尾關鍵影格中,可針對元件的顏色屬性做設定:包括亮度、色調、透明度(Alpha)及進階等之變化。
(6)移動補間動畫可加上導引線圖層做輔助。此時屬性中旋轉若設定為自動並勾選「沿向路徑」則會循導引線旋轉。
(7)形狀補間動畫必須在元件被完全「打散」網狀選取狀態)的情況下才能進行
(8)影片片段元件本身的動畫:讓角色活起來。

(五)Flash教學流程
練習檔〈103xxxflash.fla〉
【第一節】優秀作品展示
第二節】Flash繪圖工具:(1)群組與打散  (2)線段+黑箭頭  創作第一個角色《魚》
第三節】Flash繪圖工具:(3)鋼筆+白箭頭  創作第二個角色《雲》
                                                    (4)鉛筆或筆刷  創作第三個角色《太陽》
第四節】Flash動畫設計:(1)移動補間動畫:太陽升起(縮放、加減速、旋轉),
             (2)移動補間動畫:雲飄動(顏色-亮度、色調、Alpha 設定)
第五節】Flash動畫設計:(3)移動補間動畫:魚游動(插入導引線圖層 + 勾選沿向路徑)
第六節】Flash動畫設計:(4)形狀補間動畫:海 (比較元件內與場景中補間動畫的差異)
第七節】Flash動畫設計:(5)匯入音樂
個人創作〈103xxxfwork.fla〉