当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop CS3教程:设计制作网页页面隔竖线

Photoshop
Photoshop绘制水墨梅花入卷轴效果
Photoshop教你改变美女的眼睛和鼻子的大小教程
Photoshop就地取材做果汁合成入门教程
Photoshop调色教程打造杂志《外国黄》效果
Photoshop合成教程 打造非主流颓废效果
photoshop初级教程制作投影的简单方法
photoshop美容教程 使皮肤白的真实
photoshop美女艺术浅黄色特效教程
photoshop 2寸照片制作方法
Photoshop创意教程 八个设计技巧 让你的图片跳出来
Photoshop油画效果制作教程
Photoshop手绘一款漂亮的台历教程
Photoshop曝光过度人物照片综合修复教程
详解photoshop曲线调色教程 那村老师
Photoshop给杂点较多的偏暗人物磨皮教程
Photoshop CG效果教程(人物)
Photoshop 火岩字效果比较逼真
Photoshop 黄金宝石字教程
PS鼠绘太空机器人战斗场景
Photoshop 插画人物眼睛的绘制教程

Photoshop CS3教程:设计制作网页页面隔竖线


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-05   浏览: 545 ::
收藏到网摘: n/a

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

设计步骤如下:

第一步:

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

第二步:

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

第三步:

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

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

效果如下

第四步:

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

效果如下:

100%比例下的效果如下:

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