首页 > 软件应用 > 用Fireworks制作圆角图片

用Fireworks制作圆角图片

话说Fireworks装在电脑里N久,而我至今还没学过多少实质性的技术。电脑里的Photoshop也如此,基本处于闲置状态。我平时还是习惯用FW编辑简单的图片,比如打个水印什么的,还有尝试过用FW制作网页,折腾了很久,发现做出来的网页也不至于太难看。

今天讲的这个图片圆角制作方法是以前我在网上看到的。具体在哪也忘了。当时是为制作博客顶部header图片的圆角效果,特意在网上找的相关教程。找到后自己折腾了一番,搞定了。虽然我的处理比较粗糙。

昨天趁断电时间截了一些图片,写下一个简单的教程。供和我一样的新手朋友参考。我的FW版本是CS5的绿色精简版本,我用过FW8.0,方法是一样的。

一、这是我用作例子的图片和我的FW

fw_yj01

二、首先选择矩形中的圆角矩形

fw_yj02

三、画一个和你要编辑的图片大小相同的圆角矩形,圆角参数可以自己调整。

fw_yj03

四、按CTR+A组合键全选,点修改–蒙版–组合为蒙版

fw_yj04

五、这是组合后的效果。我圆角部分现实透明了。

fw_yj05

六、点文件–图像预览–进行导出设置

fw_yj06

七、一般选择GIF动态图片。选择Alpha透明,然后导出。

fw_yj07

这个是导出后的效果,GIF格式的。缩小后貌似有锯齿。

fw_yjok

通过以上方法导出的图片采用的是Alpha透明,听说在IE6下无效,因为电脑上没有IE6所以我不太了解。不过你可以根据网页颜色设置同样的颜色。如下:

比如我的网页是绿色,那么我选择绿色的颜色,这样在网页中的效果也是圆角了。我的博客header图片就是用这种方法的。要知道背景的准确颜色可以使用颜色拾取软件,我以前写过的《用颜色拾取器获取你需要的颜色 》一文提过相应的软件。貌似PS等软件也可以,但我没试过,不了解。

fw_yj08

下图是jpg格式的,就是采用这个方法,适合我的网页背景。

fw_yjok1

想小小DIY图片圆角的朋友可以试试这个方法,很简单,很容易学会。

附Fireworks CS5绿色简体中文版下载网址:http://www.itopdog.cn/index.php/design/1818.html

丢失20号晚上8点30分至21号早上的几条评论,无法重新导入了。






分类: 软件应用 标签: , ,
  1. 2010年6月28日19:56 | #1

    弱弱地提个醒……文章开头的,photoshop,有spell mistake。。。

    [回复]

    朵未 回复: Firefox 3.6.4 Firefox 3.6.4 Windows XP Windows XP

    多谢提醒~~你看的真仔细。 :smile:

    [回复]

  2. 2010年6月25日17:35 | #2

    继续努力学习

    [回复]

  3. 2010年6月20日17:54 | #3

    圆圆的很有爱,偶用ps做过不过没有朵未的做的好看 :neutral:

    [回复]

    朵未 回复: Maxthon 3.0.11.8 Maxthon 3.0.11.8 Windows XP Windows XP

    过奖了。我做的不好。只会简单的。 :smile:

    [回复]

评论分页
1 2 3 4 1486
  1. 本文目前尚无任何 trackbacks 和 pingbacks.

订阅评论  Ctrl+Y 启动搜狗云输入法

无觅相关文章插件,快速提升流量