新编ps基础教程第12章课件.ppt

《新编ps基础教程第12章课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第十二章制作网页图像与动画第一节简述ImageReady第二节制作网页图像第三节制作GIF动画习题十二随着网络技术的飞速发展，网页设计已经成为一个热门的行业。利用Photoshop和其捆绑的ImageReady能够设计出整体的网页。特别是ImageReady可以很出色地完成网页图像的优化任务，制作出别致的GIF动画。第一节简述ImageReady一、启动ImageReady启动ImageReady有3种方法，分别介绍如下：　　（1）在“开始”菜单中单击ImageReady的图标。　　（2）在Photoshop中

2、选择“文件”→“在ImageReady中编辑”命令，可跳至ImageReady。　　（3）在Photoshop中单击工具箱中的“在ImageReady中编辑”按钮　　，可跳至ImageReady。二、ImageReady的操作界面ImageReady的操作界面和Photoshop的操作界面非常相似，所以用户接触ImageReady一点也不会陌生，如图12.1.1所示。但是它们之间又存在着差异，主要体现在工具箱和控制面板上，这也正是ImageReady在制作网页图像和动画方面优于Photoshop的原因。　　1．

3、工具箱　　选择“窗口”→“工具”命令，可打开ImageReady的工具箱，如图12.1.2所示。图12.1.1ImageReady的操作界面　图12.1.2ImageReady的工具箱ImageReady的工具箱中有16组工具，其中有几个和Photoshop中的工具存在差异，现分别予以介绍。　　（1）圆角矩形选框工具：ImageReady与Photoshop相比增加了圆角矩形选框工具　。它的用法和其他选取工具用法一致，用于创建圆角矩形选框，如图12.1.3所示。图12.1.3圆角矩形选框工具（2）文字工具：Im

4、ageReady文字工具与Photoshop文字工具相比，取消了蒙版文字工具。文字的排列方式由控制面板控制。　　（3）图像映射工具：ImageReady与Photoshop相比增加了图像映射工具，如图12.1.4所示。它可在图像中建立热区，用户可以通过这些热区来建立超链接。图像映射工具有3种：矩形图像映射工具　、圆形图像映射工具　和多边形图像映射工具　，制作的效果如图12.1.5所示。图12.1.4图像映射工具图12.1.5不同类型的图像映射（4）映射选择工具：ImageReady与Photoshop相比增

5、加了映射选择工具　，用于选择所创建的图像映射。　　（5）切换图片可视性：单击ImageReady的“切换图片可视性”按钮　，可显示或隐藏图像映射，如图12.1.6所示。　　（6）切换切片可视性：单击ImageReady的“切换切片可视性”按钮　，可显示或隐藏切片，如图12.1.7所示。图12.1.6切换图片可视性图12.1.7切换切片可视性预览文档：单击“预览文档”按钮　，可直接在图像中预览GIF动画和图像翻转的效果。　　在Iexplore中预览：单击“在Iexplore中预览”按钮　，可在IE浏览器中预览G

6、IF动画和图像翻转的效果。2．控制面板　　ImageReady与Photoshop相比增加了几组控制面板。在这里介绍主要的控制面板。　　（1）优化面板：优化控制面板（见图12.1.8）可用于网络上传输的文件，在不影响图像质量的前提下，对图像的大小进行压缩，从而提高图像在网络中的下载速度。图12.1.8优化控制面板（2）动画面板：动画是由一幅幅画面按顺序播放形成的，把每一幅画面称为动画帧。动画面板（见图12.1.9）可用于创建动画帧，它由以下几部分组成。图12.1.9动画面板动画面板的中间部分是动画帧的预览区

7、域。　　“播放停止动画”按钮　：用于播放或停止动画。　　“复制当前帧”按钮　：用于复制或创建当前帧。　　“删除选中帧”按钮　：用于删除选中的当前帧。　　“选择前一帧”按钮　和“选择下一帧”按钮　：分别用于选择前一帧和后一帧。　　“选择第一帧”按钮　：用于回到第一帧。　　“过渡”按钮　：用于添加过渡帧。（3）切片面板：切片面板（见图12.1.10）可配合切片工具制作网页。图12.1.10切片面板（4）图像映射面板：图像映射面板（见图12.1.11）可配合图像映射工具制作网页。图12.1.11图像映射面板三

8、、ImageReady的功能ImageReady主要用于制作网页图像与GIF动画，可以通过以下几个方面来体现这两个功能。　　（1）优化图像：它可以对所要进行网络传输的图像进行优化，从而缩小图像文件的大小并使图像在网页上显示最佳的效果。（2）制作图像映射：ImageReady可使用图像映射工具为图像添加链接。　　（3）制作GIF动画：可制作出网络上流行的G