巴哈姆特

哈啦區 Unity3D 遊戲引擎
查看全文

RE:【心得】unity卡通風格特效 1年來的研究心得

技術分享
捷 (eddy21709) 2018-10-10 00:00:45
#1
看到有留言想知道特效的做法跟設計 那我就來分享一下好了~  

我以弓箭那一招舉例:在做這招的時候 其實我就已經想好我要的是什麼 所以作起來其實很快 在這邊我很推薦畫設計稿 我也不是很會畫 但是只要有畫 你會知道你想表達的是什麼 每個元素要怎麼堆疊 而不是東加一點西加一點 這樣出來效果很差花的時間也久


另外這邊我也必須說 找參考也很重要 其中集氣的氣流 射出去的衝擊波 都是參考fate裡面去做的


然後簡單說一下3個部份的作法~

1.冰封:這邊的冰晶用到在對岸上課老師的shader 我有空再來研究他的做法ORZ 但是模型其實很簡單 做好一個冰然後複製幾個小的而已~
另外要特別提一下 這個藍色箭矢是非常畫龍點睛的存在 他可以破壞圖形 讓整個畫面不會只有冰晶 並且故意使用藍色去把顏色豐富度提高 但又不會吃掉太多顏色 就跟畫原畫一樣的道理 80%主色調 20%副色調
然後用到的貼圖也不多 也就地板+飛出來的碎屑以及煙霧 衝擊波 這些部分不難就不詳提了~ 比較值得注意的是節奏感 幾乎都有用到各種放大 加速減速等等的作法 把節奏感給作出來 這個小細節蠻重要的~ 下面是貼圖:

2.集氣:這部分其實蠻簡單的 主要功臣就是一張氣流的貼圖 並且利用顏色的從紫->藍 這樣的變化 讓顏色有很豐富的變化 也有明暗變化 地板的貼圖也很簡單 細節不多 但是卻可以表現出很好的效果 然後加上一點點櫻花的粒子作點餘韻感~ 以下是貼圖以及氣流的模型(還有顏色變化):

3.破魔矢:這邊的重點就在射出去的衝擊波 集中的特效等等 比較不容易的在各個元素的搭配 以下是貼圖:

4.shader:這個還是一個很大的重點 利用shader裡面color的HDR 搭配post-processing 才能搭配出這種很棒的光感以及顏色 其實仔細看也會發現我的貼圖畫的也不是很好 可以改善的部分還很多 因此手繪的部分我認為很重要~

5.結語:其實這樣看下來會發現 整個特效並沒有用到很複雜的東西(除了一些shader) 大部分都是幾張簡單的貼圖 搭配簡單的模型 就能作出很不錯的效果 但是要達到好的效果 對於顏色的敏感 節奏的掌控 明暗的對比等等 有非常多需要去注意的~ 這也是特效很難的地方 也是未來我要持續進步的地方 但是回到一開始說的 設計稿很重要 他能讓你知道你要做的是什麼 而不是漫無目的地東拼西拼 這次弓箭特效的分享到這邊~  有問題或者覺得可以加強的部分也歡迎提出喔 ^ ^
SWALA: B1 2018-12-03 14:32

想問一下,關於序列圖的製作,你是一張張徒手畫還是用AE製作呢?

捷: B2 2018-12-04 01:05

徒手畫

⊰⊱求出處學術用⊰⊱: B3 2019-12-13 10:14

感謝分享 希望也可以做出想要的特效

延伸閱讀

心得【Unity】【Shader】HSBC Image Effect

2016-07-14 21:21:07

情報Unity新手利器 好用易上手的免費插件 Fungus

2022-05-23 11:33:44

心得卡通外描邊深入研究與Unity新管線功能使用分享

2019-10-26 16:08:13

心得Unity 教學 問答猜謎小遊戲+計分功能(配合免費外掛Fungus)

2018-04-16 11:18:13

心得連續動作的處理

2023-04-20 12:37:21

心得使用Visual Scripting 實作「第三人稱視

2024-03-27 10:54:50

堅硬的外表與堅強的內心

看更多

《機動戰士鋼彈 SEED FREEDOM》台灣預售票 3/22 啟售 中文版預告公開

影劇

《勇氣爆發 BANG BRAVERN》推出「布雷邦平底鍋」特殊塗層讓人炒飯無往不利

宅物

打造獨門鋼彈模型!《鋼彈創壞者 4》2024 年推出 收錄超過 250 架機體

多平台

開啟 APP

face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】