首页 > 网页教程 > Fireworks > 5个WEB图标绘制实战技巧方法分享

5个WEB图标绘制实战技巧方法分享

时间:2017-07-01    来源:优设网

如果你只是初学者,灵感创意还没那么好,那么我建议你静下心来好好思考沉淀,多临摹一些优秀的作品,感受细节的处理,质感的表达,图层样式的技巧等等,也许你会得到不少的灵感。

下面分享一个优秀的图标绘制锤子的胶囊,最终效果如下:

借着这个案例和大家分享一些技法和感受,大纲如下:

  • 内阴影不仅可以做凹陷,还能做凸起
  • 要想有质感,反光一定不能少
  • 养成使用多层投影的习惯
  • 投影的等高线选项,我猜你没改过
  • 打动人的设计一定要符合现实

1. 内阴影不仅可以做凹陷,还能做凸起

一说到内阴影,我们的第一直觉是它是用来做凹陷的,如下图:

但其实它还可以做“凸起的”效果,例如我们在做这个胶囊的时候,就可以用内阴影来确定基本体积关系,(当然内发光也是可以的)如下图:

具体选项设置如下图:

2. 要想有质感,反光一定不能少

做拟物的物体,一定要记住加反光,这是增加细节和质感的必要条件,但只加反光还不够,反光处衔接的地方还有一块暗部,形成明暗交界线,效果如下:

3. 养成使用多层投影的习惯

接下来就需要给胶囊加投影了,这里需要注意,大多数情况下,一层投影是无法实现理想效果的,我们要使用双层投影甚至多层,来看看一层投影和多层投影的对比效果。

单层投影:

多层投影:

强调一点,多层投影的规律是,越外层投影越虚化,不然就会不自然。

4. 投影的等高线选项,我猜你没改过

我们看胶囊的投影:

有明有暗,一圈一圈的,这都是投影等高线选项的功劳,如下图:

默认的等高线选项是线性,为了增加层次,我将线性改成了画圆步骤,里面还有很多选项,大家可以多多尝试,切记不要死记硬背数值,要以最后效果为准!

5. 打动人的设计一定是符合现实的

如果你想让设计打动人心,那就一定要符合现实现象,例如在做这个胶囊的底板时,可以看看现实的胶囊底板纹理长什么样,我拍张照片给大家看下,原来长这个样子:

但为什么我做的底板纹理是这样的呢:

因为我没研究出来怎么做!

如果想把细节做好,这个纹理一定也要做好,不能应付了事,给大家留下这个问题,如果你想到了好的方法,欢迎告诉我,让菜心学习下,哈哈。

以上就是今天要分享的内容,其实眼高手低并不可怕,可怕的是没有提高执行力(巩固基础)的意识,从而让“手”和“眼”差的越来越远。

所以你懂得,不要再奔跑了,想要“速度70迈,心情是自由自在”,咱得先把基础练好!

精彩推荐

热门教程