三D效果导航条
在ImageStyler里,有两个Layer控制,所以,在这里首先需要说明一下。一个是与Photoshop中的层控制板类似的Object Layer,它的使用方法,与Photoshop略不相同,我们会在下面具体讲到。另一个是对当前层内容的简单控制,就叫Layer,关于它,将在其它的文章介绍。
Object Layer的作用,与Photoshop是基本相同的。不过,在使用方法上,它简单多了。首先,它不会允许你建立空层,象Photoshop里那样的绝对透明的空层,在这里是没有的。当你点击那个折角的小白纸图标是,ImageStyler的确会给你一个新层,但这是一个包含了对象轮廓的新层,用黑色填充着的。这等于说,ImageStyler不允许你在同一个对象上建立截然不同的轮廓造型,你只能在这个对象原形的基础上,对每层作选色、柔化、立体、过渡填充等操作。其实这也对,因为不同的造型,完全可以建立其它对象,没必要“绑”在一起的。另外,还有一个限制,层数最多为五层,我个人认为,这个限制看上去显得Adobe有些不够意思,实际上这样做倒是件好事,因为确实有许多人喜欢不停地加所谓的效果。五个层,每个层都可以设置效果,叠在一起,够复杂的了,毕竟,这只是一个对象而已,如果你愿意,可以多作几个,叠放在一起的,可这实在没必要。
我在剪切Object Layer控制板时,特意将“层控制”三个字的层包括在里面了。就是这篇文章题目中的那三个字。它共有四层,分别体现了对象效果的四个方面。下边我再将这个效果单独提取出来,请大家仔细比较。先是只有第一层的效果,然后包括了第二层,然后再包括第三层、第四层。你能看出每多出一层,效果有了什么变化。
第一层显然是立体效果层,在3D控制板完成。二、三、四层实际上都是平面色层,都作了边缘虚化,仅仅是每层的颜色、深度及虚化程度不同。其中,第二层和第四层都是灰度虚化,但第二层的虚化度小,并且灰度较深,它的作用是给立体效果一个深色的轮廓,使立体高光部分更明确。最后的两层则是大面积的虚化,为了增加立体感。
层控制板就是这样的,记住,层控制板只允许你建五个层,并且,你得不到真正的空层,而必须对各“轮廓层”作进一步的效果设置。
现在再来谈谈JavaScript控制板的应用。它的作用很简单:用来作动态按钮效果。从每层的名字就可以看出,它们分别是:当前默认效果、鼠标经过、鼠标按下及鼠标点击后的效果。总共就这么四个效果。默认情况下,仅有第一个效果是有效的,这时,你在Object Layer中作的效果,输入到网页里,将是静态的。
当你点击小白纸图标后,下面的效果将变成可编辑的,就象左边这个剪切的控制板一样。开始,效果是和它上面的那个一样的。这时,你可以回到Object Layer中,将效果作些修改。ImageStyler会记住不同的JavaScript效果状态,而你只需要点击不同的Java效果名称,比如第二个onMouseOver,然后到ObjectLayer中作点改动,你的动态按钮图标就算完成了。不过,我得承认,ImageStyler的JavaScript动态效果制作,的确不如Flash这样的矢量软件,差得远了。可是,现在,我们还是需要照顾某些读者,Flash效果,不是人人都能瞧得到的,虽然它会主动建议你下载点儿什么。