VEIKAN PORTFOLIO 2021 張雅羽作品集

Veikan2021Portfolio


目錄 Content 簡3D建模歷2D插畫 U I 平面設計設計 01 02 10 17 21 藥引 23


PS AI Pr Ae 張雅羽 CHANG YA YU 經歷 學歷 技能 語言 興趣 TaiwanNYUST1999.11.18DMD (+886) 0909 - 036sm691827@gmail.com991 繪畫 美術指導 「藏書閣」高中畢業製作海報設計、明信片設計、貼紙設計「ARG時鏡解離」1th雲科數媒特色活動美宣組組長「媒極斯特」12th雲科數媒寒假營隊美宣組組長「藥引」畢業製作美術組員 系上活動 「斗六大舞廳」雲科數媒聖誕節活動總召「Nomad」雲科數媒特色活動偶像計畫攝影組副組長第15屆數位媒體設計系系學會總務長107年度校內專題及創意製作競賽「專題組」第一名 額外活動 參與2020 Global game jam 在台北I組擔任 角色 設計與 角色 動畫 國立雲林科技大學 數位媒體設計系 互動媒體組 三年級 啟英學校財團法人桃園市啟英高級中等學校 夢想著能有著認真、負責與溫和個性的人。樂於學習,挑戰未知。 夠 做出令人感動的遊戲美術。 攝影 製作遊戲 玩遊戲 插畫/影像合成/後製插畫/動畫精通中等,簡單文章閱讀、會話中等,簡單文章閱讀、會話平面設計/排版影片剪輯/調色特效/動態影像設計 PBR材質貼圖製作基礎操作/3D建模粒子特效基礎功能/小遊戲製作3D模型/高低模建置3D模型/特效/動畫建置骨架綁定/UV/燈光/材質arnold渲染 日文中文英文 ActivitiesEducation LanguageHobbiesSkills







3D Modeling







場景設計為沙漏,沙漏與蠟燭皆為精靈人偶控制時間的法器,沙漏內的花草與玩偶則代表在時間的洪流下,仍有美好的記憶會被珍藏著。角色設定為管理時間的精靈人偶,在渺小的時間次元內孤獨的活著。以人偶為概念製作出角色設計與場景設計。 Doll
2019精靈人偶 Fairy









場景細節 故事情境














RUNʼBBIT是一款雙人合作手機遊戲,是 二下選修課遊戲企劃, 數媒系與電子系分組共7 人一起 製作的遊戲。 核心玩法:Player遊戲機制:Player遊戲需求:5個不同功能的道具與11個場景,而我主要負責其中3個道具及8個場景建模。1會隨著時間改變速度使其越來越快,場景以隨機方式排列增加困難度。1透過左右移動與跳控制主角 躲 避障礙物前進。Player 2 負責使用不同的道具幫助Player 1 ,但要小心道具放置時機錯誤可能會使Player 1死亡。 RUN’BBIT cooperative game 2020 開始畫面 選擇角色 載入畫面 排行榜









場景細節 教學公園 混亂公園 奇幻水晶











場景細節 魔法兔兔花園 兔兔市集










場景細節 兔兔神殿森林公車站











場景細節 市民廣場 森林遺跡










插畫2D 2D Illustration





動畫場景 Animation Sence 2019 此為二上選修的場景設計作業,內容為《鋼之煉金術師》劇場版《嘆息之丘的聖星》之中,愛德華兄弟對於即將要展開的戰鬥的最後感嘆的畫面 。 我選擇此做為場景練習,並觀察其中的光影變化,將其繪製。






場景設計 Sence Design 2019 故事背景為戰爭時期,以生命、衝突、未來為主要發想進行繪製場景分鏡圖。同為二上選修的場景設計作業,與另外兩位鄭宇翔、楊釔煌同學分組,架構出一個世界觀並將其繪製。








灰階厚塗 Gray-scale & Impasto 2019 此為灰階上色練習與厚塗練習,圖中人物皆為原創。






節日賀卡 Holiday Card 2019 在聖誕節、萬聖節以及新年時分別畫的慶祝卡片,以及高中專題製作所繪製的兩張明信片。










遊戲美術 Global Game Jam Game Art 2021 於1/29~1-31這段時間參加遊戲果醬,是一個開發遊戲的有趣活動,需要在僅僅兩天的時間內製作出一款遊戲,今年度的主題是Los t And 我在此小組內負責2D角色設計與角色動態,主要人物有達文西、愛因斯坦、孔子、哥白尼。在6人的小組內討論之後決定製作一款2D歷史人物失去智商的戰鬥遊戲,必須打擊對手才能找回智商,在失去智商後按鍵會隨機調換成不同的Found,按鍵。開始畫面遊玩畫面勝利畫面設定按鍵與人物 PS










