psschool 发表于 2017-3-10 00:00:00

Photoshop设计金属质感的ICON图标设计教程

很多人喜欢折腾图标，所以，很多人问，有没有新的图标教程，于是，今天，是一个简单的图标制作，重点是金属质感，同往常一样，我们都是用图层样式来实现。
先看看效果图

http://www.06ps.com/d/file/2017/0310/1489106992775.jpg

新建一个文档，我用的大小是1000X800像素，创建一个渐变填充调整层，参数如下。

http://www.06ps.com/d/file/2017/0310/1489106993261.jpg

将这个渐变背景图层转换为智能对象，添加一个杂色。

http://www.06ps.com/d/file/2017/0310/1489106995102.jpg

用圆角矩形工具画出我们的图标主体，颜色设置为#f6f5f5，添加一个斜面浮雕和投影。

http://www.06ps.com/d/file/2017/0310/1489106996157.jpg

http://www.06ps.com/d/file/2017/0310/1489106998411.jpg

http://www.06ps.com/d/file/2017/0310/1489106999918.jpg


               
               
复制一层主体图层，右键清除图层样式，将填充修改为0，添加一个投影样式，我们来做投影加强。

http://www.06ps.com/d/file/2017/0310/1489107001185.jpg

http://www.06ps.com/d/file/2017/0310/1489107002629.jpg

用椭圆工具画一个圆，设置图层样式。

http://www.06ps.com/d/file/2017/0310/1489107005141.jpg

http://www.06ps.com/d/file/2017/0310/1489107007838.jpg

http://www.06ps.com/d/file/2017/0310/1489107008520.jpg

http://www.06ps.com/d/file/2017/0310/1489107010589.jpg

http://www.06ps.com/d/file/2017/0310/1489107011970.jpg


               
               
同样的用椭圆工具画出一个小一点的圆，这个将是我们的旋纽，设置图层样式。

http://www.06ps.com/d/file/2017/0310/1489107013573.jpg

http://www.06ps.com/d/file/2017/0310/1489107014655.jpg

http://www.06ps.com/d/file/2017/0310/1489107016943.jpg

画一个稍微小一点的圆，我们来制作金属旋纽，效果我们通过图层样式实现。

http://www.06ps.com/d/file/2017/0310/1489107017592.jpg

http://www.06ps.com/d/file/2017/0310/1489107019648.jpg

http://www.06ps.com/d/file/2017/0310/1489107020549.jpg


               
               
新建一个图层，填充白色，转换为智能对象，添加一个杂色。

http://www.06ps.com/d/file/2017/0310/1489107022142.jpg

执行一个径向模糊滤镜，参数如下：

http://www.06ps.com/d/file/2017/0310/1489107024346.jpg

将这个拉丝图层图层混合模式修改为“颜色加深”，因为这个拉丝层我们是要用来给金属旋纽增加金属质感的，所以我们载入金属旋纽的选区，添加一个图层蒙版。

http://www.06ps.com/d/file/2017/0310/1489107025296.jpg

接下来，画个三角箭头，添加个图层样式。

http://www.06ps.com/d/file/2017/0310/1489107027314.jpg

http://www.06ps.com/d/file/2017/0310/1489107028695.jpg

http://www.06ps.com/d/file/2017/0310/1489107030332.jpg


               
               
最后，我们添加环绕旋纽的图标。图标不应该位于最顶层，应该在我们中间的旋纽下层，所以请注意看我们的图层关系。这里我用的图标，不是现画的，是来自于Asif Aleem的分享。

http://www.06ps.com/d/file/2017/0310/1489107031261.jpg

我为箭头指向的图标添加了一个样式，使其看了像是浮现。

http://www.06ps.com/d/file/2017/0310/1489107033405.jpg

http://www.06ps.com/d/file/2017/0310/1489107035236.jpg

http://www.06ps.com/d/file/2017/0310/1489107036868.jpg


               
               
而其他的图标，我设置的颜色是#151926，施加的样式则是让其看了像是凹陷。

http://www.06ps.com/d/file/2017/0310/1489107038316.jpg

http://www.06ps.com/d/file/2017/0310/1489107041158.jpg

http://www.06ps.com/d/file/2017/0310/1489107042644.jpg

我们的最终结果如下：

http://www.06ps.com/d/file/2017/0310/1489106992775.jpg
页: [1]
查看完整版本: Photoshop设计金属质感的ICON图标设计教程