首页 > 设计 > 详细

Photoshop设计清爽棕色系WEB模板教程

时间：2016-02-06 10:11:31      阅读：254      评论：0      收藏：0      [点我收藏+]
最终页面效果图如下:
技术分享
　　一、新建文档：宽1200px，高1500px，背景层以颜色(#e9e3c9)填充。创建网页头部(head) 1、新建图层，选中矩形选择框工具(M)，在画布头部添加矩形，宽1200px，高度大约100px，并设置如下图层样式 “渐变叠加”
技术分享
　　“描边”
技术分享
　　头部将会是这样子：
技术分享
　　2、在头部添加网站的标题，广告语和logo和一点公司简介。大概布局是这样的：
技术分享
　　对于标题Design.Studio，应用了如下样式： “阴影”
技术分享
　　“渐变叠加”
技术分享
　　“描边”
技术分享
　　至于logo，选择圆角矩形工具，半径为20px，可填充任何颜色，然后设置图层样式。 “渐变叠加”
技术分享
　　“描边”
技术分享
　　二、创建导航菜单 像上述的第1步那样，创建一个短点的矩形，复制标题图层的图层样式，禁用”阴影”。结果如下图：
技术分享
　　接下来，添加菜单文字，其中一个菜单文字颜色为白色。(想知道为什么，就往下看)
技术分享
　　在菜单左右创建两个1px的直线，如下图所示：
技术分享
　　最终菜单的结果图：
技术分享
　　在白色菜单文字下方新建图层，使用矩形选择框工具(M)选中白色菜单，以颜色(#9bcd00)填充，并设置透明度为20%。结果如下图：
技术分享
　　用相同方法创建二级菜单导航条。
技术分享
　　三、创建主题图标 接下来，在导航菜单下添加3个突出的网站主题。
技术分享
　　用创建logo的方法添加3个logo，主题图标从photoshop中自带的图形库中选择，并添加文字说明和分隔线。
技术分享
　　四、创建网站主要内容 再一次使用矩形选择框工具(M)，创建一大的盒子，以#a9a282填充，描边使用颜色(#7c6c4b)。
技术分享
　　在这个大盒子里将要创建4个小盒子，包含了主题的主要内容和主题尾部内容。
技术分享
　　像blog的主题一样，格式化这几个盒子。
技术分享
技术分享
　　最后，添加网页底部 与头部相呼应，复制标题，logo，添加copyright信息。
技术分享
　　完成最终效果图：
技术分享

Photoshop设计清爽棕色系WEB模板教程

原文：http://www.jb51.net/photoshop/143254.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！