【Flash 動畫】 102Flash作品 例1 例2 Demo Flash8 圖庫 補充教材
《Flash作業主題》
作業主題可任選以下其中一個或綜合數個,再自行確立作品名稱,並在練習檔中以
文字敘述作品主題與名稱,最後做出60sec(播一次的時間)以內普遍級且正向的動畫:
(1)練習檔的改編版,創作出有意義的故事。
(2)宣導短片或廣告:30sec,主題自訂。
(3)MV:剪裁60sec以內的音樂(一首或融合數首皆可),演譯或重新詮釋原曲的
意境,並註明音樂出處。
(4)學科知識:可以是國文科或英文科的詩詞、自然科的實驗或定理、社會科或
藝術科的故事......等等。
(5)動態卡片:主題自訂。
(6)其他自訂正向且富教育意義的動畫。
(一)Flash 的繪圖工具:做出各項「影片片段元件」(插入→新增元件),並適當
的群組(修改→群組)各物件。
【角色範例】
記得使用視窗→對齊(與變形共用工作視窗)來置中。
另提及「調色盤」中的線性與放射狀漸層。
可刪除筆畫顏色。
及旋轉(調整軸心位置),做好一片葉子後(記得先群組)可拷貝或水平翻轉做成
其他葉子,最後調整各葉片順序修改→排列)及顏色(滴管工具、墨水瓶工具、
油漆桶工具及填色變形工具)。
後,再使用鋼筆及選取細部工具做調整。
※為求生動,歡迎專長美術的同學使用鉛筆工具、筆刷工具及橡皮擦工具來繪製。
(二)Flash動畫設計:
打散狀態、群組、影片元件、文字的適用時機說明如下:
●群組狀態:讓物件彼此重疊時不會互相分割。
○打散狀態:(2)形狀補間動畫
◎影片元件:(3)(4)(5)移動補間動畫、濾鏡功能
○文字:(5)濾鏡功能
(1)製作逐格動畫●群組狀態:讓物件彼此重疊時不會互相分割。
○打散狀態:(2)形狀補間動畫
◎影片元件:(3)(4)(5)移動補間動畫、濾鏡功能
○文字:(5)濾鏡功能
○ (2)形狀補間動畫
◎ (3)移動補間動畫
◎ (4)移動補間動畫+導引線圖層
◎○(5)濾鏡功能
(6)插入→時間軸特效→特效:展開、投影、模糊、爆破。
(7)遮色片
(三)Flash加入音樂:
(1)先將音源檔匯入至元件庫中,再將音樂加入關鍵影格中。
(2)效果設定:可依需求讓聲音淡出或淡入。
(3)同步設定:同步音樂(MV)必須設定成串流,才能使影音同步;
不同步音樂需設定成事件。
(4)動作:當音樂與聲音都已加入關鍵影格當中,記得在片尾
重播的按鈕要多寫一行動作:stopAllSounds();
否則不同場景的音樂會混在一起,令人難受。
(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〉