中華醫事科技大學 中華醫事科技大學 102 102 學年度專題製作報告 學年度專題製作報告
FLASH
FLASH 動畫的研究與實作 動畫的研究與實作 - -
ADVENTURETIME 團隊
指導老師：林肇哲 組長：蔡昇翰 組員：蘇憲智 林志揚 劉承瑋 卓琬婷
日期： 103 年 1 月 1 日
目錄
一 .動機 --- 3
二 .目的 --- 3
三 .研究方法 --- 3~14 四 .成果呈現 --- 15~22 五 .結論 --- 23
六 .參考文獻 --- 23
七 .心得 --- 24~25
八 .工作分配表 --- 26
九 .甘特圖 --- 27
不死板，因此我們對 Flash 有極大興趣且也想跟著老師及組員製作出更好的動 畫。
二、目的
就Flash 本身而言，它並非僅僅局限於動畫製作。也可以製作出較有意義性質 的動畫，例如：酒駕宣導、珍惜資源及各類大小廣告宣導影片，我們參與這次 的專題，也是製作出宣導影片既而參加各類比賽。利用簡單輕鬆的小動畫而達 到提醒作用，當然最重要還是為了吸引社會大眾的目光及響應。
三、研究方法
作一個 Flash 動畫專題，必須具備一些先決條件，首先我們要確認主題，進而 我們要編寫腳本，一個腳本的好壞會影響我們製作動畫的進度，此外，因為我 們並不是學美工出身的且繪畫天分也是有限的，我們所擁有和所學過製作動畫 的軟體也只有 Flash 這一套，雖然我們可以利用其他軟體來繪製我們會用到的 元件，但我們也只能用滑鼠來繪製，因為我們沒有多餘的經費去購買繪圖板或 手板。此外，要呈現出具有聲音和動畫的效果，故我們也只能找一些免費軟體 來剪輯聲音，我們必須將編好的故事，會用到的人物，除了要一一繪製出來外，
我們還要將它們身體各部位一一支解，才可以達成動畫的效果，所以要製作一 個生動有趣的動畫，也不是一件容易的事。
認識 Flash 動畫的基本概念
Flash 動畫具備了五樣重要的元素，那就是：劇本、場景(Scene)、圖
層(Layer)、畫格(Frame)、角色(Symbol)，當然更少不了你這位導演了。
劇本：整個動畫要如何演出必須在你的腦中構思成形，並且排練過一遍，再藉
由Flash 驚人的技術將之表現出來，因此要設計一個可看性高的動畫應將整個
細節紀錄下來，將有助於動畫的製作。
角色(Symbol)或稱元件：動畫上各式各樣的圖片或文字。
畫格(Frame)：像卡通影片中每一個人物的各個分解動作，而每個分解動作畫
面就是一個畫格，在Flash 中是以時間軸來表示其畫格。
圖層(Layer)：由數個畫格所組成，它記錄著每一個角色所要進場演出的時間及
出場時間。
場景(Scene)：場景包含了所有製作動畫的基本設定，例如動畫的尺寸、背景
色。
Flash 基本示範
• 使用滑鼠拉曳的方式來複製影格時, 請先將欲複製的影格選取起來, 然後 按住 [Alt] 鍵, 拉曳選取區到要貼上的位置。
• 使用功能表命令複製影格時, 同樣請先選取欲複製的影格, 在選取區中按 下滑鼠右鈕執行『複製影格』命令, 再將指標移至欲貼上影格的地方, 然
後按下滑鼠右鈕執行『貼上影格』命令即可。
搬移影格
• 用滑鼠拉曳的方式來搬移影格 (Move Frame) 是再簡單不過的了, 只要 將欲搬移的影格選取起來, 然後拉曳選取區到適當的位置即可。
• 你也可以按下滑鼠右鈕, 利用快顯功能表中的『剪下影格』、『貼上影
移動關鍵影格
• 若需要在影格中移動關鍵影格位置, 只要先點選關鍵影格, 再拉曳關鍵影 格到適當位置即可。
反轉影格
• 反轉影格 (Reverse Frame) 是把動畫的頭尾順序顛倒, 反過來播放的意 思。
• 我們來看看這個範例 ：
• 這個動畫的前半段 (從 F 變成 FLASH ) 跟後半段 (從 FLASH 變成 F ) 剛好是相反的, 此時只要利用複製、搬移跟反轉動畫的命令便可以完 成。
• 雖然這只是一個簡單的例子, 但是在動畫內容很複雜的時候, 只要執行
『反轉影格』命令, 就可以輕鬆地將動畫反轉, 相當好用。
• 必須完整選取一段動畫的開始至結束之間的所有影格, 才能執行反轉影
格的操作, 單一影格則無法執行此命令。
遮色片動畫
匯入照片，把該圖層命名為"照片"，如圖1
圖1
再新增一個圖層，把該圖層命名為"遮罩"，在"遮罩"圖層產生一個紅球的元件，
並且做一段由左至右，並且變大的動畫，如圖2
圖2
將"照片"圖層時間延長與"遮罩"圖層相同
再點選"遮罩"圖層，按右鍵執行遮色片指令， 如圖3
圖3
這時就可以看到遮色片的效果，如圖 4
4圖 動畫的導引線
我們可以畫一條不規則的線條，讓元件的動畫，跟著這條路線來做不規則曲線 運動
請同學畫一個簡單的飛碟，再把它轉成元件，再將圖層1 命名為"飛碟"，做一 段長度為30 格的動畫， 如圖1
圖1
執行加入引導線的指令，請直接點選增加導引線的圖示按紐，就會產生一個導 引線:飛碟的圖層， 如圖 2
圖 2
用鉛筆在導引線:飛碟 圖層，隨意畫線，如圖 3
請注意線條只能有一條，可以隨意交叉， 但不能重疊，也不能有其他分支
圖 3
再將導引線圖層鎖住，將"飛碟"圖層設為編輯狀態，確定貼齊物件工具是按下 去的狀態，點選影格1，再選擇舞台上的飛碟軸心，拖曳貼齊到線條的其一端 點，如圖4
圖4
點選影格30，再選擇舞台上的飛碟軸心，移到線條的另一端點，如圖5
因為有開啟貼齊工具，所以到一定距離時，飛碟的軸心會自動靠到端點
圖5
製作者 :蘇憲智 作品:電信三雄
製作者 :林志揚
作品 :殺蟲劑
作品 :愛地球做環保
製作者 :卓琬婷
作品 :通訊行
作品 :時尚租車
第四屆東陽盃「全民瘋創意」交通安全微電影 比賽
( 已參賽)
製作者: ADVENTURE TIME
作品:開車不喝酒
網站呈現
五、結論
因為不長時間碰觸FLASH，所以這一整年專題中，積極的去學習、專研，了解 FLASH 所有功能的動作、相關應用在哪方面及反覆的練習，一年中，它有非常 多的變化，而造成許多的樂趣，是一個很好的動畫設計，也進一步去明白 FLASH 可用於哪些和哪些是需要 FLASH，如：網頁設計、遊戲、動畫、商業 應用等，用於之廣，很多軟體需要他的存在，它再現今是部會隨著變遷而淘汰，
每個人都會需要FLASH，所以去學習它。
六、參考文獻
書面資料 :
1.flash8範例教本/詹森仁著
網路資料:
1.閃吧-flash8.nethttp://www.flash8.net/download.shtml
2.flash 漩渦效果http://www.study-area.org/coobila/tutorial_299.html 3.使用 Flash 操作 PDF http://waterxbread.blogspot.tw/2009/07/flash-pdf.html
七、心得
蘇憲智:
因為上了flash 的課，我才發現原來上課不是這麼的無趣，還是有很有趣的課，
可能是我沒天份吧!總覺得很難，但不會像有些課就只是看書而已，有的時候還
要有自己的想法跟創意，希望以後還有機會可以學習到這門課!
林志揚:
第一次接觸FLASH 是經過林肇哲老師的課堂上所學習的一項軟體製作,本來沒 有太大的興趣,經過非常多次的練習,發現動畫好玩的地方,而且還可以參加校外
比賽拿獎金,這就是學習 FLASH 的動力,希望可以藉由這次的專題拿到好名次。
劉承瑋:
對於這個FLASH 動畫靈感來自組車行時才想到的,所以才想製造出廣告動畫來
推銷,動畫以 KUSO 方式呈現,車子用卡通
圖案以可愛風格跑出來,藉由這個動畫來呈現出組車行的特色。
卓婉婷:
這次上了Flash 的課，我覺得很有趣也很辛苦，因為 Flash 真的不太好學，最 好是要重複練習，才可以熟悉相關操作!而且還要很小心，因為第一個步驟錯，
蔡昇翰:
一談到網路多媒體，我第一個想到的工具就是Flash，這可從現在流行網站上 熱門的動態網頁、 電子賀卡、廣告，乃至到大家熟知的阿貴網路卡通等，皆是 由Flash 所一手包辦製作出來的，這軟體可發揮的功效是讓大家很難想像的到 的~因為可以運用的層面太廣了!這也是我上課後才知道的~ 我初次接觸 Flash 約在高中的時候，當時剛熟悉電腦而已，所以對這軟體十分陌生，但卻被小小 的遊戲吸引住，進而很想學習這部分，不過也遲遲沒有動作，直到現在，呼~。
我覺得Flash 最令我吃驚的是不管多大的卡通動畫檔案居然只需要小小的容量，
頓時讓我的以前對動畫的概念有了很大的新衝擊!
八、工作分配表
蔡昇翰 卓婉婷 蘇憲智 林志揚 劉承偉
網頁設計
網站測試
作品動畫
成果呈現
書面製作
書面心得
參考文獻
美工編排
甘特圖
2013 2-3月
2013 4-5月
2013 5-6月
2013 6-7月
2013 7-8月
2013 8-9月
2013 9-10月
2013 10-11月
2013 11-12月
