Photoshop制作一个蓝色海洋风格网页模板(2)

6.在网站的导航条上添加文字;文字的属性为：#0263a4;大小24px。

7。接下来制作导航的hover状态。

选择“圆角矩形工具”并设圆角半径为：15px，绘制一个按钮出来并填充黑色。双击此图层添加图层样式。

效果如下图：

8。制作搜索栏

还是使用“圆角矩形工具”并设圆角半径为：15px，绘制想要的长度，并设“图层样式”设置如下图：

“内阴影”选项：不透明改为：0%

找一个“放大镜的图标”放置在右边。

头部做完了，接下来就开始做产品展示部分。

9。新增参考线：200px，465px和500px.还是选择“圆角矩形工具”并设圆角半径为：15px。从500参考线往上绘制一个圆角矩形并填充白色，

设不透明度为：70%。

10。接下来制作左侧的方块。

依然使有“圆角矩形工具”，从465参考线开始绘制一个高为300，宽为560的矩形，双击打开此图层设其“图层样式”

效果如下图：