30
I 數位媒體設計系 實務專題 報告 Winder Soul 組員:林于翔 BK101505 戴聖峰 BK101502 范宇倫 BK101041 廖芯瑜 BK101067 曹依婷 BK101507 指導老師:游正義 老師 中華民國 105 5

修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

  • Upload
    others

  • View
    8

  • Download
    0

Embed Size (px)

Citation preview

Page 1: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

I

修 平 科 技 大 學

數位媒體設計系

實務專題 報告

Winder Soul

組員:林于翔 BK101505

戴聖峰 BK101502

范宇倫 BK101041

廖芯瑜 BK101067

曹依婷 BK101507

指導老師:游正義 老師

中華民國 105 年 5 月

Page 2: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

II

摘要

我們時常太在乎別人的眼光,就會忽略自己本身的潛力,逃避不會解決問

題,面對問題之後就會發現自己真正存在的價值。本專題動畫設計想傳達:跨越

自我的界線,突破自我,找出屬於自我的價值。故事中的主角長得很醜跟一般的

木偶長得不一樣,因此他很自卑,他曾經想放棄,但是他很努力,因此他的善良

最後得到了所有木偶的認同。

故事前半段,村民為了慶祝人偶村 100週年,他們決定建立鐘塔作為紀念,

主角想協助卻因為外表而被拒絕,失落的主角只好默默的回家。故事後半段,主

角的老鼠同伴告訴他在村莊的角落,可以遇到製造木偶的老工匠,去找他,或許

能知道自己為什麼跟別人不一樣。老木匠告訴主角:你是特別的,雖然你與別人

不同,但是你比任何人還善良,你只是失去了信心。

主角發現自己的優點,某天一個木偶人的發條壞了,主角將他身上的發條交

給了發條剝落的木偶,主角是那麼的善良,同時也贏得其他木偶的信任。即使跟

別人不一樣,也沒什麼不好,找出自己的價值最重要。

總歸一句話-「天生我材必有用」。

Page 3: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

III

Abstract

We often worry so much about other people's eyes, it will ignore the potential of itself,

and escape will not solve the problem, then the problem will find their true face value

of existence. Animation design to convey the topic: Crossing the boundaries of self,

self-break, to find self-worth belonging to. Protagonist of the story with the general

ugly puppet looks different, so he was very low self-esteem, he had wanted to give up,

but he worked very hard, so he finally got all the goodness puppet identity.

The first half of the story, the villagers to celebrate the 100th anniversary of dolls

village, they decided to build the clock tower as a memorial, the protagonist would

like to assist but was rejected because of the appearance, lost protagonist had to go

home quietly. After half of the story, the protagonist rat companion told him in the

corner of the village, you can experience the old artisan manufacturing puppet, look

for him, might be able to know why is not the same with others. Old carpenter told the

protagonist: You are special, though you different from others, but you also kind than

anyone else, you just lost confidence.

Protagonists discover their own strengths, one day a bad clockwork puppets, lead to

him to a clockwork clockwork puppet peeling, the protagonist is so good, but also

won the trust of other puppets. Even with the others do not, there's nothing wrong,

identify their most important value.

Always saying - "I'm Born use."

Page 4: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

IV

目錄

摘要 …………………………………………………………… I

Abstract …………………………………………………………… II

圖目錄 …………………………………………………………… IV

第一章 前言 …………………………………………………………… 1

1.1 動機與目的 ………………………………………………………… 1

1.2 主題發想 ………………………………………………………… 2

第二章 背景知識 ………………………………………………………… 2

2.1 發條簡介 …………………………………………………………… 3

2.2 木偶簡介 …………………………………………………………… 4

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

3.1 製作目標 ………………………………………………………… 5

3.2 背景設定 ………………………………………………………… 6

3.3 角色設計 ………………………………………………………… 7

3.3-1 主角 ……………………………………………………… 7

3.3-2 工頭 ……………………………………………………… 7

3.3-3 工人 ……………………………………………………… 8

3.3-4 老鼠 ……………………………………………………… 8

3.3-2 村民 ……………………………………………………… 9

3.4 場景設定 ………………………………………………………… 10

3.4-1 小鎮 ……………………………………………………… 10

3.4-2 房子 ……………………………………………………… 11

3.4-3 路燈 ……………………………………………………… 11

3.4-4 郵筒 ……………………………………………………… 12

3.4-6 水池 ……………………………………………………… 12

3.4-1 鐘塔 ……………………………………………………… 13

第四章 結果與討論 …………………………………………………… 14

4.1 結果 ……………………………………………………………… 14

4.1-1 動畫截圖 ………………………………………………………… 15

4.1-2 動畫截圖 ………………………………………………………… 16

4.1-3 動畫截圖 ………………………………………………………… 17

4.2 周邊商品 ………………………………………………………… 18

4.2-1 明信片 ………………………………………………………… 18

4.2-2 貼紙 ………………………………………………………… 19

4.2-3 胸章 ………………………………………………………… 20

Page 5: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

V

4.3 Logo與海報設計 ………………………………………………… 21

4.3-1 Logo …………………………………………………………… 21

