Fireworks中教程:图标细节的刻画(3)

  • 来源: 蓝色理想   2016-04-11/09:44
  • Step 10

    我们回到深色背景,有没有感觉到信封的两边显得有点平?我们用一个Bars或者Radial填充来加点效果上去。

    Fireworks中进行图标细节刻画,PS教程,思缘教程网

    Step 11

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

    Fireworks中进行图标细节刻画,PS教程,思缘教程网

    Step 12

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

    Fireworks中进行图标细节刻画,PS教程,思缘教程网

    Step 13

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

    Fireworks中进行图标细节刻画,PS教程,思缘教程网

    Step 14

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

    Fireworks中进行图标细节刻画,PS教程,思缘教程网

    Step 15

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

    Fireworks中进行图标细节刻画,PS教程,思缘教程网

    Finish

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

    Fireworks中进行图标细节刻画,PS教程,思缘教程网

    上一页 1 23下一页

    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    专题 更多

    2024年度中兴通讯云网生态峰会

    2024年度中兴通讯云网生态峰会

    聚焦315提振消费信心专题报道

    聚焦315提振消费信心专题报道

    驱动号 更多