2017~2018 Portfolio

DESIGNER:

YU-CHENG _TU

意 識 突 破 OPEN YOUR MIND

O P E N YO U R M I N D 打開一個設計人的思維， 我們的想法在感性與理性間相互交織， 我們的思考在緊繃與彈性間不斷奔馳； 我們需要一顆流星打中腦袋的創意, 我們追求的是那與眾不同的思想， 所以突破自己的意識， 體會這個繽紛的世界， 設計的世界比所想像的寬廣與動人。

4

CONTENT 1.

2.

3.

PERSONAL PROFILE

4.

個人簡介 P.6-P.7

STUDY PL AN

學習計畫

5.

P.8-P.9

ANIMATION DESIGN

多媒體動畫設計

6.

P.10-P.15

5

ILLUSTRATION DESIGN

插畫設計 P.16-P.31

GRAPHIC DESIGN

平面視覺設計

P.32-P.47

PRODUCT DESIGN

產品設計

P.48-P.61

涂育誠 YU-CHENG_TU PHONE NUMBER : 0918081938

Gmail: tu.yu.cheng0819@gmail.com Professional abillity : 平面設計：logo 設計、包裝盒設計、海報製作、書冊編排 影像動畫：微電影拍攝、影像剪輯、2D 動畫 motion graphic 產品設計 : 基礎模型製作、3D 建模技術、產品創意發想 插畫設計：Photoshop 電腦繪圖、人物角色設計

學歷 EDUCATION:

得獎經歷 AWARDS:

台中市立台中高工 圖文傳播科

全國學生美術比賽書法組台中市初賽

第二名 高一

國立高雄師範大學 工業設計系

第十四屆亞蒂斯盃繪畫比賽色鉛筆創作組

優選

46 屆 全國技能競賽 平面設計職類 中區分賽

第四名 高二

證照 LICENSES:

46 屆 全國技能競賽 平面設計職類 全國賽

佳作

印前製程圖文組板 丙級技術士

全國工業類科學生技藝競賽大會會徽設計

第一名 高三

印前製程圖文組板 乙級技術士

105 年度愛台中創意獎學金 文創設計組

佳作

高三

視覺傳達設計

丙級技術士

106 年 TAIMeT 醫療科技整合學會動畫大賽

佳作

大一

視覺傳達設計

乙級技術士

48 屆 全國技能競賽 平面設計職類 南區分賽

第一名 大一

6

高二

高三

2018 PORTFOLIO

自傳 / 設計經歷 DESIGN EXPERIENCE 我是涂育誠，和大部分申請這個科

現自己的作品才是最有趣的部分，像是

這成為了我踏入多媒體動畫領域的

系的人一樣，繪畫是我自小的興趣，我

以編排技術去製作精美的雜誌，以手繪

動力，畢竟一個成功的設計作品，不一

喜歡透過漫畫建構屬於我的故事世界；

技巧設計出精美的海報，「應用」對我

定要是平面的，可以讓它們成為動態，

由於繪畫的啟發，讓我對於動畫與電影

來說，是學習一個軟體最有趣的地方。

因 而 增 加 趣 味。 學 習 motion graphic 讓我對製作動畫產生濃厚的興趣，原先

產業很有興趣，我特別喜歡美式皮克斯 的動畫，動畫裡人物的角色設計、場景

我曾參與過全國技能競賽的選手培

就讀工業設計的我，在認真思考過後，

的光源效果、精彩的劇情編排，在播放

訓，學習「平面設計」的專業技術，了

毅然嘗試轉學，就是為了能在多媒體領

時清晰的烙印在我的腦海裡，我覺得體

解視覺設計、包裝設計、海報設計、雜

域有更深更廣的學習。

會皮克斯動畫精彩的劇情無疑是最深

誌編排等設計技巧，並在比賽中拿到了

刻的享受，每一刻場景都深深吸引著我

105 年中區分賽第四名、105 年全國賽

動畫，尤其是結合故事的動畫，讓

去接觸有關動態視覺的相關事物。

佳作、107 年南區分賽第一名等成績，

我找回了小時候畫畫那種對故事世界

使我自身對於平面設計，有一定的了解

的初衷。我未來的目標，想以動畫為職

與認知，至此，設計成為了我的專長。

業，因為我渴望能透過動畫，創作出屬

高職時，就讀台中高工的圖文傳播

於我的故事世界，期望這個世界能贏得

