Photoshop设计一个蓝色海洋风格网页模板教程(2)

5。做完网站的Logo后，接下来开始做网站的导航。

选择“圆角矩形工具”并设圆角半径为：15px，并填充白色;设不透明度为：70%。

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

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

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

效果如下图：

8。制作搜索栏

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

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

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

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