用Fireworks制作圆角图片
话说Fireworks装在电脑里N久，而我至今还没学过多少实质性的技术。电脑里的Photoshop也如此，基本处于闲置状态。我平时还是习惯用FW编辑简单的图片，比如打个水印什么的，还有尝试过用FW制作网页，折腾了很久，发现做出来的网页也不至于太难看。
今天讲的这个图片圆角制作方法是以前我在网上看到的。具体在哪也忘了。当时是为制作博客顶部header图片的圆角效果，特意在网上找的相关教程。找到后自己折腾了一番，搞定了。虽然我的处理比较粗糙。
昨天趁断电时间截了一些图片，写下一个简单的教程。供和我一样的新手朋友参考。我的FW版本是CS5的绿色精简版本，我用过FW8.0，方法是一样的。
一、这是我用作例子的图片和我的FW
二、首先选择矩形中的圆角矩形
三、画一个和你要编辑的图片大小相同的圆角矩形，圆角参数可以自己调整。
四、按CTR+A组合键全选，点修改–蒙版–组合为蒙版
五、这是组合后的效果。我圆角部分现实透明了。
六、点文件–图像预览–进行导出设置
七、一般选择GIF动态图片。选择Alpha透明，然后导出。
这个是导出后的效果，GIF格式的。缩小后貌似有锯齿。
通过以上方法导出的图片采用的是Alpha透明，听说在IE6下无效，因为电脑上没有IE6所以我不太了解。不过你可以根据网页颜色设置同样的颜色。如下：
比如我的网页是绿色，那么我选择绿色的颜色，这样在网页中的效果也是圆角了。我的博客header图片就是用这种方法的。要知道背景的准确颜色可以使用颜色拾取软件，我以前写过的《用颜色拾取器获取你需要的颜色 》一文提过相应的软件。貌似PS等软件也可以，但我没试过，不了解。
下图是jpg格式的，就是采用这个方法，适合我的网页背景。
想小小DIY图片圆角的朋友可以试试这个方法，很简单，很容易学会。
附Fireworks CS5绿色简体中文版下载网址：http://www.itopdog.cn/index.php/design/1818.html
丢失20号晚上8点30分至21号早上的几条评论，无法重新导入了。
感谢分享。我听说过FW，但是没有用过。一般制图都是用ps 的说
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 9:42 下午
是啊。但如果网页设计FW有其优势。
[回复]
我连PS都用不熟
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 9:42 下午
我PS一窍不通。FW还懂一点。
[回复]
学习了，很少用FW
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 9:41 下午
大多数人都是用PS。俺落后了，用FW。
[回复]
我前两天刚学会用PS做圆角，也是学CSS被迫顺手学的。
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 9:41 下午
呵呵，学学也好啊，我现在是没那个精力。
[回复]
我一般都是使用现成的工具！哈哈
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 4:37 下午
呵呵，你用的是什么工具啊？
[回复]
houkai 回复:
TheWorld Browser 
Windows 7 x64 Edition
6月 20th, 2010 at 3:01 下午
还有在线的圆角功能呢
[回复]
houkai 回复:
TheWorld Browser 
Windows 7 x64 Edition
6月 20th, 2010 at 3:02 下午
还有在线的圆角工具呢
）
（更正错字
[回复]
我终于又学到了一招
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 4:30 下午
只有一点小作用啊。
[回复]
我没用过fireworks，不知道和PS有什么区别
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 3:52 下午
我感觉比较像。但FW是偏向网页设计的。网页三剑客之一嘛。
[回复]
现在很多浏览器都支持CSS圆角了~
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 3:51 下午
是啊。用window live write写的时候就可以用图片圆角效果。IE6暂时还挂不掉，比较折腾人。
[回复]
你们怎么这么有速度啊。。。不过我什么也不会啊，，真是悲哀！
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 3:30 下午
哪里哪里。你很厉害啊。
[回复]
受教拉，哈哈，下次搞图片的时候放在主题中可以用的着，话说朵未大几了
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 3:29 下午
大三了。
一想到就心事重重。 
[回复]
我是一只小小小菜鸟，不懂FW和PS
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 3:10 下午
万大哥谦虚了吧。
你都会做主题怎么还说小小菜鸟。那俺就不敢叫自己菜鸟了。叫菜头吧。 
[回复]
lulu 回复:
Google Chrome 5.0.375.70 
Windows XP
6月 18th, 2010 at 3:22 下午
哈哈，，菜头、、我很喜欢吃的！
[回复]
集思 回复:
Firefox 3.6.3 
Windows XP
6月 18th, 2010 at 5:14 下午
太谦虚了，万兄不会是用CSS做圆角习惯了，不会用PS和FW了吧
[回复]
我记得我以前介绍过一个在线生成圆角图片的网站，roundpic.com，不过功能没有本地处理强悍
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 3:09 下午
在线的我没试过，还是喜欢用软件，毕竟更实在。
[回复]
自从开始了PS后就很少用fireworks。
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 3:08 下午
我发现FW在做网页方面很好。在网页方面的图片貌似有优势。不然也不会称为网页三剑客之一了。
[回复]
呵呵，这个很好用
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 3:08 下午
这是个很简单的方法。网上同类教程应该不少。
[回复]
悲剧，我超级不喜欢圆角，特别是网页上CSS特效的圆角，看不出那里好看。
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 3:07 下午
呵呵，这个个人喜欢嘛。我感觉还好。
[回复]
用photoshop的话就想学习一下。
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 3:07 下午
我在这方面都是菜鸟啊，用ps还不知道怎么搞。以后还要多学学。
[回复]
二天好好学习一下。
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 2:04 下午
这个很容易的。FW低版本也差不多。
[回复]
汗，还是你快。
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 2:04 下午
小松一向都低调抢沙发的。
[回复]
我用ps会做的，这个fw没用过~
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 1:56 下午
我PS不会，FW懂一点。谷歌秒收我的日志，百度不爱我。
[回复]
呵呵，我来也~
[回复]
朵未 回复:
Firefox 3.6.4 
Windows XP
6月 18th, 2010 at 1:56 下午
嘿嘿，真有速度。
[回复]