PS设计教程网欢迎你! 三原图库精品素材图片素材PSD素材矢量素材影楼模板PPT素材

Photoshop制作仿真塑料导航

文章来源于 UCD博客,感谢作者 小鱼 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2009-09-06
本教程主要用Photoshop来绘制一个塑料效果的网站导航条,最终效果非常的时尚,符合现在的网页设计潮流.

先看看效果吧!:)

Photoshop制作仿真塑料导航,PS教程,思缘教程网

第一步:新建文件800x259px,选择渐变(快捷键G)背景色#8caab8 ,前景颜色#e1e8eb

Photoshop制作仿真塑料导航,PS教程,思缘教程网

第二步:选择圆角矩形,大小为763x80px,颜色为#7fa1b3,然后选择图层样式>内阴影内阴影颜色#7dc8e8,如图所示:

Photoshop制作仿真塑料导航,PS教程,思缘教程网

第三步:在圆角矩形下面新建层,载入圆角矩形选区(按ctrl+鼠标点击图层),填充颜色#86a6b5,取消选区(快捷键ctrl+D),选择滤镜>模糊>高斯模糊(值为1.8px),然后选择滤镜>模糊>动感模糊(值为90度,41px),再用高斯模糊(值为1.8px),设置该层的不透明度为85%。效果如图所示:

Photoshop制作仿真塑料导航,PS教程,思缘教程网

第四步:在圆角矩形下面新建层,载入圆角矩形选区(按ctrl+鼠标点击图层),填充颜色为#678a9f,取消选区(快捷键ctrl+D),选择滤镜>模糊>高斯模糊(值为4.5px)效果如图:

Photoshop制作仿真塑料导航,PS教程,思缘教程网

第五步:在圆形矩形下面新建层,载入圆角矩形选区(按ctrl+鼠标点击图层),向下移动10px,选择渐变工具(快捷键G),从透明到#6d838f,从左下角中步右下角拉渐变,如图箭头所示:

Photoshop制作仿真塑料导航,PS教程,思缘教程网

进入论坛交作业: http://www.missyuan.com/viewthread.php?tid=418506

你可能感兴趣的教程
版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa