手机软件下载|安卓软件下载|办公软件下载|苹果软件下载|电脑软件下载-手机软件下载中心!
当前位置:软件下载 > 综合资讯 > 软件教程 >

Fireworks如何切图和输出图片?

时间:2017-10-17 00:31  来源:网络整理    热度::

Fireworks可能是PhotoShop中设计好的网页结果图,需要导入到Dreamweaver中举办排版机关。在导入到 Dreamweaver之前,可以利用Fireworks对结果图举办切片和优化,然后才气够把优化好的切片输出到Dreamweaver的站点中举办机关。切片的目标是为了得到图像素材,也就是说可以或许通过写XHTML语言剧本实现结果的部门,就不需要切片,而必需用图像的处所,则必然要切片。下面通过一个实例来给各人先容一下Fireworks CS3的切片和优化成果,详细操纵步调如下:


1、在Fireworks CS3中打开建造好的网页结果图。
【说明】结果图中的帮助线是在结果图设计之初就添加完毕的。
2、选择Fireworks CS3中的【切片】东西,对结果图举办切片,切片完成后的结果
切片完成后的结果
【说明】切片的时候,只管担保所有的切片和被切片的图像尺寸一致,不要切片大于可能小于被切片的图像,同时切片之间只管保持不要重叠。
3、几个出格需要留意的处所来具体给各人说一下,首先是在内容区域,文本的前方有小的玄色三角箭头,这是用图像来建造的,所以必需要切片,可是由于所有文本前方的箭头图标都是一样的,所以只需要切一张即可。

切片小图标
4、同样的原理,在这个结果图中,有许多的圆角结果,可是在切片的时候同样的结果仍旧只切片一张即可。如图1-26所示。

5、切片完成后,选择Fireworks CS3中的【2幅】窗口,如图1-27所示。在这个窗口的左侧,是可编辑的原图,而在这个窗口的右侧,则是优化今后的图像。在这个窗口的下方,可以看到具体的关于每一个切片的文件量和下载时间等信息。

Fireworks的【2幅】窗口
6、按快捷键【F6】,打开Fireworks CS3的【优化】面板,利用【指针】东西,在【2幅】窗口的左侧依次选择切片,然后在【优化】面板中举办相应的优化操纵,最终优化后的图像结果,可以在【2幅】窗口的右侧举办调查,如图1-28所示。

对切片举办优化
7、对每一张切片举办优化后,就可以导出所有的图像素材了。选择【文件】@@【导出】呼吁(快捷键为【Ctrl+Shift+R】),会弹出Fireworks CS3的【导出】对话框。
8、在【导出】对话框中的【导出】下拉列表中选择【HTML和图像】选项,这样可以激活面板右下角的【选项】按钮,单击【选项】按钮,打开【HTNL配置】对话框。
9、切换到【文档特定信息】选项卡,配置导出后所有切片的定名法则,可以利用文档名称加切片序号的方法来定名,这样做的目标是为了只管让切片的名称变得简短,假如切片名称太长,在网页中写剧本的时候字符数量就会增加,网页文件的文件量也就会随之增加。配置完毕后,点击【确定】按钮,返回【导出】对话框。
10、变动【导出】对话框中的【导出】范例为【仅图像】。这样导出今后只会按照切片来生成图像而不会生成网页,在【文件名】文本框中输入但愿的文件名称,发起定名法则简朴易记。
11、在【生存在】下拉列表中选择需要生存的位置,习惯上我们会把所有切片生成的图像生存到站点的图像文件夹内。在【切片】下拉列表中选择【导出切片】,可是不要勾选下方的【包括无切片区域】和【当前页面】复选框。
12、全部配置完毕后,点击【生存】按钮即可把这个页面中的所有切片导出到Dreamweaver的站点中去了。
13、所有的切片生成今后,就可以利用这些图像素材,在Dreamweaver CS3中举办排版机关了。

本文地址:http://www.vertu888.com/zonghezixun/ruanjianjiaocheng/28819.html
最近更新
分类选择