网店美工实操第5章Fireworks图片切割与优化.pptVIP

* * 目录 5.1 图片切割 5.2 图片优化 5.3 图片保存 5.4 Fireworks批处理 5.1 图片切割 5.1.1促销广告图切割 在店铺装修设计中，通过上面章节的学习，我们学会在Photoshop中做好如图所示的促销广告效果图。 5.1 图片切割 5.1.1促销广告图切割 具体操作步骤如下。 步骤 1 在Fireworks中打开制作好的网页效果图，如图所示。 5.1 图片切割 5.1.1促销广告图切割 步骤 2 单击Fireworks工具栏中的切片工具或按快捷键K，如图所示，只需要每次按需要一一切割图片，不需要切换切割方式。 5.1 图片切割 5.1.1促销广告图切割 步骤 3 为了确保切割图片的准确性，推荐每次切割时就要立即检查，并且切割完成后，对切片的大小进行精准定位并再次核实查看，选择Fireworks快捷键Ctrl++把图片进行放大，再在图片切片的边缘一一查看，防止出现如图所示的情况。 5.1 图片切割 5.1.2超大图片的切割 根据网页页面设计对图片要求的常识，一张宽为750像素，高为500像素左右的图片，优化保存后，一般大小是100KB左右。做了适当优化后，图片大小只要原来的1/6，这样就提升了客户对页面设计速度，并得到更好的买家体验。 5.2 图片优化 5.2.1 切片图片优化 如图所示，选择Fireworks中的2幅窗口。在这个窗口的左侧，是可编辑的原图，而在这个窗口的右侧，则是优化以后的图像。 5.2 图片优化 5.2.2单张图片优化 在Fireworks中打开大点海报图片，如图所示，在箭头所指品质为99 ，单击三角按钮，就可以设置品质，也可以直接输入品质数据80。 5.3 图片保存 5.3.1 切片保存实操 在对每一张切片进行优化后，就可以导出所有的图像素材了。选择“文件”→“导出”命令，就会弹出Fireworks的导出对话框，如图所示。 5.4 Fireworks批处理 详细操作步骤如下。 打开Fireworks软件，选择“文件”→“批处理”命令，如图所示。 5.4 Fireworks批处理 在弹出的“批次”对话框中，如图所示，我们可以依次选择需要处理的存放图片文件夹，再一一增加单个图片文件，选择好图片文件后再单击“继续”按钮。 5.4 Fireworks批处理 批处理命令设置对话框，如图所示，批处理命令有二个框，左边是可以选择的批处理命令，右边是选中的批处理命令，我们只需要在左边选中相关的命令再单击中间的添加，这个命令就到右边了。 5.4 Fireworks批处理 如图所示，选中缩放后，在下面缩放选项中可以看到有无缩放、缩放到大小、缩放到匹配区域、缩放到百分比，我们一般选择缩放到大小，来直接定义需要的尺寸。 5.4 Fireworks批处理 如图所示选择“缩放到大小”，系统会出现两个选择，一是针对于宝贝图片，可以直接输入宽500像素、高500像素；二是针对于宝贝描述页面的图片，一般要求图片大小是宽750像素，单击继续进入下一步。 5.4 Fireworks批处理 好相关命令操作后，单击继续进入下一步操作，文件保存操作，如图所示，保存操作相关的设置，可以方便下次做相同的批处理，设置好后单击“批次”按钮，即可进行批处理，自动执行。 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *