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