Fireworks圆角按钮的制作方法总汇
2007-04-14 08:54:57 来源:WEB开发网4、切割操作完成,使用点选工具,分别单击辅助线两侧的圆形对象部分,我们可以发现,圆形对象已经被切割成两个半圆了,如下图所示:
5、选定左侧的半圆,向左拖动,也可以使用键盘的方向键移动它到合适位置,如下图:
6、同样,将右侧的半圆,向右拖动到合适位置,然后,从左侧标尺栏拖出链条辅助线,分别放置在两个半圆的垂直直径处,如下图所示:
7、这样,辅助线现在已经形成了一个矩形框,和第一种方法的第7步的操作相同,在该矩形框内画出一个矩形,如下图所示:
8、现在可以将辅助线移除了,选定编辑区的所有对象,同样还是执行菜单命令“Mofify--Combine--Union”,这样就将三个路径对象联合成一个路径对象了,如下图所示:
[注意:这里我们可以使用“Modify--Join”命令,但是如果你细心观察的话,还是会发现执行该命令和Union命令的区别的,不妨自行试验一下。]
9、圆角按钮已经出现,后面的步骤不再赘述。
[第三种方案:最简单最有力的方案]1、选取工具箱的圆角矩形绘制工具,在编辑区绘制一个圆角矩形。2、选定圆角矩形对象,打开Object面板,调节Roundness数值大小,如果需要出现如上面两种方法产生的圆角矩形的话,将圆角数值的大小调节成100(最大值)即可,编辑区的对象是不是已经发生变化了?
[技巧:]使用圆角矩形工具在编辑区进行绘制的同时,配合使用键盘上的向上方向键就可以轻松的实现增大圆角大小,如果使用向下的方向键,就会在绘制的同时减小圆角数值的大小。大家可以试验一下!
[补充声明:]直到最后,才把最简单的方法告诉大家,不知道大家是不是有些恼怒,不过在这里想提醒各位一句,希望通过本篇教程的学习,各位能够多掌握一些解决同一个问题的几种思路、几种方法~~如果你认为这些没有必要的话,那我只能表示遗憾了~~;)
下节,我们会使用我们制作的圆角矩形按钮图形来制作一个真正的动态的按钮效果,请关注< 接触效果按钮的制作 >!
更多精彩
赞助商链接