《Photoshop CS2图像处理实用教程（第二版） 教学课件 ppt 作者 TP-3239MSCADAMSflex与Autoflex培训教程-邢俊文 ch13》由会员分享，可在线阅读，更多相关《Photoshop CS2图像处理实用教程（第二版） 教学课件 ppt 作者 TP-3239MSCADAMSflex与Autoflex培训教程-邢俊文 ch13（24页珍藏版）》请在金锄头文库上搜索。
1、第十三章 ImageReady7.0应用,本章要点 ImageReady7.0是Photoshop7.0的一个附带软件，主要用于处理Web图像。本章将在介绍ImageReady7.0的工作环境和一些特殊工具的使用方法的同时，结合实例讲解制作Web动画、优化不同格式的Web图像、创建Web图像切片和编辑切片以及创建图像翻转等的一般过程和方法。 本章难点 Web动画的制作和优化，图像切片和翻转图像的创建与编辑。,第十三章 ImageReady7.0应用,第十三章 ImageReady7.0应用,Adode ImageReady7.0是Photoshop7.0附带的一个软件，用户可以直接用该软件进行
2、图像处理及制作GIF动画和动态网页。 ImageReady7.0中增强了输出功能，Web设计人员可以在对图像进行进一步压缩的同时，保持文本和矢量阴影层的质量，并可以更好地控制如何在Web上保持透明度。,第十三章 ImageReady7.0应用,第十三章 ImageReady7.0应用,第十三章 ImageReady7.0应用,13.4.1 优化调板和信息调板,优化调板: 是ImageReady7.0中一个比较重要的调板，它主要用于图像优化和相关参数的设置。 信息调板: 在调板中显示各种信息。,第十三章 ImageReady7.0应用,13.4.2 颜色调板、色板调板、样式调板,颜色调板: 通过
3、调整RGB的数值调配出理想的颜色，和Photoshop7.0不同的是它的RGB色值是按照Web颜色表示的。 色板调板: 提供了一系列索引颜色，色板两侧是两排灰度级不同的色板，而中间的都是定义了色谱位置、饱和度和亮度的Web颜色。 样式调板: 为用户提供了多种特技效果。,第十三章 ImageReady7.0应用,13.4.3 颜色表调板、图层选项调板、翻转调板,颜色表调板：提供了优化过的图像的颜色表。 图层选项调板：用于对图层进行管理，可设置层效果以及指定层中的图像是否设置为映射图等。 翻转调板：用于制作图像的翻转效果，设计网页时可利用该调板来制作一些动态的按键。,第十三章 ImageReady
4、7.0应用,13.4.4 图层调板、历史调板、动作调板,图层调板：可以方便地对图像进行分层，对不透明度等参数进行设置，而且在制作GIF动画时要利用图层调板，使用层对动画进行控制。 历史调板：记录了用户的操作过程，使用方法与Photoshop7.0类似。 动作调板：将用户的一切操作记录下来，遇到重复的操作时只要把录制的操作回放一次就可以完成多个命令的操作。,第十三章 ImageReady7.0应用,13.4.5 动画调板、图像映射调板、切片调板,动画调板：可方便直观的制作和编辑GIF动画，另外还可以通过调板菜单对动画进行优化。 图像映射调板：通常配合工具箱中的切片工具使用，用户可以对映射图进行大
5、小、位置以及链接等设置。 切片调板：通常配合工具箱中的切片工具使用，可以方便的对切片属性进行设置，如类型、背景、名称、链接，目标位置等。,第十三章 ImageReady7.0应用,制作动画是ImageReady7.0的主要功能之一，使用动画调板可以很容易的创建出GIF动画文件。GIF动画文件是图像或画面的一个序列，每个都稍稍不同于前面的画面，当快速连续地播放画面时，就会产生动画效果。,第十三章 ImageReady7.0应用,在ImageReady7.0中使用图层调板是创建动画的重要途径。将每个动画元素放在不同的图层上，使用图层调板上的命令和选项来改变动画帧中元素的位置和外观，给每帧分配一个延
6、迟时间，从而产生动画效果。 见教材中的例子,13.5.1 创建动画,第十三章 ImageReady7.0应用,13.5.2 动画播放设置,1设置播放次数,一次：动画只播放一次。 一直有效：循环播放动画。 其他：单击会弹出一个对话框。在播放后面的数字框内可以输入播放的次数，单击确认即可。,第十三章 ImageReady7.0应用,13.5.2 动画播放设置,2 设置播放延时,第十三章 ImageReady7.0应用,13.5.3 优化动画设置,2 设置播放延时,动画创建完成后,为了能使其在Wed页面上有更高的传输速度，往往需要对动画进行优化。,第十三章 ImageReady7.0应用,13.5.
7、4 预览动画,动画设置完成后，可以先预览和播放，然后根据预览的效果进行修改。选择动画调板下部的播放按钮 就会按照设置的参数开始播放,第十三章 ImageReady7.0应用,13.5.5 存储动画,动画设置完成后，执行 “文件”“存储优化结果” 命令，在弹出的对话框中，将保存类型设置为“.GIF”格式，然后单击保存按钮即可。,第十三章 ImageReady7.0应用,控制图像文件数据量的大小是在Web上发布图像的关键，只有当图像文件数据量较小时才能在网络中快速传输。优化是微调图像显示品质和文件大小的过程。,优化的文件格式 在Web上使用的图像主要有JPEG、PNG、GIF三种格式: JPEG用
8、于可优化24位真彩色图像，采用有损压缩法。 GIF格式支持8位彩色图像，可以用来创建动态图像，采用无损压缩法。但由于GIF格式为8位色，所以把24位色图像优化成GIF格式时，会影响图像质量。 PNG-8格式支持8位彩色图像，采用无损压缩，压缩率比GIF格式高出1030。 PNG-24格式支持24位真彩色图像，也采用无损压缩。,第十三章 ImageReady7.0应用,在ImageReady7.0中可以将图像分割成独立的切片，用不同的网页图像格式优化每个切片。每个切片可以被制成动画，链接到URL地址或用于制作翻转按钮等。,第十三章 ImageReady7.0应用,用户切片： 使用切片工具创建的切
9、片称为“用户切片”。 图层切片： 从一个图层创建的切片称为“图层切片”。 自动切片： 当创建一个新的用户切片或图层切片时，图像的其他区域会产生“自动切片”。,13.7.1 切片类型,第十三章 ImageReady7.0应用,1从参考线创建切片 在ImageReady7.0中，可以把参考线之间的所有区域创建成用户切片。打开一幅图，执行“视图”“标尺”命令。使工作窗口显示标尺，将鼠标移到标尺上，按下左键并拖动，这样就可以拉出“参考线”。按设计要求在图像上拉出几条参考线，执行“切片”“从参考线创建切片”命令。,13.7.2 创建切片,第十三章 ImageReady7.0应用,2从图层创建切片 在图层
10、调板中选择图层，执行“图层”“基于新建图层的切片”命令。 3从选区中创建切片 在ImageReady7.0中，对细小或不规则形状的图形元素创建切片时，先用选择工具创建选区，然后为选区创建切片。 执行“选择”“从选区中创建切片”命令，则在选区周围会自动创建切片。,13.7.2 创建切片,第十三章 ImageReady7.0应用,创建好切片后，若对切片不满意，可以用工具箱中的切片选择工具 对切片进行修改。,13.7.3 切片编辑,第十三章 ImageReady7.0应用,在ImageReady7.0中，设置好图像切片或者映射图像时，可以为这个区域或者整个图像加入翻转图像。图像翻转就是当鼠标对图像区域进行操作时页面显示不同的状态，一般都需要分层操作，图像翻转的状态分为如下几种： Over：鼠标在图像上时的页面状态。 Down：鼠标按下时的页面状态。 Click：鼠标单击图像时的页面状态。 Out：鼠标移动到图像之外时的页面状态。 Up：鼠标移动到页面之上时的页面状态,
