亲宝软件园·资讯

展开

银色金属图标制作教程实例 Photoshop制作金属质感ICON图标

P大点S 人气:0
Photoshop制作金属质感ICON图标,银色金属图标制作教程实例,这是一个简单的图标制作,重点是金属质感,制作主要是利用图层样式来完成。效果图

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

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

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

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

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

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

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

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

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

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

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

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

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

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

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

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

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

执行一个径向模糊滤镜,参数如下:

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

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

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

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

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

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

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

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

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

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

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

我们的最终结果如下:

Photoshop制作金属质感ICON图标,银色金属图标制作教程实例

加载全部内容

相关教程
猜你喜欢
用户评论