PS设计教程网欢迎你!

Photoshop绘制Windows7风格网站导航

文章来源于 IT世界学院,感谢作者 情非得已 给我们带来经精彩的文章!
设计教程/PS教程/鼠绘教程2009-11-11
本教程主要用Photoshop绘制Windows7风格下的网页导航,大家使用此类的风格来制作网页,效果以确定非常的时尚.

先看看最终效果图:

Photoshop绘制Windows7风格网站导航

制作背景

(1)新建一文件,大小自定,这里是600*400为例。设置前景色:#1592d7,背景颜色:#136da2,

选择径向渐变工具。从中间拖动得到下面效果:

Photoshop绘制Windows7风格网站导航

(2)添加散射光条文。新建一层,左边工具栏选择-圆角矩形按钮-自定义形状按钮。找到下面这个形状,如果没有可以点击右边的小箭头,追加形状。

Photoshop绘制Windows7风格网站导航

选中并在图层上拖动得到如下效果:

Photoshop绘制Windows7风格网站导航

前景色设为白色(#ffffff),选择钢笔工具,右击路径--填充路径。得到下图:

Photoshop绘制Windows7风格网站导航

右击路径--删除路径。选择“滤镜”-模糊-高斯模糊-5个像素。单击确定。图层混合模式改为“柔光”。不透明度为30%。

Photoshop绘制Windows7风格网站导航

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa