您当前的位置:JZ5U绿色下载站文章中心设计学院Photoshop → 文章内容
  • 网页按钮制作工具--Button Magic

软件特点

该软件是一款非常酷的图形设计工具,侧重网页按钮、图标制作,含非常多原素材和纹理,轻松做出很酷的按钮。还特别为制作按钮的各种状态做效果,甚至连随时截图功能都包含进去了。使用简便,可以在数秒内,将自己的网站所需按钮做好。大家只需制作一个按钮,然后选用模板,就可以输出大量需要的按钮。可以添加斜面和阴影效果。该软件支持BMP、JPG和GIF等图象格式。

按钮制作

按照常规方法安装完该软件后,开始菜单的程序组中将自动出现Button Magic的快捷运行图标,用鼠标单击该图标后,就能进入到如图1所示的主界面中了。


图1

该界面给人的感觉是简洁直观,界面主要有General、Text、Bevel以及Button Image几个页面组成;在这里笔者就详细介绍一些制作网页按钮的操作步骤:

1、输入尺寸大小

用鼠标单击General标签,在这个标签页面中,大家可以对要制作的网页按钮,进行一些属性参数的相关设置。在该页面的Width、Height设置框中,大家可以输入所要制作的网页按钮的尺寸大小,比方说,笔者在这里就使用程序默认的尺寸大小,也就是说将按钮的尺寸宽度设置为150像素,高度设置为50像素;

2、选择按钮背景

Button Magic3.10程序为设计者们提供了三种背景类型,一种是简单型的,它可以以颜色作为按钮的背景底色,一种是渐变型的,它可以以颜色的渐变效果作为背景,还有一种就是图象型的,这种类型是以现成的图象作为按钮的背景,选择不同的类型,程序就会出现不同的参数设置。在这里笔者选择“Backgroun type”设置栏处的Gradient选项,这样程序就自动弹出了“Start color”(起始颜色)、“End color”(结束颜色)以及“Type”(渐变效果)三个参数设置项,笔者在“Start color”处选择了clwhite,在“End color”处选择了clblue,在“Type”处选择了Horizontal(水平方向上的渐进);

3、输入按钮文本

单击主操作界面中的Text标签,在这个标签页面中,大家可以定制网页按钮上的文本文字。在Button Text文本输入框中输入所要的文本文字,例如笔者在这里输入了“网页按钮”这几个按钮文字,如图2所示;


图2

4、调整文本属性

输入文本后,大家可以通过Text标签页面中的其他设置项来调整文本属性,以使得按钮文本与网页的整体布局相协调。在Text Color设置栏处大家可以为文本选择合适的文字颜色,这里笔者选择了clred(红色),如果要设置文字的字体或者其他属性的话,只要单击该标签页面中的font按钮,就可以打开一个字体属性设置框,在这个设置框里,大家可以对文字的字型、字号、样式、效果等参数进行任意设置;另外,如果大家选中了该标签页面中的“Use text shadow”复选框的话,就可以对按钮中的文字进行阴影效果的设定,包括对阴影底色、阴影深度等参数的设置,大家只要调整Shadow Spacing内的数值就可以方便地改变阴影与文字的距离;此外,该页面右侧提供的Select Font和Text Alignment按钮能让大家简便快捷地设定按钮文字的字体与文字在按钮的位置方式;

5、设置按钮四周的颜色

用鼠标单击主界面中的Button Bevel标签的话,大家就能看到一个如图3所示的设置界面;


图3

选中该标签页面中的Use Bevel前的复选框,就可以快速地设置好按钮四周的颜色;如果按下Top color右侧的按钮就可以设定按钮左侧与上方的颜色,按下Button color右侧的按钮就可以设定按钮右侧与下方的颜色,按下Bevel Width右侧的按钮就可以设定按钮倒角的宽度。本例中,笔者给按钮左侧与上方的颜色设置为clAqua,给按钮右侧与下方的颜色也设置为clAqua,给按钮倒角的宽度设置为2像素;

6、保存按钮文件

设置好上面的所有参数后,用鼠标依次单击主菜单中的“File”/“Export Button/”命令,在随后打开的文件选择对话框中,设置好存放按钮的文件名称以及保存文件的具体位置,程序可以支持BMP、JPG和GIF等图象格式;

7、批量制作按钮

按照上面第1-5步进行操作,只是在步骤3中不要在输入框内输入按钮文字;然后执行主菜单中的“File”/“Export Multiple/”命令,在随后打开的对话框中(如图4所示),


图4

大家可以设定文件保存的格式,并键入该组按钮的存放路径,最后在Button Captions设置框处输入按钮各个按钮的文字,然后单击“Export”按钮来完成整个按钮制作工作。


  • 作者:互联网  来源:本站整理  发布时间:2005-08-20 22:39:53


------------------------------- · 相关文档浏览 · --------------------------------------------------------------------- · 热门文档浏览 · -------------------------------------