页面数据加载中...
 
2008-7-4 20:58:00
用Fireworks制作圆角样式教程

  发现很多博客上都流行使用圆角样式的图片,也研究了一下,实现的办法有很多,但都大同小异,一种方法是通过修改自身博客程序的样式文件加边框实现,这在以前的日志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.大功告成。

发表评论:

    大名:
    密码:
    主页:
    标题:
    页面数据加载中...
时间记忆
页面数据加载中...
 
日志分类
页面数据加载中...
阿里妈妈  点击更精彩
 
最新日志
页面数据加载中...
最新回复
页面数据加载中...
最新留言
页面数据加载中...
即时聊天
 

 
晴雨在线
博客信息
页面数据加载中...
登录
友情链接
 
联系邮箱:sophia0907521@163.com, Powered By oblog and Templeted By mingyang, 署名-非商业用途-保持一致, Copyright © 2008 明扬博客-版权所有