免费资源部落

很多人想设计一个属于自己的网页按钮，但是要想设计网页不仅需要专业的设计软件方面的知识，而且还需要一定的图像制作基础。大多数人可能会在高难度的图像制作专业知识面前打起了退堂鼓吧！！

不过，现在你不妨试试免费资源部落介绍的Da Button Factory网站提供的免费在线制作网页按钮服务，你不需要专业的知识，也不需要特别的设计技能，你只需要在网站在线操作，从网站提供的素材来进行编辑，就可以自动生成漂亮的网页按钮了。

如何使用Da Button Factory在线制作网页按钮？

1、首先打开网站：http://dabuttonfactory.com

2、进入网站，你就可以开始自定义按钮，不需要下载任何程序，直接在线操作。点击“editor”按钮，就可以进入编辑界面了。

3、输入你设计网页按钮的文字。在"Text"旁边的输入你要使用在按钮上的文字，输入后效果会立刻在右边看到，比较不错的是Da Button Factory支持中文，例如输入免费资源部落或者freehao123等。如下图。

4、下面的"Font"的下拉菜单你可以选择按钮字体，另外如果你输入的是中文的话一定要选择“zenhei”,否则字体会显示不正常的。

"Bold？"是可以让字体粗体显示，"Italic？"是可以让文字以斜体显示。 "Size"可以设置文字的大小，另外你也可以直接在输入框中输入你想要的大小。 不过，该功能不支持中文。

"Color"是设置字体颜色，"Text shadow"是文字阴影，"Distance"用于调整阴影与文字的距离。

5、选择网页按钮样式和背景。在右边的"Button type"中有三种样式可以选择， 矩形（rectangular box）、圆角矩形（rounded box）和圆形（round box）。Comers radius输入数值决定圆角的大小，数值越小，越接近矩形（rectangular box）；数值越大，越接近圆形（round box）。这个你可以依据你的设计需要来决定。

backgroup可以设置背景颜色。背景颜色有四种模式：单色（unicolor）、双色（two colors）、单向渐变（gradient）和双向渐变（pyramid），不同的选项会得出不同的选择渐变模式。

Border？用来设置边框的，Shadow可以设定阴影的大小、颜色、以及方向，方法同上。如下图：

Size是设置按钮的大小，共有两种模式fixed和variable，可以对水平／宽度和垂直／高度的数值进行修改。

6、所有的设置完成后，你就可以将你自己制作网页按钮输出了。Output type共有两种输出选项：Image 和CSS background。

选择image选项后，你可以在Image format选择你要输出的图片格式。有png、gif、jpeg。然后在右侧点击“download”就可以将网页按钮以图片的形式下载到本地了。

选择CSS background的话，依然在Image format选择你输出和格式，在右侧就会自动生成网页按钮代码。现在你只要将这段css代码复制粘贴到你的个人博客或者个人空间上，就可以显示出自己制作的个性化的网页按钮了。

下面是免费资源部落制作网页按钮代码演示：

7、当然，你也可以点击网站导航栏上的“examples”直接从Da Button Factory网站提供的网页按钮素材中选择按钮样式，然后进行编辑，加快你的制作网页的速度。方法如下：

点击“examples”按钮，找到自己喜欢的网页按钮样式，然后点击“edit this button”，进入按钮的编辑页面了。

在这里你只要将文字换成你自己想要的文字，然后将颜色和大小高速为适合你的网站的样式就可以了。依然按照上面的方法，就可以将制作好的网页按钮下载到本地，或者将代码放在网站和博客就会显示出来了。

下面是免费资源部落制作的网页按钮图片演示：

链接网址：http://dabuttonfactory.com

文章出自：免费资源部落 www.freehao123.com  转载请注明出处.