Photoshop平面设计基础与应用 教学课件 侯蕾 左花苹 程传鹏 第14讲 图像的优化与Web图像输出.docVIP

图像的优化与Web图像输出 一、教学目的 本讲主要学习了图像的优化、掌握图像处理自动化的使用方法、Web图像与动画设计等知识。 二、知识要点 1.掌握图像优化方法； 2.掌握图像处理自动化的使用方法； 3.掌握Web图像与动画设计。 三、教学重点、难点及其解决方法 1．教学重点、难点 图像处理自动化的使用方法，掌握Web图像与动画设计。 2．解决方法 通过多媒体教学详细讲解各个知识要点，并结合上机实训，通过案例的制作来完成以上知识要点的学习，达到熟练掌握。 四、教学过程 14.1 图像的优化 使用“存储为Web和设备所用格式”命令可以导出和优化切片图像，Photoshop会将每个切片存储为单独的文件并生成显示切片图像所需的HTML或CSS代码。优化图像可以加快图像在网络上的浏览和传送速度。 14.2 图像处理自动化 【文件】→【自动】的下拉菜单中包含了Photoshop预设自动化的命令，如图14.1所示。使用这些命令可以进行批量处理相同的文件，或者简化复杂的图像编辑过程，从而可以提高工作效率。 14.1 图像处理自动化下拉菜单 14.2.1 系统内置动作使用 在【动作】调板中有很多系统自带的动作，播放一个动作就可以得到相应的效果，选择【窗口】→【动作】命令，弹出【动作】调板。如图14.2所示。 图14.2 动作调板 【动作】调板中各参数解释如下： 停止播放/记录按钮：单击此按钮，停止录制动作。 开始记录按钮：单击此按钮，开始录制动作。 播放选定动作按钮：单击此按钮，播放当前选择的动作。 创建新组按钮：单击此按钮，可以创建一个新动作组。 创建新动作按钮：单击此按钮，可以创建一个新动作。 删除按钮：单击此按钮，在弹出对话框单击按钮，可以删除当前选择动作。 14.2.2 录制、修改与执行动作 在【动作】调板中虽然有很多系统自带的动作，但有的时候这些默认动作并不能够满足需要。为了适应工作环境的要求，可以自己手动来完成一些动作的录制、修改与执行。 1.录制与执行动作 除播放动作外，录制自定义的动作也是较为频繁的一类操作，因为Photoshop内置的动作不足以满足千变万化的工作需要。录制与执行动作的操作步骤如下。 （1）.单击创建新组按钮，在打开的【新建组】组对话框中可以设置组的名称，也可以直接选择已有的组。如图14.3所示。 图14.3 新建组对话框 （2）.单击【动作】调板下面的创建新动作按钮，在打开的【新建动作】对话框中设置动作属性，如图14.4所示。 图14.4 新建动作对话框 在“名称（N）”文本框中可以输入动作名称。 在“组（E）”下拉列表中可以选择此动作所属的组。 在“功能键（F）”下拉列表中可以选择播放动作时的快捷键。 （3）.完成设置后单击对话框中的按钮，此时【动作】调板下的开始记录按钮呈现红色，表示已被激活，PhotoshopCS3将自动录制后面所做的操作。 （4）.进行需要录在动作中的操作，要注意，不是所有的动作都可以被录制在动作中的，例如，绘制类及改变视图比率类的操作就不可以录制在动作中。 （5）.完成所有操作后，单击【动作】调板下面的停止播放/记录按钮，完成动作的录制操作。 2. 修改动作 即使完成了动作的录制，但根据当前执行的任务需要修改动作中某个命令参数，也可以在【动作】调板中双击此命令，在弹出的对话框中进行设置，以修改保存在动作中的命令参数。 14.3 Web图像与动画设计 Web图像最常见的几种网络图片格式为：GIF格式、JPEG格式、PNG?8格式和PNG?24格式。在Photoshop中使用Web工具，可以轻松构建网页组件，或者按照预设或自定格式输出完整网页。动画是在一段时间内显示的一系列图像或帧，当每一帧较前一帧都有轻微的变化时，连续快速地显示帧就会产生运动或其他变化的视觉效果。 14.3.1 ImageReady 7.0简介 ImageReady 7.0用于设计专业的Web页版面。可以更轻松地对图层进行选择、编组、对齐和排列等处理，就好像们是独立的对象。另外，ImageReady 还包括用于高级Web处理和创建动态Web图像（如动画和翻转）的工具和调板。“图像映射”工具与切片工具的使用功能差不多，只不过切片类工具只能设置矩形区域，而“图像映射”工具却能够设置各种形状区域。 14.3.4 制作动画 动画由一系列图像帧组成，通过使每一帧与下一帧都有稍微的不同，可以使人产生一种运动的错觉。可以使用分层的 Photoshop 或 ImageReady 图像在 Adobe ImageReady 中创建简单的动画。在图像中构成动画的所有元素都放置在不同的图层中。通过对每一帧隐藏或显示不同的图层可以改变每一帧的内容，而不必一遍又一遍地复制和改变整个图像。每个静态元素只需创建一个图层，而运动