Avast!皮肤制作中文非机器翻译之简要指南

kv2007

此简要指南教你使用ActiveSkin制作皮肤。你可以使用称手的位图编辑器来进行图形设计。唯一注意的就是要保存为32位TGA或BMP格式。我个人喜欢PS，这里显示了怎么剪切和创建透明部分等等的截图都是在PS下进行的。
1. 剪切
使用PS的Slice工具剪切下最终版的皮肤。很容易标出按钮轮廓，并剪切下各种状态下的样式（按下，高亮，等等）。使用Crop工具很简单，我建议打开此功能View > Snap To > Slices，现在，Crop工具就出现在Slices上了。
2. 在ActiveSkin中创建新皮肤
由浅入深，我建议先打开一个现有的皮肤。这一皮肤和程序密切相关，剧多的项目都已经被正确填充了。很难找出问题。把avast!皮肤从asws扩展名改为skn并打开。
3. 将剪切图片载入到ActiveSkin
ActiveSkin支持载入32位TGA和BMP图像。这些格式还有一优势——在24位色之外，还有8位的透明信息，也就是Alpha通道。载入很简单。在左边Project窗口，有一个文件夹图标，右击，出现菜单，里面有Load Image选项。点击此选项，打开新窗口，可以在此选择图片。一次最多只能打开12个图片。
4. 选择主面板，创建主面板和活动皮肤区域
这一部分我会讲解创建皮肤最重要的一部分——标记活动皮肤区域。为显示这一区域，在左侧Project面板点击此项目Skin > Objects > aswSimple。避免出问题的最好办法是把主面板（在Base条目中可以找到）和弹窗（保存为Resident_wnd，Select_wnd和Scanner_wnd项目）放在各自能多占空间的位置（图3）。最后，拖拽四角缩小皮肤的活动区域，这会影响到皮肤的最终尺寸。
第6节讲了怎么设置按钮、弹窗和背景的可视部分。
5. 按钮动画
现在要创建按钮状态（按下，高亮，等等）并插入到ActiveSkin。以Resident按钮的动画为例。在左侧Project窗口点击Resident条目，会在右侧属性窗口里显示按钮设置；看看（图4)。Normal条目对应按钮的正常状态，Pressed条目则对应按下状态，等等。个别状态的属性可以在弹出菜单里作为Image，Transition和TextStyle设置。The properties of the particular states can be set in the popup-menu as . Image条目（设置按钮可视区域）和Transition条目（效果和显示时间）都很重要。
6. 设置按钮的可视区域
可视区域用Image Browser窗口（图5）设置，双击带三个点的方块图标，可以激活它并显示在行式图（图4)上。你可以在Selection节输入数字设定区域，或者是拖拽八个点中的一个。在Margins节，你可以设置对象的边缘以改变其尺寸（比如滚动条上的滚动块）。现在知道怎么设置res_hig按钮的可视区域了。用同样方法设置我们在第4节提到过的主面板（Base）和弹窗（Resident_wnd，Select_wnd，Scanner_wnd）的区域。不同之处只是这一项目叫做背景，而不是图像。
7. 弹出窗口动画
这是个精细活。要非常有耐心，特别是设置窗口在“开”和“关”的可见范围或位置时。有时，输入的值和位置会被覆盖或重设为默认值。打开动画窗口：View > Animation Control（图6)。动画被分成两部分。对于驻留防护，举个例子来说，SettingsRes_In对应窗口可见状态（活动时）而SettingsRes_Out对应非活动状态（隐藏）。现在，我主要描述一下怎么显示皮肤。首先，点击Skin > Objects > aswSimple，然后点击一个动画（在此是Resident_wnd)。然后，皮肤的活动部分就会显示，Resident动画会以红框标识。如果你是按我的建议来的话，这里就有你要的一切。在此属性窗口，通过在背景条目上点击来设置Settings_res窗口的可见部分。现在，设置动画的活动状态——在动画窗口，点击SettingsRes_In菜单上Key条目会出现透明度设置窗口（图6）；会显示一个红框，你可以通过拖拽关键点来使框适应Settings_res窗口。要改变窗口位置，把鼠标移动到窗口中心拖拽中心点即可。你可以设置此窗口动画的不同属性。当你双击Key条目（图6）就会出现设置窗口。透明度设置窗口（图6）出现；在这一窗口你可以设置这些项目：Time （窗口移进移出的速度)，Transition（选择窗口显示效果）和速度（定义修改时间流逝的功能）。你也可以同样地修改不活动状态SettingsRes_Out的项目。现在我们就有动画了，双击SettingsRes_In（或SettingsRes_Out）动画观看。
我用Resident_wnd作示例是这个原因——这个动画使用了Temp_ScanResident（图7），在此我们可以移动鼠标并改变驻留防护的状态。我们一退出，它就变成不活动状态并消失。
8.麻烦之解决
运行avast!时有的动画可能不能正常显示。可能会是弹出窗口消失后留下一个黑框，或者是根本不显示弹窗。这时解决办法很简单。点击动画，比如说是Resident_wnd，然后点击Visual条目下带三个点的那个方格，会打开窗口可视属性（图8），这里必须勾选Affects Region。
9. 在PS中创建透明部分
附带说一句，你可以在我们的网页上找到皮肤资源（由PS创建的）。你打开这文件并在通道面板点击Alpha通道（图10），可以看到（图9).
用选择和合并边缘来创建透明部分。给那些不太熟悉Alpha通道的用户说一声：这是一个8位通道（256级灰度），黑色表示100%透明，白色表示完全不透明。
10. 用SkinPacker把皮肤打包
最后要做的是用SkinPacker把皮肤打包。这一工具叫ashSkPck.exe，可以在avast!安装文件夹里找到。把所得皮肤，比如说是叫skin.skn，重命名为skin.asws。点击Select files按钮（图11）来选择文件压缩——会打开一个窗口，你可以找到皮肤文件（或者还有aswf后缀的字体)。顺带提醒你不要附上postscript或truetype字体——那可能会侵权的！选择路径，在底下那行输入文件名（带aswcs扩展名），选择保存文件的路径，按下Compress selected file，皮肤就制作完成了。

zf1987

沙发，真是辛苦你了楼主！