收藏!TA(技術美術)學習網站總結

文丨馬甲

騰訊互動娛樂 遊戲美術師

一、T部分（技術相關）

1.shadertoy這個網上的所有shader都是GLSL的pixel shaders，所有的效果都是純程序生成，建模效果的畫面大部分都使用了raymarching的方法，有自帶的編譯器，可以實時編譯效果，用來學習各種算法非常有用

·https://www.shadertoy.com/

[ shadertoy ]

2.GLSL SandboX和shadertoy網站類似，也是各種牛逼的算法和牛逼效果，也自帶編譯器，唯一比shadertoy好的一點就是打開速度要比shadertoy快，不會經常性出現shaderError的情況

·http://glslsandbox.com/

[ GLSL Sandbox ]

3.如果在這些網站上面實現自己的效果，或者想要在unity裡面復現，可以參考candycat的博客

4.如果對raymarching不是很了解，可以從這些網站進行學習

·http://jamie-wong.com/2016/07/15/ray-marching-signed-distance-functions/#signed-distance-functions

·http://iquilezles.org/www/index.htm

5.然後是一些能應用到遊戲裡面的具體效果製作網站和個人微博，或者twitter,我先推Minions 大神，製作過程寫的很詳細，很多demo有完整的代碼，即使沒有核心的部分也給放出來，最主要的是思路，我發現很多國外的TA，研究的東西不會像國內這麼雜，也沒有這麼深，但是做出來的效果卻很驚豔

·https://www.patreon.com/minionsart

·https://twitter.com/minionsart

博客

[ twitter ]

6.twitter上面的一些shader相關的demo，很多只是效果展示，部分會在git上面有工程和說明

·https://twitter.com/hashtag/Shaders?src=hash

7.實時渲染中經常用到ShaderMap，馮委大佬總結的很全面，我經常拿出來翻翻

·https://zhuanlan.zhihu.com/p/27339998

8.目前為止我發現PBR裡面最全的光照模型總結

·https://www.jordanstevenstechart.com/physically-based-rendering

9.一些unity效果的製作

·https://unitylist.com/browse?f=effects

10.unity官方論壇裡面可以解決很多疑難雜症

·https://forum.unity.com/forums/shaders.16/

11.二維紋理映射

12.絲綢效果相關的網站和ppt

·https://www.slideshare.net/jalnaga/custom-fabric-shader-for-unreal-engine-4

·https://www.artstation.com/artwork/9DoRq

13.毛絨效果的實現，王者妲己毛絨絨的尾巴用的就是這種方式來實現的

·http://www.xbdev.net/directx3dx/specialX/Fur/

14.WalkingFat筆記裡面的內容實用性很強

·http://walkingfat.com/category/graphics/

15.CubeMap原理到應用目前覺得最詳細的一款

·https://blog.csdn.net/v_xchen_v/article/details/79474193#shader%E4%B8%AD%E5%AF%B9cubemap%E9%87%87%E6%A0%B7

16.接下來是一些UE相關的學習資料，首先萬當其衝肯定是，官方的文檔

·https://docs.unrealengine.com/zh-CN/Engine/Rendering/Materials/index.html

17.實用性可以參考YivanLee大佬的專題

·https://zhuanlan.zhihu.com/p/36675543

18.HLSL的學習筆記

·https://www.cnblogs.com/rainstorm/archive/2013/05/04/3057444.html

19.Git上虛幻的源碼

·https://github.com/EpicGames

20.然後是一些GDC和SIGGRAPH上的ppt或者paper

·https://www.gdcvault.com/

21.MAXScript的一些學習資料

·http://docs.autodesk.com/3DSMAX/15/ENU/MAXScript-Help/index.html?url=files/GUID-1564BD35-50EA-4140-9150-1AECC89F713C.htm,topicNumber=d30e159318

·https://forums.cgsociety.org/c/autodesk/3dsmax-sdk-and-maxscript

22.布料相關的知識3ds Max SDK and MaxScript22.布料相關的知識

·https://developers.google.com/ar/develop/java/sceneform/custom-material?hl=zh-cn

23.PS圖層混合模式計算公式大全

·https://www.cnblogs.com/kex1n/p/3663533.html

24.UDK和Unity Shader的一些比較

·https://www.cnblogs.com/topameng/p/6761542.html

25.3DSMAX、SubstancePainter和Unity3D的渲染效果同步

·http://blog.sina.com.cn/s/blog_ca1ca8ae0102yiuj.html

26.GPU精粹1，2，3，

·https://github.com/QianMo/Game-Programmer-Study-Notes/tree/master/Content/%E3%80%8AGPU%20Gems%201%E3%80%8B%E5%85%A8%E4%B9%A6%E6%8F%90%E7%82%BC%E6%80%BB%E7%BB%93

QianMo/Game-Programmer-Study-Notes

·https://github.com/QianMo/Game-Programmer-Study-Notes/tree/master/Content/%E3%80%8AGPU%20Gems%201%E3%80%8B%E5%85%A8%E4%B9%A6%E6%8F%90%E7%82%BC%E6%80%BB%E7%BB%93

·https://github.com/QianMo/Game-Programmer-Study-Notes/tree/master/Content/%E3%80%8AGPU%20Gems%202%E3%80%8B%E5%85%A8%E4%B9%A6%E6%8F%90%E7%82%BC%E6%80%BB%E7%BB%93/Part1

·https://github.com/QianMo/Game-Programmer-Study-Notes/tree/master/Content/%E3%80%8AGPU%20Gems%203%E3%80%8B%E5%85%A8%E4%B9%A6%E6%8F%90%E7%82%BC%E6%80%BB%E7%BB%93/Part1

27.RTR3

·https://github.com/QianMo/Game-Programmer-Study-Notes/tree/master/Content/%E3%80%8AReal-Time%20Rendering%203rd%E3%80%8B%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0

QianMo/Game-Programmer-Study-Notes

·https://github.com/QianMo/Game-Programmer-Study-Notes/tree/master/Content/%E3%80%8AReal-Time%20Rendering%203rd%E3%80%8B%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0

28.往年SIGGRAPH上的ppt

二、A部分（美術相關）

1.SD的入門教程

· https://www.youtube.com/watch?v=NzKtubDsC9o&list=PLB0wXHrWAmCwLRTzdb-RxadGk_xBBQKar

2.SD的一些美術資源

·https://share.substance3d.com/libraries?by_category_type_id=4

3.各種模型、貼圖、特效的製作方案和思路

·https://www.pinterest.com/pin/497014508871830697/?lp=true

·https://www.artstation.com/

4.blender基礎教程

· https://www.youtube.com/watch?v=ILqOWe3zAbk&list=PLa1F2ddGya_-UvuAqHAksYnB0qL9yWDO6&index=2%3D2

5.blender渲染出一個特別驚豔的海洋水體效果

·https://lesterbanks.com/2017/12/waves-crashing-beach-blender/

6.影視級的頭髮，眼睛，皮膚的工具鏈

·https://marmoset.co/posts/how-to-create-realistic-hair-peach-fuzz-and-eyes/

7.Maya的XGen製作頭髮貼圖的教程

· https://www.youtube.com/watch?v=upVqvkXJT_M

8.HairTG專門製作頭髮相關貼圖的插件,產出要比XGen要快

· https://www.youtube.com/watch?v=LvlmpLUJW3c

9.花瓣網

·https://huaban.com/

10.推薦一本配色的書，在做效果的時候按照這個配色，做出來的效果會非常好

比如之前做的一個海水效果就是按照這本書的配色來調的