动态网站制作指南 [  QQ表情  ]
[ 投票调查 ]
[ 企业邮箱 ]
[ 网站空间 ]
网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器
电脑书籍下载:程序设计书籍 | 数据库教程书籍 | 平面与多媒体书籍 | 网络通讯书籍 | 系统管理书籍 | 网络安全书籍 | 认证考试书籍
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 图形图象 > Fireworks教程
图形图象:Photoshop,Fireworks,CorelDraw,Flash,3Dmax,AutoCad,Maya,Director,Authorware,Illustrator,相关软件
文章搜索服务
邮件订阅
输入你的邮件地址,
你将不会错过任何关于:
[ Fireworks教程 ]的信息



本月文章推荐
.Fireworks MX 2004中制作水晶立体.
.样式在FW MX 2004中的应用.
.制作扇形效果.
.Fireworks简单制作残破边缘技巧.
.Fireworks中玻璃罐的制作.
.布尔运算的处理.
.抢先体验:Fireworks MX 2004 新功.
.金属效果<1>.
.选择性的JPG压缩<2>.
.撕纸边缘效果制作方法详解<2>.
.Fireworks绘画实例:《梵高之光》.
.Fireworks滤镜模拟滴溅油漆斑点效.
.铬金图形效果制作.
.Fireworks常见问题解答(6).
.Fireworks MX之旅:滤镜.
.Fireworks 制作 NOKIA8250 手机.
.Fireworks巧妙制作地球旋转动画.
.用Fireworks做雅虎菜单.
.位图边缘加框.
.卫星转动效果<1>.

无缝背景图制作之一

发表日期:2005-7-2 |


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

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

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% 视图下进行位置的调整

12、关键的一步到了,首先我们选定位于编辑区中心的六边形对象,然后打开Info面板,纪录一下该对象的各项参数大小,如下图所示:

13、选取工具箱的切割工具,在编辑区拖动鼠标,此刻会出现切割选区,同样,还是打开Info面板,按照我们刚刚纪录的位于中心的六边形的各项参数的大小,再次输入相同的各项参数,这样我们就可以轻松的定义切割选区的大小、位置了,请看下图已经定义好的切割选区:

14、双击切割选区的边缘,即可自动的将编辑区进行切割操作,而且编辑区仅仅留下我们选定的图形对象,如下图所示:

15、好了,作为无缝背景拼接图的图形已经出现了,输出、保存它,测试一下吧?怎么测试?看看效果吧(如下面的表格背景)!

 

上一篇:无缝背景图制作之二 人气:9289
下一篇:一款立体字的制作 人气:10051
浏览全部Fireworks的内容 Dreamweaver插件下载 常用网页广告代码全集
  最新网站源码 最新软件下载
2008-7-6 飞天论坛FTBBS ASP v6.3 Build 0
2008-7-6 飞天论坛FTBBS ASP v6.3 Build 0
2008-7-6 飞天论坛FTBBS ASP v6.8 Build 0
2008-7-6 讯息内容管理系统 v2.1
2008-7-6 三五电影程序 v2.0
2008-7-6 神鹰腾讯小说小偷 v3.0
2008-7-6 EasyIDE Framework v1.0 Build 2
2008-7-6 品告CMS系统(电影版) v0.9
2008-7-6 QQ自动登录器 C# 源码 v1.0
2008-7-5 AgileMessenger即时通讯工具 v1.
2008-7-5 GoodCalculator2.0版固件计算器
2008-7-5 RepoName源地址搜索工具 v1.21b
2008-7-5 AgileMessenger即时通讯工具 v1.
2008-7-5 TouchCopy多媒体管理软件 v3.13完
2008-7-5 VideosTone视频铃声 v1.1汉化破解
2008-7-5 TouchPad触摸板 v4.44破解版
2008-7-5 VideosTone破解补丁 v1.0
2008-7-5 Feeds GoogleReader客户端 v0.4.3


  发表评论
姓 名: 验证码:
内 容:
[ 汉字翻译拼音 ] [ 广告代码 ] [ 符号对照表 ] [ 进制转换 ] [ 经典小工具 ] [ 个税计算 ] [ 汉字简繁转换 ] [ 普通单位换算 ] [ 公制单位换算 ]
[ 生辰老黄历 ] [ 国内电话区号 ] [ 国家代码与域名缩写 ] [ 文字加密解密 ] [ 健康查询 ] [ 万年历 ] [ 手机号码查询 ] [ ip搜索 ] [ Google PR查询 ]
业务联系 | 广告刊登 | 频道合作 | 投稿荐稿 | 联系方式 | 加入收藏 | RSS订阅
Copyright © 2000-2008 www.knowsky.com All rights reserved | 网络实名:动态网站制作指南 | 沪ICP备05001343号
ホームページ制作 不動産検索システム 求人情報