fireworks打造精致图标

作者:胡说八道 来源:飞特网会员投稿教程 浏览次数:加载中... 网友评论 0

我们选中并复制最底的圆角矩形两次,移动位置后得到两个上下相隔2px的圆角矩形,用两个矩形路径相减的方法得到一个新的路径,对其进行ellipse填充(白色0-100透明度),最后把这个高光路径的叠加方式设置为overlay。

fireworks打造精致图标 飞特网 fireworks教程

步骤07

底部加个1px高光。

fireworks打造精致图标 飞特网 fireworks教程

步骤08

现在的结果如下图,先歇一会儿,喝口茶,接下来我们进行细节的添加。

fireworks打造精致图标 飞特网 fireworks教程

步骤09

暂时把背景改成白色,我们可以看到之前一个倒三角因为使用了羽化,有一些像素从信封两边溢出了一点。

fireworks打造精致图标 飞特网 fireworks教程

这里有两种方法可以对这些像素进行处理,一是flatten为bitmap,二是保留路径的前提下做遮罩,我偏向于后者,因为这样保留了路径,以后如有需要可以进行再编辑,操作如下图所示:

fireworks打造精致图标 飞特网 fireworks教程

步骤10

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

fireworks打造精致图标 飞特网 fireworks教程

上一篇: fireworks打造超酷炫光
下一篇:

[错误报告] [推荐] [收藏] [打印] [关闭] [返回顶部]

  • 飞特网大部分教程属网友投稿,并不代表飞特网立场。如果您的教程在飞特网发布后没有注明作者和出处请联系我们处理。
    飞特网会员发布的所有作品版权规作者所有,未经作者同意,任何人不得将其用于商业目的;
    如发现本站有含色情等违反国家法律法规内容的图片及涉及个人肖像权及版权的内容,请即时通知我们,飞特网将立刻删除相关内容.本站原创内容,欢迎转载.请注明出处和作者,谢谢!
    访问本站推荐使用分辨率1280*1024,internet explorer7.0浏览器。