銘傳大學 106 學年度上學期

106 年度教學卓越計畫子計畫一

【一般課程】課程重構計畫

結案報告

課程名稱： 電腦動畫製作

教師姓名： 王開立

系所單位： 商業設計學系

撰寫日期： 107 年 2 月 1 日

壹、計畫動機

商業設計系開設電腦動畫製作課程已有多年，原授課老師基本上是以 Adobe

Flash 這套動畫軟體做為主要的學習軟體，並且也在授課過程中講解動畫的製作

原理、角色與場景設計、主題式動畫影片製作編輯等內容。

由於電腦動畫本身就是一項模擬的工具，能夠廣泛應用於商業設計的各個領

域之中，像是廣告影片製作與網路廣告(TV Commercial and Web Ads)、影片後製

特效(After Effects)、動態圖像(Motion Graphic)、3D 產品或包裝虛擬展示、簡報

製作，甚至於數位教材的製作等用途，對於學生動畫概念的養成十分重要。然而

隨著電腦動畫技術的突飛猛進，傳統的 Adobe Flash 已經不足以滿足目前多樣的

動畫形式與後製的需求，製作工具已經由原先學校購買的軟體，延伸到線上製作

軟體的運用，甚至動畫素材也已經透過免付費方式下載使用。若授課內容再不作

適當的修正與調整，將與市場需求產生脫節的情形，有必要藉由此次的課程重構

計畫，重新思索電腦動畫製作這門課的授課方向與內容。

此外我們也應該同時思考，電腦動畫製作在商業設計系所扮演的角色，它開

課的目的與功能應該與數位媒體系所開設的相關課程式有所區隔的，我們在授課

內容上應該將學習重點放在「軟體操作」與「創意訓練」兩者上，在學習的應用

方面，應該能夠藉由動畫製作技術，讓其他現有商業設計課程的創意表現更有表

現空間。

貳、執行內容 （課程設計與執行概念、實施方式、實施進度等訊息）

一、若本課程非首次申請課程重構計畫，請說明與前不同之處

針對此次的課程重構計畫的對象是電腦動畫製作這門課，有別於

一般傳統以軟體教學為主的內容設計，這次特別針對商業設計學系的

系所學習目標以及學生的發展屬性做為課程設計的考量，基本上是以

多元、易學、實用的教材設計，並且輔以全新的數位教材來提高學生

的學習成效。希望藉由教材影音數位化，讓修課學生的學習過程更加

有趣、更有效率。

這學期特別安排了「動畫製作原理」與「動畫的 12 項基本法則」

等基礎動畫理論，並且也規劃了線上動畫簡報製作、3D 動畫入門，以

及 Motion Graphic 的視覺構成等實作單元。透過 Animaker、Swift3D、

Adobe After Effects 軟體操作教學，讓學生能夠體驗電腦動畫的製作流

程與編輯技巧，期待電腦動畫製作這門課能夠讓選修的學生獲益良多。

二、教學目標 （教學理念、教學目標是什麼）

在過去商業設計系的課程規劃多半比較偏重於視覺傳達類型的課

程，也就是多屬於靜態式的圖文編排或是手繪訓練，學生雖然也有學

習電腦軟體，但多半是針對影像編輯、印刷品編排，以及電腦繪圖的

內容，對於影音製作的能力較為薄弱。因此想藉由本課程的教學內容

修定，讓學生在課程學習過程中，大略能夠領略在現今網路發達的環

境下，如何結合數位科技與影音技術，製作出更加豐富且多元的創作

內容。

本課程所訂定的教學目標如下:

(一)能使學生認識目前比較主流的電腦動畫製作軟體，以達到 2D 與

3D 動畫製作基礎能力之目標。

(二)能使學生了解相關電腦動畫短片之製作原理之學習目標。

(三)能使學生學習腳本分鏡、動畫創作與企劃發想之學習目標。

三、教學內容 （主要的教學內容）

為了讓學生能夠以循序漸進的方式，進入電腦動畫製作的專業領

域，避免過多的軟體技術負擔而形成學習壓力，本課程將會大致分成

三個階段來進行。

第一階段是「入門篇」，主要是介紹動畫製作的原理、動畫製作原

