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

FireWorks
Fireworks命令插件:Change Text Size
Fireworks CS3体验之Pages面板
Fireworks绘制打印机图标
实用Fireworks企业标识不扣图反白法
Fireworks打造质感金属锁图标
Fireworks CS3基础教程:切片和优化功能的运用
Fireworks快速简单打造网页“闪字”动画
Fireworks打造逼真梵高之光特效
Fireworks轻松打造质感Vista LOGO
Fireworks教程:打造一个没有钨丝的灯泡
用Fireworks 8的位图工具打造精美网页效果图
疯狂的补间&元件&路径 制作仿3D光亮DNA桌面(试用版)
Fireworks CS3教程:蒙版的运用基础
网页设计翻译教程:图标缩小后变形的解决办法
fireworks教程:用笔触绘制“毁灭顶峰”效果
Firework教程:教你制作特殊的切角图形
Firework教程:韩式风格手提袋的绘制
Firewoks教程:制作液体金属表面文字效果
Fireworks教程:电视雪花动画效果的制作
Fireworks教程:制作一个简单的网页新闻播报框

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


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

  上一节我们学习了如何制作简单的无缝背景拼接图的方法,本节我们来学习制作可以应用到FW的材质库中的无缝拼接的图案,并且学习如何保存一个新图案。重点需要掌握的工具是Rubber Stamp Tool(橡皮图章工具),该工具在使用中可能不会很轻松的上手,需要多多试验才能熟练使用,希望各位能够做好心理准备。1、 打开Fw,然后打开需要转换为图案的图片文件,本例打开的图片如下图所示:
2、 选择图片中某一部分作为图案的基础部分,选取工具箱中的Marquee(选框工具),打开Option(选项)面板,进行设定:Style(选框形式)采用Fixed Size(固定选框大小);将宽和高均设为100像素大小,如下图所示:
3、 在图片中需要转化为图案的地方进行选取,因为固定了选框的大小,所以可以很容易的选定区域,并且可以灵活的使用鼠标拖动选取区域,选中的区域如下图所示:
4、 将选中的区域进行复制操作(快捷键为"Ctrl+C")。
5、 使用快捷键Ctrl+N新建一个文件,文件的大小设为刚才选框大小的二倍即可,刚才选框设为了100x100像素大小,则新文件宽高均设定为200像素大小。
6、 为了准确定位图片对象在编辑区的位置,执行菜单命令View(视图)/Grid(网格)/Edit Grid(编辑网格),在弹出对话框进行设定:将网格的尺寸大小设置为所选图片区域的大小(100*100),同时选中Show Grid(显示网格)和Snap to Grid(吸附到网格)选项,具体设置如下图所示:

7、 设定完毕,编辑区的网格显示如下图所示:

8、将刚才复制的选取图片粘贴到编辑区的左上角位置(快捷键为"Ctrl+V"),并吸附到左上角的网格,如下图所示:
9、 使用Alt+拖动(鼠标拖动或方向键拖动)方法复制图片。(当然,还可以用"Ctrl+V"的方式复制图片)将复制的图片放到第一幅图片右侧的网格。
10、 重复第9步操作,再次复制两个图片,分别将图片放置到左下角和右下角的网格内,如下图所示:

11、 执行菜单命令View(视图)/Show Grid(显示网格线),这样在网格显示的状态下就会关闭网格显示。
12、 执行菜单命令Edit(编辑)/Select All(全选)(快捷键"Ctrl+A"),选中编辑区的四幅图片,执行菜单命令Modify(修改)/Convert to Bitmap(转化为位图),四个图片会自动的合并成为一个位图图片。
[注意:]转化位图的操作是必须的,因为本节要学习的重点工具是Rubber Stamp Tool(橡皮图章工具),而该工具只能作用于位图对象上。

13、 选取工具箱中的Rubber Stamp Tool(橡皮图章工具),打开Option(选项)面板进行设定:将橡皮图章工具的边缘设置为最柔和的边缘,如下图所示:
[注意:] 下面的一步是整个过程的重点所在,需要技巧和耐心来完成,而且可能需要反复尝试才能成功。为了避免误操作而导致前面所有的工作全部报废,建议你现在最好先保存一下目前的图片。


[关键操作介绍:]关于橡皮图章的源点和操作点是橡皮图章在使用过程中的核心点所在,你可

评论 (0) All

登陆 还没注册?