...
素材网 品牌美学馆标志
主站 营销美学 品牌设计 免费素材
1072

photoshop教程:创建清新、色彩生动的网页布局3

素材公社- 品牌美学- 品牌风云 |发布于 2010-01-10 | 标签: photoshop 网页 色彩 教程
第九步:创建1px高的蓝色水平线


  新建组,命名为“导航”,新建图层,选取单行选框工具并在文档新建1px高的选区,以颜色#406f94进行填充,使用矩形选框工具(M)删除超出黑色矩形的选区,设置透明度为40%,层命名为“横线”。







  第十步:给导航添加渐变


  选取矩形选框工具(M)创建选区(提示:你可以使用标尺),然后使用渐变工具(G)从底部到头部画一个从#35423e到透明的渐变。按 Ctrl+D撤消选区,右击图层,转换为“智能对象”,然后再转到菜单 滤镜>杂色>添加杂色,并按照下图进行设置。给此图层命名为“渐变 ”,且在渐变与横线之间留出1px的距离。







  第十一步:编辑导航菜单


  选取字体工具(T),并在导航栏上编辑菜单,这里我应用的字体是Adobe仿宋体,然后双击字体图层,按下图一样设置图层样式。
第十二步:创建分隔线


  现在我们将在菜单栏中创建分隔线,新建图层,选取单列选框工具,并在菜单的布局上点击一下,选取矩形选框工具(M),并在选项栏上选择“交叉选区。








  对新的选区以白色填充,最后按ctrl+d,取消选框。最终结果如下图:







  第十三步:双击上步新建的图层,命名为“竖线1”,并进行如下图层样式的设置。
>

品牌风云最新热文

房地产的VI做起来,就像是在搞艺术 唱片封面设计 | 看得见的音乐艺术 “美味酒廊”VI设计欣赏 美学茶话:读懂齐白石的画,我放弃了画画

访问手机站
© Copyright 素材公社tooopen.com 本站部份内容收集于网络,如有侵犯您权益请告知删除| 湘ICP备11010972号-1