修 平 科 技 數位媒體設計系 -...

32
數位媒體設計系 實務專題 報告 家友 HAVEN 組員:吳紫郡 BK101007 楊婉宜 BK101033 吳昭楷 BK101022 周毓欣 BK101036 黃靖淳 BK101076 指導老師:馮文君 老師 中華民國 105 5

Upload: others

Post on 08-Jul-2020

8 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

修 平 科 技 大 學

數位媒體設計系

實務專題 報告

家友

HAVEN

組員:吳紫郡 BK101007

楊婉宜 BK101033

吳昭楷 BK101022

周毓欣 BK101036

黃靖淳 BK101076

指導老師:馮文君 老師

中華民國 105 年 5 月

Page 2: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

家友

HAVEN

Page 3: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

摘要

在叛逆期的小柔,跟爸爸相處出現問題,她覺得外面的世界一定比家裡更美好而離家

出走。小柔因為生活習慣不好,男友受不了和她吵架分手。回家後才發覺,家是唯一的避

風港,然而慢慢改掉缺點,覺得家人才是最好的朋友。

Page 4: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

Abstract

In rebellious slightly weakened, along with their father appeared, she felt the

outside world will certainly be better than at home while away from home. Slightly

weakened because of bad habits, and can not stand her boyfriend broke up a fight.

Home after found that home is the only safe haven, but slowly get rid of the

disadvantages that the family is the best friend.

Page 5: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

摘要.........................................................................

Abstract.....................................................................

目錄.........................................................................

第一章 前言..................................................................

1-1動機與目的...........................................................

1-2主題發想.............................................................

第二章 背景知識..............................................................

2-1簡介.................................................................

第三章 設計方法流程與系統設計架構............................................

3-1製作目標..............................................................

3-2背景設計.............................................................

3-3角色設計.............................................................

3-4場景設計.............................................................

3-5系統流程、架構.......................................................

第四章 結果與討論 / 腳本設計.................................................

4-1結果.................................................................

4-2研究討論.............................................................

第五章 結論..................................................................

5-1結論.................................................................

5-2專題優劣分析.........................................................

5-3未來工作.............................................................

5-4心得.................................................................

參考資料.....................................................................

i

ii

iii

1

1

2

3

3

4

4

5

6

8

9

10

10

23

24

24

25

26

27

28

Page 6: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

第一章 前言

1.1 動機與目的

動畫製作在我們一開始選擇修平科大時,我們憧憬了許多夢想能學到什麼,又會經歷

過什麼這些都是未知數,然而在這思考的過程中不知不覺我們大四了。

開始思考我們畢業後要往哪裡發展而充滿著疑問,為什麼我們要製作動畫,因為動畫可以

發揮我們的所長,我們的想像力與創造力,更可以培養我們團隊的精神與默契這就是我們

想完成的夢想,有夢最美築夢踏實,我們的目的也漸漸的實現中。

我們把這四年,所學到許多專業技能與知識充實了我們更多的創作力跟發揮空間,發

揮成屬於自己的好作品最後到外面成果發表。

Page 7: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

1-2主題發想

一開始組員們決定的主題是以螞蟻為故事,於是我們就往這個方向去發想,因為組員

們創意無限想到了無數個故事,都很精采、豐富,但後來屢次報告老師都說我們的創作對

於我們自身可能會有點難度建議我們更改,原本已經訂下主題的我們,又回到了原點。

發想故事主題讓我們陷入了瓶頸,在這當中我們已經落後進度了,在我們與指導老師

討論多數次之後最後決定以組員自身故事下去發想跟更改作為我們的動畫製作,開始。

Page 8: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

第二章 背景知識

2.1 簡介

由於我們的故事是由真實下去改編,所以我們的人物都參考現實人物下去描繪成卡通,

因為故事較為溫馨所以我們所用的色調幾乎都是暖色系。

主要是要呼籲大家,要懂得珍惜,把握當下,在叛逆時期的我們有了自主意識開始討

厭父母為我們選擇,甚至走偏了學壞了,只有父母會不放棄繼續教導著我們,所以我們要

多學習付出,關心家人,愛要及時。

