Photoshop设计软件行业网站模板教程

文章来源于 websbook.com翻译，感谢作者 amitk 给我们带来经精彩的文章！

设计教程/PS教程/设计教程2009-10-12

软件行业网站需要的是专业性的视觉效果，所以在本文中的页面设计并没有使用过于鲜艳的颜色，而是用比较酷的一排金属按钮来完成页面的视觉效果

先看看最终效果图：

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

Photoshop设计软件行业网站模板教程

随后用油漆桶从下往上拉条渐变线，效果如下图

Photoshop设计软件行业网站模板教程

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

随后制作下图这些圆角矩形形状

Photoshop设计软件行业网站模板教程

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

Photoshop设计软件行业网站模板教程

为四个圆添加图层样式

Photoshop设计软件行业网站模板教程

结果如下

Photoshop设计软件行业网站模板教程

现在我再制作四个黑色的圆放在之前的图层上，如下

Photoshop设计软件行业网站模板教程

情非得已