chung hwa university of medical technologymis.hwai.edu.tw/im/project103/a9.docx · web...

26
中中中中中中中中 103 學學學學學學學學學 學學學 「」 - smile 學學 學學學學 中中 學學 A 中中中 學學 A 中中中 中中中中 A 中中中 中中中中 A 中中中

Upload: others

Post on 17-Oct-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

中華醫事科技大學103 學年度專題製作報告

第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作- smile 團隊

指導老師:林肇哲 老師組長:四資管四 A 李庭婷組員:四資管四 A 黃嘉佩

四資管四 A 劉耀之四資管四 A 洪哲凱

Page 2: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

摘要會選擇製作動畫是為了要參賽,我們是參加“多媒體

動畫組“,主題是交通安全-肇事逃逸,因為之前玩過的導引線讓東西變得更真實,不管是車子還是飛碟只要是任何可以移動的東西用上導引線它會自己跑,是個神奇的道具。

隨著網路世界的發展,現代人已經融入網路的生活可以藉由許多不同的軟體來呈現更真實的動畫,而且方便的動畫軟體也越出越多,例如 2.5D 的CrazyTalk、3D的iclone等。

我們的軟體是利用 Flash 8 動畫製作呈現交通安全故事主題之微電影,藉由故事中的情節告訴人們交通安全的重要性,在一場車禍中警惕大家行車要注意安全,不可忽視生命的可貴。

我們從 YOTUBE 的影片中參考不同效果的動畫,有一些影片動畫讓我們看了發笑,所以從其中想要找到我們自

1

Page 3: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

己的靈感和創意,討論了許久終於讓我們找到屬於自己的故事。

目錄壹、研究動機..........................1

貳、研究目的........................2

参、研究方法........................3

肆、成果呈現......................11

伍、結論...........................19

陸、心得...........................20

柒、甘特圖.........................22

捌、工作分配表...................23玖、圖片參考文獻24

2

Page 4: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

壹、研究動機專題會選擇動畫是因為不但可以學到裡面得多功能,還有很不同神奇的效果讓人感到好玩,例如之前玩過的導引線讓東西變得更真實,不管是車子還是飛碟只要是任何可以移動的東西用上導引線它會自己跑,是個神奇的道具。二年級老師又教我們畫了青蛙眨眼睛的動畫,我們玩的不亦樂乎,所以才感到很有興趣,後來老師派給我們一份作業要我們自己創作屬於自己的作品加上之前在網路上看過很多不同的 flash 動畫,覺得做得栩栩如生,發現找到了做動畫的樂趣。

貳、研究目的

3

Page 5: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

會選擇製作動畫是為了要參賽,我們是參加“多媒體動畫組”,主題是交通安全-肇事逃逸,藉由 Flash動畫來宣導交通安全,讓人們了解交通安全的重要性,肇事逃逸宣導的是不要因為撞到人感到害怕而肇事逃逸,也呼籲人們不要再下雨天開快車,到最後的結果會是雙方都難過,為了不要讓人們有意外發生,必須積極宣導交通安全。(圖 1,第五屆東揚盃交通安全創意大賽)

參、研究方法4

Page 6: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

(1.)撥放按鈕程式當該元件按鈕在舞台上,被按下再放開時,播放頭跳至目前場景的影格 2 ,並在影格 2 往下播放。

播放的程式 如下:

(2.)關鍵影格

5

Page 7: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

插入關鍵影格來呈現一個字一個字的畫面

之後加上打字聲就完成即可如下:

6

Page 8: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

(3.)濾鏡首先先案矩形工具

畫一個長方形格

7

Page 9: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

接下來轉換成元件,轉成元件是因為要做濾鏡呈現模糊的效果

然後利用“旋轉工具”旋轉長方形格轉成你想要的角度

8

Page 10: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

用出來的結果有霧濛濛的感覺

完成品如下:

9

Page 11: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

(4.)移動補間動畫移動補間動畫:插入關鍵影格之後再按屬性補間動畫點選移動

如下圖所移動的:

10

Page 12: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

最後加上背景就完成,救護車和醫院的動畫

11

Page 13: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

(5.)導引線(無沿向路徑)

首先把汽車先轉換成元件後再想要的格數做關鍵影格

把元件放到線的起點做關鍵影格到想要的時間,之後在把元件移到結尾做補間動畫即可完成

12

Page 14: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

肆、成果呈現

13

Page 15: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

14

Page 16: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

15

Page 17: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

16

Page 18: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

17

Page 19: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

18

Page 20: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

19

Page 21: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

20

Page 22: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

東陽吳篙文教基金會關心您的安全

21

Page 23: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

