Photoshop绘制整洁简约风格的WordPress网页模板

这此photoshop网页设计教程,我们将学习如何制作一个整洁简约风格的WordPress网页模板.我们将使用到960网格系统作为模板,使网页上的设计元素更加容易对齐.

预览

创作之前先预览我们将完成的作品效果,点击图片放大.

创建新的psd文件

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

创建背景

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

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

设计顶部区域

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

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

“YourName”

• 字体:Nillandfont(getitfromdafont.com)
• 字体大小:33pt
• 字体重量:Bold
• 反锯齿设置:浑厚
• 颜色:#525252

“someawesomeslogan”

• 字体:Arial
• 字体大小:14pt
• 字体重量:Regular
• 反锯齿设置:浑厚
• 颜色:#207687

6 将字体对齐到左上角.使用你的参考线精准定位.

创建导航

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!