图标、背景DIY 全过程精要综合说明

zizhushang_

看到很多人想DIY图标、背景，我这里就做个比较全面，而又比较简约的教程，顺便也把常用的工具集中起来，希望方便大家。

最主要的工具有（针对目前的WE2007 和PES6）：
1.Photoshop；
2.OPTPiX iMageStudio 3；（http://www.mikebox.com/index.php?code=05310414）
3.WEPictureDecoder；（附件下载）
4.DKZ studio（http://youxia.yxbar.net/Winning_eleven/yijun1880/DkZ Studio.rar）
5.Game Graphic Studio（简称GGS，不推荐使用）

前四个都是必备工具，缺一不可！


DIY图标背景的基本过程：（我这里只说标准过程，基本可以保证DIY过程不出错）


关键：png格式、色深、透明度、bap色板、OPTPiX iMageStudio调整png图片色深、WEPictureDecoder导入导出png图片、DKZ导入导出txs文件；


一、图标和图片属性的确认：

这是最基础的一步，用DKZ 导出 0_text.afs、e_text.afs(u_text.afs)里面背景和图标的txs文件，然后用WEPictureDecoder打开txs，查看里面的图片，按F3可以打开透明蒙版查看，要注意图片的大小、色深、和透明度。一般原图片的透明区域在Photoshop中处理时也要是透明的。特别注意是否有“共享调色板”！

二、图片的导出：

这一步也很重要。导出图片可以有bmp、png格式，可以用GGS和WEPictureDecoder导出。这里我推荐WEPictureDecoder，并且导出的格式一定用png格式，因为这种格式才包含透明度，方便进一步的处理。


三、原始png图片修改色深为32K（OPTPiX iMageStudio的使用说明1）

上一步导出的png图片是256色、bap格式色板的图片。这种色板是包涵透明度的色板，不同与Photoshop的色板，Photoshop的256色标准*.act色板是一种不含透明度的色板，只能辨认颜色，所以上步导出的图片如果直接用Photoshop打开，那么一些透明色就将变得不透明。

那么怎么办？这就要调整色深！工具是OPTPiX iMageStudio 3！

OPTPiX iMageStudio 3的最主要功能就是调整色深（color reduction），是该工具极其强大的功能，直接集成到了该工具右键菜单的第一项，可见其重要性。我们使用OPTPiX iMageStudio，就是用它来调整色深的：将含透明度256色bap色板的png转换为32K的色深让photoshop可以加以处理，而后再将photoshop处理好的32K色深png转换为游戏需要的含透明度的对应色深图片（256色或16色）。

如图：在图中的对应地方选择色深，要转换为photoshop可处理的透明png，就要选32K；32K是色板最全面的，不需要选择色板，其他选项卡被关闭了。（关于色板下面会说）
通过以上设定，最后按下color reduction就可以生成32K的png图片了，可以看到图片右侧没有了色板区域。



四、修改png图片和修改后png图片的要求

1.修改和生成自己的图片使用Photoshop来处理；（Photoshop使用这里不加说明）
2.记着要保存为png格式，交错方式 选“无”即可。但图片必须有一部分是透明的！！（对于背景图片，上下边缘要处理成透明；对于图标，图标周围要处理成透明）！原因：只有图片含有透明色，在OPTPiX iMageStudio 3中再次调整色深时生成的色板（非选定色板）才能是含透明度的bap色板；否则若photoshop生成的图片全部透明，则OPTPiX iMageStudio生成的色板也不透明，导入游戏可能出问题。以上这点要注意下。


五、修改后png图片修改色深为需要的色深

再次用OPTPiX iMageStudio修改色深；
1.对于大部分的背景等图片，格式是（512*512*8）之类的，2^8=256 就是256色，这样在color reduction 中就选择256。
2.对于部分背景和图标，格式是（32*32*4）之类的，2^4=16 就是16色，这样就在选项中选择16。
3.色板：在“Pallet”选项卡中选择。

A.对于界面背景和大部分图标，都是独立色板的，这里不选择“use fixed palette”!  
B.对于队徽和国旗，它们是共用色板的，这里要选择“use fixed pallet”，指向第三个位置，指定调色板，必须选择一个固定的色板来调整色深，该色板要从原来的图片中抽出（鼠标指向色板区域、右击、Save Pallet、格式选bap、之后还可以自己进一步丰富，这里不详细介绍了。附件给出一个自己细心调整过的，可以使用绝大多数图片。）


4.透明度：在“alpha”选项中，提醒下：必须选用“Protect Complete transparent area”，否则就会在生成的图片周围出现不透明的杂边杂线； 其他的选项可选可不选。关于alpha和color的偏重，个人经验最好偏向alpha。

5.通过以上设定，最后按下color reduction就可以生成256色 或 16色 的png图片了，可以看到图片右侧出现对应使用的色板了。

6.检查步骤：右键、display alpha channle、看看那些区域是透明的，那些不是透明的，这样就可以确保无误了。


六、导入图片

导入图片不推荐用GGS，原因是GGS导入需要一次次扩容，而且图片如果略大的话，会导致颜色丢失，图片错误等等诸多问题。
现在用WEPictureDecoder导入。先用WEPictureDecoder打开要导入图片的txs文件，找到对应位置，然后导入改图片。
使用该工具导入图片的优点：导入图片可以确保无误，txs文件可以自动扩容、不需要考虑png文件的交织方式，内部可以自动处理。只要对应的色深和图片大小一致就可以导入。这些都明显优于GGS的导入。

导入图片后，该工具不像GGS一样会自动保存，所以，要自己保存下。


七、导入.new文件
WEPictureDecoder保存得到的.new文件用DKZ studio 导入0_text.afs、e_text.afs(u_text.afs)，游戏中就可以使用了。



希望各位在制作图片处理的过程中遇到各种困难的朋友可以认真的阅读此文，里面简要的叙述了各个容易出错的地方，希望有所帮助。

[ 本帖最后由 zizhushang_ 于 2007-8-17 07:38 编辑 ]

zhouhl840606

顶!... 现在知道了!.. 慢慢来看1. 先顶之!...

daisylover

看了半天没看懂。。。。

看来只适合做导入的DIY，，，，

自己做东东还得努力了

zizhushang_

直接看是一定没法看懂的，自己DIY图片多了，遇到问题了，看这里就应该可以全部解决了。

jichenjie

顶了...
PS...什么时候要叫你教教我这个图盲PS...[YY中]

fbeyond

谢谢楼主提供教材！！！！！！！！！！！！！！！

wangyinggo

斑竹，支持下你的说。。。。。。。。这个貌似地球人都会。。。

celincal

总还是有人不会的嘛......
不过发在这里就不容易沉下去了！！

zizhushang_

帖子顶起来，我的调色板一定试用用下哦。

wangyinggo

斑竹。。。谢谢的说

henryronaldo

去研究一个先 .........

芳清

请问楼主游戏中开始选择的图标和背景对应哪些txs文件啊？