打印

[效果制作] Fireworks画Rss icon

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

最终效果如下


1、选择矢量工具中的“圆角矩形”工具,画一个150px×150px的矩形。调整角度手柄到合适。


2、对矩形进行垂直线性渐变。数值如图。


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


4、再复制一个矩形,填充为空,边框为1px的白色。


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


6、复制一个矩形,将尺寸改为152px*152px,并将其图层放到最下面。(可利用快捷键,ctrl+shift+下)


7、制作rss标志部分,分别画一个圆和两个圆环,大小如图。并使三个圆中心对齐。


8、拉动调整圆环手柄,得到四分之一圆环效果。


9、选择三个圆,进行内部发光,数值如图。


10、全选将所有图层组合,画一个高度为3的椭圆,黑色并羽化2个像素。将层调整到最底部。


11、选择上面组合图层,复制一个并平面化,将其垂直翻转。


12、选择椭圆形选区工具,调整羽化值为80,进行羽化过渡效果。最后将其透明度调整到70。


最后你可以对最终效果进行细微调整。
源文件:





已经将教程图片和源文件上传至经典服务器——凌志留



[ 本帖最后由 dowhatyouwant 于 2007-3-19 20:31 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • 凌志 威望 +2 精品文章 2007-3-19 19:20
好文章,又让我懂得了一些新的方法 :)
不错,好

[ 本帖最后由 sq4537 于 2007-3-20 00:39 编辑 ]
博客:才子打造计划     AD:单机游戏下载

TOP

认证您的手机,获得手机认证图标, 更多手机认证的好处
感觉做出来的达不到楼主的效果````
还是做不出来这个效果

TOP

不错!很详细.交作业..
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
学无止境。

TOP

步骤看不懂...

不过也做了个
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
CMS帮助中心:http://www.kuiop.com

TOP

恩恩
  效果好漂亮
谢谢楼主~``

TOP

效果不错!支持!

TOP

交作业了.感觉不是很好
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!

TOP

这个效果不错.

TOP

不错,有学到东东了

TOP

学习,在学习,天天都在做
不要爱上哥,哥只是个传说

TOP

我是FW菜,看了这么好的实例后,有几个问题,想问清,
1,例中多次用到平面化,平面化后的作用是什么?
2,第3步中,如何用"选区工具删除下面一半",请作者能说详细些,谢
引用:
3、复制并原位粘贴一个矩形,选择实心填充,选择白色并调整透明度到如图效果。将其平面化,然后利用选区工具删除下面一半。

TOP

在没有平面化所选之前,它还是由多个元素组合在一起,或者它还是一个矢量图。要对其进行删除修改,就必须将他转换为位图。平面化所选就是将其变为位图。

TOP

我技术还差啊。。。

TOP

效果很漂亮   学习...
....

TOP

不错。。。学习了。
我一直哭一直哭,哭我没鞋穿。直到有一天我看到一个人,他连脚也没有……

TOP

谢谢楼主,又学到了点技巧

TOP

练习做了一个。。。

附PNG源图。
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
我一直哭一直哭,哭我没鞋穿。直到有一天我看到一个人,他连脚也没有……

TOP

怎样平面化啊?

怎样平面化啊?谢谢..

TOP

楼上的。
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
我一直哭一直哭,哭我没鞋穿。直到有一天我看到一个人,他连脚也没有……

TOP

十分感谢!!!

十分感谢!!!

TOP

拉动调整圆环手柄,得到四分之一圆环效果。

请问这一个怎么实现的?谢谢!

圆环是怎样得到的?

[ 本帖最后由 szolin 于 2007-3-23 13:47 编辑 ]
澈..

TOP

不错不错,经典教学,值得学习~~~

TOP

经典教学,值得学习.不错

TOP

有朋友问,画圆环.怎么画...

借楼主的贴,我就随便贴一下了...呵呵,,楼主,不好意思呀...
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
我一直哭一直哭,哭我没鞋穿。直到有一天我看到一个人,他连脚也没有……

TOP

引用:
原帖由 一滩死水 于 2007-3-23 18:26 发表
有朋友问,画圆环.怎么画...

借楼主的贴,我就随便贴一下了...呵呵,,楼主,不好意思呀...
很是感谢这位大哥,谢谢~我也来交作业了。
澈..

TOP

交一个,做得不像
呵呵
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!

TOP

非常不错!很喜欢这种效果

TOP