纳金网

标题: 水手原创教程_简易薄烟雾贴图制作 [打印本页]

作者: 水手咚一咚    时间: 2014-12-8 13:03
标题: 水手原创教程_简易薄烟雾贴图制作
我们看到过不少的游戏特效,无论是魔法类还是战争类,都少不了需要烟雾部分来作为细节点缀。这次小水手我就教大家制作一张简单的薄烟贴图,以便大家添加在各类引擎中使用。
eg.jpg
之所以叫薄烟,是要和另一种浓烟区分开来,浓烟贴图的制作小水手会在日后向大家讲解。

首先,打开网页寻找图片素材,找一张形状和细节都恰到好处的烟雾图片,下载。
步骤1.1.jpg
小水手要作的,就是将图片中的烟雾部分干净的从黑色背景部分抠取出来,并且保证通道干净无黑边。

PS打开下载好的图,再新建一个256*256的文件,将图片复制黏贴入新建的文件画布,调准大小和位置,居中放置。接下来的操作都在新建的文件中进行。
步骤1.2.jpg


点击图层,Ctrl+J复制一层,在复制的图层上添加图层蒙版
步骤2.1.jpg
步骤2.3.jpg

点击图层蒙版,将原图层的烟雾图片复制黏贴入,这样就过滤掉了图片中黑色的背景部分
步骤3.1.jpg

仔细观察,发现虽然滤色后的烟雾图片很干净,但如果添加一层黑色底色图层与原图比较,尤其是烟雾缺少了边缘部分的细节,这不是我们想要的效果,那么接下来就解决这个问题。
步骤3.2.jpg       步骤3.3.jpg

选择有蒙版的图层,点击图片(不是蒙版部分),Ctrl+L打开色阶,将色阶往白色方向调到底。
步骤3.4.jpg

这样,烟雾边缘的细节就显现出来了。添加一层灰色图层作背景,可以看到烟雾没有黑边,形状和细节也是我们想要的了。
步骤3.5.jpg

打开图片通道,新建一层ALPHA,将原图片(黑色背景的,制作第一步复制黏贴之前的)复制黏贴到ALPHA通道中。那么,灰底的烟雾图作为RGB,原图作为ALPHA,一张完整的32位贴图就制作完成了。
步骤4.2.jpg

贴图完成后,放入U3D,可以以ALPHABLEND的材质类型模拟战争类烟雾,也可以以ADDTIVE的材质类型模拟各类魔法烟雾,用途很广。下面就是小水手分别用此贴图制作的爆炸和魔法效果。
步骤5.jpg

下面就是小水手分别用此贴图制作的爆炸效果。
smokeT_EXP2.gif

烟雾贴图可以像这样直接从图片中抠取出来,也可以通过MAX3D软件中渲染制作,看个人喜好和生产需要了。用自己作的贴图来制作特效很有成就感,有木有?

薄烟的贴图制作就写到这里,感谢大家的耐心阅读,如果大家喜欢,小水手写下更多的贴图和特效制作过程与大家分享,包括之前提及的浓烟贴图及更多效果,敬请期待!



作者: ZackD    时间: 2014-12-8 13:06
意犹未尽啊
作者: oelongeo    时间: 2014-12-8 13:11
  教程真實用啊! 谢谢指导 ! 我还在学习中
作者: 水手咚一咚    时间: 2014-12-8 13:37
ZackD 发表于 2014-12-8 13:06
意犹未尽啊

找到组织了嘛 ,纳金网是很正能量的网站啊。。谢谢!
作者: 水手咚一咚    时间: 2014-12-8 13:38
oelongeo 发表于 2014-12-8 13:11
顶  教程真實用啊! 谢谢指导 ! 我还在学习中

谢谢,很高兴能帮到你!相互学习才能不断进步!
作者: cgcrazy    时间: 2014-12-8 20:00
不错啊。
作者: yangjianhui6    时间: 2014-12-8 20:30
太棒了
作者: ku    时间: 2014-12-9 10:28
用AE作呢?渲染的序列图会帅气的
作者: 水手咚一咚    时间: 2014-12-9 13:10
ku 发表于 2014-12-9 10:28
用AE作呢?渲染的序列图会帅气的

谢谢支持,以后会讲解的,爆炸GIF中的浓烟贴图就是序列的
作者: xx232    时间: 2014-12-9 14:09
不错的教程




欢迎光临 纳金网 (http://course.narkii.com/club/) Powered by Discuz! X2.5