Page 9: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

第三章 設計方法流程與系統設計架構

3.1製作目標

綜合這四年所學到的專業技能之外也希望在展出時能得到廠商或是企業的讚賞,最重

要的是,這四年來的心血能夠完美的呈現。也因為此畢業製作學到什麼是團隊、分工合作,

畢業之後進入職場也能與他人合作的順利,還有找到一份屬於我們的工作。

Page 10: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

3-2 背景設定

以現實世界下去改編而成的故事,故事發生在一個家庭裡面。成員有主角小柔(飾演

女兒)、小柔父母、小柔男友。

主要是敘述,小柔與父母之間因為叛逆期而產生的摩擦與不愉快,覺得父母的照顧是理

所當然。在離家出走後受了無盡的委屈才知道父母對自己無私的愛和關心,於是我們想透

過此部動畫來表達這些情感,並且透過動畫表達不只有主角小柔學會成長替家人著想,父

母也在過程中學著婉轉,還有適時讓孩子有些成長空間。

故事中,小柔因為在叛逆期結交了男友後,覺得男友最懂自己,父母只會一昧地批評

她都不理解她內心層面的想法,不管父母是否會擔心選擇自私的離開,因為生活習慣不好

的關係,被男友拋棄之後在傷心欲絕之時,父母無時無刻都在擔心她,最後父母與小柔決

定好好溝通才懂了父母的苦心最後終於與父母破鏡重圓,小柔也才因此懂,只有自己家人

能包容他的缺點,但也因此知道自己生活習慣不佳,必須改進,而家人也因此事才發現女

兒已經不小了,應該給她一些成長的空間,應該選擇理性的溝通不要用吵架來解決事情。

Page 11: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

3.3角色設計

主角 / 小柔

配角/小柔媽媽

Page 12: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

配角/小柔男友

配角/小柔爸爸

5

Page 13: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

3.4場景設計

Page 14: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

3.5系統流程、架構

在製作分鏡腳本時,一定要讓製作動畫的人清楚明白下一個動作和場景需要怎麼去呈

現,否則毫無頭緒的製作只會延誤製作過程。

每一個畫面要製作成動畫,必須小組先分工討論合作,先是製作平面場景然後讓角色

動起來,這些都是由組員一起分配出來的,然後限制時間內完成並且交稿,在跟指導老師

討論加以更改。

2D 動作最麻煩的地方是,一個小動作就會讓人花上許多時間來製作數 10 張,因為有

遠近差異性,場景與人物都要跟著變化,所以每做一些都必須馬上存檔,否則當機所有的

心血都白費了,最後再用影片剪輯軟體加以合成為動畫。

最後輸出管理,在輸出前一定要再三確認任檔案無誤或沒有要修改的地方,否則輸出

之後才發現會耗費更多時間二次輸出。

Page 15: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

第四章 結果與討論 / 腳本設計

4.1結果(分鏡腳本)

頭 畫面 內容 聲音 補充

小柔準備回家時準備開門。

小柔要開門了。

小柔開門之後隱約看到 時間

已經不早了

小柔回家之後看到爸爸 在客

廳等他等到睡著。

爸爸聽到聲音醒來之後。

8

Page 16: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

頭 畫面 內容 聲音 補充

看到時間已經很晚了。

爸爸生氣的拍桌,質問小 柔

為什麼最近這麼晚回 家?

小柔也氣不過,覺得他已 經

長大了,為何爸爸要管 這麼

多,所以吵了起來。 媽媽聽

到發現不好了。

媽媽很緊張的跑到客廳。

(媽媽的臉部特寫。)

Page 17: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

頭 畫面 內容 聲音 補充

媽媽想要勸阻爸爸和小 柔

再爭執下去。

小柔頓時覺得算了,再怎 麼

講他們也不懂,所以生 氣的

走回房間。

憤怒的甩了門。

這時小柔男友傳訊息來。

小柔把手機拿起來看。

Page 18: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

頭 畫面 內容 聲音 補充

(特寫手部)

2015家友企劃書.p

df

文字: 男友:你還好嗎?怎麼

不 接電話?

文字:

小柔:我覺得好累,

