现在用N渲IK渲啥的越来越多,不少人都在问法线贴图怎么做
这个教程就来讲讲法线贴图 完全没有相关基础可能看起来比较吃力
教程完之前不要插楼·····

简单说来法线贴图就是让低面模型也可以呈现出非常多的模型细节 当然这些都是虚假的

首先简单的解释一下法线和法线贴图

图1 垂直于点上那个绿色的线就是法线(normal) 法线决定了模型在三维软件中基本的光影显示, 稍微旋转了一下法线的方向图2 模型表面光影就会随之变化

然而我们看到的那根绿线并不是一根而是四根法线被锁定在一起图1 有多少个面和这个点相接这个点上就会有多少根法线 把法线解锁开四根法线都朝向不同的方向图2
模型上就会出现锐利的转角 这也就是三维模型上常说的软硬边线懂建模的应该都知道


图中我们能看到非常丰富的凹凸细节但是相应的面数也非常多,这时我们想要这些丰富的细节但又不需要这么多的面数那么就需要用上法线贴图

根据前面所讲法线决定了模型在三维软件中基本的光影显示 我们想要模型上有很多凹凸细节那么就需要很多的法线也就是需要很多的点和面
但是现在我们又不要那么多的点和面 那么就用法线贴图来代替法线
可以把法线贴图上一个像素点想象成一根法线 这张法线贴图是512*512像素大小也就是有262144个像素 那么把这张法线贴图贴到模型上就相当于模型上有262144根法线(当然实际上肯定不是这样的) 一个几百面的模型瞬间看上去就像是有几十万面一样的细节效果


法线贴图中红绿通道代表上下左右的偏移蓝通道代表垂直偏移
但是法线贴图毕竟是假的并不是真的改变模型 从正面看效果很不错转到侧面看模型还是平的法线贴图也就失效了所以蓝通垂直偏移效果并不是很明显后面来讲这个通道的用法
基础就讲到这接下来讲法线贴图制作

制作法线贴图主要有两种方法
一是正规的制作方法高模烘焙 简单说来就是做个几百万面或者几千万甚至上亿面的高精度模型 再做一个几千面几万面的低模 把高模的细节信息烘焙到低模上就能得到一张法线贴图了 这种方法做出来的效果非常好但是也需要相应的建模技能 maya max zbrush啥的肯定少不了 能学这种方法的也没必要看这种基础教程了这里也就不讲这种方法了

二是用颜色贴图转法线贴图 俗称假法线 这种方法效果一般般不过倒是很方便快捷 这个教程主要也是讲这种制作方式

转法线贴图软件倒是很多CrazyBump ndo2 Lumion ShaderMap 之类的都行 教程里我就讲一种ps的滤镜插件 直接在ps里就能使用省了去其他软件来回导

插件正式名叫Nvidia Tool for Photoshop还是Nvidia Plug-ins forPhotoshop来着忘了
Nvidia和adobe官网下载里都能收的到 度娘上也能收到一大堆
ht要tps://devel去oper.nvidia.co掉m/nvidia-texture-tools-adobe-photoshop

装好以后ps滤镜里就会有这个工具

接下来是实战了

首先来制作这个头发的法线贴图

圈中5是凹凸强度 数值越大转出来的法线贴图凹凸越明显毛衣这种凹凸明显的数值一般会给的比较大 皮肤这种比较细腻的数值就给的比较小
其他设置就不详解了自己试试就知道


点击ok就能得到这张法线贴图 但是这个法线贴图现在是光溜溜的我们想要一根根的发丝效果怎么办 首先去找度娘要一张头发丝的贴图

找度娘要到一张这样的发丝贴图

把头发丝扣过去多复制几块把贴图铺满


用之前的方法得到头发丝的法线贴图

把发丝的图层改为叠加 这样就得到一张有发丝细节的法线贴图了 把法线贴图贴到模型上看看效果

卧槽这里简直是狗屎 出现这种情况明显是uv和贴图方向不对 发丝全是横着了

把uv放进贴图里对着uv调整


这样就得到完美的法线贴图效果了

接下来讲几种特殊情况的处理

像这种类似纹身一样的效果直接凹进肉里肯定不对 可以先抹掉再转法线贴图就没问题了 其他物件上的喷漆啊衣服上的图案这些不会有凹凸的东西都是先抹掉再转法线贴图 (皮肤上的纹理和头发丝一个道理用一张皮肤纹理贴图转成法线贴图叠加上去的)

另一种情况正好和前面相反 贴图上没有画出细节 但是我们需要模型上有凹凸
ps里新建一个图层自己画一块图案(颜色无所谓什么颜色都可以 转法线贴图的原理都是颜色对比一个纯色的话也就不存在对比)单独把新建的图层转成法线贴图叠加上去就可以了


最后放一个CrazyBump的参数第一个是凹凸强度自己根据实际情况调整
后面那些参数是我常用的设置比较试用与mmd那些卡通风格的模型

原文地址:http://tieba.baidu.com/p/4253979124