則、動畫類型等相關學理，並以線上動畫簡報製作網站 Animaker 的操

作作為暖身。

第二階段是「基礎篇」，首次將 3D 軟體的製作基礎概念引進課程

之中，學生將完成首部的 3D 動畫作品。

第三階段是「進階篇」，指導老師將花較長時間來指導同學用

Adobe After Effects 來製作一段一分鐘長度的 Motion Graphic 短片。

以上這三個階段教學內容，將個別完成一部動畫作品，學生必須

將作品分別上傳到 Youtube 頻道，並且在 Moodle 教學平台上將影片位

址連結，以便讓指導老師與其他同學可以彼此觀摩與評比。

以下是電腦動畫製作整學期的課程進度:

四、教學活動設計 （如何達到教學目標的教學活動設計）

本課程將從動畫的定義與視覺原理開始，介紹動畫的類型與製作

方式，並以迪士尼所提出的 12 項動畫的製作法則(12 basic principles of

animation)講解動畫的表現特徵，然後要求學生依照這些製作法則進行

科目名稱：電腦動畫製作 單學期課程共：2學分

選別：選修 每週授課時數：2小時

教學單位：商業設計學系 型態別：1 (1-上學期 2-下學期 3-全學年)

週別 單元 單元大綱

1 課程簡介 授課內容、程序說明、作業與評分方式

2 動畫製作原理 介紹動畫的定義、範圍與視覺原理

3 動畫的 12項基本法則 介紹迪士尼所提出的 12項動畫的製作法則

4 線上動畫簡報製作之一 介紹線上動畫簡報製作網站 Animaker的操作

5 線上動畫簡報製作之二 介紹線上動畫簡報製作網站 Animaker的操作

6 第一次作品發表 以個人方式發表動畫作品並上傳 Moodle

7 3D動畫入門之一 學習 Swift3D軟體操作與 3D建模與動畫製作方式

8 3D動畫入門之二 學習 Swift3D軟體操作與 3D建模與動畫製作方式

9 期中考 停課

10 第二次作品發表 以個人方式發表動畫作品並上傳 Moodle

11 Motion Graphic製作原理 Motion Graphic的介紹與視覺構成入門介紹

12 動畫製作軟體教學之一 Adobe After Effects軟體操作介紹

13 動畫製作軟體教學之二 Adobe After Effects軟體操作介紹

14 腳本製作與鏡頭語言 以作品範例介紹動畫腳本製作方式與鏡頭語言

15 動畫製作軟體教學之三 Adobe After Effects軟體操作介紹

16 進度討論 作業進度檢討

17 總發表 作品發表並上傳 Moodle

18 期末考 停課

作品創作。

(一)動畫製作概念的建立

動畫片的發展已有百年的歷史，動畫的製作方式經歷過許多時期

的演進，值得與學生分享。本課程將從古早的逐格手繪影片開始，一

直到近代數位動畫的趨勢，介紹動畫片從類比到數位的發展過程，並

且探討動畫片的製作原理與法則，以建立學生對於動畫製作的基本概

念。

(二)自主式學習能力的培養

本課程特別重視學生在探索知識過程的自主性，旨在鼓勵學生當

面對問題及設計瓶頸時，能夠不受常規所限，以多樣角度去思考和探

索問題，並藉助網路上大量的動畫影片做為範例，運用創意的思維來

重新規劃設計，製作出賞心悅目又具創意的動畫影片。本課程藉由面

對面的討論與定期階段性發表方式，以溝通方式培養學習者思索分析

的能力。

(三)設計實務與學理的整合

本課程除了提供完整的學理教材與課程資料外，還在授課過程中

規劃了設計實務的單元，要求學生必須針對某一特定主題，學習企劃、

角色與場景設計、分鏡、軟體製作，到數位剪輯等過程。換句話說，

本課程要求理論與實務兼具，學習者可以藉由設計實務的過程來驗證

理論。歷年來所累積的學習經驗可以重複利用或者組合，能夠讓學習

走向更多元化的學習，例如混合式學習、協同式學習等。

(四)強化學習溝通模式

本課程將導入翻轉教室的概念，指導老師將精心編製的數位影音