不想待在這個家,

他們都不懂我。

男友:我來照顧妳吧,

我 明天去載你。

小柔難過得睡著之後。

天亮之後他收拾他的行李,

準備離家出走。

Page 19: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

頭 畫面 內容 聲音 補充

男友來小柔家的路上。

快要到小柔家的門口。

小柔出了門準備離開。

爸爸在遠處看到,

非常氣憤的大罵。

爸爸邊罵邊跑來想阻止小

柔。

Page 20: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

頭 畫面 內容 聲音 補充

小柔一直叫男友快點離

開。

爸爸就這樣看著他們離

開。

心情低落的爸爸回家之

後,準備跟媽媽說。

跟媽媽說之後,

他還是氣不過,

而媽媽還是很難過。

媽媽難過的痛哭。

Page 21: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

頭 畫面 內容 聲音 補充

此刻在男友家的小柔 因為

生活習慣不好,

東 西都亂丟。

男友講也講不聽,所以 難有

生氣的大罵小柔。

發生了爭執,小柔生氣 的覺

得不是你說好要照顧我嗎?

後來氣不過,男友提了 分

手,小柔也氣不過所 以答應

離開。

小柔離開男友家。

c

Page 22: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

頭 畫面 內容 聲音 補充

在街上的小柔覺得無助。

一個恍神沒注意前方車 子,

跌倒在路邊。

倒在路邊的小柔,

覺得這世 界上是否沒有懂他

的人,開始慢慢反省自己的過

錯。

此刻爸媽卻緊張得在路上 找

他。

小柔這才聽到手機響。

Page 23: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

頭 畫面 內容 聲音 補充

看到媽媽打來。

(手機特寫)

接起手機之後告訴爸 媽

自己在哪裡。

爸媽終於放下心,

趕快的走去找小柔。

看到小柔蹲在街上, 神

情無助難過。

爸媽也很心疼。

爸媽說:我們回家吧!

Page 24: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

頭 畫面 內容 聲音 補充

爸爸伸出手,

把小柔牽起。

(特寫手部)

和媽媽擁抱了一下。

三人開心的回家去。

回家之後小柔終於願意和

家人分享心事,爸爸也和

他分享了一些人生經驗,

少不了挫折,要懂得成長

才是,此刻小柔才知道,

家才是他唯一的避風港。

Page 25: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

影片截圖

Page 26: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

周邊商品 / 明信片

Page 27: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

周邊商品 / 卡片貼

周邊商品 / 螢幕擦拭貼

周邊商品 / 紙膠帶

周邊商品 / 帆布袋

Page 28: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

4.2研究討論

動畫故事發展之過程,美術繪圖我們主要先以手繪設計,再利用 Illustrator電

腦繪圖上色,並以 Premiere剪輯製作成動畫,先後製作出人物、場景、Logo、海報、

周邊商品等。實際完成後,符合我們當初所設定討論的目標,動畫風格是以中國版畫

為主要參考表現媒材。特色在於整體故事耐人尋味,動畫風格與眾不同,以版畫作為

參考風格,人物設計方面也以雕刻技法呈現正方體構圖,賦予動畫主角新風貌。

Page 29: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

第五章 結論

5.1結論

家,是一束溫暖的陽光,可以融化掉心上的冰雪寒霜;

是一盞明燈,可以照亮夜行人晚歸的路程;

是一個溫馨的港灣,可以遮擋人生中不可避免的風風雨雨;

是一潭清澈的溪水,能夠洗滌掉繁雜的世事回歸安靜的心靈;

是一陣清風,可以拂去煩惱和憂傷;

更是那一縷情絲,穿透著人生的每一個角落……

希望藉由這次的專題,讓大家都可以改變自己,找回屬於自己的親情。

Page 30: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

5.2專題優劣分析

優勢(Strengths):

能夠吸引喜歡可愛、溫馨風格的人。

劣勢(Weakness):

比較偏女性化,男性可能會比較不喜愛。

機會(Opportunities):

可以藉由家友意義,讓剛好處於這種環境的人能狗反思,改變自己,喜歡我們的專題。

威脅 (Threats):

