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

2016-02-01 22:46 4 1 收藏

在这个颜值当道，屌丝闪边的时代，拼不过颜值拼内涵，只有知识丰富才能提升一个人的内在气质和修养，所谓人丑就要多学习，今天图老师给大家分享Photoshop制作简单的金属控件图标，希望可以对大家能有小小的帮助。

【 tulaoshi.com - ps入门教程】

控件需要制作的部分较少：有底座、面板、控键等几部分。制作的时候只需要用路径等工具做出各部分的形状，然后用图层样式加上质感和颜色即可。
最终效果

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

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

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

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

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

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

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

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

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

最终效果：

来源:http://www.tulaoshi.com/n/20160201/1526456.html

上一篇： Photoshop把人物照片处理成可爱的仿手绘效果
下一篇： Photoshop调出照片的冬季冷色调

看过《Photoshop制作简单的金属控件图标》的人还看了以下文章更多>>

Photoshop简单制作金属锈迹字

标签： PS效果 PS PS基础

本教程介绍锈迹字的制作方法。主要是利用滤镜效果来制作纹理效果，然后再简单调色即可。制作的方法非常简单。最终效果 1、新建一个600 * 360像素的文件，加点纹理背景（先把按字母“D”，然后执行菜单：滤镜渲染云彩，确定后执行菜单：滤镜杂色添加杂色，数值默认，然后再执行菜单：滤镜扭曲玻璃，数值默认，确定后背景效...

Photoshop制作简单的金属放大镜

放大镜重点是把边框及手柄部分的质感和光感做出来。先做出各部分的图形，然后用设置好的渐变加上初步的质感，再用钢笔等工具勾出高光部分的选区，填充较亮的颜色加强质感。局部可以用图层样式来加强质感。最终效果 1、新建文档500x500像素，背景白色。建新层，画一个黑色矩形。 2、添加图层样式。 3、用钢笔工具加点...

Photoshop样式教程：制作亮丽的金属锁图标

标签： PS PS基础

开始实例的学习之前，可以先下载实例的配套素材，然后跟随操作步骤进行学习。教程素材： MissYuan_教程素材.rar (1)运行Photoshop CS5，打开本书附带光盘彩色背景.psd文件。 (2)使用钢笔工具在视图中绘制路径。 (3)新建图层，将路径转换为选区并填充白色。 (4)取消选区，为图层 1图像添加渐变叠加效果。 (5)继...

Photoshop制作简单的高质感金属字

标签： PS效果 PS PS基础

本教程的字体效果都是用图层样式来完成。重点是在斜面和浮雕部分的参数设置。需要做出金属质感的效果。不同的文字大小具体的设置需要边预览边设置。最终效果 1、新建一个800 * 600像素的文档，背景填充颜色：#797979，效果如下图。图1 2、新建一个图层，选择文字工具打上想要的文字，字体最好选较粗的字体，这样效果会明...

Photoshop制作简单的灰色金属立体字

标签： PS效果 PS PS基础

本教程介绍简单的3D文字制作方法。大致过程：先打上文字或用选区工具做出想要的图形，然后复制并移动做出立体面，再给立体面渲染高光和暗部做出质感。后期调整表面文字颜色和质感即可。最终效果 1、新建文档500x356像素，背景白色，新建图层填充黑色，添加灰白渐变样式，然后输入3D字母，字体Rockwell Extra Bold，尺寸162点，颜色#7...

查看更多精彩>>