Photoshop制作清新高雅的网站首页

核心提示：预览：在这篇网页设计教程中，你将学习如何设计优雅并专业的网页布局，Photoshop制作清新高雅的网站首页，我们将运用各种photoshop技巧，依靠图形工具和图层样式等基本操作来实现此布局，用米黄色（#F7E5C4）编辑’Studios’，对于图标，作为奖励，在教程结束后附有HTML/CSS/

预览：

在这篇网页设计教程中，你将学习如何设计优雅并专业的网页布局，我们将运用各种photoshop技巧，依靠图形工具和图层样式等基本操作来实现此布局。作为奖励，在教程结束后附有HTML/CSS/JavaScript的网站模板，完全免费下载。

网站模板

点击下图查看网站模板

　　查看原图（大图）

1、新建文档

打开photoshop，新建尺寸为1020*1180px的空白文档。

2、设置导航条背景

选取矩形选框工具（M），创建有整个画布宽的选区，高度不要太高，然后用深灰色（#393939）进行填充（cmd/ctrl+F5），如下所示：

　　查看原图（大图）

复制（cmd/ctrl+J）刚新建的导航图层，并对其添加杂色滤镜（滤镜>杂色>添加杂色），如下设置：

然后更改图层混合模式为”叠加”，透明度下降到大约23%。

3、创建站点logo/名称

对于logo，我使用了粗斜样式的字体Georgia，用白色（#ffffff）编辑’Six’时，用米黄色（#F7E5C4）编辑’Studios’，对于图标，选用了Mono图标中的boxupload32图标，如下所示：