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

Photoshop
Photoshop鼠绘教程:绘制娇嫩的红嘴唇
Photoshop鼠绘教程:绘制美女安妮海瑟薇
迎接春节 Photoshop打造一副新春佳景
PS照片调色教程:冷暖对比的橙蓝色调图片
Photoshop教程:美丽的脸不会保持永久(下)
Photoshop教程:用文字打造镂空鞋子特效
Photoshop绘制古典水墨风格国画作品
PS图片调色教程:优美的纯灰色调照片
Photoshop磨皮教程:偏红色的人物皮肤美白
Photoshop鼠绘游戏中的古代拿剑人物
Photoshop绘制水晶风格购物小篮子图标
Photoshop教程:金属铜色效果人物照片
Photoshop教程:可选颜色照片调色教程
Photoshop教程:老照片翻新修复实例
Photoshop鼠绘人物教程:性感美女
Photoshop入门实例:快速给照片变换季节
PS教程:Lab模式轻松制作清新干净的城市
PS明星照片作品:《阿凡达》影片的纳美人
Photoshop教程:蒙板修复照片局部偏色
Photoshop调色教程:清新绿色的外景草地

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


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

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

设计步骤如下:

第一步:

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

第二步:

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

第三步:

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

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

效果如下

第四步:

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

效果如下:

100%比例下的效果如下:

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