fireworks入门教程:用fireworks进行图标刻画设计细节

2019-10-16 20:57:40王旭

Step 11

  接下来为信封的上下三角形加单像素高光,因为之前已经反复讲过路径相减(Punch Path,您可以在Modify – Combine Paths菜单下找到它)的操作,这里不再作说明,如下图:

fireworks中进行图标细节刻画

Step 12

  同理给下面的三角形加高光。

fireworks中进行图标细节刻画

Step 13

  因为背景是比较深的颜色,我们可以考虑加个发光。这里我们不去用FW的投影或发光滤镜,还是用Path,为什么?因为比较好控制,个人喜好吧。我们可以做一个比信封底层的圆角矩形上下左右多1px的新圆角矩形,不羽化,透明度30。

fireworks中进行图标细节刻画

Step 14

  再在加一道1px高光在下面。

fireworks中进行图标细节刻画

Step 15

  至此图标基本完成,下面进入润色阶段。我们把所有图层全选“复制”一份,然后迅速按下Ctrl+Alt +Shift+Z把图层平面化为位图,然后设置叠加方式为Overlay,透明度60,这样就会发现图标的饱和度、对比度被提高了,这是我个人比较喜欢的快速润色的方法,但并非任何时候都适用,某些时候你必须手动用FW自带的滤镜去调曲线、对比度、饱和度等参数。

fireworks中进行图标细节刻画

Finish   最终效果(其实信封下方的三角我也用路径加了Path作为投影,写完了才发现,我就不再折腾了……)

fireworks中进行图标细节刻画

这篇用fireworks进行图标刻画设计细节教程已结束,希望大家看完之后,会有一定的启发和帮助!