科， 我 認 真 的 學 習 有 關 設 計 的 技 巧、 概 念 以 及 實 作 技 術， 特 別 喜 歡 深 入 了

從平面設計轉變到多媒體動畫的契

大眾的喜愛。這也許是個荒誕的目標，

解 設 計 軟 體， 擅 長 操 作 illustrator、

機，是在高三暑假時參與了「TAIMeT

但我相信，只要踏入這片領域，做出相

photoshop、indesign、premiere、

醫 療 科 技 整 合 學 會 動 畫 大 賽 」， 使 用

對應的努力，自可見其成果。

after effect 等軟體。其實軟體的操作

2D 動畫 motion graphic 的設計技術，

只是一個設計的工具，要運用工具去呈

製出屬於個人的第一個動畫作品。

7

學習計畫 STUDY PLAN ( 一 ) 近程學習目標： 1. 角色設計 sketch、美感培養：

3. 英文學習：

動畫設計需要一定的美學涵養，以及角色骨架、場境透視概念，

一位好的設計師必須有一定的語言溝通能力，才能順利地與客

要做好動畫比須先把基礎打穩。近期先從手繪技巧開始培養，使

戶、外國教師交流，也對於未來出國或是學習英文軟體會有很大

得自己的人物、場境、透視都能有穩定的造型，並用適當的色彩

的幫助。若要在未來出國學習更多動畫的相關知識，英語溝通能 力一定得深入學習，近程將會去考多益或是托福等英語相關考

搭配，以做出成熟的作品。

試，使英文能力提升。

2. 動畫程式學習 after effect、MAYA、3D max： 從 2D 動畫入手，多多學習人物動畫的運動姿勢，以及場景特效

4. 參與各項比賽，累積經驗：

的建構，因為未來動畫的趨勢不只是 2D 方面，3D 動畫更是主

多多嘗試與挑戰，在每一次的設計競賽中得到經驗，能夠增加設

流，所以必須多涉略與了解軟體相關技術，才能使作品更完整。

計的敏銳度，讓自己的作品更加成熟，更有競爭力。

( 二 ) 中程學習目標： 1. 學習動畫腳本與分鏡規劃：

3. 動畫程式語言的學習：

我想在課程中深入了解動畫的製程與規劃，多去了解分鏡、運鏡

學習動畫的程式語言和軟體的外掛腳本，一般的動畫特效，有

的使用方式，以及劇本的架構，人物角色動機等學問。尤其分鏡

時不是用原本軟體內建的特效就能做出來，成熟的動畫需要依

無論在動畫或電影中都佔了舉足輕重的地位，分鏡與運鏡常常代

靠寫程式，才有辦法畫出想要的效果。所以我計畫學習電腦動

表著思想的象徵意義。將這些融會貫通，期待自己的思想內容，

畫的指令與程式語言，例如 JavaScript 程式語言或其他技術， 讓動畫能夠更加完整。

能更精確地透過分鏡來傳達於作品中。

2. 動畫故事、人物設定的構思：

4. 動畫公司實習計畫：

我計畫觀賞大量電影、動畫，來吸收不同的故事劇情，增廣自己

比起在大學學習到的事物，若能夠走出校園，到真正的業界職

對這方面的了解。透過廣泛的閱讀以及視聽，加深對人物設定、

場去實習，並瞭解業界產出動畫的形式，能夠使我更了解實際

角色設計的掌握，期許這些養分能使我的動畫劇情更加具有特

的動畫產業趨勢，以及未來該走的方向。

色。

8

2018 PORTFOLIO

( 三 ) 遠程學習計畫： 1. 畢業製作 - 新一代設計展：

3. 前往國外研習動畫相關技術：

新一代設計展，是新人設計師踏入職場的第一步，藉由此展覽，

想 報 考 美 國 加 州 大 學 CalArts(California Institute of the

增進團隊合作與參展經驗，並與其他設計學校切磋琢磨，增廣見

Arts)，在那裡深入了解美國動畫的製程原理與技術，與美國職 業動畫師接觸，讓自己不管是角色設計、分鏡、團隊規劃、場境

聞；冀望畢業製作的作品能獲得全國的動畫獎項。

設計都能到達職業級的水準。

2. 菁培營 - 國際交換學生： 要成為好的動畫師，為了更上一層樓、增廣視野，到國外學習是

4. 成立個人動畫工作室：

