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

Photoshop
Photoshop 漂亮的立体火焰字
Photoshop 暗背景男生磨皮及美化
Photoshop 照片怀旧橙黄色
Photoshop 美女半身像转仿手绘效果
Photoshop 模特光滑的黄铜质感肤色
Photoshop 漂亮的抽象光束翅膀
photoshop 简单鼠绘卡通人物头像
photoshop 鼠绘逼真的室外人像
Photoshop 人物换上漂亮的睫毛和双眼皮
Photoshop 美女加上另类个性妆饰
Photoshop 制作创意的水做物体
Photoshop 漂亮的心形图案水晶字
Photoshop 儿童照片可爱的红紫色
photoshop 巧用通道选区快速给人物美白
photoshop 滤镜制作子弹穿过物体后的痕迹
Photoshop 人物照片加上超炫的高光特效
photoshop 合成漂亮的动物海报
Photoshop 漂亮的彩色气球
Photoshop 流线高光字效果
Photoshop 照片梦幻的青色调

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


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

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

设计步骤如下:

第一步:

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

第二步:

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

第三步:

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

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

效果如下

第四步:

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

效果如下:

100%比例下的效果如下:

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