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

2021-11-10 0 625

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(9)复制“形状 1”图层,得到“形状 1 副本”图层,并将“形状 1 副本”图层的图层样式删除,效果如图所示。

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

(10)为“形状 1”图层添加“渐变叠加”图层样式,并设置其各项参数。

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

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

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

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

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

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

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

(14)单击“内发光”项目,并设置其各项参数。

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

(15)单击“渐变叠加”项目,并设置其各项参数。

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

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

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

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

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

(18)复制“形状 1”图层,得到“形状 1 副本 2”图层并命名为“高光”,并将其图层的图层样式删除。

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

(19)将“高光”图层栅格化,按下键的同时单击“形状 1”图层,将其载入选区,移动选区位置,对“高光”图层进行修整。

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

(20)为“高光”图层添加图层蒙版,选择“渐变工具”调整图像。

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

(21)设置“填充”参数,效果如图所示。

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

(22)复制“形状 1”图层,得到“形状 1 副本 2”图层并命名为“边”,并将其图层的图层样式删除。

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

(23)将“边”图层栅格化,参照修整“高光”图层的方法,对“边”图层进行修整。

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

(24)取消选区,效果如图所示。

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

(25)设置“填充”参数,效果如图所示。

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

(26)将“图层”调板中隐藏的“组 1”图层组和“素材”图层显示,完成本实例的制作。

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

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

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

进入ps工具网和下载素材:https://xunluyun.com/viewthread.php?tid=478518

1、本站所有言论和图片纯属会员个人意见,与本论坛立场无关 2、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和PS工具网的同意 3、请支持我们PS工具网XUNLUYUN.COM 4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责 5、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意 6、photoshop工具官网管理员和版主有权不事先通知发贴者而删除本文

photoshop官网 ps教程 Photoshop样式教程:制作透明波浪底纹导航条特效 https://xunluyun.com/4287.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务