首页 web前端 PS教程 教你如何用PS制作出金属质感旋转按钮图片

教你如何用PS制作出金属质感旋转按钮图片

Jun 01, 2016 pm 02:26 PM
按钮 质感 金属

本文教大家打造出一个漂亮的金属质感的按钮效果

制作按钮之前需要把构造分析透彻;然后由底层开始用形状工具画出想要的图形,稍微复杂一点的可以用通过多个形状合并或减去得到;然后用图层样式给图形添加颜色和质感等即可。 最终效果

教你如何用PS制作出金属质感旋转按钮图片

一、新建一个1000*1000,72分辨率的新画布。


二、新建一层,填充34%的灰色。

教你如何用PS制作出金属质感旋转按钮图片

三、在当前这个层上右键选择“转换为智能对象”,你也可以在“图层”菜单里选择这个命令。

教你如何用PS制作出金属质感旋转按钮图片

四、添加杂色。

教你如何用PS制作出金属质感旋转按钮图片

五、再高斯模糊一点。

教你如何用PS制作出金属质感旋转按钮图片

六、现在看上去跟原图的背景差不多了。这里我插一句,之所以我把这个背景层转成智能对象后再添加滤镜的好处是,万一你觉得哪里不合适的话可以很方便的修改,比如你认为杂色不够的话可以直接双击图层下面的杂色栏修改数值,不需要重新来过。

教你如何用PS制作出金属质感旋转按钮图片

七、布置两条居中的参考线,以参考线的交叉点为中心画一个直径为723像素的椭圆形状。

教你如何用PS制作出金属质感旋转按钮图片

八、在圆形的下面用“合并形状”模式添加一个小圆形。

教你如何用PS制作出金属质感旋转按钮图片

九、把填充透明度调至0,双击这个层进入图层样式,添加纯黑白的渐变。有同学做出来不是这个效果,可以试试取消勾选反向。

教你如何用PS制作出金属质感旋转按钮图片

教你如何用PS制作出金属质感旋转按钮图片

教你如何用PS制作出金属质感旋转按钮图片

教你如何用PS制作出金属质感旋转按钮图片

十、重新画一个直径为468像素的圆形。

教你如何用PS制作出金属质感旋转按钮图片

十一、从“椭圆1”层里选中小的圆形路径,直接CTRL+C复制小圆形。

教你如何用PS制作出金属质感旋转按钮图片

十二、粘贴到“椭圆2”,把路径操作模式改为“减去”。 有同学反映复制过去后交叉部分是黑色的,这是因为在步骤上出了一点问题,粘贴小圆形之前先要激活路径,就是按A点击大圆形。

教你如何用PS制作出金属质感旋转按钮图片

十三、同样把填充透明度调为0,在图层样式里添加黑白渐变。为了这个渐变能更好的模仿原图,你可以左键移动渐变的黑白分布。

教你如何用PS制作出金属质感旋转按钮图片

教你如何用PS制作出金属质感旋转按钮图片

教你如何用PS制作出金属质感旋转按钮图片

教你如何用PS制作出金属质感旋转按钮图片

十四、继续把“椭圆3”复制一层,在图层上右键清除图层样式,Ctrl+T把直径改为173像素。

教你如何用PS制作出金属质感旋转按钮图片

十五、填充透明度调为0,添加渐变,灰色选择42%。

教你如何用PS制作出金属质感旋转按钮图片

教你如何用PS制作出金属质感旋转按钮图片

教你如何用PS制作出金属质感旋转按钮图片

十六、画一个直径400像素的圆形,你也可以把“椭圆2”复制一层编辑一下,但是为了能直接明了地让大家看清楚,我重新画了一个。

教你如何用PS制作出金属质感旋转按钮图片

十七、填充透明度调为0 ,添加黑白渐变。

教你如何用PS制作出金属质感旋转按钮图片

十八、接着制作中间带有细齿的旋钮,画一个矩形,旋转45度,压扁。

教你如何用PS制作出金属质感旋转按钮图片

十九、Ctrl+Alt+T,旋转2度后狂Shift+Ctrl+Alt+T完成循环,一个齿轮出生了。

