竹城在线
设为首页
网站导航
加入收藏
新闻 | 汽车 | 体育 | 女性 | 旅游 | 科技 | 美食 | 消费 | 人才 | 供求 | 软件 | 房产 | 跟我学设计 | 跟我学电脑 |
竹城在线 > 跟我学设计 > 正文

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

   来源:blueidea.com   更新时间:2008-09-03

 设计工具为PS CS3,先看做好的效果图:

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


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

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


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

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


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

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

 

Photoshop制作实用页面隔竖线设计
 1处的颜色为白色竖线的下端附近的背景颜色值,2处的颜色为白色竖线的上端附近的背景颜色值,3处的颜色为#d7d7d7。
  效果如下:

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

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

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

  效果如下:

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

  100%比例下的效果如下:

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

  剩下的工作就是加上文字与复制图层及排版的问题了,这里不细说了。
上一篇:Photoshop CS绘制一根青香蕉
下一篇:Photoshop快速制作漂亮草坪
网站搜索
电杀毒 闪电杀 趋势科 金山打 明基r 金山打 杀毒 绿鹰 瑞星 uusee
相关资讯       
  • PhotoShop制作磨砂涂鸦文字
  • Photoshop绘制折扇的制作技
  • Photoshop CS绘制一根青香蕉
  • Photoshop快速制作漂亮草坪
  • Photoshop教程:数码照片唯
  • Photoshop制作逼真的风中蒲
  • Photoshop简单添加几笔 为照
  • 网页设计求职全攻略
  • 标志中的字体设计
  • 热门资讯       
    福州路边冒出温泉 路人用其煮
    新车型频繁上市 五款经典畅销
    屏蔽五项功能让WindowsXP快跑
    十色缤纷 西数推出时尚型移动
    百度正式进军网页游戏 与盛大
    Mozilla Firefox 2.0.0.14 简
    Safari for Windows 3.1.1
    我国首条长江隧道武汉长江隧道
    蜘蛛王浏览器SpiderIE v2.5
    Copyright © 2008-2015 竹城在线
    本站不对所有信息提供保证,请自行分辩,风险自负。
    如有侵权或虚拟信息,请联系本站以便删除。