网页图像效果直通车(下)

Author: 何勇平 Date: 2001年 17期

?牐犜谏弦黄诘耐惩枷裥Ч蓖ǔ抵校颐且徊讲浇步饬宋?线面板、电线和螺丝的制作方法,不少读者朋友来信表示试验之后效果不错。这次我们解析的重点是:仿造皮革面、梦幻球体及发光、视屏面的处理技巧,希望能真正给大家带来帮助(操作环境:ImageReady)。
      (^17040701a^1)   
      注:图中的电线及围线的制作方法上期已介绍,就不重复了,主要采用浮雕、投影、描边、画线等工序进行的;在设计这个网页时黑色的小圆圈主要是为了放置按钮,视屏面是用来显示相关内容的。(可以用层来实现)
  #1    一、皮革仿造面的制作
      (^17040701b^2) 
      首先,新建一个167×140大小的制作面,将背景设成亚黑色,然后用理纹化的滤镜功能 (路径:Filter/texture/texturizer),然后在texturizer面板中设置相关值,确定后得到像皮革仿造面。
      (^17040701c^3)
      Scaling:设置浮点的大小
  ?牐燫elief:用于设光滑与粗糙程度
  ?牐燣ight direction:设计浮点样式 
  #1    二、梦幻球体的制作
      (^17040701d^4)
      由于图片较小,没有真正展示梦幻球体的魅力,设置大一点效果更明显。这个制作虽然比较简单,但却有很多人不知道,我也是刚应用上的,我们可以直接从菜单中Filter/Rendet/调用3D transform,然后再按以下步骤设置…… 
      (^17040701e^5)   
      第一步:选用左边工具条中的“3D球体键”后,在3D transform对话框中的操作面画圆。
  ?牐牭诙剑河霉ぞ咛踔械男ぞ撸ㄍ贾杏凶⒔猓?,将刚才所画的圆进行翻转,我们可以看到这个圆的另一面,也就是我们预期的效果。
  ?牐牭谌剑涸谛保锾蹇赡艹鱿忠莆幌窒螅越酉吕次颐切枰霉ぞ咛踔械囊贫ぞ撸蛱逡频较嘤Φ奈恢谩?
  #1    三、显示屏的制作
      第一步:新建一个制作面(大小自定义),再新建一个层,然后用矩形选框工具,选取一定大小,接着用渐变工具由下往上渐变,并通过Layer(层)/Layer Style(层样式)/Bevel and Emboss(浮雕)将其变成块状,效果如图6所示(^17040701f^)。
  ?牐牭诙剑涸傩陆ㄒ桓霾悖缓笥镁匦窝】蚬ぞ呋桓霰韧?6稍小的区域,接下来还是用渐变工具(这时必须将其中一边的颜色改为蓝色),在选定的区域渐变,最后通过Layer(层)/Layer Style(层样式)/Inner Shadow(内阴影),我们就得到了图7(^17040701g^)的效果图了。