教你如何用PS制作出金属质感旋转按钮图片

二十、添加渐变。

教你如何用PS制作出金属质感旋转按钮图片

教你如何用PS制作出金属质感旋转按钮图片

教你如何用PS制作出金属质感旋转按钮图片

二十一、再画一个圆形,在属性里羽化两个像素,让边缘虚一点,同时把填充透明度调为0。

教你如何用PS制作出金属质感旋转按钮图片

二十二、添加一个大家喜闻乐见的模拟金属的角度渐变,相比以前这个渐变有点复杂。

教你如何用PS制作出金属质感旋转按钮图片

二十三、还有模拟旋钮高度的斜面浮雕,其实你用投影效果也差不多。

教你如何用PS制作出金属质感旋转按钮图片

二十四、接着是比较繁琐的刻度的制作,画一个稍小于外圆的圆形,复制一个路径后减去,一个圆环出来了,为了能更好的目测它的大小,我暂时减低它的透明度。

教你如何用PS制作出金属质感旋转按钮图片

二十五、用钢笔裁去不需要的部分,为了使两边能更对称,我添加了一个参考线。

教你如何用PS制作出金属质感旋转按钮图片

二十六、复制一层,隐藏备用。进入图层样式添加斜面浮雕。

教你如何用PS制作出金属质感旋转按钮图片

二十七、点开隐藏的备用层,用“减去”模式添加一条居中的两个像素宽直条。

教你如何用PS制作出金属质感旋转按钮图片

二十八、Ctrl+Alt+T,旋转3度。

教你如何用PS制作出金属质感旋转按钮图片

二十九、之后是我最喜欢的一步,狂按Shift+Strl+Alt+T。

教你如何用PS制作出金属质感旋转按钮图片

三十、在图层样式里把颜色更改为比较深的灰色后添加斜面浮雕。

教你如何用PS制作出金属质感旋转按钮图片

教你如何用PS制作出金属质感旋转按钮图片

三十一、编辑路径,把不完整的个体去掉,底下那层凹槽也要做相应的修改。

教你如何用PS制作出金属质感旋转按钮图片

三十二、把椭圆8复制一层,右键清除图层样式,名称改为椭圆9。

教你如何用PS制作出金属质感旋转按钮图片

三十三、在图层样式里把颜色更改为比较靓丽的浅蓝色后,添加一个奇怪的斜面浮雕,因为它没有暗面。

教你如何用PS制作出金属质感旋转按钮图片

三十四、再次编辑路径,裁去一部分,科幻感十足的刻度完成了。

教你如何用PS制作出金属质感旋转按钮图片

三十五、用前面同样的办法制作一个小按钮上的指示灯,过程不再重复了。

教你如何用PS制作出金属质感旋转按钮图片

三十六、加了内阴影和白色投影的文字,非常简单。

教你如何用PS制作出金属质感旋转按钮图片

最终效果:

教你如何用PS制作出金属质感旋转按钮图片

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

如何修复 Microsoft Teams 白屏 如何修复 Microsoft Teams 白屏 Apr 17, 2023 pm 05:07 PM

重新启动Microsoft团队如果您在启动Teams后出现空白屏幕,则一个很好的起点是重新启动应用程序本身。要关闭并重新启动MicrosoftTeams,请执行以下操作:右键单击任务栏通知区域中的Teams图标,然后从菜单中单击退出。从“开始”菜单或桌面快捷方式重新启动MicrosoftTeams并查看它是否有效。从任务管理器关闭MicrosoftTeams如果Teams进程的基本重新启动不起作用,请进入任务管理器并结束任务。要从任务管理器关闭Teams,请执行以下操作

在 Windows 中禁用传递优化服务的 5 种方法 在 Windows 中禁用传递优化服务的 5 种方法 May 17, 2023 am 09:31 AM

许多原因可能使你想要禁用传递优化服务在你的Windows电脑上。但是,我们的读者抱怨不知道要遵循的正确步骤。本指南将通过几个步骤讨论禁用传递优化服务的方法。要了解有关服务的更多信息,您可能需要查看我们的如何打开services.msc指南以获取更多信息。传递优化服务有什么作用?传递优化服务是具有云托管解决方案的HTTP下载程序。它允许Windows设备从备用来源下载Windows更新、升级、应用程序和其他大型包文件。此外,它还通过允许部署中的多个设备下载这些包来帮助减少带宽消耗。此外,Windo

