新编ps基础教程第12章(精品·公开课件).pptVIP

　　三、ImageReady的功能　　ImageReady主要用于制作网页图像与GIF动画，可以通过以下几个方面来体现这两个功能。　　（1）优化图像：它可以对所要进行网络传输的图像进行优化，从而缩小图像文件的大小并使图像在网页上显示最佳的效果。 　　（2）制作图像映射：ImageReady可使用图像映射工具为图像添加链接。　　（3）制作GIF动画：可制作出网络上流行的GIF动画。　　（4）图像翻转：制作出当鼠标经过网页时所引起的图像翻转效果。 　　（2）单击工具箱中的“文字工具”按钮　，在图像中输入文字，如图12.3.2所示。 图12.3.2 输入文字 　　（3）单击工具箱中的“移动工具”按钮　，选择文字图层，将文字拖至图像的最右侧，如图12.3.3所示。 图12.3.3 移动文字至右侧 　　（4）单击动画面板底部的“复制当前帧”按钮　 ，创建一个动画帧，如图12.3.4所示。 图12.3.4 复制当前帧 　　（5）确定新建的动画帧为当前帧，单击工具箱中的“移动工具”按钮　，选择文字图层，将文字拖至图像的最左侧，如图12.3.5所示。 图12.3.5 移动文字至左侧 　第十二章 制作网页图像与动画 第一节 简述ImageReady 第二节 制作网页图像 第三节 制作GIF动画 习题十二 　　随着网络技术的飞速发展，网页设计已经成为一个热门的行业。利用Photoshop和其捆绑的ImageReady能够设计出整体的网页。特别是ImageReady可以很出色地完成网页图像的优化任务，制作出别致的GIF动画。 第一节 简述ImageReady 　　一、启动ImageReady　　启动ImageReady有3种方法，分别介绍如下：　　（1）在“开始”菜单中单击ImageReady的图标。　　（2）在Photoshop中选择“文件”→“在ImageReady中编辑”命令，可跳至ImageReady。　　（3）在Photoshop中单击工具箱中的“在ImageReady中编辑”按钮　　，可跳至ImageReady。 　　二、ImageReady的操作界面　　ImageReady的操作界面和Photoshop的操作界面非常相似，所以用户接触ImageReady一点也不会陌生，如图12.1.1所示。但是它们之间又存在着差异，主要体现在工具箱和控制面板上，这也正是ImageReady在制作网页图像和动画方面优于Photoshop的原因。　　1．工具箱　　选择“窗口”→“工具”命令，可打开ImageReady的工具箱，如图12.1.2所示。 　　 图12.1.1 ImageReady的操作界面 　图12.1.2 ImageReady的工具箱 　　ImageReady的工具箱中有16组工具，其中有几个和Photoshop中的工具存在差异，现分别予以介绍。　　（1）圆角矩形选框工具：ImageReady与Photoshop相比增加了圆角矩形选框工具　。它的用法和其他选取工具用法一致，用于创建圆角矩形选框，如图12.1.3所示。 图12.1.3 圆角矩形选框工具 　　（2）文字工具：ImageReady文字工具与Photoshop文字工具相比，取消了蒙版文字工具。文字的排列方式由控制面板控制。　　（3）图像映射工具：ImageReady与Photoshop相比增加了图像映射工具，如图12.1.4所示。它可在图像中建立热区，用户可以通过这些热区来建立超链接。图像映射工具有3种：矩形图像映射工具　、圆形图像映射工具　和多边形图像映射工具　，制作的效果如图12.1.5所示。 图12.1.4 图像映射工具 图12.1.5 不同类型的图像映射 　　（4）映射选择工具：ImageReady与Photoshop相比增加了映射选择工具　，用于选择所创建的图像映射。　　（5）切换图片可视性：单击ImageReady的“切换图片可视性”按钮　，可显示或隐藏图像映射，如图12.1.6所示。　　（6）切换切片可视性：单击ImageReady的“切换切片可视性”按钮　，可显示或隐藏切片，如图12.1.7所示。  图12.1.6 切换图片可视性 图12.1.7 切换切片可视性 　　预览文档：单击“预览文档”按钮　，可直接在图像中预览GIF动画和图像翻转的效果。　　在Iexplore中预览：单击“在Iexplore中预览”按钮　，可在IE浏览器中预览GIF动画和图像翻转的效果。 　　2．控制面板　　ImageReady与Photoshop相比增加了几组控制面板。在这里介绍主要的控制面板。　　（1）优化面板：优化控制面板（见图12.1.8）可用于网络上传输的文件，在不影响图像质量的前提