遊戲發表影片 角色設計 使用AE製作動態輸出圖檔,再用PS製作成連續圖片,最後進入Unity製作人物動畫並打包給程式負責人。從左至右分別為愛因斯坦、孔子、達文西、哥白尼,每位角色皆有三個動作,分別為待機、走路、攻擊。






設計UI UI Design





坦克遊戲 Tank Game 2020 我主要負責三上的必修課數位遊戲設計所製作的坦克射擊遊戲,攻擊其他坦克後會掉落外觀配件,玩家可以自由更換坦克外觀與炮管。UI介面、UV拆解與建模,材質與遊戲程式皆由同組的李玥潼同學完成,坦克為免費素材。開始畫面外觀選擇實際遊玩畫面 設定











場景物件細節










時境解離 Alternate reality game 2020 數媒系上第一屆特色活動ARG《時境解離》,活動主題為情緒勒索,主要以解謎方式進行遊戲,故事總共有五條分線,根據故事內容製作對應 的遊戲內容。 五條分線皆會使用到這款使用Unity Go Map 李玥潼同學負責程式與企劃、陳欣如同學負責3D角色設計與動畫,而我主要負責製作的手機GPS定位APP,在此APP中輸入對應的密碼便能開啟劇情。UI介面與2D美術。開始畫面房屋草地湖道路輸入密碼選擇角色移動角色觸發訊息 觸發劇情 退出遊戲IOS載點Android載點測試影片



















平面設計 Graphic Design





PS 時境解離 Alternate reality game 2020 數媒系上第一屆特色活動ARG《時境解離》,活動主題為情緒勒索,主要以解謎方式進行遊戲,故事總共有五條分線,根據故事內容製作對應 的遊戲內容。 下圖由左至右分別為為宣傳圖與倒數圖、遊戲道具圖。主要想呈現主題的情緒勒索與懸疑劇情感。












畢業製作 藥引是我在雲科的畢業製作,團隊成員由四人組成,分別為:張雅羽,負責關卡設計、遊戲平衡、結合與處理程式與美術資源;陳亭利,負責整 理遊戲企劃 、專案管理、UI設計;高群錦,遊戲美術設計、音樂音效、2D與3D美術資源製作:;玥潼,負責遊戲程式、時間排程、客制著色器編寫與 遊戲主要以採集、合成與解謎的元素為主軸,總共有三個關卡,每一關都可以採集到不同的藥草,並根據規律將之合成為藥水,每種藥水有不同製作 的功能,共 12種,玩家需要使用合成的藥水來破解並通過關卡,才能尋到師父的解藥。整體的世界觀是參考薩滿教的概念,在他們的傳說中都有樹木崇拜 一兩年時間去把遊戲繼續打磨到能夠上架公開平台到程度。,還需要大量的關卡優化、玩法平衡與加強、細節補正。但是我們都對於這款遊戲的風格以及內容充滿信心與熱情,並希望能夠繼續開發補全,需要的各項技術、各人員工作之間的配合。雖然我們在其中學習到很多,但是遊戲本體其實還在一個雛形的階段。所以我們覺得目前作品的完成遊戲原型製作、測試與修改,七個月的開發時長,以及剩下兩個月的測試與修改。所以在開發過程中很多都是邊開發邊學習,慢慢去了解到開發團隊的成員各自的職業規劃其實大相逕庭,整體而言沒有很多遊戲開發和合作經驗。我們共花了接近一年時間來製作,兩個月為企劃與概念發想已衰老要被神樹收回身體,所以相對應的洞穴也遭受神樹入侵。出本專題的一個核心概念——每個人的意識都是連接著神樹、也依賴神樹而活。而在劇情上,主要的遊戲場景——洞穴象徵著師傅的身體,師傅的概念,衍生是因為年紀,一個月為一款遊戲所度並不算高在未來花費 遊戲預告片 藥引 2020 PS






角色設計 角色都由我設計,鹿在薩滿中是相當有靈性的存在,因次將此元素融入角色設計,藉此使玩家認為師傅是有信仰的角色。師傅因生病而斷角並發 白,表示病重。 徒弟是師傅無意中撿到的人類孩子,裝上他並未擁有的鹿角,表示徒弟非常羨慕並想要成為和師傅一模一樣的人,同時也認為鹿角會帶來好運與 健康。 主角—徒弟 配角—師傅




精彩截圖










第一關影射師傅的舌頭部分,因此有許多草叢與陽光與蜿蜒的道路。同時第一關也是教學關卡,會有許多提示讓玩家了解玩法。 Level 1場景設計 最終成品概念設計












第二關影射師傅的喉嚨部分,因此由許多類似肌肉線條組成地面與牆壁。 Level 2場景設計 最終成品概念設計










第三關影射師傅的腸胃部分,有大面積的湖水與蜿蜒而互相纏繞的道路。 Level 3場景設計 最終成品概念設計










THANKS




