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

Photoshop
PS图层样式高级运用之制作金钥匙
▊▊证件照变成个性签名▊▊让DIY来的更猛烈些吧!
▊▊照片处理小技巧▊▊教你如何变费为宝!
▊▊报纸+素描效果▊▊ MY FIRST TIME!
用Photoshop图层样式制作发光按钮
用Photoshop制作靓丽时尚唇彩
大家快来“采花”:PS打造一束奇丽的花
PS打造超可爱Q版圣诞老人
PS绘精美圣诞节彩色铃铛球
PS CS3揭密:教你打造图片完美拼合
绝色后期教程:昆仑大法
迷人夜景 Photoshop打造黑夜传说
photoshop打造冰封超人
Photoshop打造美丽的圣诞大头贴
Photoshop绘制圣诞玻璃音乐盒
PS模拟玻璃相框上的水滴字“圣诞快乐”
Adobe photoshop CS3全套27个新图标
教你用Photoshop制作逼真泡泡效果
唯美插画 Photoshop打造“梦蝶”
photoshop绘制印度小美人

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


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

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

设计步骤如下:

第一步:

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

第二步:

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

第三步:

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

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

效果如下

第四步:

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

效果如下:

100%比例下的效果如下:

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