三、劇本設定
目錄 一、關於劇本.....................02 作品簡介 創作動機與目的 故事大綱
二、美術設定.....................04 角色設定 場景設定
三、故事腳本.....................15 文字腳本 分鏡腳本
四、風格與技術測試.........31 角色測試 場景測試
五、時程規劃.....................39 六、製作團隊.....................40
關於劇本
作品簡介 片名：月郎與星子 片長：約四分鐘 影片規格：1920*1080 動畫類型：3D動畫 語言：無字幕
2
關於劇本
創作動機與目的 每次抬頭看到高掛在星空上的月亮與相伴在旁的星星，總會想像月亮與 星星是否也能有著一段浪漫的愛情故事，於是便開始了利用電腦動畫來訴說 這個故事的念頭。 動畫內容將以外表醜陋的月郎追求可愛動人的星子所發生的種種趣事作 為故事的主軸，並藉由故事情節的發展來鼓勵信心不足的人，展現勇氣讓對 方看見自己的優點並勇敢追求愛情。
故事大綱 流星劃過星空的夜晚，擁有著醜陋外表的月郎對星子感到一見鍾情，一 旁的雲朵幫助月郎隱藏醜陋的外表並進而展開了一連串的追求。 最後卻還是不小心暴露了醜陋的外表，月郎誤以為被星子取笑而難過逃 離。然而一場突如其來的隕石群讓星子受困在危險之中，經過月郎奮不顧身 的拯救星子才得以化解危機也解開了這場誤會。
3
美術設定
高掛在星空上的月亮，對自己坑坑巴巴的外表感到自卑沒自信，會另用 陰晴圓缺或是雲朵來遮住自己的外表，雲朵有時也會變成手等其他形狀來輔 助月郎，總是能從身上拿出一些奇妙的東西。
月郎三視圖
4
美術設定
月郎表情示意圖
月郎周圍的雲朵，會變成各種形狀 來協助月郎追求星子，雖然最後似乎還 是幫了倒忙。
5
美術設定
月郎利用雲朵或陰晴圓缺來隱藏自 己面貌。
6
美術設定
夜空中一顆閃閃發亮的星星，看起來如此美麗動人，背後綁 了一個大大蝴蝶結的星子，讓月郎第一次見到就一見鍾情。
星子三視圖
7
美術設定
星子表情示意圖
8
美術設定
角色比例示意圖
9
美術設定
草圖
10
美術設定
場景設定 當主角是月亮與星星，場景自然而然是星光斑斕的夜空，在之中有人造 衛星，也有危險的隕石群。
星空概念圖
衛星概念圖
11
美術設定
在星空之下則是繁華的都市，我們希望場景能代入現代的台灣本土元素 因此加入高雄一些之名景色，如夢時代摩天輪、85大樓、壽山的忠烈祠觀景 台等。 試畫場景可能呈現的感覺，因為是夜晚所以畫面大概呈現藍紫色調並用 黃色等暖色做對比。
城市概念圖
12
美術設定
參考資料 城市部分找了 一些高雄景點照參考，想藉這次製作動畫來宣傳南台灣 之美。
85大樓參考照片
夢時代參考照片
https://picssr.com/tags/%E5%93%A8%E8%88%B9%E9%A0%AD/p
引用網址:https://www.55688.com.tw/freego_detail122.aspx
age2
忠烈祠觀景台參考照片 引用網址:http://dailyview.tw/Daily/2015/07/31
13
美術設定
星空部分因為一開始是以「金星伴月」這個天文現象來做為故事發想， 所以參考很多金星伴月的照片，也想以此作為動畫呈現畫面上的參考。
星空參考圖片 引用網址:http://blog.xuite.net/sundin6805/blog/34003500-099%2F05%2F16
14
故事腳本
場 01
夜晚
外景/城市、天空
月郎、星子、流星、雲朵
△ 夜晚的城市上空，有些雲霧與彎彎的新月。 △ 星空中《月郎與星子》，標題浮現。 △ 突然咻咻的聲響驚動了那新月，猛地睜開眼。 △ 月郎往身後看去，是幾顆正劃過星空的流星。 △ 當那些流星消逝在地平線邊緣，月郎發現流星飛過的軌跡，出現一顆粉色星星。 △ 身側的方向出現幾顆流星，那顆粉色的星星—星子轉頭看向那些流星。 △ 轉頭的動作在月郎眼中彷彿時間被放慢，周遭的微微星光有點刺眼。 △ 月郎周遭的雲霧小幫手變成心形，但是接著月郎嘆氣。 △ 雲覆蓋住他的光頭就像頭髮一樣。 △ 雲把他帶到湖面鏡子，替月郎梳理好。 △ 月郎望著星子，雲突然將他推向星子的方向。
場 02
夜晚
外景/天空
月郎、星子、雲朵
△ 星子望著遠處，感覺後面的騷動轉過身。 △ 月郎愣愣地望著星子，突然雲朵自己化成一朵花呈現在月郎跟星子之間。 △ 尷尬地接收到月郎送的花，接著微笑但隨即目光離去。 △ 看著星子的反應，月郎覺得送禮物追求好像可行。 △ 忽然衛星從星子身旁飄過，看著開始繞著她打轉的衛星。 △ 星子困惑地望向衛星飛來的方向，發現又是月郎，對他尷尬地笑一下。 △ 月郎以為星子很喜歡，所以開心的笑了。 △ 自信地拿出自己的壓箱寶，一艘插著美國國旗的小太空船。 △ 月郎將其雙手奉上轉送給星子。 △ 有幾顆流星帶過一陣強風吹襲，國旗被吹往月郎身後的方向。 △ 雲跑去追旗子，月郎頓時成了一個醜陋外表的光頭。 △ 月郎望向跑走的雲朵，露出坑疤的那一面。 △ 星子先是訝異，看見月郎傻楞的反應覺得可愛而笑了幾聲。 △ 月郎卻是認為星子嘲笑他，而難過地匆忙離開，星子想追回卻無法。 15
故事腳本
場 03
夜晚
外景/城市
月郎、星子
△ 海浪拍打著岸邊的消波塊。 △ 月郎垂頭喪氣地縮在85大樓附近。 △ 突然幾顆流星飛過他身旁，甚至有幾顆打中了85大樓的避雷針。 △ 他一轉頭正巧迎面小流星的衝撞，鼻子也受了傷。 △ 他不想再讓自己的臉遭受傷害，謹慎地躲到85大樓側邊。 △ 探頭想望向星子她處。 △ 一顆流星又險些打向他，所幸月郎及時反應縮了回去，再次探頭，他驚愕地睜 大雙眼。 △ 星子周圍全是危險的隕碎石，有一大波流星將要飛向星子。 △ 面對流星的襲來，星子卻沒注意到，而張望尋找著月郎的身影。 △ 星子探查周遭的隕石想找出月郎，幾顆流星不斷從她身邊劃過。 △ 月郎見狀，捨身撞開一群隕石，衝向星子的方向。 △ 熱血的導彈流星各種擦過造成月郎的擦痕，月郎咬緊牙根穿梭在光影與雲霧的 之間。 場 04
夜晚
外景/天空
月郎、星子
△ 天空頓時一陣白光與混亂。 △ 殘餘的流星飛過。 △ 星子感覺到身後的騷動轉過身，眼前是滿身坑疤狼狽的月郎。 △ 星子擔憂地奔到月郎面前，月郎的正臉更是滿目瘡痍。 △ 星子伸出一角觸碰了那凹洞，凹洞脆弱的部份被星子一碰剝落了一小塊，宛如 愛心的形狀。 △ 月郎星子相視微笑。 △ 一對明亮的金星伴月妝點著夜空。
16
故事腳本
海浪拍打著消波塊。
夜晚的城市。
雲霧與彎彎的新月。
咻咻的聲響。
驚動了那新月，猛地睜 開眼。
月郎往身後看去，是幾 顆正劃過星空的流星。
17
故事腳本
當那些流星消逝在地平線 邊緣，月郎發現流星飛過 的軌跡，
出現一顆粉色星星。
身側的方向出現幾顆流星 ，那顆粉色的星星—星子 轉頭看向那些流星。
轉頭的動作在月郎眼中彷 彿時間被放慢，周遭的微 微星光有點刺眼。
18
故事腳本
月郎周遭的雲霧小幫手變 成心形，但是接著月郎嘆 氣。
覆蓋住他的光頭就像頭髮 一樣。
雲幫月郎梳理好。
19
故事腳本
月郎望著星子，雲突然將 他推向星子的方向。
月郎望著星子，雲突然將 他推向星子的方向。
月郎愣愣地望著星子。
突然雲朵自己化成一朵花 呈現在月郎跟星子之間。
20
故事腳本
尷尬地接收到月郎送的花， 接著微笑。
看著星子的反應，月郎覺得 送禮物追求好像可行。
21
故事腳本
忽然衛星從星子身旁飄過， 看著開始繞著她打轉的衛星
星子被轉得暈頭轉向。
星子發現又是月郎，對他尷 尬地笑一下。
月郎以為星子很喜歡，所以 開心的笑了。
22
故事腳本 時程規劃
自信地拿出自己的壓箱寶， 美國國旗。
月郎將其雙手奉上轉送給星 子。
有幾顆流星帶過一陣強風吹 襲，國旗被吹往星子身後的 方向。
雲跑去追旗子。
月郎望向跑走的雲朵，露出 坑疤的那一面。
23
故事腳本
月郎的頭上有阿姆斯壯的腳 印。
月郎頓時成了一個醜陋外表 的光頭。
星子看見月郎傻楞的反應覺 得可愛而笑了幾聲。
24
故事腳本
月郎卻是認為星子嘲笑他， 而難過地匆忙離開，星子想 追回卻無法。
海浪拍打著岸邊的消波塊。
月郎垂頭喪氣地縮在85大樓 附近。
突然幾顆流星飛過他身旁， 甚至有幾顆打中了85大樓的 避雷針。
25
故事腳本
他一轉頭正巧迎面小流星的衝撞， 鼻子也受了傷。
月郎垂頭喪氣地縮在85大樓附近。
他不想再讓自己的臉遭受傷害，謹 慎地躲到85大樓側邊。
探頭想望向星子她處。
26
故事腳本
一顆流星又險些打向他，所幸 月郎及時反應縮了回去，再次 探頭，他驚愕地睜大雙眼。
星子周圍全是危險的隕碎石， 有一大波流星將要飛向星子。
面對流星的襲來，星子卻沒注 意到，而張望尋找著月郎的身 影。
星子探查周遭的隕石想找出月 郎，幾顆流星不斷從她身邊劃 過。
27
故事腳本
月郎見狀，捨身撞開一群隕石， 衝向星子的方向。
熱血的導彈流星各種擦過造成月 郎的擦痕，月郎咬緊牙根穿梭在 光影與雲霧的之間。
天空頓時一陣白光與混亂。
28
故事腳本
殘餘的流星飛過。
星子感覺到身後的騷動轉過 身，眼前是滿身坑疤狼狽的 月郎。
星子擔憂地奔到月郎面前， 月郎的正臉更是滿目瘡痍。
星子伸出一角，剝落了一小 塊泥土，出現了宛如愛心的 形狀。
29
故事腳本
月郎星子看著愛心。
月郎星子相視微笑。
一對明亮的金星伴月妝點著 夜空。
30
風格與技術測試
角色測試 由於角色都沒有手腳，在動態演出上會著重於臉部表情，為了使建模更加貼 近設計原形，先用sculptris 6 塑造高面數OBJ檔，再匯入 MAYA 作為建模藍圖， 依外型繪製佈線模型。
用sculptris 6 塑造高面數OBJ檔
匯入MAYA衣外型佈線模型
陰晴圓缺遮掩的部分先用Photoshop裡的濾鏡>光源效果來測試效果。
31
風格與技術測試
角色臉部上使用Blend Shape來製作各種戲劇化表情並已骨架作為輔助。
正常
閉眼
難過
開心
驚訝
生氣
32
風格與技術測試
角色星子為五角星形，以中心為依據考究圓面積佈線。為了讓星子較有吸引人 的表演，加強睫毛的顯現，眼皮外加一層polygon演示的模樣。臉部表情利用 Blend Shape來製作。
星子初步建模
利用Blend Shape來控製表情部分
為了讓雲朵能自由變化各種型態，我們採用2D手繪風格來呈現。會先到Photoshop繪製後在到After Effects與3D動畫部分進行後製。
雲朵示意圖 33
風格與技術測試
場景測試 場景方面我們想採用Low Poly風格，Low Poly是一個利用較少的多邊形，來 構成一個 3D 的模型，由於減少了多邊形的數目，相對在做運算也會較為迅速。 目前建模先著重在一些比較重要的建築物，例如85大樓，然後初步排列出我 們想要的畫面，背景部分則先到Photoshop和After Effects進行後製。
場景初步建模與後製
34
風格與技術測試
因為使用LOW-POLY風格，所以將會讓場景的物件大小不合比例C使得有活潑 的感覺。
忠烈祠觀景台建模
85大樓初步建模
夢時代初步建模
35
風格與技術測試
海洋部分先嘗試使用FX裡面的ocean進行製作。
海洋部分製作
Low Poly看似簡單但其不符合常理的比例與用色上鮮明亮麗。讓畫面呈現可 愛活潑的氣氛。
Low Poly參考圖片 引用網址:http://dabarti.com/vfx/testing-adaptive-light/
36
風格與技術測試
為了節省算圖的時間和增加後製的效率，所以使用分通道算圖，在進行後製的 時候能夠針對需要修改的通道修改即可，提升了後製的幅度，不用整個重算。
surface shader(底色)
Ambient Occlusion(環境光遮蔽)
shaded brighiness two tone(卡通材質陰影)
37
風格與技術測試
surface shader + Ambient Occlusion
↓ surface shader + Ambient Occlusion + shaded brighiness two tone
↓
到After Effects進行後製加上glow特效
38
時程規劃
3月 4月 5月 6月 7月 8月 9月 10月 11月12月 1月 故事構想 風格測試 角色設定 場景設定 分鏡腳本 模型製作 拆UV 貼材質 動作調整 燈光 後製 影片剪輯 配樂
39
製作團隊
指導老師 邱士展 林慈馨 導演/音效 黃信慈 美術設計/分鏡 蘇真羽 色彩/視覺設計 趙文娸 3D建模/後製
40