Photoshop CS2图像处理与平面设计 教学课件 杜飞明 主编 第13章 ImageReady.pdfVIP

第13章ImageReady动画设计 湖南商务职业技术学院 信息技术系 曾 裕 第13章ImageReady动画设计 • 一、关于Web 图像 • 二、应用ImageReady CS处理Web 图像 • 三、使用ImageReady优化Web 图像 • 四、GIF动画的制作 • 五、作业与实验 湖南商务职业技术学院 信息技术系 曾 裕 第13章ImageReady动画设计 一、关于Web 图像 Web图像比其他的专业图像小，一般都是几KB到几十KB，上百KB的一般都做成 专门的图像链接了，这一特点主要是由网络的带宽所决定的。许多Web图像内还必 须包含超级链接。作为页面的一部分，Web图像不仅仅是一幅图像，它还是通往站 点中其他内容的路径。 在Web图像领域中还有两个基本概念：位深和文件格式。 湖南商务职业技术学院 信息技术系 曾 裕 第13章ImageReady动画设计 二、应用ImageReady CS处理Web 图像 ImageReady是专门用于处理Web图像和动画的编辑工具，可以用图像装饰Web 网页，并通过切片工具和图像映射工具将图像划分为几个热区，然后与不同图像、 Web网页或站点链接。 当其他用户浏览该Web网页时，单击链接区域就可以访问相应的内容。 另外还可以通过翻转和动画制作特殊的Web网页效果。 湖南商务职业技术学院 信息技术系 曾 裕 第13章ImageReady动画设计 1.ImageReady CS主窗口 1．优化面板 通过该面板，可以对Web图像进行优化处理，ImageReady允许用GIF、JPEG、 PNG-8、PNG-24等格式进行优化。 2．切片面板 对于用切片工具创建好的切片，用切片面板可以设置URL（链接对象）、尺寸、 背景、状态栏信息等。 湖南商务职业技术学院 信息技术系 曾 裕 第13章ImageReady动画设计 2. 应用ImageReady创建切片 打开要创建切片的图像，在工具箱中选择切片工具，从选项工具栏的样式列 表框中选择一种创建切片的样式，在图像中的目标区域拖动鼠标创建一个矩形用 户切片，图像中的剩余区域都会自动成为自动切片。 选择Windows菜单中的切片命令，打开切片面板，指定切片的类型、背景颜 色、名称和要链接到的URL地址等信息。 在创建切片时，如果按住Shift键，则创建的切片都将是正方形切片。如果 按住Alt键，则创建的切片将以鼠标单击处为中心。如果需要均分图像时，可以 选择“切片→划分切片”命令，打开的“划分切片”对话框。 湖南商务职业技术学院 信息技术系 曾 裕 第13章ImageReady动画设计 2. 应用ImageReady创建切片 切片输出选项对话框 湖南商务职业技术学院 信息技术系 曾 裕