教材預先上傳至網路上並制定進度與各階段發表的時辰，由學生先行

下載學習，課堂時間指導老師則與各小組學生面對面討論研究主題、

追蹤進度，期末學生必須將研究成果上傳網路或存成光碟繳交作業。

翻轉教室學習打破了傳統學校教育的圍牆，指導老師與學生的互動更

加緊密，使得課堂授課不再只是學習的唯一的途徑，雙向的溝通與經

驗分享方式延伸了教育無限的視野及空間。

五、教學評量 （如何評量教學目標達到與否）

本課程基本上是以指導軟體操作和培養學生動畫影片的製作能力

為主，因此在學習的過程中，將依據每次的階段性報告來評量學生的

學習狀況與學習成果。學生將依照教師的課程規劃進度，定期繳交指

定的作品與報告。

本課程基本上是以三階段作品的成果發表做為教學評量的依

據，分成「設計作品」、「口頭報告」與「平時評量」三大部份。

審查主題 審查內容 成績比例

設計作品

設計作品包含:

1.作品的創意與美感 2.動畫製作的技術

的熟練程度 3.作品光碟的繳交

50%

口頭報告

口頭報告包含:

1.作品說明的完整性 2.企劃階段的構想報

告 3.準時出席期末成果發表

30%

平時評量

平時評量包括:

1.平時上課出席情形 2.各階段執行進度

之考核

20%

參、計畫成果

一、摘述辦理情形

本課程中將會分成三個階段，第一階段是「入門篇」，第二階段是

「基礎篇」，第三階段是「進階篇」，每個階段都有不同的授課主題與

學習的軟體，希望同學能夠按部就班，逐漸進入動畫製作的世界裡。

以下分別針對各階段授課內容加以說明:

第一階段「入門篇」

軟體 Animaker 線上版(課程周數 3 周)

授課內容:

Animaker 是一個線上的動畫影片與簡報的製作軟體，具有非常豐

富的特效與現成的製作元素，對於初學者來說，極易上手，並且可以

藉由學習過程了解到場景、角色、轉場、文字標題、運鏡的專業製作

技術與知識。本階段將要求同學針對某個特定的主題，製作一段動態

式的簡報影片，並於完成時公開發表與上傳 Moodle。

第二階段「基礎篇」

軟體 Swift3D 試用版(課程周數 3 周)

授課內容:

Swift3D 是一套基礎的 3D 建模與動畫的製作軟體，由於操作介面

簡單很容易上手，對於初次學習 3D 的同學來說，可以學習到 3D 建模

的基礎概念、燈光、材質、動畫特效的運用等專業製作技術與知識。

本階段將要求同學針對某個特定的主題，製作一段 3D 動畫片頭影片，

並於完成時公開發表與上傳 Moodle。

第三階段「進階篇」

軟體 After Effects CC 正式版(課程周數 5 周)

授課內容:

After Effects CC 是目前在製作影音動畫以及電影特效上最具代表

性的製作軟體，但由於軟體操作較為複雜，並且學習領域十分寬廣，

過去並未安排在動畫相關課程中。After Effects CC 可以運用在 Motion

Graphic 的短片製作，以及影片中的特效製作上，由於軟體的操作需花

費較多的時間，預計以 6 周的時間來指導同學如何運用。本階段是屬

於進階課程，所以會要求以同學分組方式，要求各小組針對特定的主

題，發展分鏡腳本、繪製角色並逐一完成動畫影片的製作，並於完成

時公開發表與上傳 Moodle。

二、課程實驗成果

相較於先前電腦動畫製作課程之教學內容，本次教師所導入的動

畫內容範圍更加寬廣，涵蓋動畫式的簡報製作、簡易型的 3D 動畫短

片，以及音樂 MV 的 Motion Graphic 製作。原先指導老師會擔心這門

課的選修學生會因為匆促的學習時間、太多的製作軟體，感到無法適

應。但是經歷過一整學期的實施之後，雖然確實有學生因為缺席次數

過多進度無法跟上而中途退選外，其餘學生在各階段的學習成果卻有

十分亮眼的表現，甚至高於當初教師所設定的標準。

根據課程重構計畫之學生回饋問卷統計結果呈現，學生回覆問卷

