最遙遠的距離， 莫過於我們之間的對話。
目錄 前製介紹 -- 01 分鏡設定 人物設定
-- 17
背景設定 後期製作
-- 45
-- 51
製作人員 資料來源
-- 31
-- 39
特效製作 形象規劃
-- 05
--57
-- 63
? 呢 話 的 ? ? 說 呢 想 呢 ， 話話 ? 心 間 的 子 過內 說說的話呢 孩 想想 的呢 ? ， 達 與 ， 心 間 表 內內心想說話 間 子 自 父母 子 ，過 心說的 過 孩孩 各 間 達 與 否孩表 子表 達過內想 與 母 ， 是 母 自 父父 各 間 達 內心 自 與 子 各自表 過 母否 否 孩 父是 是 與 各表 達 母 否自 父 是各 是否
動機 小時候的回憶，是否曾聽過父母親說出他們的
創作目的 傳統家庭教育，幾乎以打罵為教育方式，
內心話 ?
事後不但沒有效果，甚至是一種沒有真正愛心
而長大出社會後，曾有對自己的小孩說出自己
的教育。
的內心話嗎 ?
也就是我們經常都聽到過的「愛之深，責 之切」、「恨鐵不成鋼」、「不打不成器」等
在 生 活 周 遭， 注 意 到 有 許 多 父 母 與 小 孩
這些自認為「對小孩好的話語」更是具有
孩，但也不外乎是為了給予小孩更安全、完善
強大殺傷力，只會引起小孩反彈、畏縮或缺乏
的未來，但是小孩的想法卻又是不同，只覺得
自信。
父母是一昧的剝奪、安排自己的興趣、想法， 直到最後只能默默不出聲，或是叛逆、離家。 說不定，小孩只是想知道父母的內心話， 而父母說不定也想讓小孩聽到自身的心底話， 因此告白不只是表達在戀人身上，友情、親情 也能套用其中，告白，何嘗不是把自己的內心 話給表述出來嗎？我們希望雙方都能放下各自 的成見，互相道出各自的內心話。
創意訴求 利用手繪方式讓畫面更增添些溫度，不致 於太死硬、有距離感，並且嚐試在人物描繪裡 增加漫畫常見的線條陰影及網點，讓視覺畫面 更加突顯其特色，而後續製作上也利用 After Effects 這套軟體來製作特效及動態效果，讓 播放時能夠吸引眾人目光，達到先吸引觀賞再 來述求我們的理念。
目標對象 年齡範圍：15~28 歲 主要對象：父母親、小孩、曾有相同經歷的人 其他對象：國中、高中生、大學生
2
類似說法的嚴格教育要求。
的對話與爭吵，幾乎是以罵、念的方式對待小
前製說明
我們希望這部動畫能夠讓觀看者多一些思 考、反思，是否許久沒說出自己的內心話過？
故事大綱 一位喜愛繪畫的叛逆女孩，屢次從惡夢醒來，在某次的夜間，她依舊在牆上把自己的想法塗 鴉於牆上。 某次剛好有一位警察於巡邏中，發現到女孩在牆上塗鴉，女孩一看到警察就馬上逃跑，警察 也不假思索的跟著追上去，追逐的過程中，警察模糊地想起一位小女孩，警察慢慢從牆上的塗鴉 想到了自己的女兒，於是喊出了女兒的名字，女孩邊跑邊驚訝的轉頭看，臉上表情卻是帶著害怕。 女孩來到她所居住公寓大樓並往頂樓跑去，警察吃力地爬到頂樓後，發現女孩此時腳膝蓋受 了傷，他基於關心，所以慢慢地接近女孩，但女孩卻害怕地往後退，在警察更進一步靠近時，女 孩卻從頂樓向後跌了下去。 在女孩模糊意識中，似乎聽到了心電圖機的聲音，睜開眼後，發現了自己的父親坐在身邊， 再也不是那穿著警察制服的威嚴爸爸，而是擔心自己女兒的慈愛爸爸，也因此機會，父女間的對 話間接打開了彼此的心房 ......
3
前製說明
4
前製說明
鏡 分
定 設
6
分鏡設定
7
分鏡設定
8
分鏡設定
9
分鏡設定
10
分鏡設定
11
分鏡設定
12
分鏡設定
13
分鏡設定
14
分鏡設定
15
分鏡設定
16
分鏡設定
物 人
定 設
女孩草創期 剛 開 始 嘗 試 了 很 多 不 同 風 格， 大 多 時 間 較 少 找 參 考 來 畫， 而 以 隨 性 塗 鴉 畫 出， 讓 人 物 比 較 有 街 頭 性， 冷 酷 玩 酷 的 感 覺 元 素 添 加 了 街 頭 跟 嘻 哈， 但 還 沒 定型，少了完整感。
18
人物設定
定型期 在 草 創 後， 開 始 考 慮 到 包 包、 短 褲、 板鞋加上帽 T，接著從跑步跟噴漆，這 些 元 素 角 色 還 是 帶 點 神 祕 跟 俐 落、 中 性 叛逆的小女孩，年齡設定在 16、17 歲 158 公分。
19
人物設定
決定期 確 定 身 上 物 件 後， 越 來 越 定 型， 在 跑 步 上 還 是 先是畫了動作設計部 分， 頭 和 身 也 簡 化 了 許 多， 表 情 上 面 還 是 少 許 了 一 些 害 怕 的 感 覺， 雖 然 角 色 上 原 本 較 叛 逆， 但在臉上也配置了超好 用的 腮紅，不失她的可 愛~
20
人物設定
配色 雖然也稱色指定，但還 沒那麼專業，還是先統 稱配色，配色上帶點陰 沉距離感，不能鮮豔要 和幼兒期有點對應。
21
人物設定
決定稿
22
人物設定
表情 在表情方面，還是不能 太彈性，畢竟還是得多 點害怕及無奈，也製作 了在醫院用的版本。
23
人物設定
幼兒期 小時候的版本，因為故事裡的回憶 加上長大後的反差，需要多點活潑 跟 天 真， 對 於 畫 畫 的 快 樂，拿著筆 就 很 開 心， 所 以 設 定 在 3~4 歲， 這 時的小孩在表情上記憶，會比較豐 富跟深刻。
24
人物設定
比例頭身決定
85cm
158cm
190cm
25
人物設定
虎爸草創期 剛開始設定這角色，很快考慮到爸爸是個警察，警察的 樣子很快就定型，但卻還沒考慮到樣子，因為小女孩有 個樣本，當然也要街頭嘻哈 ( 原本以布魯克林區為參考， 後來以台灣 )，裝上雷鬼頭的嘻哈警察也不錯，但考慮 後，還是以老虎形象特別樣子，表示父親的嚴格、威嚴。
26
人物設定
定型期 台灣警察的制服樣式及老 虎 造 型 搭 在 一 起， 恐 怕 還 是 太 大 眾， 最 後 還 又 添 加 了 刀 子 嘴 豆 腐 心 的 元 素， 進 一 步 在 定 型 上 修 改、 簡 化。
27
人物設定
決定稿 剛開始設定這角色，很快考慮到爸爸是個警察，警察的樣子 很快就定型，但卻還沒考慮到樣子，因為小女孩有個樣本， 當 然 也 要 街 頭 嘻 哈 ( 原 本 以 布 魯 克 林 區 為 參 考， 後 來 以 台 灣 )，裝上雷鬼頭的嘻哈警察也不錯，但考慮後，還是以老 虎形象特別樣子，表示父親的嚴格、威嚴。
28
人物設定
表情 確認後，除了保持他的威嚴，但還保 有他柔性跟豆腐心的那一面，讓表情 特色豐富不少，並調整和女兒風格上 的平衡點，比例上也適度作調整，另 簡化醫院穿著的輕便服。
29
人物設定
30
人物設定
景 背
定 設
製作說明 在進入實際作業前，探勘多處場景，因為這次主題多在夜晚，所以 將重點放在如何呈現夜晚的氛圍，為此光源的運用顯得更為重要， 如何在後製特效光與圖畫直接繪製的光源合併，在製作階段就要特 別留意。 除此之外，美術設定也是很重要的一環，一開始由於經驗不足，有 些設定並不完全，導致的結果是製作的途中，要回頭去修改設定， 在回來修改鏡頭，費時又費力。
前製場景設定 商店街
32
背景設定
街道線稿
住宅區立體圖
33
背景設定
人物建築對比
34
背景設定
大樓平面設定
物件設定
垃圾桶
盆栽設定 1
盆栽設定 2
35
背景設定
夜晚色調的測試，方 便理解之後要使用的 配色
街道濾鏡
街道底色
公寓大樓
36
背景設定
天空
藍晒圖街景製作流程 這場景是台南知名的景點 - 藍晒圖，由於新藍晒圖使用 立體概念去執行，因此結構複雜，為此跑了兩趟去實景 拍攝，並且速寫草圖去理解結構，最後簡化至動畫使用。
發想初期
上色過程
結構線稿
加上濾鏡
完成畫面
37
背景設定
38
背景設定
作 製 期 後
人物加強效果 – 漫畫線、網點 我們的動畫與其他動畫不同差異之處，為『加強人 物的效果』這一個加工技法，一般常用於漫畫上的 人物陰影及材質線條，以及許多不同的網點，我們 將其用在於動畫之中，這樣子的效果會讓動畫在質
這是我們將線、網點應用在動畫中的加強，各個不同
感上，使人物有一種既寫實又像似平面的感覺，像
的搭配也可以表現出一些不同的效果，例如網點效果
是在閱讀一本會動的漫畫書。
顯得比線效果來得柔和、柔化，而線效果卻比網點來 的更有敘述故事的感覺。
女孩線 虎爸線
40
後期製作
病房 - 虎爸女孩網點 + 回憶女孩線與網點
網點效果和色彩融合 在一起的效果，能夠 讓畫面增添一些柔和 氣氛。
病房 - 虎 - 有網點 - 右上光 病房 - 虎 - 無網點 - 右上光
這兩張的效果分別為『有人物加強效果』和『無人 物加強效果』，兩者差異在於我們應用在漫畫上面 的線效果而已，卻可以達到一種立體、寫實、敘事 的感覺。
女跑步 - 左上光 - 無線
女跑步 - 左上光 - 有線
41
後期製作
女和虎跑步 - 背光 - 有背景
越 少 的 光， 更 越 可以凸顯線效果 的感覺與特色。
42
後期製作
虎背光 - 女正光 - 背景
網點效果和線效果合在一 起 的 效 果， 讓 畫 面 看 起 來 部 分 更 有 一 種 滄 桑、 回 憶 的感覺。
虎回憶 - 線網點 網點效果可以讓觀看者在 看 的 時 候， 帶 入 一 種 柔 弱 的情感。
病房 - 女孩
病房 - 虎爸和女孩
43
後期製作
44
後期製作
特
作 製 效
特效製作過程 Offset 流動的背景依此特效所製作。 畫 面 的 構 成： 長 條 圖 的 背 景、 地 板 使 用 Offset 讓畫面持續循環，及使用 Fractal Noise 製作的 流動線條，呈現出奔跑的速度感。
建物稿件
效果呈現
完成稿件
46
特效製作
Particular 製作燈光下的蟲子飛舞。 使用粒子特效，並調整發射器及相關設 定，製作出在燈光下飛舞的蟲子。
飛蟲製作 完成稿件
Puppet
關節節點
設定及調整人物之動作。 透過此功能，設定出角色的關節設定及 調整其部位、物件之動態。
完成稿件
47
特效製作
背光光源製作過程 背光光源的製作過程 1. 先將角色填滿黑色 2. 使用 GLOW 調整背景光源 3. 將整個光源做漸層 4. 將 原 圖 放 在 步 驟 三 的 圖 層 下， 原 圖 點 選 Alpha Matte" 步驟三 "，步驟三的光源覆蓋 在原圖上，完成。
完成稿件
48
特效製作
光源製作過程 1. 將背景圖拆解並調整好位置 2. 增加光源 3. 使用 Lux 特效，製作光暈 4. 使用 Optical Flares 製作鏡頭光 5. 加上有背景光的角色 6. 製作影子
49
特效製作
50
特效製作
象 形
劃 規
LOGO 設計
完稿
設計理念一開始以親情為出發點作設計，後來考慮到動 畫人物的興趣為噴漆，所以想讓此 logo 有模版塗鴉的 風格，文字以中文 " 告白 " 作設計，在告字下方用個對 話框寫上 Say，而說出這句則是白字，讓這二字有了連 結，而非分開獨立。造型上就以模版塗鴉常見的留線方 式，讓文字在模版上製作也不會掉字。
發想過程草稿
定稿草圖
52
形象規劃
發想過程草稿
比例調整
字體設計 在接到形象規劃這任務 時， 想 說 如 果 都 只 能 用 別人設計好的文字去作 創 作， 可 能 會 少 了 點 原 創 的 精 神， 所 以 一 開 始 先製作出一套向量噴漆 字 型， 後 又 考 慮 到 方 便 性， 所 以 又 於 網 路 上 設 計出一套可直接用電腦 打 出 的 字 型， 讓 作 業 上 能更加方便 ( 設定集的頁 碼均以此製作 )。
噴漆字型 ( 向量 )
噴漆字型 ( 可直接用於電腦 )
53
形象規劃
形象品設計 噴漆罐 許多人都會詢問為何會以噴漆罐作為形 象品？其實剛開始就從動畫過程中主角 街頭塗鴉為出發點構想，因街頭塗鴉最 原始也最便利的方式就是以噴漆為製作 方式，而發想過程中也連想到主角因不 被家人重視，所以才有了叛逆行為，而 這也和街頭塗鴉的精神相符，所以才會 以噴漆罐作為形象展示物品，而延伸構 想是噴漆罐是靠著氣體把裡頭的顏料給 噴出，而這過程也如同一個人把心中的 想法給講出來，也符合了我們的動畫名 稱 " 告白 "。噴罐身上也繪製出各噴罐顏 色所代表的心情文字。
初次構想
後期構想
54
形象規劃
LOGO 標示 因常見的模版塗鴉為挖空噴 塗，所以我們在製作上直接把 文字切割作為模版再噴塗，讓 標示不同以往作法。而材質以 透明壓克力為製作，主要是想 以作動畫的圖層方式來疊出不 一樣的效果，也能有立體字的 視覺感受。
名片 名片正面以模版噴塗方式 製 作， 並 噴 上 不 同 混 色 顏 料， 以 表 示 每 個 人 心 中 都 有 段 話 想 表 達 出 來， 而 背 面則標示小組成員所負責 的 職 務 及 聯 絡 方 式， 在 側 面則用噴漆噴上動畫主角 們的代表色。
55
形象規劃
56
形象規劃
員 人 作 製
陳柏瑋
Chen,Po-Wei chenpowa999@gmail.com
負責 : 副導演 / 背景設計 / 攝影合成 / 配音員 形象設計算是求學期間蠻想嚐試的一部分， 因為要去了解整件案子的起源、目的、動機作一整合規劃， 所以必須從頭到尾去熟悉，等於去重新審思，雖然我們這組是製作動畫， 但還是可從故事內容去尋找發展元素， 像是此次我就以街頭塗鴉作出發點， 利用噴漆特性設計噴漆字型、及以故事會出現的噴漆罐作實體形象、 用噴漆罐來製作人物介紹、 動畫名稱也以噴漆加上此次動畫製作方式作一結合， 雖有點半實驗半嚐試，但總是一段經驗， 以吸引群眾來看我們動畫為主要目標，加油！！！
58
製作人員
Tang,Chun-Che nck620132@gmail.com
唐俊哲
負責 : 導演 / 劇本分鏡 / 人物補強 / 人物上色 / 剪輯配樂 從小一直就在看卡通，直到了高中、大學，雖然想接觸動畫這一方面的技術， 但之前是讀資工系因此很少接觸相關資料，直到大二轉系才來到視覺傳達設計系， 而開始慢慢接觸設計、動畫相關的資料，讓我想在畢業專題做動畫。
一開始做動畫時有遇到許多問題，有的完美解決、有的卻熬不過去，但這都是經驗， 我想做出不同種類型的動畫，想去實驗、測試、並把它當作樂趣。
對我來說創意是反其道而行並且加一些想法。 希望這次的畢業專題能夠以特殊的方式吸引群眾。 學習經驗並努力衝刺吧 !
59
製作人員
石哲瑋
Shi,Zhb-Wei keroro58129@gmail.com
負責 : 角色設計 / 原畫師 / 動畫師 / 色指定 / 配樂 做動畫喔 .... 先去看看杜勒的畫吧 竇加也不錯 ~
60
製作人員
Chu,Yu-Hsiang caralierchu@gmail.com
朱雨翔
負責 : 背景設計 / 美術設計 / 背景上色 / 攝影合成 這次的動畫背景設計，對平常並不常接觸的我來說是一項挑戰， 在還沒接觸前，原以為就只是畫畫背景， 但實際做才發現還有許多細節要注意， 畫起來數量也不少，但這些經驗對我來說非常有趣， 在跟組員的溝通中也學到了不少， 雖然目前進度落後，不過我們一定能做出好作品的。
61
製作人員
林秋箴
Lin,Chiu-Chen haneakim3fuo@gmail.com
負責 : 後製合成 / 特效製作 / 攝影合成 / 配音員 這次在動畫中所分配的工作項目是使用 AE 製作後製， 這次的進度裡，測試燈光及特效製作讓我嘗試了很多以前不懂的方式， 覺得很有趣！
62
製作人員
指導老師
陳偉欽 Charles Chen
63
製作人員
64
製作人員
源 來 料 資
參考資料來源 Mr.6 ─年輕媽媽在餐廳失控吼罵小孩，卻聽見陌生老人的一句話 http://mr6. cc/?p=15590 天下雜誌─父母常犯的 5 種教養 NG 句型 http://www.cw.com.tw/article/article.action?id=5055207 人的道理 - 理論邏輯學─江澄祥教授 作 http://web.thu.edu.tw/thching/www/MWA5.htm 教養資訊站─有關孩子的教養，您是哪種父母？ http://www.benesse.com.tw/educate/essay.asp?eid=1137&xid=3&stid=8 FB：洪仲清臨床心理師 (2013/10/23、24) https://www.facebook.com/redbeaniceteacher/posts/749403835075929? ref=notif&notif_t=notify_me FB：六號病毒街頭藝術創作團體 Virus No.6 Crew https://www.facebook.com/VIRUSNO.6 塗鴉鬼飛踢 - 遠流出版 - 畢恆達著
音樂來源 音樂素材 H/MIX GALLERY http://www.hmix.net/ 小森平 http://taira-komori.jpn.org/freesoundtw.html 音效實驗室 http://zh-tw.soundeffect-lab.info/ motionelements http://www.motionelements.com/zh-hant/ senses-circuit http://www.senses-circuit.com/
66
資料來源
發行公司／ {!} 動畫工作室 編 輯／陳柏瑋 協助編輯／唐俊哲、石哲瑋、朱雨翔、林秋箴 出版日期／西元 2016 年 4 月出版