PS制作一套清爽立体按钮
时间:2021-07-01 10:21:17
帮助过:56人阅读
为你的网站设计新的元素吗?这里有一个新的设计按钮.希望这个新的设计对你有所帮助
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/c19fe1b416ddb691487d43e0250db37c-0.jpg)
为你的网站设计新的元素吗?这里有一个新的设计按钮.希望这个新的设计对你有所帮助。
让我们开始此教程!创建一个新的文档,分辨率为500× 300,并填充白色画布。然后选择圆角矩形工具(半径: 30像素) ,使用颜色# d61d23绘制的形状。
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/cbcec21cabab7e6cfe8b8a744597eaf7-1.jpg)
之后,应用这层下面的图层样式:
内阴影
渐变叠加
• Inner Shadow
• Gradient Overlay
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/cbcec21cabab7e6cfe8b8a744597eaf7-2.jpg)
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/cbcec21cabab7e6cfe8b8a744597eaf7-3.jpg)
做出来像如下按钮:
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/e7569ba8d8f9aedff659c7ac17766492-4.jpg)
现在,时间,使反射的按钮。使用Ctrl + J复制当前层,然后创建一个新的,然后将其翻转复制层一层中的所有图层样式。之后,翻转垂直编辑>变换>垂直翻转我下面的图片:
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/e7569ba8d8f9aedff659c7ac17766492-5.jpg)
为了使反射更透明底部的图片应用快速蒙版模式梯度如下
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/53fc84b2fc22799ed342fb3de2487c05-6.jpg)
然后回到标准模式。现在我们有一些选择的区域。按删除所选区域清晰的图像
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/53fc84b2fc22799ed342fb3de2487c05-7.jpg)
按Ctrl + D删除选择转到下一个步骤。我想有些刺眼的按钮。要做到这一点,选择圆角矩形工具(半径: 80像素),并创建一个新的形式使用白色
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/53fc84b2fc22799ed342fb3de2487c05-8.jpg)
这层栅格化图层>栅格化>形状。之后,应用更多的时间和快速蒙版模式填补了下一梯度
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/7b7d7e96c9689d38e3af7a5176e3464d-9.jpg)
回到标准模式和我们再次收到选择的区域。按Delete清除选定部分图像。
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/7b7d7e96c9689d38e3af7a5176e3464d-10.jpg)
取消选择Ctrl + D键,改变图层模式为叠加当前层。
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/7b7d7e96c9689d38e3af7a5176e3464d-11.jpg)
我们已经完成了按钮。现在,移动到下一个步骤。我认为它会看起来更好时,我们将会把它的一些设计元素。要做到这一点走出椭圆工具,并创建我的照片下面用白色圆润的造型:
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/a4aa0d0558a5e476634f76d036f49b2e-12.jpg)
之后,应用这些混合选项到这一层:
内阴影
内发光
渐变叠加
行程
• Inner Shadow
• Inner Glow
• Gradient Overlay
• Stroke
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/a4aa0d0558a5e476634f76d036f49b2e-13.jpg)
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/d2df7df60f2b94308f72f097c19e2300-14.jpg)
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/d2df7df60f2b94308f72f097c19e2300-15.jpg)
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/5ac2a3343e664d83be4de7e4fa5e5a3f-16.jpg)
如下所示
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/5ac2a3343e664d83be4de7e4fa5e5a3f-17.jpg)
时间带来一些图片,我们的圆形设计元素。对地球上的谷歌图片找一些图片或使用地雷或某个地方找到它。打开它,并减少一点点,然后将图片如下所示
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/556f3ec4d59896eac9e018fafbc2d32c-18.jpg)
好,然后使用黑色和白色图像>调整>去色(按Ctrl + Shift + U)和改变这层的图层模式为叠加:
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/556f3ec4d59896eac9e018fafbc2d32c-19.jpg)
选择锐化工具(刷: 100像素,模式:普通,强度:40%) ,以使该片段更锐化
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/556f3ec4d59896eac9e018fafbc2d32c-20.jpg)
而我们需要做的最后一件事, 。要完成本教程让我们添加一些文字。获取的横排文字工具,像我在下面的图片中白色的东西写出来
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/b568b07b9acef2d853544dbf03419ef0-21.jpg)
在上图中IA用过我选择的字体Segoe UI字体, IA €™用过白色。其实,这是商业的字体,但如果你唐娜€™吨有它,你可以很容易地找到一个很好的选择,例如,黑体。之后,应用这层下面的图层样式:
阴影
• Drop Shadow
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/b568b07b9acef2d853544dbf03419ef0-22.jpg)
现在如下
![PS制作一套清爽立体按钮](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/52513037f27b7ae9dae7e03d45d66030-23.jpg)
太好了!我们的工作是完成了!享受自己的凉爽的地球按钮。你也可以改变它的颜色