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

效果图：

1。在这个网页设计教程中，使用的是960网格，所以童学们得先下载一个960网络，然后导入到photoshop软件中。通过编辑>画布大小，改变文件的大小为：1600x1500px。

(注：宽度可以自由更改，但为了能在宽屏的显示器中也能更好的显示，建议大家还是用1600px)

2.找一张清爽的水图片，导入到photoshop中。

3.在视图>添加新参考线，添加三条水平参考线：80px，110px和170px。

4。接下来我们制作网站的LOGO。选择“文字工具”并设属性：字体大小72px;输入网站的名字，接下来设置文字的样式。

如下图：

效果如下图：

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

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