WEB开发网
开发学院图形图像Fireworks Fireworks圆角按钮的制作方法总汇 阅读

Fireworks圆角按钮的制作方法总汇

 2007-04-14 08:54:57 来源:WEB开发网   
核心提示:首先来看下面的示范按纽图片:本节教程计划用三种方法来和大家一起学习这种圆角按钮的制作方法,希望大家可以从三种方法中分别学习到一些东西,Fireworks圆角按钮的制作方法总汇,第一种方案:[常规性方案]1、打开FW,新建一个文件,选定克隆对象,向右拖动它,文件的大小、背景色自定义,2、开始具体制作之前

首先来看下面的示范按纽图片:

本节教程计划用三种方法来和大家一起学习这种圆角按钮的制作方法,希望大家可以从三种方法中分别学习到一些东西。

第一种方案:[常规性方案]

1、打开FW,新建一个文件,文件的大小、背景色自定义。

2、开始具体制作之前,先执行菜单命令“View--Guides--Edit Guides”,在弹出的对话框中进行设定:将Show Guides(显示辅助线)和 Snap to Guides(吸附到辅助线)前面的对勾选中,点击OK即可,具体设定如下图所示:

[注意:辅助线对后面的操作起着很大的作用,所以最好还是先看看这里的设定]

3、从上侧标尺栏拖出两条水平的辅助线,两条辅助线之间的距离大小就是我们要制作的圆角按钮的高度大小,如下图:

[注意:如果标尺栏不可见的话,可以执行菜单命令“View--Rulers”即可将标尺栏设为可见]

  

4、选取工具箱的椭圆绘制工具,配合Shift键,在两条辅助线中间绘制出一个圆形,圆形的直径大小和两条辅助线之间的距离大小要相等。选定绘制的圆形,执行快捷键操作“Ctrl+Shift+D”(相应菜单命令为“Edit--Clone”),这样就原地Clone(克隆)了一个圆形对象,选定克隆对象,向右拖动它,或者使用键盘上的向右的方向键向右拖动该克隆对象,调整后的两个圆形对象如下图所示:

1 2 3 4  下一页

Tags:Fireworks 圆角 按钮

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接