您好,欢迎来到飞天资源论坛!登录立即注册QQ登录

飞天资源论坛



  • 1665查看
  • 21回复

签到天数: 831 天

连续签到: 0 天

[LV.10]以坛为家III

发表于 2014-3-9 22:39:22 | 显示全部楼层 |阅读模式
教程发布
教程来源: 源自网络
教程作者:
教程格式: 图文教程
版权归属:
下载地址:
            Photoshop制作金属风暴按钮

                                                       效果图

Photoshop制作金属风暴按钮 01.JPGCG原画|插画|鼠绘,预览图1
游客,本帖隐藏的内容需要积分高于 2 才可浏览,您当前积分为 0

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

Photoshop制作金属风暴按钮 02.JPGCG原画|插画|鼠绘,预览图2

2、接着使用圆角矩形工具,将半径设置为10像素,绘制出一个圆角矩形。如图2所示。

Photoshop制作金属风暴按钮 03.JPGCG原画|插画|鼠绘,预览图3

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

Photoshop制作金属风暴按钮 04.jpgCG原画|插画|鼠绘,预览图4

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

Photoshop制作金属风暴按钮 05.jpgCG原画|插画|鼠绘,预览图5

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

Photoshop制作金属风暴按钮 06.jpgCG原画|插画|鼠绘,预览图6

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

Photoshop制作金属风暴按钮 07.jpgCG原画|插画|鼠绘,预览图7

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

Photoshop制作金属风暴按钮 08.jpgCG原画|插画|鼠绘,预览图8

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

Photoshop制作金属风暴按钮 09.jpgCG原画|插画|鼠绘,预览图9

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

Photoshop制作金属风暴按钮 10.jpgCG原画|插画|鼠绘,预览图10

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

Photoshop制作金属风暴按钮 11.jpgCG原画|插画|鼠绘,预览图11

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

Photoshop制作金属风暴按钮 12.jpgCG原画|插画|鼠绘,预览图12

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

Photoshop制作金属风暴按钮 13.jpgCG原画|插画|鼠绘,预览图13

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

Photoshop制作金属风暴按钮 14.jpgCG原画|插画|鼠绘,预览图14

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

Photoshop制作金属风暴按钮 15.jpgCG原画|插画|鼠绘,预览图15

15、将其变形为纵向条状物,并复制为两个。如图15所示。

Photoshop制作金属风暴按钮 16.jpgCG原画|插画|鼠绘,预览图16

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

Photoshop制作金属风暴按钮 17.jpgCG原画|插画|鼠绘,预览图17

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

Photoshop制作金属风暴按钮 18.jpgCG原画|插画|鼠绘,预览图18

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

Photoshop制作金属风暴按钮 19.jpgCG原画|插画|鼠绘,预览图19

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

Photoshop制作金属风暴按钮 20.jpgCG原画|插画|鼠绘,预览图20

评分

参与人数 1资源币 +10 收起 理由
涓涓细流 + 10 多谢分享,辛苦了!

查看全部评分


飞天资源论坛 - 温馨提示
1.为保证您的问题能够及时解决,如有任何问题,请直接到【问题互助 】平台提问,切勿在发布帖提问,因为有时候会看不了那么多回复;
2.论坛压缩包请用WinRAR5.2以上版本解压,本站默认解压密码为 http://feitianwu7.com 或者 feitianwu7.com 复制粘贴时前后不能有空格!
3.您的真诚回复是对楼主最大的支持与鼓励,也方便我们了解您所喜欢的资源类型;严禁灌水式的毫无意义的内容,否则直接禁言;
------------------------------------DMCA-版权申明------------------------ 》资源下载链接由会员自发搜集于网络,仅供学习与参考,不得以任何方式用于商业用途,如需商用请联系版权拥者取得商业授权!
》论坛非常重视知识产权,如有侵犯任何第三方权益,请及时联系(Email:447258251@qq.com),我们将及时予与删除。

相关帖子

签到天数: 528 天

连续签到: 1 天

[LV.9]以坛为家II

发表于 2014-3-10 08:53:15 | 显示全部楼层
谢谢楼主分享

签到天数: 1713 天

连续签到: 4 天

[LV.Master]伴坛终老

发表于 2014-3-10 13:44:39 | 显示全部楼层
谢谢楼主分享

签到天数: 1713 天

连续签到: 4 天

[LV.Master]伴坛终老

发表于 2014-3-10 13:52:56 | 显示全部楼层
谢谢楼主分享

签到天数: 1864 天

连续签到: 1 天

[LV.Master]伴坛终老

发表于 2014-3-10 20:04:06 | 显示全部楼层
哇哇@!很厉害!效果也很好

签到天数: 155 天

连续签到: 0 天

[LV.7]常住居民III

发表于 2014-3-10 20:54:24 | 显示全部楼层
谢谢楼主分享,辛苦啦!

签到天数: 1035 天

连续签到: 0 天

[LV.10]以坛为家III

发表于 2014-3-10 21:13:47 | 显示全部楼层
质感,很酷!

签到天数: 153 天

连续签到: 1 天

[LV.7]常住居民III

发表于 2014-3-11 08:10:47 | 显示全部楼层
谢谢楼主分享,辛苦啦!

该用户从未签到

发表于 2014-3-11 10:57:09 | 显示全部楼层
谢谢分享

签到天数: 154 天

连续签到: 0 天

[LV.7]常住居民III

发表于 2014-3-11 16:18:11 | 显示全部楼层
谢谢分享教程!学习了Photoshop制作金属风暴按钮 CG原画|插画|鼠绘,预览图41

快速发帖

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

 
 
咨询求助
插件安装
失效举报
VIP办理
工作时间:
8:00-24:00

飞天官微客服

手机版| 飞天资源论坛 ( 桂ICP备11007138号|网站地图

桂公网安备 45092102000116号

GMT+8, 2021-1-25 10:09 , Processed in 1.275440 second(s), 16 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2011-2021 飞天资源论坛

快速回复 返回顶部 返回列表