Photoshop制作简约的WordPress网页模板

核心提示：预览 创作之前先预览我们将完成的作品效果创建新的psd文件 1我们将会用到960网格系统作为起始模板.下载之后开的文件名为960_grid_12_col.psd的文件并且隐藏名为12_col_grid的组.创建背景 2第一步,在图层面板选择背景图层单击右键重命名,这将会使图层解锁并且可以编辑,在这里我将背景图层命名为b

预览

创作之前先预览我们将完成的作品效果

创建新的psd文件

1　我们将会用到960　网格系统作为起始模板.下载之后开的文件名为960_grid_12_col.psd　的文件并且隐藏名为12_col_grid的组.

创建背景

2　第一步,在图层面板选择背景图层单击右键重命名,这将会使图层解锁并且可以编辑,在这里我将背景图层命名为bg.

3　选择渐变工具,设置前景色为:　#efefef　,背景色为#cacaca.在选项条选择径向渐变.在画步上拉开一个与此类似的渐变.

设计顶部区域

4　拖动一条水平的参考线到50px的位置上作为头部的边界线.这也是网页头部区域位置的标志.

5　加上标题和口号;选择横排文字工具,打上你网站的名字和宣传口号.这里可以可以参考我用到的样式:

“YourName”

字体:　Nilland　font　(get　it　from　dafont.com)

字体大小:　33pt

字体重量:　Bold

反锯齿设置:　浑厚