Photoshop制作web2.0风格软件开发公司网站模版 ps制作web2.0风格网站模版

最终效果：

新建760x770大小PS文件，设置前景色为#e8e8e8，新建图层，随后用油漆捅工具在新建的图层上制作渐变色，颜色从#e8e8e8到透明

随后用油漆桶从下往上拉条渐变线

用圆角矩形工具，半径为7px

随后制作圆角矩形形状

使用椭圆工具制作下面四个正圆(按shift建绘制正圆)

为四个圆添加图层样式

再制作四个黑色的圆放在之前的图层上

为黑色的圆添加图层样式

选中按钮的所有图层

将所有图层复制一次

选中复制出的所有图层，随后按ctrl+e合并为一个图层

编辑 > 变换路径 > 垂直翻转，然后将复制出的按钮移动到原按钮的下方

目的是为了制作按钮的倒影效果，先选择笔刷

随后对按钮进行笔刷涂沫

最后设置不透明度为20%就完成了倒影的制作

再加入一些icon的小图标作为装饰

开始制作导航条部分

加入导航文字与LOGO

随后为导航文字制作鼠标移动上时的效果图

在上面的黑色圆角矩形图层上按右键选择”删格图层“，完全转换为象素图，而没有路径边框了

用选区工具去掉下面的多余部分

添加文字与内容

制做一个促销的图标，用多变形工具

制作一个白色的多边形，随后加一些文字

使用笔刷做对页面一些修饰即可