可能會有很多這種主題的故事。

Page 31: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

5.3未來工作

無論在哪裡,數位媒體在市場上和我們日常生活中所扮演的角色都越來越重要。隨著

工作外包的日益發展,您可從任何地方為知名跨國公司工作。

炙手可熱的職業技能包括數位視訊、動畫、音訊、網站設計、平面設計、視訊與互動

式多媒體等等。數位工作者可在新興與傳統行銷通訊與培訓領域從事諮詢、教育、藝術與

媒體等工作,都可以式著去學習。

5.4 心得

黃靖淳的心得

從開始做專題以來,我發現團體是個需要很多耐心和包容的地方,也是修練自己的好地方,遇到不

同意見的時候,可以學習接納別人的意見,也學習心平氣和,去面對當機,和各種突發狀況,學會

如何與人溝通,圓融一切,也從老師身上學到很多設計的觀念和技巧,很開心能夠遇見我的組員,

每個人都有每個人的優缺點,如果把優點放大,善用它的優點,就可以把每個人的才能發揮得淋漓

盡致,感謝大學四年有專題能讓我成長和茁壯。

吳昭楷的心得

從大二那時候開始就有再聽到有關畢業專題的事情,本來就對這方面有興趣,可是實際上開始接觸

之後真的沒那麼好上手,種規劃到接下來的發展跟實際操作,真的是需要時間,而且這不是一個人可

以完成的,是一個團隊要一起來合作,每個人會的跟專長還有意見都不一樣,學到的是該怎麼配合

該怎麼處理才能讓成品更進步更好,也很感謝這些日子的相處下來都讓彼此更進步學到更多,不管

是對現在的專題也好還是以後未來的發展,這些成長都會是有幫助的,接下來就期望能順利的能在

台北展出成品

楊婉宜的心得

高中就經歷了專題就知道專題的困擾了,沒想到大學還要經歷一次,這次比高中難很多但也學到很

多,更懂的團隊合作。雖然中間還是有些意見不同但沒有太大的阻礙,因為我們知道吵架並不會幫

助我們更多,沒有溝通才會促進我們成長。

Page 32: 修 平 科 技 數位媒體設計系 - ir.hust.edu.twir.hust.edu.tw/bitstream/310993100/5124/1/家友.pdf · 媽媽很緊張的跑到客廳。 (媽媽的臉部特寫。) ... 畫面

周毓欣的心得

因為專題讓我們相聚在一起,從暑假前開始討論故事的我開展開了旅程。這段日子以來謝謝有每一

個人的存在,沒一起經歷無數個辛苦,無數個苦惱與懊惱到最後的完結,故事一在又而在的更改,

進度也落後其他組許多。後來組長用心的分配工作,催促進度,三不五時的鼓勵。還有各位的齊心

協力分工合作、相輔相成、彼此細心教導。因為有你們才有所謂的我們,在這專題製作當中,看到

感動的是,每個人無私的互相幫忙,學校讓我們製作專題的目的是希望我們能發揮四年所學之專長,

二來應該是希望我們能提前適應未來面對社會同齋合作之壓力成長,有壓力促使我們成長才有所謂

的結果。

吳紫郡的心得

我覺得自從大三開始一起參加各種比賽到後期參加金犢獎到現在畢業專題,都覺得很慶幸有這些組

員,每個人都專長都不一樣,分工起來也蠻好的,不過在這過程中還是遇到不少問題。可能是夥伴

們要上班時間搭不上,做不太出來,或是跟老師意見不一,很難抉擇,還有快到了報告時間的時候

發現動畫或是資料上有大錯誤,就必須連夜的趕工、修改,不過到後來組員默契也越來越好,可以

好好的分工合作,然後在時間內交出,希望我們的畢業專題能順利完成之外,也希望我們在畢業之

後能順利的就業,畢竟這個社會講究的是團結力量大,在大學中我學會了團隊生活、分工合作,想

必出了社會也能好好表現;另外就是很謝謝指導老師還有我的夥伴們,希望我們的專題能就順順利

利的展出。真的很開心在這四年裡能成長這麼多,在未來也會更加努力的!

參考資料