发现很多博客上都流行使用圆角样式的图片,也研究了一下,实现的办法有很多,但都大同小异,一种方法是通过修改自身博客程序的样式文件加边框实现,这在以前的日志PJBLOG修改、添加、更新记录第44项中也有介绍过;另一种方法就是直接制作圆角图片了,搜寻了一下,选择了自己比较熟悉的Fireworks MX,发现有两种不同的方法制作,具体如下:
第一种方法:
01.启动 Macromedia Fireworks,编辑我们要处理的普通矩形图片,获取图片大小数据,假设我们这里的样图的宽为500、高为80; 02.点击“文件”——“新建”,创建一个新文件,在跳出来的对话框里修改参数,将刚才获得的普通矩形图片的数据(宽:500、高:80)填入相应区域,并在“画布颜色”的选择上勾选“透明”; 03.在工具栏的“矢量”区域,选择“圆角矩形”; 04.然后在图片编辑界面拉一个圆角矩形,接着到编辑界面下方的“属性”修改圆角矩形的属性。将宽填写为500,高为80,X和Y均为0,“填充类别”选择“无”,在“描边颜色”选择区域选择“黑色”; 05.返回到“普通矩形图片”的编辑界面,在图片处鼠标右击选择“编辑”——“复制”; 06.返回到“新建的圆角矩形图片”的编辑界面,用鼠标点中“圆角矩形图片”,然后鼠标右击,“编辑”——“粘贴于内部”; 07.粘贴成功后,大体上就大功告成了,用鼠标点击图片之后,在图片的四周回出现黄色的小点; 08.用鼠标点击这些小点,并进行移动,可以调整圆角的大小; 09.最后在操作界面右边的“优化”一栏中进行选择,图片格式选择GIF,然后在该面板的最后一项中选择“Alpha透明色”,这样导出来的图片背景色就为透明色了,如果选择了JPEG格式,则最终导出的图片背景色为白色! 10.大功告成。
第二种方法:
01.打开一个图片; 02.使用圆角矩形工具在画布上画一个圆角矩形,在属性检查器上,输入它的大小,大小和上图的大小一样。选中上图就可以知道它的大小; 03.调整圆角矩形的填充颜色为白色。把圆角矩形和实例中的“花”图片完全重合; 04.在层面板中,选中这两个图片,如果只有这两个图片,可以按CTRL+A全选。选择菜单中的“蒙版”/“组合为蒙版”; 05.如果要输出有透明背景的图片,必须选择GIF或者PNG格式,PNG对照片级图片支持更好。这里选择GIF,Alpha透明; 06.大功告成。 |