先看效果图(点击可放大)
f第一步下载960网格模板我一直以来做的设计几乎全部是基于960网格模板的因此在我们开始创作之前,先下载这个模板你能在960gs上找到这些模板下载之后解压zip里面关于PSD的模板你会发现有两种规格一个是12栏式的而另一个是16栏式的他们的区别就像名字所说的,一个是按12栏分布一个按16栏更详细的介绍一下吧如果你的设计里面分3个区块你就选择12栏式的那是因为12能被3整除同理假如你的设计分四个区块你可以选12栏式或者16栏式,那时因为12和16都可以被4整除你会发现这个技巧将用于下面教程第二步构造你想象的结构
ff在我们打开PSD网格模板创作前我们首先需要先构造一下想象中的结构从上面的这张图,你可以看出来:因为在一个排版中又有排版,所以这是一个有点复杂的结构第三步
构造了结构之后我们继续打开16栏式的PSD模板文件打开“图像画布大小”把画布的宽度设置为1200px高度设置为1700px把背景色设置为ffffff既白色第四步
f用长方形工具在顶部画一个宽100高大概80px的长方形用颜色:dddddd填充它第五步
f在长方形那层上面创建一个新层按住CRTL键鼠标点击长方形层长方形就被选中了,然后把目标移至刚建的新层上选择半径600px的软笔刷(如图)把其颜色设置为白色然后就像图片所示那样在选框上边缘点几下通过这个技巧你画出了一个微妙的照亮效果你现在可以把这两层联合起来了第六步
f建一个新层,再用长方形工具如图所示在上端画一个深灰色的小长方形第七步
ff在距离上端长方形500px处开始画一个宽100高575px的长方形设置其由d2d2d0到ffffff的渐变色角度为90缩放为100第八步
现在我们如第五步那样添加照亮效果这个技巧我们将很频繁地使用因此下次用到的时候我只提示是第五步的效果在当前层之上简历一个新层Ctrl鼠标点击这个大的长方形选择600px的软笔刷设置颜色为白色,如图所示对选区的边缘点击多下第九步
f创建一个新层画一个400px高的长方形这是用作我们网页页头的给它设置一个线性渐变,由颜色2787b7to258fcd以下展示颜色的微妙变化:
f第十步
f在页首长方形块底端画一条1px的灰蓝色的线混合属性中添加阴影效果阴影参数正底叠加透明度65方向90距离1px,宽度6px之后再建一个新层,在灰蓝色线下面画一条1px的白线通过这种方式,我们就可以创建一个轮廓鲜明的边缘可以说在你的设计中,你可以把这个技巧用于其他色块第r