必經之路。國外的設計風氣也與台灣相差甚遠，所以想藉由菁英

透過過去所學習所有相關知識，組織動畫團隊，成立工作室，透

培訓營，爭取國外交換學生的機會，期許自己能在外國夠吸收到

過工作室開發個人品牌，提升企業的知名度，多接案、多學習， 讓團隊朝著目標持續前進。

更多、更廣的設計知識。

9

1. 多媒體動畫設計 ANIMATION DESIGN

醫療科技整合學會動畫大賽 -頸椎退化

動畫主題：醫療知識 - 頸椎退化 製作者： 動畫設計、配音剪輯：涂育誠 文案編輯、創作理念：涂瀞尹

創作理念： 視覺表現部分，配色使用亮綠色系，接近醫學的顏色，而 不會過於濃重，營造清新的氛圍；造型以充滿現代感的 FLAT DESIGN 扁平化設計，動畫手法使用 MOTION GRAPHIC 進行 設計，每一個轉場皆經過精細調整，使得整體動畫能夠流暢。 文案寫作為了不讓動畫顯得過於死板，故將「椎間盤突出」 擬人化為「大魔王」，並提醒觀眾這不是老年人才會出現的問 題。解釋病症時以諸多譬喻手法，讓動畫活潑又具知性。配音 則使用沉穩的男聲，來讓動畫與文案內容結合。 影片網址：https://www.youtube.com/watch?v=Ok05vEIxyl4

12

2018 PORTFOLIO

動畫場景劇照：

13

14

2018 PORTFOLIO

https://www.you tube.com/watch ?v=Ok05vEIxyl4

15

2. 插畫設計 ILLUSTRATION

角色設計 綠茵 烈焰中的聖誕節 暴雪樂園Blizzard world DARK/LIGHT Master YODA/Boba Fett

2018 Charactor sketch: Illustration drawing 角色造型設計 - 孫悟空

18

2018 PORTFOLIO

2018 Charactor sketch: Illustration drawing 角色造型設計 - 機器人

19

2018 Charactor sketch: Il l ustr ati o n d r aw i ng

嘗試透過美式風格的畫風進行角色設計，同時訓 練自己筆觸的流暢性，並增強手繪的設計技巧。

20

2018 PORTFOLIO

21

ILLUSTRATION

綠茵 CG illustration drawing

創作理念： 與友人合作繪製的電腦繪圖作品，作品成型於共同訂定 的三項主題，分別是「綠茵」、「精靈」、「邂逅」，將三 者結合所繪製出的畫面即為這次主題；主題闡述著人與人的 邂逅是如此的可貴，每一人都在等著對應彼此的人，在邂逅 的同時也有人獨自一人在等待，人與人的緣分是如此的美 麗，卻也是如此的哀愁。

22

23

24

2018 PORTFOLIO

ILLUS T RAT IO N

烈焰中的聖誕節 CG illustration drawing

25

26

2018 PORTFOLIO

ILLUSTRATION

暴雪樂園 -Blizzard World CG illustration drawing

27

ILLUSTRATION

DARK&LIGHT 手繪插畫設計 - 水彩

28

2018 PORTFOLIO

29

30

2018 PORTFOLIO

ILLUSTRATION

MASTER YODA 手繪插畫設計 - 麥克筆

ILLUSTRATION

BOBA FETT 手繪插畫設計 - 麥克筆

31

3. 平面視覺設計 GRAPHIC DESIGN

2018 狗年賀卡-戊戌

太平洋的風-雜誌編排 2018演奏會-箏之海 ＢＯＯＭ 意識爆炸 F OR T A N T Mer lot 葡萄酒 保生大帝-文創商品設計

34

2018 PORTFOLIO

GRAPHIC DESIGN

2018 狗年賀卡 - 戊戌 新年賀卡設計

採用日式色表進行配色，表面套用日式文理覆蓋， 並運用色塊堆疊的扁平化設計配合流暢的線條分佈， 呈現出有別於過去中國風式的明信片設計，顯得色彩豐 富但不失過年喜氣的風格樣式。

35

GRAPHIC DESIGN

太平洋的風 - 雜誌編排 書冊排版設計

「Kamaro'an 住下來吧」是主要以竹編工藝銷售的台灣 設計品牌，該品牌在 2017 年 9 月 23 日在台北華山文創 園區展覽「太平洋的風」的工藝品設計，藉此活動編排