伍、結論我們從分組到三下一同分工合作專題,經歷了好幾個月的時間,在這做專題的過程當中,發現 FLASH 動畫真的是比我們想像中的還難,雖然之前有碰過,但是要做出一部影片,真是頗難,也跟其他的組員討論過如何做出一部好動畫。到了學校要上台專題報告,在這報告之前我們趕緊苦練了整整好幾個鐘頭,大家都抱著緊張的心情一起上台介紹屬於我們的作品,一同心協力完成這項不可能的任務,最意想不到的是評審老師喜歡我們的作品,我們的作品稱讚大於缺點,讓我們欣喜若狂為作品感到驕傲,這也反映出我們成員一起為這份專題付出了心力,由陌生到熟悉,就是要讓我們的作品得到好成績,也希望能藉此拿到東陽盃的前三名。

陸、心得 (劉耀之、黃嘉佩)

22

Page 24: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

23

劉耀之從這次專題學到挺多的,因為有些事情還是得自己學,雖然過程中煎熬,但是辛苦的成果是大家有目共睹,雖然說我們這組不會吵架到那麼誇張,但是還是會有意見不同的時候,但我覺得我們這組都聽得下去別人的意見,不會一心一意只想要按照自己的意思,還是會採納別人的意見,作專題可以讓我們更了解彼此,讓我們的感情更好,遇到事情和困難不是爭吵就可以解決,我們都很願意溝通,去解決問題才是根本,當我們 FLASH 都不是很厲害的時候,我們還可以一起走過這困難的時刻,就表示我們真的感情很好,所以可以從團體做事看出一個人負不負責,真的很開心一起走過這艱難的時刻,所以我還滿謝謝各位組員的,希望這次的比賽可以得名。黃嘉佩一開始我們組員討論專題要決定做 flash 動畫的時候就有心理準備了,因為對 flash 不熟悉,雖然大二的時候有修過我們指導老師肇哲的 flash 動畫,剛開始教青蛙眨眼睛,起初覺得 flash 動畫很好玩,但是老師漸漸地教一些東西之後,才發覺原來動畫要讓它能有栩栩如生地動,一些小細節都要注意到就感覺蠻難的。後來陸陸續續大家都抽空來討論專題的動畫部分,雖然大家有過意見不和,都有各自的想法,但是我們都靠著彼此退一步之後繼續往前,大家的想法彙總起來結合一部交通安全的動畫之微電影,我們這組成員只有 4 個,但是我們會事先分配好每個人負責的工作,剛開始動手要摸動畫這塊是花費了很久的時間及工夫在這上面,有時還會熬夜趕工,搞得大家的精神不濟,還好在學校報告專題那天我們得到了好的評分,雖然那天大家非常緊張,但是靠著大家的意志及力量才完成那天的專題報告,沒想到我們這組竟然得系上專題報告的最高分,大家都高興不已,經過這次的專題能從中體會到一個團體合作的精神,關關難過關關過,我也要感謝我們的成員能在專題的最尾聲也是我最忙的時候,能把專題繼續拚下去。

Page 25: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

陸、心得(洪哲凱、李庭婷)

24

洪哲凱在這次的比賽從中體驗到一個團隊的分工合作與同心協力的感受,雖然其中一度遇到想不到構思與作畫的瓶頸,但我們與老師一起攜手合作的度過難關,做出人生第一個動畫小故事,看著我們的作品成功的運作感覺還不賴!李庭婷這次專題發現大家都各有所長,分配工作時不會推託且分工合作一起完成作品,過程中雖然有很多狀況不理想,但也不會影響到我們團結力量大,討論並提出問題,不會的東西網路上找或問朋友都可以解決。例如 FLASH 的場景怎麼合併、如何轉檔、裁剪音效檔以及配音等,成果讓我們感到很滿意!

Page 26: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

柒、甘特圖資料蒐集

網站建置

網站內容

網站排版配置

美工設計

FLASH

動畫網站測試

書面報告

網站總結

2 月3 月4 月5 月6 月7 月8 月9 月10 月11 月12 月

預定

實際

捌、工作分配表25

Page 27: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

工作分配表 (表 1)

洪哲凱 李庭婷 劉耀之 黃嘉佩Flash 動畫PPt簡報

FLASH書面報告內容分配表(表 2)

洪哲凱 李庭婷 劉耀之 黃嘉佩目錄摘要研究動機研究目的研究方法甘特圖成果呈現

結論心得

工作分配表參考文獻

玖、圖片參考文獻26

Page 28: Chung Hwa University of Medical Technologymis.hwai.edu.tw/IM/project103/A9.docx · Web view中華醫事科技大學 103學年度專題製作報告 第五屆東陽盃「全民瘋創意」交通安全創意大賽參賽實作-smile

護士圖片 http://site.douban.com/shiseidodq/widget/biz_notes/10580761/note/

21198363/

救護車圖片http://img0.tplm123.com/2008/11/14/37865/4727702961930.jpg

下雨天製作效果http://flash.abang.com/od/cartoon/a/xiayu.htm

醫院圖片http://0975835746.blogspot.tw/

男生圖片 http://www.leehom-cn.com/bbs/attachments/

forumid_7/1106290736424f23f427de3aae.jpg

電話圖片http://sl.utu123.com/UploadFile/image/22/21517.jpg

27