Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader

*本次使用 Unity版本是2018.4.13*
*素材用自己的代替就行了*
*新手入门,如有错误,感谢授教。*

一、准备工作

使用shader graphs 需要两个包 (Windows - PackageManager) :
Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第1张图片Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第2张图片
下载好之后创建光照渲染管线
在Project面板鼠标右键-如下图
Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第3张图片
如下图(在创建时改了其名字)
Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第4张图片
最后打开ProjectSettings窗口,将刚刚创建好的放到如下图所示位置
Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第5张图片

二、Shader、材质的创建

1.Project面板右键(在上面两个包安装好后才会出现PBR、Sub、Unilit Graph)
本次使用的是Unlit Graph*
Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第6张图片
2.在建好的shader上右键新建材质
Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第7张图片
这样新建材质的好处是 新材质会直接用这个shader
Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第8张图片
(为了方便在项目中识别物体,先把shader改名成Unlit01)
Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第9张图片
3.双击shader文件(打开后类似下图)
Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第10张图片

三、制作全息效果

1.创建一个主贴图(在外面可指定贴图)
Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第11张图片
同样的方法创建透明度贴图和你想要最终效果的颜色,将图片放进去。
(右下角的 - 号可以改变这个框框的大小)
Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第12张图片
2.在shaderGraph的工作区里右键创建节点,将"MainTexture"拖到工作区中,连线
Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第13张图片
同样的方法 新建节点-连线
(白色框内为对应节点名称。具体节点功能、效果在连线时可实时查看,这里就不详细介绍了,在以后的Blog中会再介绍)
Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第14张图片
做好这些连线后一定要点左上方的Save Asset!!!
做好这些连线后一定要点左上方的Save Asset!!!
做好这些连线后一定要点左上方的Save Asset!!!

3.在场景中新建一个Cube,并将建好的材质赋上去
(在这赋贴图才显示的了效果)
(inspector的材质里的参数就是我们在shaderGraph里建的3个玩意)
Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第15张图片
此时大家注意到黑色的地方并没有透明,怎么改呢?看下图
Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第16张图片
先将Opaque改成Transparent,再将Blend改成Additive
Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第17张图片
{ 下面是Blend各模式介绍(From unity 官方)}
Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第18张图片

四、最终效果

Unity-ShaderGraph学习笔记第一步: 如何打开ShaderGraph && 制作全息效果Shader_第19张图片
新手入门,如有错误,感谢授教。

消融效果传送门

外发光效果传送门

你可能感兴趣的:(ShaderGraph,全息效果,unity,shader)