【基础教程】法线贴图原理与制作 粗解相关推荐

  1. 老徐WEB:最简单详细的轮播图原理和制作过程(一)

    老徐利用空闲时间,制作了一个最简单的轮播图,主要介绍轮播图的原理和制作过程,只要大家能认真看完这篇文章,并理解文中内容,就能完全掌握轮播图的制作了.之后工作中碰到复杂的轮播图,自己也能思考制作出来了. ...

  2. 写给笨人的法线贴图原理

    我算个笨人吧.笨人以前弄懂一些东西后,讲给笨人听往往更有效.看之前请自行具备图形学关于光照的基础知识. >> world/object space normal map 我们先讲基于世界或 ...

  3. 【GTASA】圣安地列斯人物眼睛发光教程 - 法线贴图发光 Normal Map

    [GTASA]人物眼睛发光教程 - 法线贴图 Normal Map 教程小记 一.展示 额,人物算是随便挑一个,但是不是任意的,视实际情况而定. 你好,折纸大师! 二.遇到的困难 实际上,我这个法线贴 ...

  4. python 字符串替换_Python基础教程,第四讲,字符串详解

    本节课主要和大家一起学习一下Python中的字符串操作,对字符串的操作在开发工作中的使用频率比较高,所以单独作为一课来讲. 学完此次课程,我能做什么? 学完本次课程后,我们将学会如何创建字符串,以及如 ...

  5. 判断字符串格式_Python基础教程,第四讲,字符串详解

    本节课主要和大家一起学习一下Python中的字符串操作,对字符串的操作在开发工作中的使用频率比较高,所以单独作为一课来讲. 学完此次课程,我能做什么? 学完本次课程后,我们将学会如何创建字符串,以及如 ...

  6. 计算机图形学:详解法线与法线贴图原理

    再游戏中,渲染多面是比较消耗性能的,法线贴图可以让在一张平面图片上面模拟出凹凸的效果 首先看下wiki上的解释: 在三维计算机图形学中,法线贴图(英語:Normal mapping)是一种模拟凹凸处光 ...

  7. webGL法线贴图原理

    法线贴图 1.一般的法线贴图颜色都为下面这种 2.对应的普通的贴图为 法线贴图使用使用颜色来记录当前点的法向量,法线贴图的默认坐标是平行于XY平面的,其对应的被贴图的平面也是平行于XY平面的,因此,在 ...

  8. 【GAMES101】作业3(提高)与法线贴图原理和渲染管线框架分析

    目录 1. 作业描述 1.1 任务 1.2 编译与运行 1.3 框架与代码说明 2. 需要注意的问题 3. 解 3.1 rasterize_triangle 3.2 get_projection_ma ...

  9. 曝光原理_PS教程:双重曝光的原理及制作过程,魔术棒及调整边缘的简易抠图...

    这篇主要讲一下在PS里实现双重曝光效果的方法,里面还会顺道讲一下用魔术棒和调整边缘功能的简易抠图法. 双重曝光指的是在同一张底片上进行两次曝光,第一次曝光时,暗色区域未曝光:然后在前面的暗色区进行第二 ...

最新文章

  1. 手写AngularJS脏检查机制
  2. 7-spark学习笔记-spark性能调优
  3. CEF3开发者系列之CEF3入门
  4. ClickHouse 分布式原理:Distributed引擎
  5. 数据结构--Dijkstra算法最清楚的讲解
  6. 前端H5怎么切换语言_「自学系列一」HTML5大前端学习路线+视频教程完整版
  7. ef power tools mysql_使用 EF Power Tool Code Frist 生成 Mysql 实体
  8. 走迷宫(信息学奥赛一本通-T1252)
  9. 牛逼了!Python 开发植物大战僵尸游戏
  10. 静态变量(static)
  11. Web—sublime安装包、自动生成代码、使用Emmet插件快速编写CSS样式、emmet(快速开发)的使用
  12. 57. mysqli 扩展库(4)
  13. 姓名生成---拼音简码(大小写)---拼音全码(大小写)
  14. 无插件播放之http-flv
  15. IPad一张图应用系统
  16. 计算机硬件系统不包括什么,硬件有哪些(计算机硬件不包括)
  17. vrf路由泄露原理和简单示例
  18. 64位win7下安装SQL Server 2008(图文解说版)----本人备注
  19. KL-MPLC无人值守系统
  20. [静态时序分析简明教程(三)]备战秋招,如何看懂一个陌生的timing report

热门文章

  1. 2017年丽江教师计算机网络培训,丽江计算机网络技术学校
  2. Centos:设置代理
  3. 7.26 2第5篇 无人驾驶带来巨大商机
  4. Citrix_XenDesktop 搭建过程
  5. 懒到骨子里了,我在CSDN写文章都懒得自己写了,基于selenium模拟写文章
  6. 今日小程序推荐:码农老黄历-看今天哪个方位BUG最少
  7. 学生HTML个人网页作业作品 (苹果商城HTML+CSS)---苹果商城8页 带报告
  8. CDH 6.3.1 集成Atlas
  9. HBase(6):HBase优化
  10. pandas 错误提醒:FutureWarning: elementwise comparison failed;