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

Photoshop
Photoshop CS2中文版从头学
魔幻特效制作实录
Photoshop合成与后期光影实例:超级战士
超强的圆珠笔画欣赏
超酷黄金喜字
用Photoshop制作超逼真金属触角
Photoshop与AI结合做鞋子的效果图
Photoshop经典CG鼠绘教程:《拓》
Photoshop教程:表现质感打制精美玻璃花瓶
抠图技术超级合集
妙用Photoshop制作一款木制音箱
Adobe为中国正版用户打造专属空间和超值平台
Photoshop打造美丽空间超炫效果
PS打造写实手机:三星D608
用Photoshop制作精美时尚的男士表
Photoshop教程:用路径给可爱MM绘制心情效果
精美半透明蜡烛
手绘极酷巧克力威化
Photoshop鼠绘葛优头像速写简法
似曾相识燕归来效果

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


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

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

设计步骤如下:

第一步:

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

第二步:

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

第三步:

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

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

效果如下

第四步:

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

效果如下:

100%比例下的效果如下:

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