PhotoshopCS教案第十章PhotoshopImagereadyVIP免费

261 第10 章 Photoshop/Imageready 网页和动态图形 学习要点: 当用Adobe Photoshop和Adobe ImageReady设计网页时，请记住每个软件所使用的工具和特性。在整个网页制作的过程中，它们两个是各司其职的。Photoshop提供的工具用来创建和制作在web上使用的静态图像， 可以将图像分为切片、增加链接和HTML文字，优化切片并将图像存储为一个Web页面。ImageReady提供了许多和Photoshop相同的图像编辑工具，另外，还包括了一些工具和调板，用来进行高级的web处理和创建动态的Web图像，如动画和翻转。利用Adobe Photoshop和Adobe ImageReady将图像分割成独立的切片，用不同的网页图像格式优化每个切片，每个切片都可以被制作成动画，链接到 URL地址或用于制作翻转按钮。 10.1常用概念 在Photoshop CS和ImageReady CS中有很多与Web相关的特性是重复的，在Photoshop“ 存储为Web°所用格式”对话框中看到的很多功能也能在ImageReady调板中找到，这就意味着在生成 Web图片时，可以应用多种处理方法。下面简单介绍一些常用概念。 10.1.1 创建和编辑图像 Photoshop和ImageReady相比，Photoshop有更多更好的创作工具，比如，ImageReady中缺少磁性套索工具、背景色橡皮擦工具、历史记录画笔工具、修补工具和涂抹工具等，与Photoshop相比较，它的选择和编辑图像的功能也是非常有限的，因此，要生成用于Web的静态图片，最好先在Photoshop中完成，并且执行“文件>存储为Web所用格式”命令进行优化存储。 10.1.2 关于切片的概念 下载几个小图像文件要比下载一个大图像文件快，为了缩短下载的时间，可将一个大图像文件切割成几个小文件，这些小图像文件在下载时可以无缝拼接，并且可以对每一个小图像文件进行单独优化，这些切割成的小图像就是所谓的“切片”。通过Photoshop或ImageReady中的切片工具或切片选择工具，来定义切片。也可以利用Photoshop的图层功能直接创建图层切片。 10.1.3 图像映射的概念 简单来说，给图像指定一个 URL链接地址，当单击该图像的时候，可以链接到给定的一个 Web页面，该图像就成为“图像映射区域”，必须在ImageReady中才能设定图像映射。262 执行ImageReady中的“图层>新建基手图层的图像映射区域”命令，或者使用工具箱中的各种图像映射工具来制作图像映射区域，还可以使用图像映射调板来指定每个图像映射区域的URL链接. 10.1.4 动画的概念 一个动画是一系列的图像或帧，通过一个时间段进行显示，每个...