| 本月文章推荐 |
无缝背景图制作之一发表日期：2005-7-2
|
|
|
通常我们在制作网页的时候，会使用一些现成的小图片平铺的方法来作为网页的背景图，但是如果我们想要制作自己的背景效果图片的话，如何才能达到构成背景图的各个小图片之间的的无缝拼接呢？想一想可能是很简单的事请，但是做起来就不是那么容易的事情了，好了，下面我们一起来看看制作的步骤。
本节我们要学习的，就是制作一个六边形的图片，然后通过处理将六边形的图片作为无缝背景平铺的背景图片，大家可以试验采用其他的效果图来作为无缝背景平铺的背景图片。 1、打开FW，新建一个文件，文件的大小为50*50像素，背景色为白色。[注意]一般来说，背景图片都是比较小的，我们这里采用50*50像素大小的目的是，希望制作的演示步骤能够清楚些。 2、选取工具箱的多边形绘制工具
3、设定完毕，我们就可以绘制出一个六边形了，记得绘制的同时配合Shift键，这样我们就可以绘制出一个等边六边形。绘制的时候，请注意鼠标的拖动方向及其范围，通过鼠标拖动可以调整绘制出的六边形的位置、方向、大小等，请大家绘制时参考下图所示：
4、此刻六边形的大小可能与编辑区的大小不符合，我们可以使用缩放工具
5、将六边形拖放编辑区的中心，如下图所示：
6、呵呵，忙了半天，好像还没有给六边形填充颜色呢，这里我给它填充的是白色，描边色的具体设定请看下图所示：
7、经过以上设定后，此刻编辑区的对象如下图所示：
8、选定六边形对象，复制它，然后使用快捷键“Ctrl+N”，新建一个文件，新建文件的宽和高的大小会自动符合复制图形的大小，此刻我们需要对新建文件的大小进行一下调整，将宽由默认的39像素变为78，高由45像素变为90像素，也就是说都调整为原来的2倍大小，如下图所示：
9、将六边形对象粘贴到新建文件的编辑区，并且对它的位置进行调整，使其基本上位于编辑区的中心即可，如下图所示：
10、然后再次复制一个六边形对象，对其位置进行调整，使其右上侧的边和位于中心的六边形的坐下侧的边达到重合，具体的调整如下图所示：
11、再次复制5个新的六边形对象，然后分别围绕位于中心六边形的其余5个边进行摆放，注意相交的边一定要重合，请参考下图所示进行位置的调整：
[ ] 200% 视图下进行位置的调整
12、关键的一步到了，首先我们选定位于编辑区中心的六边形对象，然后打开Info面板，纪录一下该对象的各项参数大小，如下图所示：
13、选取工具箱的切割工具
14、双击切割选区的边缘，即可自动的将编辑区进行切割操作，而且编辑区仅仅留下我们选定的图形对象，如下图所示：
15、好了，作为无缝背景拼接图的图形已经出现了，输出、保存它，测试一下吧？怎么测试？看看效果吧（如下面的表格背景）！ |
|
| 上一篇：无缝背景图制作之二
人气:9864 下一篇：一款立体字的制作 人气:10932 |
|
| 浏览全部Fireworks的内容
Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐 |
，因为我们需要绘制一个六边形，所以现在我们打开Options面板，进行相关设定如下图所示：
对其进行大小的调整，使其大小和编辑区基本相符即可，如下图所示：
，在编辑区拖动鼠标，此刻会出现切割选区，同样，还是打开Info面板，按照我们刚刚纪录的位于中心的六边形的各项参数的大小，再次输入相同的各项参数，这样我们就可以轻松的定义切割选区的大小、位置了，请看下图已经定义好的切割选区： 
