Photoshop制作金属风暴按钮

2016-03-18 06:05 3 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的Photoshop制作金属风暴按钮,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - PS 】

最终效果图


1、首先启动功能强大的Photoshop,新建一个合适大小的画布,并且将背景色设置为灰色。如图1所示。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
2、接着使用圆角矩形工具,将半径设置为(图老师整理)10像素,绘制出一个圆角矩形。如图2所示。


3、选择渐变工具,打开渐变编辑器,模拟真实金属的光泽,设置黑白灰的渐变。如图3所示。

4、按下Ctrl+Enter将路径转化为选区,新建图层,使用渐变工具将刚刚设置好的渐变由上而下拉出。如图4所示。


5、从菜单栏中选择“滤镜/杂色/添加杂色”,打开“添加杂色”对话框,将“数量”设置为7%,分布设置为“高斯分布”并选择“单色”。设置完成后单击确定按钮。如图5所示。


6、复制一个金属面板,将其总一个隐藏,对另一个进行操作。使用矩形选区工具和椭圆选区工具相结合在金属面板的两侧建立选区。并按下Delete将选中的区域删除。如图6所示。


7、将刚才复制的面板显示出来,按下Ctrl+T进行变形,调整为一个长条状的形态,并放置于金属面板得下方。如图7所示

8、再次复制一个金属面板调整其形体,并放置于最底层,如图8所示。


9、给最上方的金属面板进行图层样式的添加,首先添加投影效果,不透明度设置为100%,距离7像素,大小5像素。如图9所示。


10、设置斜面和浮雕特效,样式为“枕状浮雕”,深度150%,方向为“上”,大小3像素,软化0像素。如图10所示。


11、添加光泽特效,不透明度30%,距离50像素,大小40像素。如图11所示。

12、接着给金属面板下方的两个部件进行图层样式的添加,首先是添加外发光特效,混合模式为正常,选区黑色,不透明度100%,大小为15像素。如图12所示。


13、添加图案叠加样式,这样做是为了与前面的面板区别开,更加突出前面的面板。选择好叠加的图案,将不透明度设置为15%。如图13所示。


14、将面板下方的部件两个图层合并为一个图层,并复制一个将其变形。如图14所示。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
15、将其变形为纵向条状物,并复制为两个。如图15所示。


16、将这两个竖条状物放置于金属面板和背后的部件之间,这样看上去更具有金属感。如图16所示。

17、这样金属面板整体制作就完成了。接下来就需要给按钮上面添加文字。选择文字工具,在金属面板上打入“金属风暴”四个字设置为超粗黑,并将填充设置为30%。接着进行斜面和浮雕样式的添加,使用内侧面样式,大小和软化皆为0像素,其他数值保持默认。如图17所示。


18、最后再给位子描一个像素的黑边。如图18所示。


19、OK,金属风暴按钮就制作完成了。希望对大家有些帮助。谢谢。

来源:http://www.tulaoshi.com/n/20160318/1874081.html

延伸阅读
这是一篇photoshop按钮制作教程,教程中将为大家介绍如何使用photoshop中的图层样式功能制作出水晶按钮的透明和立体效果,大家一起来动手制作吧。 先看效果图。 1、新建文档,尺寸自定,背景白色,建新层,画一黑色圆角矩形。 2、分别添加投影、描边这两个图层样式。 效果如下图所示。 ...
标签: PS PS基础
先看看最终效果图 (1)运行Photoshop CS5,打开素材文件灰色背景.psd文件。 (2)选择圆角矩形工具设置并绘制。 (3)为形状 1图层添加图层样式。 (4)新建图层 1并与形状 1图层合并。 (5)为合并后的图层 1添加图层样式。 (6)选择矩形选框工具绘制出选区。 (7)复制选区内容到图层 2并删除其图层样式。 ...
标签: PS PS基础
先看看效果图 让我们开始!创建一个新的文件,本ps教程分辨率为500×300,填补这个白色画布。然后选择圆角矩形工具(半径30像素)绘制一个形状使用#d61d23的颜色。 之后,应用下面的图层样式到这一层: 内阴影 渐变叠加 您的按钮应该看起来像我的: 现在,时间,使反射按钮。使用Ctrl + J键复制当前层,然后创建一个新...
标签: PS PS基础
先看效果图。 新建文档550550像素,背景黑色,建新层,前景色4c73f1画一个正圆形状,复制3个,副本1图层缩小5%左右,副本2层缩小位置如下,颜色改为白色。 选择形状1,隐藏其它层,添加图层样式。 描边颜色请采样我的截图,效果如下。 选择副本层,添加图层样式。 效果如下。 选择副本2,填充归零,添...
标签: PS PS基础
上一篇关于LOGO的教程: Photoshop制作金属质感的LOGO标志 效果图: 第1步 打开上一个教程中我们制作后的Psd文件,隐藏中间的Logo,这样我们才可以在中间制作一个灯光效果。 第2步 输入你喜欢的文字,我用的是"start",颜色不重要,因为我们最后还会用图层样式制作效果 第3步 打开图层样式,选择颜色叠加,使...

经验教程

676

收藏

25
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部