第11章 imageready.pptVIP

第11章 ImageReady CS2的基本应用 课前导读 本章主要介绍了ImageReady CS2的基本知识及应用。通过对本章的学习，读者能够了解ImageReady CS2的基础及工作界面，掌握利用ImageReady CS2制作网页动画、优化网页图像、切片和图像映射等内容。当然ImageReady CS2的功能还有很多，如生成HTML代码、制作主页等，有兴趣的同学自己去探索总结。 知识目标： ?了解ImageReady CS2的发展历程 ?熟悉ImageReady CS2的工作界面 ?掌握ImageReady CS2的基本应用 能力目标： ?掌握ImageReady CS2新建、打开、存储、优化输出、保存等基本操作 ?掌握ImageReady CS2基本工具的使用方法，重点掌握切片和图像映射调板的灵活运用 ?能够设计创作简单动画并对其进行优化存储 第11章 ImageReady CS2的基本应用 11.1 ImageReady CS2基本知识 11.2 制作网页动画 11.3 优化网页图像 11.4 切片 11.5 图像映射 上机实战11 本章小结 11.1 ImageReady CS2基本知识 11.1.1 ImageReady CS2简介 11.1.2 启动ImageReady CS2 11.1.3 ImageReady CS2的工作界面 11.1.1 ImageReady CS2简介 1. ImageReady CS2的发展历程 为了适应网络技术发展的需求，Adobe公司及时推出了专业化网页图像制作软件ImageReady。ImageReady1.0是一个独立发行的版本，单独安装运行，完全独立于Photoshop之外。ImageReady2.0就被嵌套入Photoshop 5.5之中搭配销售，主要用于处理图像。ImageReady3.0具有了非常突出的网页处理功能，主要用于设计制作网页，包括其中的切割图片，做鼠标RollOver效果，做热点，做链接，做动画GIF、banner、设计logo，调整色板，优化图像等直到发布网页，完全可以独立完成。这些功能在很大程度上弥补了Photoshop在动画编辑以及网页制作方面的不足。 2. ImageReady CS2的新增功能 ImageReady CS2与以前的版本相比较，工作界面没有根本性的改变，但功能却大大增强，使用起来更加方便。 （1）ImageReady CS2的工具栏发生了一些变化，许多工具也进行了重新合并分组，比和以往版本相比，整个面板看起来更加清新。 （2）ImageReady CS2在新建文件时提供了常用的一般网页所用的尺寸以及一些广告大小预设，用户使用时更加细致、贴心。 （3）切片面板中又添加了许多内容，用户对热区的属性指定变得更加方便。 （4）新增了web内容面板，它将常用的一些面板进行重新组合 。 11.1.2 启动ImageReady CS2 1．从Photoshop CS2中跳转启动 单击Photoshop CS2工具箱最下方的“跳至ImageReady CS2”切换按钮 ，即可启动ImageReady CS2。当然，单击ImageReady CS2工具箱下方的切换按钮，也可切换到Photoshop CS2工作窗口。 2．作为独立软件，从“开始”菜单启动 选取【开始】|【程序】 |【AdobeImageReady CS2】菜单命令， 如图所示，即可启动ImageReady CS2。 11.1.3 ImageReady CS2的工作界面 ImageReady CS2（以下简称ImageReady）的工作界面，如下图所示，与Photoshop类似，主要标题栏、菜单栏、工具箱、工具箱、选项栏、状态条、调板、图像窗口等组成。 11.1.3 ImageReady CS2的工作界面 1．标题栏 ImageReady的标题栏用于控制ImageReady的工作界面。标题栏包含ImageReady程序标志按钮、程序名称AdobeImageReady、最小化按钮、最大化或还原按钮、关闭按钮等。 2．菜单栏 菜单栏位于标题栏的下方，ImageReady的菜单栏由文件、编辑、图像、图层、切片、选择、滤镜、视图、窗口、帮助等10个菜单项组成。 3．工具箱 工具箱中包括选择、绘图、窗口控制三大工具类别37种工具。其中各工具使用方法和功能与Photoshop基本相同。