fireworks怎么切图呢?FW切图基本操作方法

(编辑:jimmy 日期: 2024/10/1 浏览:2)

fireworks是比较常用的切图工具,特别是在互联网操作需求量较大的现在,由效果图作为html切图是一个必须有的过程,本文从fireworks的基本操作出发,为大家介绍一个fireworks的切图办法,来看看吧!

步骤:

1、本文使用的是fireworks8,首先是点击打开软件,在右上方有一个打开文件-选择文件,选择一个你需要进行切图的图片。如下图的打开选择方式。

fireworks怎么切图呢?FW切图基本操作方法

2、进行文件打开之后,可以看到左侧是工具栏,右侧或者大块的是打开的要切图的原始图片。如下图显示

fireworks怎么切图呢?FW切图基本操作方法

3、进行切图的时候,我们主要用的是web工具里切片工具,如下图的标识出来的工具。

fireworks怎么切图呢?FW切图基本操作方法

4、因为现在的是原始图,我们需要用按住ctrl的同时,点击加号,进行图片的放大,然后利用切片工具进行处理,如下图的显示操作结果,可以明显看出图片变大了。

fireworks怎么切图呢?FW切图基本操作方法

5、这时候利用切片工具,选取你想要切的图,本文以图片的banner为主,进行选择。注意,选取的时候,会有一个十字的标志,可以进行定位处理。如下图切片选中之后,可以看到选中位置、大小以及选中之后会变色。

fireworks怎么切图呢?FW切图基本操作方法

6、选中选择要切图的区域之后,点击右键,可以看到有一个导出切片的选项。如下图的操作显示结果

fireworks怎么切图呢?FW切图基本操作方法

7、点击“导出切片”可以根据自己的需求进行切片位置、名称的填写和选择。如下图的,其中导出的除了可以是图片之外,还可以是html+图像等,根据需求进行选择,如果是切图可以只选择图片

fireworks怎么切图呢?FW切图基本操作方法

8、除了对于单一位置的切图之外,还可以多个切图同时保存切片,如下图的三个切图,就可以同时导出来。

fireworks怎么切图呢?FW切图基本操作方法

以上就是fireworks切图步骤,大家学会了吗?希望能对大家有所帮助!

相关阅读:

fireworks切图教程:制作网页时如何用fireworks切图

用fireworks如何切图呢?FW切图方法介绍

一句话新闻
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?