相當踴躍，超 7 成的修課學生十分肯定教師這學習的教學內容與授課

方式。問卷結果所示如下表:

題目

非常同意

同意

無意見

不同意

非常不同意

1. 這門課讓我思考了以前我沒有想過的問題 36% 53% 11% 0% 0%

2. 我從這門課學到有價值的知識或技術 46% 54% 0% 0% 0%

3. 這門課讓我的視野更拓展，增加更多觀點 39% 61% 0% 0% 0%

4. 我認為課程的預定目標已經達成 32% 50% 18% 0% 0%

5. 課程的各種安排與設計幫助我學習與瞭解這門課 36% 57% 4% 3% 0%

6. 有適當合理的方式來評量學生的學習 36% 57% 7% 0% 0%

7. 給分打成績的方式有書面及適當說明 7% 75% 18% 0% 0%

8. 課程的難度是恰當的 11% 68% 14% 7% 0%

9. 預習方式有助於學習（無預習要求則不必作答） 11% 57% 32% 0% 0%

10. 運用 Moodle 分享教材與同學的作業有助學習 46% 50% 4% 0% 0%

11. 授課教師表現了對本課程的知識與瞭解 57% 43% 0% 0% 0%

12. 授課教師表現了對本課程的興趣與熱忱 54% 46% 0% 0% 0%

13. 授課教師的教導能啟發我進一步思考 36% 57% 7% 0% 0%

14. 授課教師鼓勵學生有自己的看法與獨特性 43% 54% 3% 0% 0%

15. 授課教師鼓勵學生問問題或參與學習 43% 50% 7% 0% 0%

16. 授課教師會回應學生的疑惑與問題 61% 39% 0% 0% 0%

17. 授課教師尊重學生 61% 39% 0% 0% 0%

18. 整體而言我認為授課教師是位好老師 61% 39% 0% 0% 0%

19. 我認真投入這門課的準備與學習 39% 47% 14% 0% 0%

20. 我上課很專注 43% 32% 25% 0% 0%

21. 我參與各式學習活動、例如會提問題、給回饋、

貢獻我的看法 32% 32% 32% 4% 0%

22. 我很滿意教學助理的表現（無 TA 則不必作答） 14% 50% 32% 0% 4%

三、執行成效評估 （學生學習成效為何，請提出具體佐證）

(一)預期成果

1.培養動畫軟體與繪圖工具的操作概念

2.動畫影片分鏡原理觀念之建立

3.動態圖像(Motion Graphic)作品之製作能力

(二)佐證方式

1.各階段動畫作品的進度報告-每位學生預計繳交三件動畫作品

2.成果展示與 Moodle 作品上傳，並完成學期發表與影音作品之分享

3.數位影音教材-教師將軟體操作過程錄製影音檔，提供學習者課後複

習之用。

另外根據課程重構計畫之學生回饋問卷開放式為答問題結果呈現，回

答問題的修課學生對於學習內容與收穫是相當滿意的。

以下將問卷內容結果摘錄如下:

1. 回顧這學期的這門課，請自我陳述您的學習成效如何？您認為所得到的收穫。

(1) 動畫製作，AE 的嘗試。

(2) 作業製作耗時，但皆有收穫，教學時間可延長能學習得更完整。

(3) 學到 Animaker 可以簡單的製作出好的影片。

(4) 動畫要很有耐心，我會加油的。

(5) 之前都是學平面設計，但通過這門課學習到基本的 3D 和 motion graphic 對將

來找工作絕對有加分。

(6) 有以前沒想過的情況並能完成他。

(7) 很好，收穫良多。只是要多練習幾次，就可以慢慢漸進學習。

(8) 可以學到更多不同的軟體，在課業上可以發揮更多。

(9) 成效不錯，學習了各種做動畫的技能。

(10) 學習到想要學習的動畫，ex:AE 的 MV 製作課程。

(11) 有引發對 AE 的興趣。

(12) 學了以前沒接觸過的軟體，了解了一些實用的技巧。

(13) 學會 3D 建模，雖然不是很熟悉，但有概念了。更了解動畫製作的原理，也看

了很多好作品。

