Photoshop制作实用页面隔竖线设计

发表于2011-08-13 16:18:26来源于中国素材网

次点击[] [] [] [打印] [关闭窗口] [评论]

欢迎大家加入创想工作室QQ群 网络瘫痪上不了网?电脑出故障?找破解软件?加入创想工作室QQ群,向大神求助,一步解决问题!QQ群号码:326338868[点此获取更多QQ群]
 设计工具为PS CS3,先看做好的效果图:

Photoshop制作实用页面隔竖线设计(图一)

  设计步骤如下:
  第一步:
  用形状工具或者选框工具设计出菜单的背景来,如下图:

Photoshop制作实用页面隔竖线设计(图二)

  第二步:
  新建一个图层,用缩放工具放大到1000%,用画笔在这个新建图层上画出一条适当长度的1px竖线,颜色为#ffffff;如下图:

Photoshop制作实用页面隔竖线设计(图三)

  第三步:
  给这个图层加"渐变叠加"这个混合选项,设置如下:

Photoshop制作实用页面隔竖线设计(图四)


Photoshop制作实用页面隔竖线设计(图五)

 1处的颜色为白色竖线的下端附近的背景颜色值,2处的颜色为白色竖线的上端附近的背景颜色值,3处的颜色为#d7d7d7。
  效果如下:

 

Photoshop制作实用页面隔竖线设计(图六)


  第四步:
  复制这个图层,用箭头工具将复制的图层向左移动1px,修改渐变参数,如下图:

 

Photoshop制作实用页面隔竖线设计(图七)


  效果如下:
 

Photoshop制作实用页面隔竖线设计(图八)


  100%比例下的效果如下:
 

Photoshop制作实用页面隔竖线设计(图九)


  剩下的工作就是加上文字与复制图层及排版的问题了,这里不细说了。

相关热词搜索:Photoshop竖线设计

© copyright 2002-2024, 22BA.COM All Rights Reserved

网站备案号:粤ICP备19114910号

ChuangXiang Design Studio - WebDesign & Internet Marketing

关于我们业务范围联系我们开心一刻网站地图

QQ群一:326338868QQ群二:78712271

QQ群三:193078177

邮箱:news@22ba.com

地址:深圳市福田区金田路现代国际大厦2606