S.H.E“炫光”闪亮网页风景

开篇：润墨网以专业的文秘视角，为您筛选了一篇S.H.E“炫光”闪亮网页风景范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

2007年5月16日 晴

Web 2.0风格设计似乎越来越火，网上“Web 2.0风格”、“Web 2.0-style”、“Web 2.0-look”之类的词汇现在是层出不穷。就虫虫对目前流行的各大Web 2.0网站观察来说，色彩简洁、鲜明，大量采用渐变、倒影等效果似乎是Web 2.0网站设计的一个趋势。

实例1：炫光效果的背景制作

Web 2.0风格在网页图片中也得到了大量运用，如图1所示，效果是不是很炫？要是喜欢，那就随虫虫一起来制作一个吧。

第1步 启动Photoshop，新建一个图像文件，尺寸大小按自己的实际需要来决定。这里我建立的图像大小为550像素×420像素，分辨率为72像素/英寸。

第2步 将前景色设置为R：120、G：200、B：255。按P键快速选中钢笔工具，如图2所示，以图片中心为起点绘制一个倒三角形，所绘制的图形将自动建立一个形状图层。

第3步 在图层面板上将形状图层拖放到面板下方的“创建新图层”按钮上，将自动复制一个新的形状图层。通过“直接选择工具”调整新复制形状的位置和形状。重复这一步的操作，可完成炫光背景的制作（见图3）。当然，也可以通过Ctrl+C和Ctrl+V的方式快速复制粘贴。

第4步 单击“创建新图层”按钮新建一个空白图层，选中“自定形状工具”，将“形状”设置为五角星，然后在新图层中绘制多个大小颜色不一的五角星图案。

第5步 为了增强立体感，下面还要整体加上一些渐变效果。首先将前景色设置为白色，在最顶层新建一个图层，然后单击图层面板下方的“创建新的填充或调整层”按钮，选择“渐变”，在打开的渐变填充窗口中，将“样式”设置成“径向”，再根据需要调整其他选项，一边预览效果，满意后单击“确定”即可。至此，炫光背景制作完成。

实例2：酷舞之s.h.e

接着上面的例子，我们要在炫光背景上添加人物的剪影效果。

第1步 这里我找的人物图片――S.H.E三姐妹，当然你可以换成自己的照片。首先要通过钢笔工具、选取工具，或者直接使用“滤镜”菜单下的“抽出”命令将人物从背景中提取出来。

第2步 按V键选中移动工具，将提取出来的人物拖到炫光背景图层的上层。按Ctrl+T键出现调整框，拖动四周的节点调整好人物的大小比例（见图5）。

第3步 确保人物图层为选中状态，单击图层面板下方“添加图层样式”按扭，选择“光泽”，在打开的对话框中将“不透明度”设置为100，再调整解度、距离、大小等值，人物就变成剪影效果了。

第4步 复制人物图形，在新图层中按Ctrl+T键显示调整框，拉住上面中间的那个节点一直往下拉，人物的倒影就出来了。不过现在倒影的颜色太重了点。可适当降低不透明度减淡颜色。再通过以前我们介绍的方法，给这个倒影图层添加透明渐变，效果就更真实了。最后效果如开始的图1所示，感觉还不错吧。