K a m a r o ’ a n

出觀展雜誌，想透過精美的編排來使台灣優良品牌得以

住 下 來 吧

推廣。

編排文章摘錄自 SHOPPING DESIGN https://www.shoppingdesign.com.tw/post/view/2201 ( 此雜誌編排非實際展覽成品，只作為設計練習使用）

36

2018 PORTFOLIO

37

GRAPHIC DESIGN

2018 演奏會 - 箏之海 活動視覺海報

38

39

40

GRAPHIC DESIGN

ＢＯＯＭ - 意識爆炸 海報設計練習

41

42

2018 PORTFOLIO

C 60 M 10 0 Y 4 0 K 4 5 VIN DE PAYS D’OC www.skalli.com PRODUIT DE FRANCE

C 40 M 10 0 Y 4 0 K 4 5 C 70 M 40 Y 6 0 K 0

GRAPHIC DESIGN

FORTANT Merlot 葡萄酒 包裝設計

43

GRAPHIC DESIGN

保生大帝文創商品 - 藥籤 文創商品設計

「藥籤」是保生大帝宮廟的一大特色，藉此特色來為文創

藥 籤 內 容 的 疾 病 包 括「 邊 緣 症 」、「 公 主 病 」、「低

商品進行設計。此藥籤並非真正治人疾病的藥方，而是可

頭 症 」、「 貪 睡 症 」、「 貪 食 症 」 等 五 種 現 代 疾 病， 當 民

以當成吊飾及書籤或是收藏小卡的文創商品；設計構思選

眾 抽 選 到 符 合 自 我 習 慣 的 疾 病 時 會 使 他 們 感 到 十 分 有 趣，

用了「現代文明病」為藥籤內的疾病，採用幽默有趣的文 言詞句來解釋病狀以及治療方式，使得民眾取得藥籤時能 覺得新奇有趣，以及感受這是富有創意值得收藏的設計。

44

同時也有警惕的作用，讓民眾了解這些疾病表面並不可怕， 可 怕 的 是 它 就 在 我 們 現 代 人 身 邊 而 我 們 視 而 不 見， 也 代 表 保 生 大 帝 關 心 的 不 只 是 重 症， 一 般 生 活 的 習 慣 疾 病 也 是 十 分重要，有健康的身體才有健全的心理。

2018 PORTFOLIO

45

46

2018 PORTFOLIO

GRAPHIC DESIGN

保生大帝文創商品 - 手提袋 文創商品設計

現代的年輕族群喜歡以輕便、環保、有設計

手提袋分為正反兩面，正面採用簡潔的圖案

感的文創商品為首要購買項目，「環保手提袋」

設計，包含了保生大帝與其宮廟的虎爺，簡潔色

不僅可以減少塑膠袋的使用量，亦可傳達保生大

塊的風格不會太過嚴肅拘謹，容易深受社會大眾

帝的獨特文創商品，「袋」與「待」的諧音關係，

喜愛；背面主要是以文字篇排為主，其中使用有

也表現了保生大帝，「待」人處事的仁慈、救世

趣的語法創作出保生大帝特色的 slogan，讓使用

濟民的偉大。

者能夠感受到這不僅是有特色的文創商品，更富 有創意及獨特性。

47

4. 產品設計 PRODUCT DESIGN

來K EY台中-鑰匙架 流霞 MICH EL IA F EA R 恐懼 3D mod el r end er

50

2018 PORTFOLIO

PRODUCT DESIGN

來 KEY 台中 - 鑰匙架 文創產品設計

產品功能特色： P rod uct Function

鑰匙架 以原木製造而成，上面規劃台 中各個地方的火車站的地圖，可以 藉由鑰匙的擺放讓使用者認識台中 鐵路之美，挖孔處內嵌磁鐵，使對 應的鑰匙換能吸附在上不會掉落， 可以美觀擺飾於家中或工作場所。

鑰匙圈 挑選五種台中的特色車站，分 別是 台中、大甲、清水、豐原、清 水車站，並搭配在地美食組合成精 緻的鑰匙環；將鑰匙掛在車站造型 鑰匙圈上，回家時將插孔插入鑰匙 架，不僅有美觀擺飾的功能，更能 帶領使用者認識台中車站的特色。

51

52

2018 PORTFOLIO

C0 M30 Y80 K0

C85 M10 Y5 K45

