PS设计教程网欢迎你!

Photoshop样式教程:制作透明波浪底纹导航条特效

文章来源于 腾龙设计,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-09-09
本教程我们主要使用Photoshop制作透明波浪效果的网页导航条,制作中主要使用了“渐变叠加”、“图案叠加”等图层样式效果。导航条中的磨沙纹理和波浪都是通过这两种样式制作而成。

本期教程中我们将设置图层样式效果来制作一个波浪底纹导航条效果,制作中主要使用了“渐变叠加”、“图案叠加”等图层样式效果。导航条中的磨沙纹理和波浪都是通过这两种样式制作而成。具体的方法读者可跟随教程同步制作并逐步了解。

开始实例的学习之前,可以先下载实例的配套素材,素材在坛子下载,然后跟随操作步骤进行学习。

Photoshop样式教程:制作透明波浪底纹导航条特效

(1)运行Photoshop CS5,执行“文件”→“打开”命令,打开素材文件“黑灰背景.psd”文件。

Photoshop样式教程:制作透明波浪底纹导航条特效

(2)选择“圆角矩形工具”,在打开的工具选项栏中选择“形状图层”按钮,创建“形状 1”图层。

Photoshop样式教程:制作透明波浪底纹导航条特效

(3)为“形状 1”图层添加图层样式,单击“投影”项目,并设置其各项参数。

Photoshop样式教程:制作透明波浪底纹导航条特效

(4)单击“内阴影”项目,并设置其各项参数。

Photoshop样式教程:制作透明波浪底纹导航条特效

(5)单击“斜面和浮雕”项目,并设置其各项参数。

Photoshop样式教程:制作透明波浪底纹导航条特效

(6)单击“图案叠加”项目,并设置其各项参数。

Photoshop样式教程:制作透明波浪底纹导航条特效

(7)单击“描边”项目,并设置其各项参数。

Photoshop样式教程:制作透明波浪底纹导航条特效

(8)按下“确定”按钮,关闭“图层样式”对话框,设置图层“填充”参数,效果如图所示。

Photoshop样式教程:制作透明波浪底纹导航条特效

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