横扫天下会 最高指挥官

 找回密码
 注册
查看: 13327|回复: 13

单位图标制作教程『图文版』-----“天下会”原创教程

  [复制链接]
发表于 2011-12-9 23:11 | 显示全部楼层 |阅读模式
本帖最后由 wangyaoalan 于 2012-3-14 10:29 编辑

最近为了给TA:SoM做单位图标,对之前一直没有解决办法的一些技术问题,突然找到了些窍门和一些心得体会,希望对其他刚入门的MOD作者能有所帮助,也欢迎MOD老手前来指教。。。


SoMestor.jpg

下面进入正题,开始今天的教程:

制作阴影 DK3.jpg

1. 首先进入3doBuilder,打开要制作图标的单位,准备进行截图,但截图前需要对单位进行一些处理,比如武器的火光或表现特效用的电流(flare / flash)等效果需要被暂时去除,另外由于3doBuilder里Logo贴图默认为蓝色,因此对Logo色的处理工作会比较多样,常见的处理方法有以下几种,
           1) 先截图出去,到PS里以后用命令“选择”-> “颜色范围”,然后手工选择有蓝色的地方,然后手动修改,在TAU论坛中TRO写了专门的教程,其中使用的这种方法,但这种方法对比较均匀规则的色块会容易处理,但如果是零散的色块,或者贴图中有近似蓝色的颜色,也会被选进去,使用时效果一般,置换颜色时的处理也非常麻烦,因此只对简单结构的颜色修改推荐此方法;
           2) 事先提取专门用作制作图标的Logo色制作成专门的贴图菜单,然后手动将原单位贴图中的Logo色换掉,一般都是用黑色或灰棕色,也有比较特殊的情况,比如Excess II中将CORE的图标中全部使用蓝色,ARM图标全部使用红色,而GOK则全部使用紫色,这种方法虽然一开始准备会比较麻烦,但对于制作MOD来说,可以很好的让图标风格变得一致,但如果是制作单独的MOD单位的话,就不推荐这种方法了,太麻烦;
           3) 还有一种处理方法,就是用适当颜色的一般性贴图来代替Logo贴图,一般选择深色调的贴图,根据贴图的光影做适当调节,最后出来的效果也不错,如果做得比较熟练,对贴图的材质也比较了解的,推荐用此方法进行处理。

常见的方法差不多就这几种了,调整好后准备截图,在截图前最好把视窗的背景色设置成比较不会跟单位贴图近色的颜色,因为背景色最后是要去除掉得,如果跟贴图颜色太相近,在PS中会非常不容易选中要去除的颜色区域,因此需要提前注意一下。(小技巧:最好使用下文中的这种亮绿色,这种颜色也是一般电影特效制作时,用于摄影棚拍摄时使用的背景色,因为电脑会对这种颜色有非常高的识别和区分能力)
window系统自带的暂存截图快捷键是Ctrl + Alt + PrintScreen,截图后打开PhotoShop,创建一个背景色为“透明”的新画布,尺寸一般会被默认为上一次截图的尺寸,因此不用人为设置画布尺寸了
00.jpg

2. 然后用“魔棒”功能清除掉背景的绿色,调节好画面尺寸大小(Ctrl + Alt + I)以备使用。(小技巧:在清除背景色之前,可以将图像模式改成“索引”,这样,在清除时不会把边缘位置的一些其他颜色搞虚,可以最大程度的保证图像的清晰度)
01.jpg

3. 这时导入需要使用的图标背景素材,也可以直接使用TA调色板 TA图标背景调色板.rar (104.42 KB, 下载次数: 1)
    然后将之前准备好的单位截图导入到背景中来,记得一次导入双份截图,那么在PS图层通道里会产生两个一样图像的图层,请记住在PS图层通道中,位于考上位置的图层总是覆盖其下面甚至更下面的其他图层,目前我们得到三个图层,最下面的是背景,先不用管它,上面两个,其中我们把最上面的用作单位在图标中的实体部分,而中间那层用作制作阴影,现在选中“阴影”图层。
02.jpg

4. 用鼠标右键呼出菜单,选择“混合选项”,勾中(并点中)“颜色叠加”,叠加的颜色默认为红色,我们把它改为黑色。虽然有预览,但由于上面有“实体”图层覆盖着,可能看不出变化,实际上叠加后的图层中单位的图像会完全变成黑色,叠加的颜色可以选择透明度,默认为100%叠加,因此不用去管它。
03.jpg

5. 叠加好颜色后,再点到“混合选项.默认”界面中,调节整体画面的透明度,一般可以调节到60-70%之间,视背景光照的强弱而定。都调节好后按“确定”。
04.jpg

6. 按下Ctrl + T调出图像尺寸编辑框,鼠标右键呼出菜单并选择“扭曲”命令,也可以用“变形”命令,“扭曲”或“变形”命令可以允许通过调节点位来任意变换图像的拉伸形状,当“阴影”图层被拉伸时,我们就可以看到刚才设置“颜色叠加”后的效果了。这里需要注意一点,那就是阴影的根源不能离开“影子”,比如图中炮车单位的车轮,或者机甲的脚部,因为影子正是从这些接触地面的点位根源进行拉伸的,如果影子离开了根源,就会穿帮。。。
05.jpg

06.jpg

7. 调整好后看一下效果。。。对于“阴影”层的编辑差不多就可以了,下面选择“实体”层,对实体部分进行一些修缮。
07.jpg

8. 为了让单位跟背景的光源更加融合,我们可以给实体部分进行一下“光过滤”,选用“吸管”工具在背景上选择一下要渲染的光的颜色,比如图中夕阳效果的洋红色,然后进入“图像”->“调整”->“照片过滤”,用之前提取好的样本颜色对画面进行渲染。
08.jpg

9. 在做一些细节的调整后,这个图标基本上成型了,用“剪裁”工具把图标实际的范围框好,尽量把单位置于画面正中,另外,单位的图像在画面中的比例不要太小。
09.jpg

10. 最后是调节画面尺寸大小,按Ctrl + Alt + I 对画布尺寸进行调节,需要注意,在OTA中图标的大小为64 X 64(建造菜单),而unitpix的大小为96 X 96(按下“F1”时的说明界面)。
10.jpg

11. 在画面缩小后,画面会因为缩水而变得模糊,这时进入“滤镜”->“锐化”->“USM锐化”,锐化后的图标再导入TA后看起来就不会太模糊了。
11.jpg
这个图标就算制作完毕了。。。简单吧~

制作倒影 DK2.jpg

1. 将处理过的截图双份导入背景中去,跟制作阴影时一样,把靠下的图层用作制作倒影。
12.jpg

2. 将“倒影”层的画面垂直翻转过来。
13.jpg

3. 然后转动“倒影”,必要时可使用“扭曲”来进行调整。
14.jpg

4. 注意影子不要超过它的反射点,这根上面的“影子不要离开阴影根源”是一样的道理,如果多余部分可以直接裁掉。
15.jpg

5. 进入“混合选项”,调节“倒影”的透明度,调节到40-50%左右,具体程度视背景光源的强弱而定,这样就可以做出倒影的效果了。
16.jpg

6. 同时可以调节一下倒影的阴影效果,直接在“内阴影”里调节就可以了。
17.jpg

7. 换到“实体”层,利用“内阴影”对实体也做一下小阴影处理,注意实体的阴影方向是跟倒影相对的。
18.jpg

8. 给实体部分做一下光过滤,“图像”->“调整”->“照片过滤”。。。
19.jpg

9. 根据光源的色泽给实体部分加过滤光,最后剪裁,调整大小,那么这个单位的图标就算完成了。
20.jpg

制作一个工厂图标 SoMlab.jpg

1. 导入处理过的单位截图,一次两个,上图层用作实体,下图层用作阴影。
00.jpg

2. 先编辑阴影层,把图层做阴影处理,方法在上文已经说过,这里不再重复了,利用“变形”编辑阴影层到合适位置。有多余的阴影露出来可以直接裁掉,注意右边小雷达,影子跟雷达分离了,这里做一下处理,虽然在这个单位上的应用意义不是很大,但在日后处理类似问题时会有参考意义,因此我们来花一些时间了解一下大致的做法。
01.jpg

3. 我们把雷达的阴影单独切下来,定位一个独立图层,叫做“雷达阴影”。
02.jpg

4. 并把该图层上移,让其可以盖住工厂的实体部分。
03.jpg

5. 再到“实体层”中把雷达部分单独切下来。
04.jpg

6. 将雷达创建一个独立的图层---“雷达实体”,并把“雷达实体”上移,让其能盖住“雷达阴影”。
05.jpg

7. 再次调整工厂阴影层,让阴影更加贴近雷达阴影。
06.jpg

8. 这一步比较繁琐,因为按照真实光照效果,雷达的影子应该有断层,即一部分阴影打在建筑表面上,另一部分应该打在地面上,因此我们把雷达阴影再拆分成两部分,分别是“雷达阴影”和“雷达阴影2”,“雷达阴影”的图层位置不用变,但“雷达阴影2”应移动到工厂实体层以下,调整好后的效果如下图显示。
07.jpg

9. 最后是修正实体层,对工厂朝向测光的一面(也即是正对着我们的这面)调整亮度,包括底座和工厂上盖的亮度,按照不同的强弱进行调整,调整不同区域时先用“套索”工具把区域圈起来。
08.jpg

10. 都调整好后,在整体做以下光过滤,方法见上文,再调整一下轮廓阴影,最终定型。
09.jpg

11. 最后调整尺寸,导入到游戏中看看效果。
10.jpg

评分

参与人数 2 +2 +400 +10 收起 理由
hsiruolf + 1 + 300 + 5 技术贴
xpoy + 1 + 100 + 5 原创内容

查看全部评分

回复

使用道具 举报

发表于 2011-12-9 23:32 | 显示全部楼层
支持,支持,哈哈!
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-12-9 23:45 | 显示全部楼层
总算发完了。。。待日后总结了新的课程后再继续吧,累死我了。。。

利用PS制作的实际上都是一些初级课程,后面可能还要追加一些比如制作烟尘、火焰、电光、光斑、光晕之类更加突出视觉效果的内容进去,虽然不同于花猫等知名MOD作者使用的工具专业,但由于PS几乎是最常见的工具了,因此对于一般MOD作者,相信会给予比较有意义的帮助吧。。。
回复 支持 反对

使用道具 举报

发表于 2011-12-10 13:08 | 显示全部楼层
{:6_284:}
回复 支持 反对

使用道具 举报

发表于 2011-12-10 18:44 | 显示全部楼层
精华帖,我都不忍心胡乱回复啊。

说点言之有物的,wangyaolan的背景图真的很好看啊,不过有一个不妙的地方是,TA里的单位,陆地上的使用的背景就都是一样的,海里也一样,原因图标太小了,微小的变化也觉得出来。
另外不觉得原图比图标好看多了嘛!单位的图标比原版的小一些,把背景露出来更好看,也一样是可以的啊
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-12-10 20:12 | 显示全部楼层
xpoy 发表于 2011-12-10 18:44
精华帖,我都不忍心胡乱回复啊。

说点言之有物的,wangyaolan的背景图真的很好看啊,不过有一个不妙的地 ...

不知道我理解的对不对,你的意思是把背景多露出来一些??

甚至我在想,是不是可以整体做大号的图标??
回复 支持 反对

使用道具 举报

发表于 2011-12-10 20:21 | 显示全部楼层
wangyaoalan 发表于 2011-12-10 20:12
不知道我理解的对不对,你的意思是把背景多露出来一些??

甚至我在想,是不是可以整体做大号的图标? ...

要是你愿意改TA的那些UI的比例,当然更好啊,现在分辨率高了,TA的图标已经显得很小了,我想的是把单位在图标里的比例弄小点,背景露出来,就更融洽了。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-12-10 22:41 | 显示全部楼层
xpoy 发表于 2011-12-10 20:21
要是你愿意改TA的那些UI的比例,当然更好啊,现在分辨率高了,TA的图标已经显得很小了,我想的是把单位在 ...

关于比例,我做过几种不同的尝试,可以说OTA里的比例是最容易展示单位的,因为图标最大的目的还是直观的给人一个第一印象,其实我在做这些图标时已经把比例变小了,如果再小,会有两个问题,第一,导入文件本社就非常小,BMP格式的文件非常小,图标尺寸也很小,单位比例太小的话会缩成一团,其次,也会造成根本看不清楚单位,因此我在想如果要制作有时觉冲击力的图标,应该扩大图标尺寸,或者制作长条图标,将现在占两个图位的面积作成一整张图标,64 x 128 的尺寸,看看效果会不会有所提升。。。
回复 支持 反对

使用道具 举报

发表于 2011-12-11 09:52 | 显示全部楼层
做得很漂亮
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-12-11 09:57 | 显示全部楼层
xpoy 发表于 2011-12-10 18:44
精华帖,我都不忍心胡乱回复啊。

说点言之有物的,wangyaolan的背景图真的很好看啊,不过有一个不妙的地 ...

刚才试验了一下,大号的图标。。。就是这种效果。。。

79.jpg
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|横扫天下会 最高指挥官 ( 沪ICP备11033600号-1 )

GMT+8, 2022-9-26 15:24 , Processed in 0.025320 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表