返回列表 发帖
结束语

大家可以看到我在上图的图层排列中,粉红背景图与1002工具栏背景层各建了一层在第n个步骤时,我反选后,直接删除,因为之前建立了一个粉红背景层放在最下方

补充一下本教程的思路:
我们要达到的效果是在1002背景下,使单个按钮的边缘能渐变为背景,所以直接把背景作为渐变制作的基础层就可以很好地解决渐变的问题了
再者透明区域的选择时采用 不消除边缘,也是硬梆梆地把透明区域切出来,如果消除边缘,又会有一个颜色渐变的效果,你再填充粉色,或者在最下方建立一个粉色背景层,那么这个粉红以又会在边缘显出来


本教程适用于TW的皮肤控件,至于其它类型的皮肤控件的表现效果没有研究,如果你因本教程制作方法,不能解决其它制作的透明问题,请自行研究!


PS:本教程是适用于对PS有一定了解的skinner,如果你对本教程中所用到的ps的基本操作不明白,请自己通过网上的众多教程进行学习

TOP

下面开始介绍如何把边缘透明解决的具体方法
其实非常简单

1、制作好边缘过渡的按钮后,制作过程中可以把消除锯齿勾上,以消除锯齿,这样边缘效果比较自然
2、确定你所用的工具栏的背景
注:
     这里说“背景”而不用“背景色”是因为1002按钮的背景是1008.bmp,1008可以作成各种有过渡风格的色彩渐变的样子,并非死呆板的清一色背景
3、把背景图层置于按钮的最下面一层,作为背景层
4、设置当前层为按钮层(如果你的按钮层是分成好多图层的话,要求合并在一个层里)
5、用魔术棒工具选取按钮外侧的区域
  ★★★★注:这里魔术棒要把“消除锯齿“的勾去掉★★★★
6、当前层设置为背景层,删除选中的外侧区域
7、合并按钮层和背景层,搞定!

ps:如果你是用单色的背景层的话,可以把第3、步修改成:
3(a)、在按钮下方新建一透明图层
6(b)、当前层设置为背景层,反选,填充背景色

这样就完成了单个按钮的透明背景的处理
例图中我把按钮特效层和背景图以及粉红背景层在ps图层面板的排列给出来

[ Last edited by folder on 2005-11-2 at 01:48 PM ]

图层排列.jpg (135.32 KB)

图层排列.jpg

麻木棒的消除锯齿.JPG (29.26 KB)

麻木棒的消除锯齿.JPG

TOP

边缘过渡类型的按钮制作方法不在本教程的说明之中
另外需要说明的是边缘过渡的按钮,边缘由于渐变的关系,在边缘的颜色会有一定程度的透明度,会透出底色,而TW的各位图,目前在制作皮肤的过程中发现除了右上五按钮不支持透明色255,0,255外,都支持255,0,255的粉红色作为透明区域,如果不处理有一定透明度边缘的按钮,直接填充1002的透明区域为粉红色,那么边缘会泛红,因为保存为bmp后的1002,由于边缘透明度的关系而使得色彩会呈现为255,2,245之类的接近255,0,255粉红色的粉色,而目前的TW支持的皮肤控件可能会把这类颜色直接表现出来,边缘就会在视觉效果上呈为粉红系列的颜色

这里可以举例
处理与未处理两种边缘的视觉效果

透明处理与未透明处理对比.JPG (70.05 KB)

透明处理与未透明处理对比.JPG

TOP

教程开始
本教程以1002.bmp工具栏的24象素方形按钮为例解说

[序]
按钮的透明背景化,一般在边缘是非直线型的情况下,并且边缘有色彩过渡的情况和需要进行处理的
通常的清一色方形,或者边缘没有颜色过渡的情况是不需要的
看一下这三种情况的例图,还是图能说明一点问题

3个基本边缘.jpg (72.34 KB)

3个基本边缘.jpg

TOP

返回列表