Fireworks CS3教程:切片工具切网页模板
互联网 发布时间：2008-10-05 23:02:19 作者：佚名 
我要评论
我要评论 在Fireworks或者是PhotoShop中设计好的网页效果图，需要导入到Dreamweaver中进行排版布局。在导入到Dreamweaver之前，可以使用Fireworks对效果图进行切片和优化，然后才能够把优化好的切片输出到Dreamweaver的站点中进行布局。切片的目的是为了获得图像素材，也就是说能
在Fireworks或者是PhotoShop中设计好的网页效果图，需要导入到Dreamweaver中进行排版布局。在导入到Dreamweaver之前，可以使用Fireworks对效果图进行切片和优化，然后才能够把优化好的切片输出到Dreamweaver的站点中进行布局。切片的目的是为了获得图像素材，也就是说能够通过写XHTML语言脚本实现效果的部分，就不需要切片，而必须用图像的地方，则一定要切片。下面通过一个实例来给大家介绍一下Fireworks CS3的切片和优化功能，具体操作步骤如下：
1、在Fireworks CS3中打开制作好的网页效果图，如图1-23所示。
图1-23 在Fireworks CS3中打开制作好的效果图
【说明】效果图中的辅助线是在效果图设计之初就添加完毕的。
2、选择Fireworks CS3中的【切片】工具，对效果图进行切片，切片完成后的效果如图1-24所示。
图1-24 切片完成后的效果
【说明】切片的时候，尽量保证所有的切片和被切片的图像尺寸一致，不要切片大于或者小于被切片的图像，同时切片之间尽量保持不要重叠。
3、几个特别需要注意的地方来详细给大家说一下，首先是在内容区域，文本的前方有小的黑色三角箭头，这是用图像来制作的，所以必须要切片，但是由于所有文本前方的箭头图标都是一样的，所以只需要切一张即可。如图1-25所示。
图1-25 切片小图标
1、在Fireworks CS3中打开制作好的网页效果图，如图1-23所示。
图1-23 在Fireworks CS3中打开制作好的效果图
【说明】效果图中的辅助线是在效果图设计之初就添加完毕的。
2、选择Fireworks CS3中的【切片】工具，对效果图进行切片，切片完成后的效果如图1-24所示。
图1-24 切片完成后的效果
【说明】切片的时候，尽量保证所有的切片和被切片的图像尺寸一致，不要切片大于或者小于被切片的图像，同时切片之间尽量保持不要重叠。
3、几个特别需要注意的地方来详细给大家说一下，首先是在内容区域，文本的前方有小的黑色三角箭头，这是用图像来制作的，所以必须要切片，但是由于所有文本前方的箭头图标都是一样的，所以只需要切一张即可。如图1-25所示。
图1-25 切片小图标
相关文章
firework输入的文字可以根据需求添加一些效果，该怎么给文字添加字体倾斜效果呢？下面我们就来看看详细的教程2024-05-23
fireworks淡化边缘工具在哪里? fireworks轮廓虚化效果的实现方法
fireworks绘制的图形轮廓线尖锐了，想要虚化一下，需要使用淡化边缘工具，这个工具在哪？怎么使用呢？详细请看下文介绍2024-05-23
电脑怎么批量添加照片日期? Fireworks给电脑图片批量添加日期的技巧
电脑怎么批量添加照片日期？电脑中图片的名字想要添加日期，该怎么操作呢？下面我们就来看看Fireworks给电脑图片批量添加日期的技巧2023-06-05
fw怎么设计科技干的线条? fireworks混合路径工具制作图形的技巧
fw怎么设计科技干的线条？fireworks中想要画曲线线条，我们需要用到混合路径工具，下面我们就来看看fireworks混合路径工具制作图形的技巧2023-01-09
Fireworks图形怎么做高光? fw中几种制作高光效果的方法
Fireworks图形怎么做高光？Fireworks中想要做高光效果，有几种方法可以添加高光？下面我们就来看看fw中几种制作高光效果的方法2022-12-21
Fireworks剪切的图片怎么导出? fw将裁剪区域导出保存的技巧
Fireworks剪切的图片怎么导出？fw中剪切好的图片想要保存，该怎么保存呢？下面我们就来看看fw将裁剪区域导出保存的技巧2022-12-20
fw图片渐隐效果怎么做? Fireworks给图片添加渐隐效果的技巧
fw图片渐隐效果怎么做？fw中想要给图片添加渐隐效果，该怎么添加这个效果呢？下面我们就来看看Fireworks给图片添加渐隐效果的技巧，详细请看下文介绍2022-11-28
Fireworks如何给图片添加阴影效果? fw给图片增加阴影效果的技巧
Fireworks如何给图片添加阴影效果？fw中导入的图片想要给图片中的图形添加阴影，该怎么操作呢？下面我们就来看看fw给图片增加阴影效果的技巧2022-11-28
fw文字怎么添加内阴影? Fireworks给字体添加阴影的技巧
fw文字怎么添加内阴影？fw中输入的文字想要添加阴影，该怎么添加内阴影呢？下面我们就来看看Fireworks给文字添加阴影的技巧，详细请看下文介绍2022-11-28
Fireworks中如何创建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何创建蒙版以及使用？fw中想要使用蒙版制作一些效果，该怎么创建蒙版并使用呢？下面我们就来看看FW蒙版功能的使用技巧，详细请看下文介绍2022-11-28
最新评论