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

所属分类: 平面设计 / Fireworks教程 阅读数: 1106
收藏 0 赞 0 分享

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

步骤:

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

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

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

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

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

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

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

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

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

相关阅读:

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

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

更多精彩内容其他人还在看

炫出我的个性 qq聊天表情的绘制技巧

前段时间,为大家讲解了如何在fireworks中绘制qq皮肤的教程实例,相信大家已有所收获。这次我们再利用fireworks中自带的gif动画制作功能,为大家讲解动态qq表情的制作。从而也将个性化的qq进行到底
收藏 0 赞 0 分享

fireworks下用运动模糊滤镜制作下雨动画效果

丝丝小雨,带给我们多少温柔与浪漫,这篇教程里,我们将会用fireworks里的运动模糊滤镜来制作出丝小雨的动画特效.希望大家在网页设计中能有帮助
收藏 0 赞 0 分享

dw4 应用基础之firework 文件详解

为了使dreamweaver和firework的集成功能得到最大程度的发挥,你必须按照指定的顺序正确的安装他们,当然如果你使用的是集成以后的安装程序就可以忽略下面的操作了
收藏 0 赞 0 分享

用fireworks绘制水粉画效果教程

用fireworks绘制水粉画效果教程,喜欢的朋友可以参考下
收藏 0 赞 0 分享

用Fireworks制作手机情侣屏保

情人节在中国越来越流行了,假如情侣是异地恋的话,一般的女性朋友都会无意间去翻对方的手机,如果你的手机屏保上面写着“爱老婆”、“爱宝贝”之类的词语,肯定你的女朋友会心花怒放的。
收藏 0 赞 0 分享

用Fireworks制作QQ炫舞戒指自定义字

下面我为大家详细介绍一下如何制作自定义透明字,由于种类繁多,我先简单的介绍一个制作单色透明字的方法,随后我会在百度经验中继续发布制作彩色透明字和水晶透明字,以及一些复杂的制作方法
收藏 0 赞 0 分享

用Fireworks制作个性化水印图片教程

大家在网站上或者网店里的时候经常会看见店铺的招牌图片上会有“本店唯一”等水印字样,下面我给大家简单的介绍一下制作水印的方法。
收藏 0 赞 0 分享

如何用Fireworks制作一个RSS图标

一个朋友正在学习Fireworks,问如何制作一个RSS的图标。于是给他做了个 例子,需要的朋友可以参考下
收藏 0 赞 0 分享

用Fireworks制作IE图标的教程

本文为大家介绍如何用Fireworks制作IE图标,希望能对大家有所帮助
收藏 0 赞 0 分享

Fireworks8.0自动形状属性面板使用方法及应用实例教程介绍

在Fireworks 8新增的“自动形状属性”面板使得我们对于“自动形状”对象的控制更为自由,同时通过详细数据的调整,也使得制作的“自动形状”对象更为精确
收藏 0 赞 0 分享
查看更多