Blog > 互联网产品设计 > Fireworks画Rss icon

Fireworks画Rss icon

一个朋友学习Fireworks,问如何制作一个RSS的图标。于是给他做了个例子。

最终效果如下
http://farm1.static.flickr.com/169/426556213_551be08899_o.jpg

1、选择矢量工具中的“圆角矩形”工具,画一个150px×150px的矩形。调整角度手柄到合适。
http://farm1.static.flickr.com/154/426538386_431bf0225f_o.jpg

2、对矩形进行垂直线性渐变。数值如图。
http://farm1.static.flickr.com/186/426538390_c534d74d0f_o.jpg

3、复制并原位粘贴一个矩形,选择实心填充,选择白色并调整透明度到如图效果。将其平面化,然后利用选区工具删除下面一半。
http://farm1.static.flickr.com/179/426538392_9a8a471a70_o.jpg

4、再复制一个矩形,填充为空,边框为1px的白色。
http://farm1.static.flickr.com/174/426538393_6457743924_o.jpg

5、将1px边框矩形平面化,然后选择选区工具,调整羽化值为60,分别对上下进行删除,制作高光效果。此时可将背景调整为黑色利于调试。
http://farm1.static.flickr.com/182/426538394_e9a3343872_o.jpg

6、复制一个矩形,将尺寸改为152px*152px,并将其图层放到最下面。(可利用快捷键,ctrl+shift+下)
http://farm1.static.flickr.com/181/426538396_2586cc6a81_o.jpg

7、制作rss标志部分,分别画一个圆和两个圆环,大小如图。并使三个圆中心对齐。
http://farm1.static.flickr.com/149/426541507_57c837439b_o.jpg

8、拉动调整圆环手柄,得到四分之一圆环效果。
http://farm1.static.flickr.com/163/426541510_eb50c94dbc_o.jpg

9、选择三个圆,进行内部发光,数值如图。
http://farm1.static.flickr.com/167/426541513_d5422e710a_o.jpg

10、全选将所有图层组合,画一个高度为3的椭圆,黑色并羽化2个像素。将层调整到最底部。
http://farm1.static.flickr.com/165/426541517_a413d43b08_o.jpg

11、选择上面组合图层,复制一个并平面化,将其垂直翻转。
http://farm1.static.flickr.com/184/426541520_5937d2aeea_o.jpg

12、选择椭圆形选区工具,调整羽化值为80,进行羽化过渡效果。最后将其透明度调整到70。
http://farm1.static.flickr.com/169/426556213_551be08899_o.jpg

最后你可以对最终效果进行细微调整。
源文件地址:http://www.5key.net/demo/rss/rss.png

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>