如何设计网页 BoxedArt网站设计教程 1

这篇photoshop网站设计教程是2009年度TOP30佳photoshop精品教程 里面的系列教程之一，我们对网站煞费苦心的设计感到非常的自豪，好了，我们将展示出设计秘密。好了，让我们开始这一步步指导大家如何在photoshop中设计网页。

这个photoshop web界面教程分为以下几个部分：

1.背景

2.header部分

3.body部分

4.footer部分

背景

第一步：创建一个画布

首先，打开photoshop创建一个新的项目。你可以点击文件>新建或按下CTRL+N快捷键来创建。我们选择一个普通的画布大小1000×900，当然这些设置可以在后期增加。

第二步：应用渐变

既然我们的画布已经创建了，是时候开始背景的设计了。创建一个新层（快捷键CTRL+SHIFT+N）。接着给这个图层从左往右添加渐变前景色设置为#edd8af背景色为 #ede4c9.这个颜色用来表示盒子的颜色。

第三步：添加纹理

我们想要BoxedArt背景设计看起来像厚纸板的效果。创建另一个新层，颜色填充为#bcb6a9。下一步应用胶片颗粒艺术效果设置参数如下。接着为了使它看起来粗糙一点，我们给它应用一点高斯模糊效果。

以下就是我们应用这些效果后背景图层看起来的效果。