Photoshop样式教程:制作方框射灯按钮特效

2021-11-10 0 917

本期教程中我们将设置图层样式效果来制作一个模拟灯光照射效果的按钮,制作中主要使用了“渐变叠加”、“投影”等图层样式效果。灯光是通过设置“投影”图层样式中颜色的混合模式制作而成的。具体的方法读者可跟随教程同步制作并逐步了解。

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

Photoshop样式教程:制作方框射灯按钮特效

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

Photoshop样式教程:制作方框射灯按钮特效

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

Photoshop样式教程:制作方框射灯按钮特效

(3)连续复制“形状 1”图层两次,分别得到“形状 1 副本”和“形状 1 副本 2”图层,并使其隐藏。

Photoshop样式教程:制作方框射灯按钮特效

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

Photoshop样式教程:制作方框射灯按钮特效

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

Photoshop样式教程:制作方框射灯按钮特效

(6)按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。

Photoshop样式教程:制作方框射灯按钮特效

(7)选择“形状 1 副本”图层并使其显示,选择“钢笔工具”对图形进行修整。

Photoshop样式教程:制作方框射灯按钮特效

(8)为其填充前景色,并调整其“不透明度”。

Photoshop样式教程:制作方框射灯按钮特效

(9)按照以上方法,对图层“形状 1 副本 2”图层进行调整

Photoshop样式教程:制作方框射灯按钮特效

(10)新建“图层 1”图层,选择“矩形工具”绘制图形。

Photoshop样式教程:制作方框射灯按钮特效

(11)为“图层 1”图层添加图层样式,单击“内阴影”项目,并设置其各项参数。

Photoshop样式教程:制作方框射灯按钮特效

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

Photoshop样式教程:制作方框射灯按钮特效

(13)新建“图层 2”图层,参照以上方法绘制图形。

Photoshop样式教程:制作方框射灯按钮特效

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

Photoshop样式教程:制作方框射灯按钮特效

(15)复制“图层 2”图层得到“图层 2 副本”并调整其位置,新建“组 1”图层组,把“图层 2”、“图层 2 副本”和“图层 1”图层拖入“组 1”图层组中。

Photoshop样式教程:制作方框射灯按钮特效

(16)复制“组 1”图层组得到“组 1 副本”图层组,调整位置,如图所示。

Photoshop样式教程:制作方框射灯按钮特效

(17)再次复制“组 1”图层组得到“组 1 副本 2”图层组。按下组合键,执行“自由变换”命令,对工具选项栏中各参数进行设置。

Photoshop样式教程:制作方框射灯按钮特效

(18)调整“组 1 副本 2”图层组中各图层的图层样式,打开“图层 2 副本”图层样式,并调整其“渐变叠加”图层样式的角度参数。

Photoshop样式教程:制作方框射灯按钮特效

(19)打开“图层 2”图层样式,并调整其“渐变叠加”图层样式的角度参数。

Photoshop样式教程:制作方框射灯按钮特效

(20)选择“图层 1”图层,并调整其“渐变叠加”图层样式的角度参数。

Photoshop样式教程:制作方框射灯按钮特效

(21)设置完毕后,效果如图所示。

Photoshop样式教程:制作方框射灯按钮特效

(22)复制“组 1 副本 2”图层组得到“组 1 副本 3”图层组,并调整其不透明度。

Photoshop样式教程:制作方框射灯按钮特效

(23)新建“图层 3”图层,选择“铅笔工具”进行绘制。

Photoshop样式教程:制作方框射灯按钮特效

(24)为“图层 3”添加“投影”图层样式,并设置其各项参数。

Photoshop样式教程:制作方框射灯按钮特效

(25)复制“图层 3”图层得到“图层 3 副本”图层,增强投影效果。

Photoshop样式教程:制作方框射灯按钮特效

(26)新建“图层 4”图层,选择“画笔工具”,并设置其各项参数,绘制亮光。

Photoshop样式教程:制作方框射灯按钮特效

(27)更改“图层 4”图层混合模式为“线性减淡(添加)”,效果如图所示。

Photoshop样式教程:制作方框射灯按钮特效

(28)新建图层组并命名为“光点”,把“图层 4”、图层“图层 3 副本”和“图层 3”图层拖入“光点”图层组中。

Photoshop样式教程:制作方框射灯按钮特效

(29)多次复制“光点”图层组,调整位置,效果如图所示。

Photoshop样式教程:制作方框射灯按钮特效

(30)将“图层”调板中隐藏的“腾龙视觉”文字图层显示,完成本实例的制作。

Photoshop样式教程:制作方框射灯按钮特效

Photoshop样式教程:制作方框射灯按钮特效

Photoshop样式教程:制作方框射灯按钮特效

进入论坛参与讨论和交作业:https://xunluyun.com/viewthread.php?tid=477397

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

photoshop官网 ps教程 Photoshop样式教程:制作方框射灯按钮特效 https://xunluyun.com/4231.html

常见问题

相关文章

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

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