4.3-2 海報 …………………………………………………………… 22

4.4 展場設計 ………………………………………………………… 23

第五章 結論 ………………………………………………………… 24

5.1 結論 ……………………………………………………………… 24

5.2 未來工作 ………………………………………………………… 25

5.3 心得 ……………………………………………………………… 26

參考資料 ……………………………………………………………… 27

Page 6: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

VI

圖目錄

圖2-1 發條 ............................................................................................... 3

圖2-2 木人偶............................................................................................. 4

圖3-1 發條 ............................................................................................... 5

圖3-2 分鏡腳本 ....................................................................................... 6

圖3-3-1 主角造型設定 ................................................................................ 7

圖3-3-2 工頭造型設定 ................................................................................ 7

圖3-3-3 工人造型設定 ................................................................................ 8

圖3-3-4 老鼠造型設定 ............................................................................... 8

圖3-3-5 村民造型設定 ............................................................................... 9

圖3-4-1 小鎮概況設定 ............................................................................... 10

圖3-4-2 房子造型設定 ............................................................................... 11

圖3-4-3 路燈造型設定 ............................................................................... 11

圖3-4-4 郵筒造型設定 ............................................................................... 12

圖3-4-5 水池場景設定 ............................................................................... 12

圖3-4-6 鐘塔場景設定 ............................................................................... 13

圖4-1-1 動畫截圖 ....................................................................................... 15

圖4-1-2 動畫截圖 ....................................................................................... 16

圖4-1-3 動畫截圖 ....................................................................................... 17

圖4-2-1 明信片 …....................................................................................... 18

圖4-2-2 明信片 …....................................................................................... 18

圖 4-3-2 胸章 …....................................................................................... 20

圖4-3-1 Logo …....................................................................................... 20

圖4-3-2 海報 …....................................................................................... 21

圖4-4-1 展場 …....................................................................................... 23

Page 7: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

1

第一章 前言

1.1 動機與目的

有時候,人們會太過於在乎他人的眼光,因而妄自菲薄忽略自己的潛力,甚

至想要想要逃避問題,逃避世人的目光,心想著放棄算了,反正我就是做不好、

做不到,人在窮途末路,遭他人辱罵時,難免會有所心情低落,甚至覺得自我價

值根本是零。

但其實自己是一點也不比人差的!「天生我材必有用」每個人都有每個人獨

特的價值,小小螺絲釘是大大機器的基礎,沒有那顆小小螺絲釘,機器是無法運

轉的。希望能夠就由此動畫片,能夠重新發掘出人們內心深處中的自信心,造就

出那獨特、無與倫比的小小螺絲釘。

Page 8: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

2

1.2 主題發想

社會中,總是會有那麼些不如意,一道道難關要度過,可能會因此被他人冷

嘲熱諷,被辱罵,導致對自我的肯定逐漸地降低,甚至常常心中老是有「我是不

是真的這麼糟糕?」的想法,動畫名稱是心靈發條,顧名思義心靈中的發條,希

望此影片能夠成為各位心中的發條,重新轉動那塵封已久的自信心,讓他重新運

轉,使人們重拾自信心。去度過人生的關卡,嘗盡人生的酸、甜、苦、辣。

Page 9: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

3

第二章 背景知識

2.1 簡介

『發條』又稱『彈簧』,是『機械裝置』的一種零件;當我們將『發條』旋

緊(『上緊發條』),他會慢慢的釋放回復鬆弛狀態;我們就利用這現象狀態,讓

他帶動『齒輪』、『棘輪』等機件,而產生動力 (物理力學稱為『作功』), 像

鐘錶、玩具、音樂盒等內部的機械結構都有發條裝置的設計,使用前必須先『上

緊發條』,然後鐘錶的針才會開始走,玩具才會開始動作,音樂盒才會開始演奏

音樂。

圖 2-1發條

Page 10: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

4

2.2 木偶簡介

木偶指模仿人或動物造型的賞玩木製物品,形若人類的稱為人偶、人形,取

自動物的則通稱為玩偶。

在漢語中,娃娃也有小孩的意思,故亦以此指稱按比例縮小的人偶。人偶、

玩偶的外型面貌,從抽象到擬真,涵蓋不同種族、年齡、性別的外型,因各國、

各民族的需求與文化背景而發展出地域特性及文化特色。

圖 2-2 木人偶

Page 11: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

5

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

3.1 製作目標

本專題主要製作一個 2D 結合 3D 的動畫作,背景採用 3D 做法,腳色人物則

是採用 2D 平面動畫來製作,再以電腦後製作結合。發條人偶,背上的發條可以

說是他們的生命中樞,要有發條的轉動,他們才有動力可以動作。利用此原理,

替造一個衝突,讓故事中的腳色因為發條的損毀而動彈不得,主角挺身而出拯救

他人,而不顧自己的安危把自己的發條拆給他人使用,卻驚訝的發現自己其實沒

有發條也可以動。我們希望藉由此故事能夠使觀看的人們獲得啟發,每個人都有

意把自己的發條去開啟自己的自信心以及勇氣,每個人都是獨一無二的,天生我

材必有用,因此命名為心靈發條,心靈中的發條,開啟自我,迎向未來未知的挑

戰,度過難關。

Page 12: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

6

3.2 背景設定

整體故事是在於一個木偶的小鎮,因應 100周年慶典而要建立一個高高的鐘

塔,在這過程中,不小心發生了地震,把工地給震塌了,與因為這次的災害,把

木偶人的生命中樞「發條」壓壞了,因而不能動彈,主角奮不顧身地進去了危險

的工地搶救他人,但是現在危及,唯一的方法就是換發條,因此主角決定立刻將

自己的發條給了他,希望能夠藉由此發條拯救他人,幸運的是主角並沒有因為沒

有了發條而不能動彈,因此兩個人都順利地逃出了施工的地點,也因為了這一次

的事件,主角獲得了大家的接納,協助大家把鐘塔給完整的蓋好。

分鏡腳本

圖 3-2 分鏡腳本

Page 13: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

7

3.3 角色設計

3.3-1主角

圖 3-3-1 主角造型設定

Page 14: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

8

3-3-2工頭

圖 3-3-2 工頭造型設定

3-3-3方頭

圖 3-3-3 方頭造型設定

Page 15: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

9

3-3-4老鼠

圖 3-3-4 老鼠造型設定

3-3-5村民

圖 3-3-5 村民造型設定

Page 16: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

10

3.4 場景設定

場景利用 Maya 3D建模所建成,建築風格套用了人物的發條,因此都帶點機

械風,較為剛硬,配合較為機械感的路燈,以及Q版的郵筒,建立出這一個奇妙

的世界。

世界概況:小鎮

圖 3-4-1 小鎮概況

房子

圖 3-4-2 房子

Page 17: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

11

路燈

圖 3-4-3 路燈

水池

圖 3-4-5 水池

Page 18: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

12

鐘塔

圖 3-4-6 鐘塔

Page 19: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

13

第四章 結果與討論

4.1 動畫結果

動畫故事發展之過程,場景部份我們使用 Autodesk的 Maya製作,會動的部

份我們使用了 Photoshop 來進行電腦繪圖上色以及時間軸運轉部分。最後再用

Premiere剪輯製作成動畫,先後製作出場景、人物、Logo、海報、周邊商品等。

實際完成後,做出了符合當初所預期之目標,利用了需要發條才能夠運轉的木偶

人作為媒介,發展出一連串的故事。利用了發條的特點,製造一個發條損傷的衝

突點,也讓主角有了大愛,願意為他人犧牲奉獻的精神,將自己的發條取下,救

了另外一位木偶人,也隱性的代表利用了發條打開自我的界線內心,不再局限於

自我,天生我材必有用,每個人都是一個特殊且獨一無二的人。

Page 20: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

14

動畫截圖

圖 4-1-1 動畫截圖

Page 21: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

15

動畫截圖

圖 4-1-2 動畫截圖

Page 22: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

16

動畫截圖

圖 4-1-3 動畫截圖

Page 23: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

17

4.2 周邊產品

4-2-1 明信片(1)

4-2-1 明信片(2)

4-2-2 名片

Page 24: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

18

4-2-3貼紙

4-2-3胸章

Page 25: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

19

4.3 Logo與海報設計

4.3-1 Logo

圖 4-3-1 Logo

4-3-2 海報

圖 4-3-2 海報

Page 26: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

20

4.4 展場設計

圖 4-4-1 展場設計

Page 27: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

21

第五章 結論

5.1 結論

常太在乎別人的眼光,就會忽略自己本身的潛力,逃避不會解決問題,面對問題

之後就會發現自己真正存在的價值。現在人們可能因為自信心的缺失,做事情畏

首畏尾的,不敢全力以赴,總是有個顧忌在。做這部動畫,不僅僅是鼓勵他人,

更是鼓勵自我,追求理想不要畏畏縮縮,要有向前衝的決心,每個人都是獨一無

二的,不必妄自菲薄-「天生我才必有用」。

Page 28: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

22

5.2 未來工作

目前整體的動畫已經初步的完成,希望能夠藉由此次熟悉動畫的前置、製

作,到後期的合成渲染輸出。提高我們對於製作動畫的熟悉度,對未來的就業機

會有會具有一定的技術與熟悉度。

Page 29: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

23

5.3 心得

製作動畫的過程中,我們參考了很多的資料。也曾經是過很多的想法,從小

鳥到木偶,慢慢的打基礎,才造就了這一篇故事。中間遇到了很多的困難也一一

的突破了,3D 場景的建設,材質的選擇,燈光架設、2D 的人物動作、姿態,周

邊商品等等......。藉此也提升了我們團隊的團結及向心力。使我們能夠更上一

層樓。

Page 30: 修 平 科 數位媒體設計系ir.hust.edu.tw/bitstream/310993100/5118/1/Winder+Soul.pdf · 老木匠 告訴主角:你 ... corner of the village, you can experience the old artisan

24

參考資料

作者:Max Lucado,書名:你很特別,出版社:道聲,年代:2000/03/31。

作者:陸可鐸,書名:你很特別(經典版),出版社:道聲,年代:2009/12/01。