PRODUCT DESIGN

來 KEY 台中 - 鑰匙架 文創產品設計

創作動機：

產品功能特色：

C reat ive m ot i v a ti o n

P rod uct Function

貫穿台中山海線的鐵路，扮演著聯繫地方間感情的重要角

我們所設計的台中鑰匙圈及鑰匙架以木頭打造，表現鐵道

色，更相互輝映了台中文化的過去與現在，而鐵道創造的

的復古意象。上頭以五個知名火車站：大甲火車站、清水

周邊生活，也成為現今台中城市發展的重要基石。但是，

火車站、豐原火車站、沙鹿火車站及臺中火車站做為標地，

現代人們緊張忙碌，每天往返車站通勤，卻沒有好好停下

車站旁邊則有一鏤空的在地特色小吃圖樣，除了讓遊客可

腳步回味曾擁有的回憶，所以我們藉著台中特有的鐵道與

以妥善收納鑰匙更可透過此鑰匙圈了解臺中各地文化特產。

美食風情，來發揚台中之美。

53

54

2018 PORTFOLIO

PRODUCT DESIGN

流霞 MICHELIA 工藝產品設計

創 作摘要：

設計理念：

mo t ivat ion

Conce pt

在我記憶的洪流中，高雄岡山老家的玉蘭樹是一個別具意

藉由兒時回憶的玉蘭花為設計出發點，尋找能襯托此意念

義的記憶點，從小在那簡單的小厝生長的我，玉蘭花是我

的桌上用具，酒杯成為了我設計結合的選擇，玻璃高腳杯

與祖父母記憶的象徵物，不管是在喝茶、吃飯、遊戲，玉

的杯身有著鑲金邊的玉蘭花瓣雕刻，磨坊著玉蘭花生長的

蘭樹下總是有著我與家人的身影。

型態，表現高雅美麗的曲線美感。

隨著時間的流逝，祖父母的過世離去，我也與家人也搬到

選擇酒杯的原因是因為酒是可以使人沈醉於美好事物的象

了台中生活，在那小厝的玉蘭花的香味仍然圍繞在我身邊，

徵，亦可以是一個優雅高貴的表現，所以選擇了西洋高腳

迴繞著兒時的記憶，充滿難以忘懷的沈香。

杯為設計基底，呈現出回憶令人如癡如醉卻又令人不禁珍 惜在心，藉此想表現出高雅美麗的餐桌用具，象徵著著令 人珍惜的美好事物。

55

PRODUCT DESIGN

FEAR 恐懼 心理造型設計 「恐懼」這種情緒在現代人身上並不是時 常 能 使 人 察 覺， 它 並 非 是 一 種 '' 突 然 '' 使 人驚嚇、害怕的情緒，現代人的恐懼是深 深藏在自我意識中，像一個黑色的寄生體 慢慢侵蝕著自我意識；所以針對恐懼的意 象並非突發性的狀況，而是以深層累積的 情緒來傳達此概念。 模型設計我不將黑色部分製作成完整包覆 整體的造型，而是使它像垂流般滴落，表 示只有去面對「恐懼」，才能將自己乾淨 完整的意識，從黑色泥濘中超脫。

56

2018 PORTFOLIO

57

58

2018 PORTFOLIO

PRODUCT DESIGN

Tooth brush/Ring 3D model render

59

PRODUCT DESIGN

3DR DRONE product model render

60

2018 PORTFOLIO

61

Thanks list 謝盛發 老師

楊博智 學長

葉如恩 老師

劉家欣 學姊

洪晨翔 老師

黃茹暄 學姊

林東龍 老師

黃觀如 同學

曾榮梅 老師

呂翰廷 同學

YU_CHENG TU

ISSUU https://issuu.com/falcondesign

曾朝源 老師 蕭坤安 老師

YU_CHENG TU

Behance

陳譽尹 老師

https://www.behance.net/yuchengtu

62

TO BE CONTINUED 要說一個設計最困難的地方以及最有趣的地方 我覺得便是對於設計的「思考層面」， 之所以想要突破自我意識， 正是想要打破現有的思考概念，給予不同事物有所新的詮釋； 曾有聽過一句話，深刻的讓我記著， 「人與人的差別，便在於對於事物的認知」， 設計的路還很長遠，希望能夠增長所見所聞， 用身心感知與體會自己所不了解的一切事物。

63

YU-CHENG

_TU