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

爱摇滚青年

爱摇滚青年

2016-01-29 19:29

Photoshop CS3教程:设计制作网页页面隔竖线,本例介绍使用Photoshop CS3设计制作网页页面隔竖线,教程主要是通过对1像素的竖线使用渐变叠加设置完成最终效果,希望能给朋友们带来帮助~~

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

设计步骤如下:

第一步:

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

第二步:

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

[next]

第三步:

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

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

效果如下

[next]

第四步:

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

效果如下:

100%比例下的效果如下:

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

展开更多 50%)
分享

猜你喜欢

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

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

photoshop CS3教程:活用滤镜制作宣传卡

PS PS教程
photoshop CS3教程:活用滤镜制作宣传卡

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop CS3 beta 测评

平面设计 标志设计 UI设计 VI设计
Photoshop CS3 beta 测评

Photoshop CS3制作魔幻陨石壁纸

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop CS3制作魔幻陨石壁纸

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

photoshop CS3调色教程:古调风情

PS PS教程
photoshop CS3调色教程:古调风情

photoshop CS3教程:滤镜制作逼真平静水波

PS PS教程
photoshop CS3教程:滤镜制作逼真平静水波

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Ramdisk:在linux下如何使用 RAM 作为虚拟硬盘?

Ramdisk:在linux下如何使用 RAM 作为虚拟硬盘?

开机/关机管理

开机/关机管理
下拉加载更多内容 ↓