(14) 學到了滿多基礎的東西，對軟體有基本的認識。

(15) 老師上課講解清楚，Moodle 上也會有解說影片或範例，若有不清楚的地方也

能自己複習，我認為學習成效不錯，能真的學到實用的技巧。

(16) 老師的講解很簡單容易了解，還會另外錄製影片讓同學可以自己看，只要上

課有聽和遇到問題去翻影片，做作業就不會很困難，這門課老師要教學很好，

雷的是軟體。

(17) 有學到東西但是過程中太困難了，需要摸索很久才能完成，而且軟體的選用

上面，mac 的會很難製作及解決。

(18) 很花時間，也沒做出特別好的成品。老師教學很認真，但可能我沒慧根吧?! 常

熬夜，動畫上早八想睡。

(19) 本來以為要選別系的課才會學到些關於動畫的軟體，沒想到有這堂新開的

課，在上了一堆平面設計的課外能學到些不同的東西非常開心。

(20) 能詳細學習到除了 flash 以外最近主流的動畫製作，未來也能運用相關技能，

備有相當基礎。

(21) AE。

2. 回顧這學期的這門課，讓您印象最深與課程的學習相關的事件、話題、人物是什麼？

想給授課教師什麼建議？

(1) 多點 AE 的課程。

(2) AE 有錄製影片，這非常方便、實用和貼心，希望每次每個教學皆有影片。

(3) 最深刻的是 swift 3D 跑 310 個小時。

(4) Motion graphic MV 好讚。

(5) 這堂課有 3 個作業，並分成 3 個軟體製作，所以學會的軟體滿多樣的，只是

期末以 AE 軟體為主，個人覺得這個軟體需花更多時間學習，或許從 3 個軟體

縮到 2 個就好。

(6) 我個人覺得這門課的教學安排得很好，可以在一學期學到不一樣的動畫很有

新鮮感。

(7) 老師示範得不錯，由 swift -> AE 學習得更有效率，缺點是 swift 沒有正式的官

訪網站，輸出檔案太大，可以去找替代的軟體更好，不然我筆電會炸掉…加

上他是支援微軟的，不能用在 MAC，對同學滿不方便的。

(8) 每一項作業都讓我印象深刻，在學習以及作業的期間都非常的樂在其中，看

見自己的努力出來的成果也覺得很有成就感。唯一比較麻煩的是 swift 3D 的軟

件，因為 macbook 無法正式下載，必須天天到校做，輸出檔案也花了好多時

間。希望可以找到替代的軟件讓學生更加方便學習。

(9) 繼續加油。

(10) 機器人動畫。希望程式能換好找一點的。

(11) 很多網路上的影片的製作方式，原來都可以在這堂課學到，很新鮮也很實用。

不過因為這堂課安排在早八，有時精神狀況不好就會漏掉一些重點。

(12) 學 AE 和了解動畫原理，AE 很複雜，學得很崩潰，但值得挑戰。自己本來就

很喜歡動畫，所以看到那些原理和影片。對那些都有概念了就滿心的。建議：

教學時能將基本功能詳述一遍，而不是要做某種特效時才讓學生清楚。

(13) 3D 動畫原來這麼難，希望可以有更多小的練習作業。

(14) 上課的使用軟體常出狀況，像是 Animaker 操作時電腦非常當，swift 3D 沒有

mac 可用版本，輸出也有問題，若沒有別的電腦，可能就無法完成作業。

(15) 教的軟體有些真的很難取得，像是 swift 3D 就沒有 mac 的破解版本，沒有別

的電腦的人根本就沒辦法做，還有就是輸出的問題，Animaker 和 swift 3D 的

輸出每次都搞很久，特別是 swift 3D 很容易就失敗或檔案太大。

(16) 選用下載方便的軟體，swift 3D 光下載軟體就花了好長的時間。

(17) ODD 做的 motion Graphic 很完美(超好看的)。

(18) Disney 的景深效果(卡通也是有景深，是不只平面的) -> 但我仍然不會。

(19) 未來的簡報不可以只用平面，如果你只會做平面的，你 low 了。

(20) 軟體下載問題(mac 不支援)。

(21) 老師很認真，有問必答。

