12 第1页 | 共2 页下一页
返回列表 发新帖
查看: 9579|回复: 10
打印 上一主题 下一主题

[特效] 水手原创教程_简易薄烟雾贴图制作

[复制链接]

4

主题

2

听众

236

积分

设计实习生

Rank: 2

纳金币
92
精华
3

最佳新人

跳转到指定楼层
楼主
发表于 2014-12-8 13:03:22 |只看该作者 |倒序浏览
我们看到过不少的游戏特效,无论是魔法类还是战争类,都少不了需要烟雾部分来作为细节点缀。这次小水手我就教大家制作一张简单的薄烟贴图,以便大家添加在各类引擎中使用。
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软件中渲染制作,看个人喜好和生产需要了。用自己作的贴图来制作特效很有成就感,有木有?

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


已有 3 人评分纳金币 收起 理由
狂风大尉 + 5 很给力!
王者再临 + 5 很给力!
oelongeo + 1 赞一个!

总评分: 纳金币 + 11   查看全部评分

分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

ZackD    

715

主题

22

听众

4万

积分

资深设计师

Rank: 7Rank: 7Rank: 7

纳金币
26224
精华
17

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

沙发
发表于 2014-12-8 13:06:06 |只看该作者
意犹未尽啊
回复

使用道具 举报

0

主题

2

听众

1346

积分

助理设计师

Rank: 4

纳金币
505
精华
0
板凳
发表于 2014-12-8 13:11:31 |只看该作者
  教程真實用啊! 谢谢指导 ! 我还在学习中
回复

使用道具 举报

4

主题

2

听众

236

积分

设计实习生

Rank: 2

纳金币
92
精华
3

最佳新人

地板
发表于 2014-12-8 13:37:56 |只看该作者
ZackD 发表于 2014-12-8 13:06
意犹未尽啊

找到组织了嘛 ,纳金网是很正能量的网站啊。。谢谢!
回复

使用道具 举报

4

主题

2

听众

236

积分

设计实习生

Rank: 2

纳金币
92
精华
3

最佳新人

5#
发表于 2014-12-8 13:38:32 |只看该作者
oelongeo 发表于 2014-12-8 13:11
顶  教程真實用啊! 谢谢指导 ! 我还在学习中

谢谢,很高兴能帮到你!相互学习才能不断进步!
回复

使用道具 举报

0

主题

1

听众

28

积分

设计初学者

Rank: 1

纳金币
6
精华
0

活跃会员 灌水之王

6#
发表于 2014-12-8 20:00:35 |只看该作者
不错啊。
回复

使用道具 举报

16

主题

5

听众

4304

积分

中级设计师

Rank: 5Rank: 5

纳金币
1
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

7#
发表于 2014-12-8 20:30:02 |只看该作者
太棒了
回复

使用道具 举报

ku 智囊团   

89

主题

2

听众

5万

积分

首席设计师

Rank: 8Rank: 8

纳金币
25
精华
1

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

8#
发表于 2014-12-9 10:28:47 |只看该作者
用AE作呢?渲染的序列图会帅气的
回复

使用道具 举报

4

主题

2

听众

236

积分

设计实习生

Rank: 2

纳金币
92
精华
3

最佳新人

9#
发表于 2014-12-9 13:10:15 |只看该作者
ku 发表于 2014-12-9 10:28
用AE作呢?渲染的序列图会帅气的

谢谢支持,以后会讲解的,爆炸GIF中的浓烟贴图就是序列的
回复

使用道具 举报

xx232    

17

主题

9

听众

3505

积分

中级设计师

Rank: 5Rank: 5

纳金币
865
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

10#
发表于 2014-12-9 14:09:56 |只看该作者
不错的教程
回复

使用道具 举报

12 第1页 | 共2 页下一页
返回列表 发新帖
您需要登录后才可以回帖 登录 | 立即注册

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2024-11-1 07:19 , Processed in 0.107920 second(s), 39 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部