当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 无缝背景图制作之一

FireWorks
Fireworks MX 2004特效字系列教程:水粉文字特效制作
铬金图形效果制作
Fireworks MX 2004移除照片红眼
Fireworks制作破壳而出的美女
Fireworks MX 2004制作巧克力按钮
虚线的制作
圆角三角形的制作
动画小时钟
金属效果
圆形文字的环绕制作
自动颜色变换
Loading动画的制作
彩色线条的填充
用MASK做动画
卫星转动效果
空间环绕
使用热区和切割(Hotspots and Slices)(上)
使用热区和切割(Hotspots and Slices)
Fireworks4.0的新特性
Fireworks中邮票效果的制作

FireWorks 中的 无缝背景图制作之一


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 42 ::
收藏到网摘: n/a

  通常我们在制作网页的时候,会使用一些现成的小图片平铺的方法来作为网页的背景图,但是如果我们想要制作自己的背景效果图片的话,如何才能达到构成背景图的各个小图片之间的的无缝拼接呢?想一想可能是很简单的事请,但是做起来就不是那么容易的事情了,好了,下面我们一起来看看制作的步骤。

  本节我们要学习的,就是制作一个六边形的图片,然后通过处理将六边形的图片作为无缝背景平铺的背景图片,大家可以试验采用其他的效果图来作为无缝背景平铺的背景图片。

1、打开FW,新建一个文件,文件的大小为50*50像素,背景色为白色。[注意]一般来说,背景图片都是比较小的,我们这里采用50*50像素大小的目的是,希望制作的演示步骤能够清楚些。

2、选取工具箱的多边形绘制工具,因为我们需要绘制一个六边形,所以现在我们打开Options面板,进行相关设定如下图所示:

3、设定完毕,我们就可以绘制出一个六边形了,记得绘制的同时配合Shift键,这样我们就可以绘制出一个等边六边形。绘制的时候,请注意鼠标的拖动方向及其范围,通过鼠标拖动可以调整绘制出的六边形的位置、方向、大小等,请大家绘制时参考下图所示:

4、此刻六边形的大小可能与编辑区的大小不符合,我们可以使用缩放工具对其进行大小的调整,使其大小和编辑区基本相符即可,如下图所示:

5、将六边形拖放编辑区的中心,如下图所示:

6、呵呵,忙了半天,好像还没有给六边形填充颜色呢,这里我给它填充的是白色,描边色的具体设定请看下图所示:

7、经过以上设定后,此刻编辑区的对象如下图所示:

8、选定六边形对象,复制它,然后使用快捷键“Ctrl+N”,新建一个文件,新建文件的宽和高的大小会自动符合复制图形的大小,此刻我们需要对新建文件的大小进行一下调整,将宽由默认的39像素变为78,高由45像素变为90像素,也就是说都调整为原来的2倍大小,如下图所示:

9、将六边形对象粘贴到新建文件的编辑区,并且对它的位置进行调整,使其基本上位于编辑区的中心即可,如下图所示:

10、然后再次复制一个六边形对象,对其位置进行调整,使其右上侧的边和位于中心的六边形的坐下侧的边达到重合,具体的调整如下图所示:

11、再次复制5个新的六边形对象,然后分别围绕位于中心六边形的其余5个边进行摆放,注意相交的边一定要重合,请参考下图所示进行位置的调整:
[注意]如果感觉调整的不够细致的话,可以放大编辑视图一定的倍数,这样就便于调整了。

[ ] 200% 视图下进行位置的调整

<
无缝背景图制作之二 一款立体字的制作

评论 (0) All

登陆 还没注册?