ps设计立体图案(ps立体感的图标)-东辰网

ps设计立体图案(ps立体感的图标)

本文主要介绍ps设计立体图案(ps立体)，下面跟着东辰网详细了解一下吧。

今天，就在上班之前，胖胖的纸李无事可做。我记得我已经很久没画图标了，很想练练手。所以，我从桌面上选了一个iTunes图标做了一个拷贝。这次用的是photoshop，所以让让我们来看看胖纸李是如何从零开始画图标的。

先看效果

1.首先，使用以下设置创建一个新的512512画布。

2.设置参考线，上、下、左、右各20px的边距，即该图标的实际尺寸为472472。

3.靠近参考线，用形状工具画一个正圆，颜色随机，大小应为472472，命名此层外面。

4.设置该图层的图层样式，如下图所示:

5.用圆形工具创建一个452452的圆，命名为中，与外圆水平垂直对齐，即圆半径比外圆小20个像素。

6.设置中间层的样式如下:

7.画一个442442的圆，或者和另外两个圆水平垂直对齐，这样就有三个同心圆。我们命名这一层内部，并设置图层样式项目渐变叠加和如下所示:

8.接下来，胖纸李开始画里面的造型部分。首先我们要画一个圆，422422，命名为balloutside，与其他三个圆水平垂直对齐，形成四个同心圆。

设置图层样式后，基本效果出来了，应该是酱紫:

9.接下来，我们将开始塑造音符。音符由五部分组成，两个倾斜的椭圆，两个垂直的矩形和一个倾斜的矩形。我们使用钢笔形状工具来绘制它们，最后合并五个矩形来形成音符的形状。步骤如下:

绘制五个独立的部分，将所有路径剪切到同一层，然后合并所有路径。

10.给注释添加一个图层样式，如下所示:

11.最后合并音符和圆圈，图标基本完成~效果如下图。

等等，好像少了点什么...哦对了，质感，体现质感的东西~

12、增加质感。首先新建一个图层，命名为噪波，填充黑色，然后依次在顶部菜单栏选择滤镜噪波添加噪波。这些设置如下:

完成后，将这一层移动到外层，并按下ctrlaltG，以掩盖这一层和外层。

13.改变图层模式的噪音层为颜色过滤和，这样外圈的纹理就完成了。

14.复制噪波图层，将其移动到音符图层的顶部，按ctrlaltG来遮罩这个图层和音符图层。也改变图层模式的噪音层为滤色器和，这样音符的质感就完成了。结果如下:

15.最后是蓝色球体的高光效果。首先在顶部添加高光。

在底部加上倒影。

改变这一层的透明度为50%，层模式为柔光。最终结果如下:

16.最后，润色一下，你我们结束了。

总结:

整体灯光要协调，不能一盏从左边来，另一盏在头顶。图标的颜色要尽量鲜艳，这样识别度高。细节很重要。你可以使用内部阴影或投影和微妙的梯度来突出纹理。一些看起来非常复杂的图标实际上是由一些非常基本的形状组成的，所以你不会图标的颜色变化就不用说了。

最后，我不得不称赞苹果公司的产品图标真的很精致，所有的细节都考虑的很周全。有时间的话，模仿这么好的产品的图标，对你的进步是很有好处的！