什么是 Windows 安全按钮?所有你必须知道的 什么是 Windows 安全按钮?所有你必须知道的 Apr 13, 2023 pm 10:22 PM

Windows 安全按钮是什么?顾名思义,Windows 安全按钮是一项安全功能,可让您安全地访问登录菜单并使用密码登录您的设备。 在这种情况下,智能手机绝对领先。但是 Windows 便携式设备(例如平板电脑)已经开始添加一个 Windows 安全按钮,它不仅仅是一种将不需要的用户拒之门外的方式。它还提供额外的登录菜单选项。尽管如果您试图在台式 PC 或笔记本电脑上找到 Windows 安全按钮,您可能会感到失望。这是为什么?平板电脑与个人电脑Windows 安全按钮是一个物理按钮,存在于平板

如何重启、强制重启和关闭 iPad Mini 6 如何重启、强制重启和关闭 iPad Mini 6 Apr 29, 2023 pm 12:19 PM

如何强制重启iPadMini6强制重启iPadMini6是通过一系列按钮按下来完成的,它的工作原理如下:按下并释放音量调高按下并释放降低音量按住电源/锁定按钮,直到您在屏幕上看到Apple标志,表明iPadMini已强制重启仅此而已,您已经强制重启了iPadMini6!强制重启通常用于故障排除原因,例如iPadMini被冻结、应用程序被冻结或发生其他一些一般性不当行为。关于强制重启第6代iPadMini的程序需要注意的一点是,对于所有其他具有超薄边框并使用

重写后:

如何解决 PS5 控制器在 Windows 11 上未被识别的问题 重写后: 如何解决 PS5 控制器在 Windows 11 上未被识别的问题 May 09, 2023 pm 10:16 PM

关于连接我的PS5控制器,我应该知道什么?与DualSense控制器一样好,有报告称控制器未连接或未被检测到。解决此问题的最简单方法是使用适当的USB电缆将控制器连接到您的PC。有些游戏本身就支持DualSense。在这些情况下,您只需插入控制器即可。但这引发了其他问题,例如如果您没有USB电缆或不想使用USB电缆怎么办

如何清空 Microsoft Edge 浏览器的下载记录? 如何清空 Microsoft Edge 浏览器的下载记录? Apr 21, 2023 am 09:34 AM

点击进入:ChatGPT工具插件导航大全在Edge中查找和删除下载历史记录与其他浏览器一样,Edge有一个下载

如何使用Vue实现按钮倒计时特效 如何使用Vue实现按钮倒计时特效 Sep 21, 2023 pm 02:03 PM

如何使用Vue实现按钮倒计时特效随着Web应用程序的日益普及,我们经常需要在用户与页面进行交互时使用一些动态效果来提升用户体验。其中,按钮的倒计时特效是非常常见且实用的一种效果。本文将介绍如何使用Vue框架来实现按钮倒计时特效,并给出具体的代码示例。首先,我们需要创建一个Vue组件,包含一个按钮和倒计时的功能。在Vue中,组件是一种可复用的Vue实例,视图会

更改 Windows 11 上的电源按钮操作 [5 提示] 更改 Windows 11 上的电源按钮操作 [5 提示] Sep 29, 2023 pm 11:29 PM

电源按钮可以做的不仅仅是关闭PC,尽管这是桌面用户的默认操作。如果您想更改Windows11中的电源按钮操作,它比您想象的要容易!请记住,物理电源按钮与“开始”菜单中的按钮不同,下面的更改不会影响后者的操作。此外,您会发现电源选项略有不同,具体取决于它是台式机还是笔记本电脑。为什么要在Windows11中更改电源按钮操作?如果您让计算机进入睡眠状态的频率高于关闭计算机,则更改硬件电源按钮(即PC上的物理电源按钮)的行为方式即可。同样的想法也适用于休眠模式或简单地关闭显示器。更改Windows11

See all articles