PS制作简单的金属控件图标教程

来源:未知   作者:热心网友   发布时间:2013-04-06    浏览次数:609


控件需要制作的部分较少:有底座、面板、控键等几部分。制作的时候只需要用路径等工具做出各部分的
形状,然后用图层样式加上质感和颜色即可
PS制作简单的金属控件图标

 新建一个256 * 256像素文件,分辨率为300,如下图

PS制作简单的金属控件图标

 1、使用圆角矩形工具,设置半径值为60像素,按住Shift键绘制带有圆角的正方形,如下图

PS制作简单的金属控件图标  设计先锋网

 

 2、为底层添加渐变样式,得到的效果如下图

PS制作简单的金属控件图标  设计先锋网

 3、按Ctrl + J 复制底层得到副本,按Ctrl + T 对底部副本进行调整大小,并更改渐变方向,效果如下图

PS制作简单的金属控件图标  设计先锋网

 

PS制作简单的金属控件图标  设计先锋网

 

PS制作简单的金属控件图标  设计先锋网

 4、继续按Ctrl + J 复制底层副本,得到副本2。并按Ctrl + T 进行变换处理,并为其更改渐变样式,如下图

PS制作简单的金属控件图标  设计先锋网

 

PS制作简单的金属控件图标  设计先锋网

 

 5、继续使用圆角矩形工具绘制,并为其添加图层样式,以制作类似下图所示的效果

PS制作简单的金属控件图标  设计先锋网

 

PS制作简单的金属控件图标  设计先锋网

 

PS制作简单的金属控件图标  设计先锋网

 6、用同样的方法去复制,我们只需调整大小即可。再为其修改渐变样式,制作出如下图中的效果即可。
颜色可以随自己喜好更改

PS制作简单的金属控件图标  设计先锋网

 

PS制作简单的金属控件图标  设计先锋网

 

PS制作简单的金属控件图标  设计先锋网


 

7、使用椭圆工具按住Shift键绘制正圆,并为其添加图层样式,制作金属按钮,效果如下图

PS制作简单的金属控件图标  设计先锋网

 

PS制作简单的金属控件图标  设计先锋网

 

PS制作简单的金属控件图标  设计先锋网

 8、现在我们只需要对其进行复制并调整位置即可

PS制作简单的金属控件图标  设计先锋网

最终效果:

PS制作简单的金属控件图标  设计先锋网


联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/PSjiaocheng/PSgaoji/1659.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通