(22) 因為需要高度集中力、記憶力，早八有點力不從心。

(23) 課程上的漸進學習，每次上課都學習一點功能、技法。

(24) 電腦軟體殺手用的很艱辛，檔案太大算圖 5hr 失敗，學 AE 很不錯，但不喜歡

3D swift。

四、差異分析

（執行【課程重構計畫】前後的「教學內容」和「課程成果」

差異分析，以及效益提升說明）

(一)學生學習態度方面

相較於過去的課程表現，整體而言學生對於這學期本課程的

期待是很高的，希望能夠真正在課堂上學習到一些動畫製作的相

關技術。電腦動畫製作雖然一周只有 2 小時，但是學生對於動畫

製作各階段的學習興趣逐漸提高，學習態度普遍良好，不再把本

課程當作營養學分。

(二)專業知識領域方面

在過去商業設計系的課程普遍缺乏動畫製作與 3D 建模的訓

練，在教師平日授課過程中，經常鼓勵學生要有主動積極的學習

態度，隨時發掘問題即時在課堂上向教師提問，並且在課餘時善

用時間重複練習，如此才能累積軟體的操作技能。

(三)作品整體表現方面

本學期學生的作品數量雖然增加，作業的負荷也多了，但是

通過整學期的同學，不但學習到專業知識，也在作品的表現上提

升水準，不但作品類型多元，也在創意表現與視覺美感上有著長

足的進步。

五、課程反思

（本課程實驗可以分享給全校其他教師的教學發現和重要經驗）

本學期在執行【課程重構計畫】之後，有幾項老師教學與學生

學習上的改變:

(一） 課堂學習績效的強化

由於每位學生都必須在指定的期限內完成三階段作業，並且按時將

作品上傳至 Moodle，學生彼此間能夠相互觀摩，讓每位學生都力求精

進，並且形成良性競爭，課堂上學生的學習態度也變得比較積極。

(二） 創意思維能力的培養

教師在課堂中不斷鼓勵學生必須培養主動發掘問題、解決問題的能

力。當面對一個未解的問題時，應該主動從網路中找尋答案，逐一解決

技術上的瓶頸，藉由實作過程逐漸培養獨立思考能力與創意思維的能

力。

(三） 設計實務與學理的整合

本課程可貴之處，在於讓學生透過豐富教材解說，獲得學理知識。

另一方面則藉由設計實務的單元設計，讓學生能夠將在校所學專長充分

應用在文創商品開發的部分，以達到理論與實務充分整合的學習目標。

六、後續調整規劃

電腦動畫製作課程雖然已經將原本規劃的課程內容順利實施，但

仍有部分細節有待加強。

第一是軟體部分，由於其中學習的 3D 動畫軟體 Swift3D 僅有 PC

版本可以有較好的支援與使用，對於使用 Mac 的同學就比較吃力，這

點在學生問卷中有所反應。期望在未來課程內容規畫中應該加以找尋

替代軟體。

第二是授課時間部分，由於電腦動畫製作課程一周僅有兩節課，

與學生討論進度的時間十分有限，無法再逐一詳細的與各組深入討

論。未來將要求 TA 加入協助教師課堂解惑的行列，並且強化數位教

材的單元內容，以提高學習效率。

肆、建議與改進

這學期本課程實施結果令人滿意，學生的電腦動畫作品多半都能均能順利完

成，除了歸功於事前課程規劃的策略奏效外，選修該課程的學生全心的投入是成

功關鍵之一。

至於在教材規劃與製作上，此次結合數位影音教材與 Moodle 講義電子檔

案，讓學生能夠在課餘自我學習，這點在期末的學生問卷中充分反映出來，數位

教材的功能確實能提升學習效能。

這學期期末每位學生都簽署了作品著作權授權書，未來在每學期的課程推行

後，教師將被允許把學生作品連結貼在 Moodle 上，提供未來選課學生的參考。

藉由累積學生學習成果，讓本課程的知識經驗更加完整。

此外，本課程將繼續強化教材學理部分，提供更多動畫製作邏輯理論與製作

原理與學生分享，讓業界技術與經驗能夠傳承給學生，以達到理論與實務充分整

合的學習目標。

伍、補充說明

一、課程照片