Photoshop样式教程:制作怀旧风格磨光按钮特效

2021-11-10 0 362

本期教程中我们将设置图层样式效果来制作一个金属磨光材质效果的按钮,制作中主要使用了“渐变叠加”、“斜面与浮雕”等图层样式效果。其中磨效果是通过设置“渐变叠加”图层样式中的“角度”样式制作而成的。具体的方法读者可跟随教程同步制作并逐步了解。

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

Photoshop样式教程:制作怀旧风格磨光按钮特效

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

Photoshop样式教程:制作怀旧风格磨光按钮特效

(2)新建“图层 1”图层,选择“椭圆工具”,在打开的工具选项栏中选择“填充像素”按钮,按下键的同时进行绘制。

Photoshop样式教程:制作怀旧风格磨光按钮特效

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

Photoshop样式教程:制作怀旧风格磨光按钮特效

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

Photoshop样式教程:制作怀旧风格磨光按钮特效

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

Photoshop样式教程:制作怀旧风格磨光按钮特效

(6)单击“光泽”项目,并设置其各项参数。

Photoshop样式教程:制作怀旧风格磨光按钮特效

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

Photoshop样式教程:制作怀旧风格磨光按钮特效

(8)按下“确定”按钮,效果如图所示。

Photoshop样式教程:制作怀旧风格磨光按钮特效

(9)参照创建“图层 1”图层的方法创建“图层 2”图层,并使“图层 1”图层隐藏。

Photoshop样式教程:制作怀旧风格磨光按钮特效

(10)为“图层 2”图层添加图层样式,单击“斜面和浮雕”项目,并设置其各项参数。

Photoshop样式教程:制作怀旧风格磨光按钮特效

(11)设置“图层 2”图层的“填充”参数,效果如图所示。

Photoshop样式教程:制作怀旧风格磨光按钮特效

(12)使“图层 1”图层显示,调整位置,效果如图所示。

Photoshop样式教程:制作怀旧风格磨光按钮特效

(13)新建“图层 3”图层,参照以上方法进行绘制。

Photoshop样式教程:制作怀旧风格磨光按钮特效

(14)为“图层 3”图层添加“斜面和浮雕”图层样式,并设置其各项参数。

Photoshop样式教程:制作怀旧风格磨光按钮特效

(15)为“图层 3”图层添加“描边”图层样式,并设置其各项参数。

Photoshop样式教程:制作怀旧风格磨光按钮特效

(16)按下“确定”按钮,效果如图所示。

Photoshop样式教程:制作怀旧风格磨光按钮特效

(17)新建“图层 4”图层,参照以上方法进行绘制。

Photoshop样式教程:制作怀旧风格磨光按钮特效

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

Photoshop样式教程:制作怀旧风格磨光按钮特效

(19)为“图层 4”图层添加“描边”图层样式,并设置其各项参数。

Photoshop样式教程:制作怀旧风格磨光按钮特效

(20)按下“确定”按钮,效果如图所示。

Photoshop样式教程:制作怀旧风格磨光按钮特效

(21)新建图层组并命名为“金属旋钮”,并将“图层 1”、“图层 2”、“图层 3”、“图层 4”图层拖入“金属旋钮”图层组中。

Photoshop样式教程:制作怀旧风格磨光按钮特效

(22)参照制作“金属旋钮”图层组的方法,制作出“左”和“右”图层组。

Photoshop样式教程:制作怀旧风格磨光按钮特效

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

Photoshop样式教程:制作怀旧风格磨光按钮特效

Photoshop样式教程:制作怀旧风格磨光按钮特效

Photoshop样式教程:制作怀旧风格磨光按钮特效

进入论坛参与讨论和交作业:https://xunluyun.com/thread-477866-1-1.html

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

photoshop官网 ps教程 Photoshop样式教程:制作怀旧风格磨光按钮特效 https://xunluyun.com/4249.html

常见问题

相关文章

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

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