PS教程:如何设计一个漂亮的网页( 五 )



再组织一下图层 。
第二十七步: 感谢信

PS教程:如何设计一个漂亮的网页


我认为这一个部分要比较大的,因此我把范围限定在主区域上的一个大的盒子里面 。首先创建一个大的淡灰色的大概高220像素的长方形 。设置其有1像素的灰色边 。
PS教程:如何设计一个漂亮的网页


然后再画一个上下左右都比它小10像素的另一个长方形 。同样设置其1像素的淡灰色边框 。
PS教程:如何设计一个漂亮的网页


最后写上文本就可以了 。
第二十八步
PS教程:如何设计一个漂亮的网页


终于要做页脚啦 。画一个400像素高的、深黑色的长方形 。
第二十九步
PS教程:如何设计一个漂亮的网页


如第五步一样给它加亮光效果 。
第三十步
PS教程:如何设计一个漂亮的网页


下来,如图所示,在区域上方画一个10像素高的长方形,并且通过在顶端和底部各多加两条线增强细节处理 。
第三十一步
PS教程:如何设计一个漂亮的网页


创建低端部分用于放置重复的导航 。你可以拷贝顶端放置导航的长方形,移动并变形使其40像素高 。把它放到你画布的低到端 。你要注意你可能要扩张你的画布使所有东西都有适合的位置 。制约扩张画布的操作你可以这样:图像->画布大小 设置即可 。
第三十二步
PS教程:如何设计一个漂亮的网页


再次强化细节 。给页脚的导航区顶端加一条白色边,这样有比较好的边框效果 。
第三十三步
PS教程:如何设计一个漂亮的网页


给页脚增加内容,你可以依据网格合理安置它们 。
第三十四步
PS教程:如何设计一个漂亮的网页


然后就是把页脚相关的图层整合起来 。
最终设计
PS教程:如何设计一个漂亮的网页



PS教程:如何设计一个漂亮的网页



PS教程:如何设计一个漂亮的网页



PS教程:如何设计一个漂亮的网页



PS教程:如何设计一个漂亮的网页


做到这里,我们的设计就完成了 。(这里做的设计作者改了一下之后放在ThemeForest.net上卖了)
最后总结
【PS教程:如何设计一个漂亮的网页】我希望你喜欢本教程并且从中或多或少学到点知识 。现在是你创作的时候了 。记住,只要你注重于细节,你就会创造出漂亮的网页设计,尽管你photoshop只会那么两三个工具 。现在你有设计的冲动没?

推荐阅读