教你制作专业的网页按钮

　　Agama Web Buttons是一款制作专业网页按钮的软件，图1是它的主界面。可以看到在软件界面的左侧，有很多网页按钮模板，有的模板右侧有锁子样的符号，这些模板是打不开的，必须是注册用户才可以使用。

图1

　　单击左侧的模板，右侧就可以显示出这个模板中包含的按钮，点击“XP Buttons-style3”，右侧就会出现XP样式的各种按钮（如图2）。


图2

　　下面我们就以“XP Buttons-style3”模板为例，制作一款属于自己的网页按钮。

　　软件界面右侧有不少XP样式的按钮，选择一款较为美观的“Template11”，双击它，这时弹出对话框“Create my button or menu”（创建我的按钮或菜单）（如图3）。


图3

　　可以看到这个对话框有四个选项卡，分别是“Size and color”（大小和颜色），“Your text”（你的文字），“Symbol picture”（符号图片），“Menu”（菜单）。下面我们来设置这些选项，以便制作出属于自己的个性网页按钮。

  

　　1 “Size and color”（大小和颜色）

　　这个选项卡如图4所示，它可以分为两个部分，选项卡的上半部分用于设置按钮，下半部分即“Your final button”（你最后的按钮）用于展示按钮的最终效果。


图4

　　如图5，先设置“Button size”（按钮大小），在“Width”（宽度）下输入数字，或者按下数字右边的按钮快速设置数字。用相同的方法设定“Height”（高度）值。这样一样，按钮的大小将会发生改变，在“Your final button”下即可看到修改后的效果。如果选中“Keep aspect ratio”，（保持外观比率），按钮高度和宽度比值会相同而不发生改变。在这里我们把宽度值设置为80，高度值设置为25。


图5

　　如图6和7，分别是“Color-Base button”(基本按钮颜色)和“Color-Mouse over button”（鼠标移动至按钮颜色），鼠标在按钮以外和移动至其上方的颜色是不同的，在这里我们可以对它们的颜色进行设置。包括“Brightnest&Contrast”（亮度和对比度）。


图6

图7

　　另外这个选项卡提供了“Transparent”（透明）选项。

上一页  [1] [2] [3] 下一页  

　　2 “Your text”（你的文字）

　　如图8，和上一个选项卡一样，这个选项卡也是分成两部分的，上半部分用于设置字体的大小，颜色，下半部分用于展示设置过的按钮效果。


图8

　　在“Base button”（基本按钮）下的“Your text”（你的文字）中，我们可以输入自己想要的在按钮上的文字，在这里我们输入“SOFT”，在下方我们还可以设置“Font”（字体）和“Font color”（字体颜色），点击“Advanced”（高级）按钮，可以设置宽度和高度不等的字体。最终设置好的按钮如图9所示。


图9

　　“Symbol picture”（符号图片）和“Menu”（菜单）对于按钮的制作作用不大，大家可以尝试着使用它们，在这里不再介绍。

　　下面就该输出这个按钮了，点击“Export my button”（输出我的按钮），弹出“Export wizard”（输出向导）对话框，在“Picture file format”（图片文件格式）中我们可以选择输出“GIF，PNG，JPEG”等图片格式，然后点击“Next”（下一步），选择好输出文件的路径，最后点击“Save now”（现在保存）保存按钮。

　　这款软件共提供了十多个按钮模板，其余的模板需要注册后才能使用，用这款软件可以在短时间内输出高质量的网页按钮。

　　软件下载地址：http://dl1.it168.com/0126/IT168.com-35093awbsetup.exe。

上一页  [1] [2] [3]