1、 1 ImageReady功能简介 2 动画面板的使用 3 基于图层显/隐类动画制作 4 常用显/隐类动画的自动生成 5 动画的格式及优化方法 6 过渡类动画制作原理 7 动画主体位置不同的动画 8 动画图层透明度不同的动画 9 动画图层样式化不同的动画 选讲：影集站点制作,第九讲 ImageReady动画制作, 1 ImageReady功能简介,主要功能（简记为IR） GIF动画制作 过渡类动画 图层显/隐类动画 滚动图像（Rollover） 用于制作网页上的动态按钮 优化图像（Optimize） 减小图像或动画的大小，以方便网页使用 切割图像（Slice）（切片） 分割图像，加快图像显示,
2、 2 动画面板的使用,动画（Animation）面板,设置播放次数,返回到第一帧,返回到前一帧,切换到下一帧,停止播放,播放动画,插入过渡帧,复制帧, 3 基于图层显/隐类动画制作,一、显/隐类动画原理对于多图层图像，动画的不同帧显示的层有所不同。 二、显/隐类动画制作步骤 在Photoshop中制作一多图层图像 切换到IR中,单击“复制帧”按钮复制当前帧 3.利用“图层”面板，使不同的帧显示的图层不完全相同 为每一帧设定播放（停留）时间, 4 常用显/隐类动画自动制作,一、动作（Action） 可自动生成“图层显/隐”类动画12种 图像或文字放大与缩小动画各一种 Zoom in 自动生成含有
3、12帧，逐帧放大的动画 Zoom out 自动生成含有12帧，逐帧缩小的动画,旋转类动画两种 Spin（旋转） 自动生成12帧绕图像重心旋转的动画 Spinning Zoom in（旋转并放大） 自动生成12帧绕图像重心旋转渐大的动画,二、文字动画“自动”制作步骤 在Photoshop中新建一RGB文件 用渐变工具修饰背景层 用实体文字工具输入“大连水产学院” 切换到IR中，打开Action（动作）面板 单击文字图层，并在Action面板中选取一种动作，单击该面板下面的播放箭头即自动生成相应的动画。,三、逆向帧的制作 连续选中若干帧，并复制 单击待选的第一帧，再按Shift键单击待选的最后一帧
4、，单击“复制”按钮 在动画的控制菜单中选中Inverse frames（反向帧）, 5 动画的格式及优化方法,1、GIF格式 最多为256色，通用性好，点阵动画应用格式 2、SWF格式 Flash矢量动画应用格式 3、PSD格式 ImageReady编辑格式，无任何损失，可再编辑,4、动画的优化 显示优化面板 Window（窗口）-Optimize（优化） 选取适合于GIF的优化方案（颜色数） 必须选GIF格式，JPG等不支持动画 5、文件优化存盘（发布） 切换当前图像显示窗口为“优化”卡中 选取动画颜色等参数 File(文件)-Save Optimize(存储优化结果), 6 过渡类动画制作
5、原理,一、动画产生的条件与制作方法 条件：两帧的相同图层具有某种不同 不同点：动画主体的位置不同、图层透明度不同、图层样式（共10种）不同。 制作方法： 在ImageReady中复制一帧 使两帧的动画图层有所不同 单击过渡帧tween按钮，输入插入的帧数,二、ImageReady中常用英文单词 Position位置 Opacity不透明度 Effect效果（图层样式） frame帧 Frames to Add 添加帧 Layer图层 Reverse逆向 Optimize优化 Animation动画 Save optimized优化存盘, 7 动画主体位置不同的动画,在photoshop中制作一
6、多图层图像 动画主体图层 可为实体文字图层、或像素化图层 对于像素化图层应有透明的区域 非背景层 在IR中复制一帧 用“移动工具”或光标键分别拖动两帧动画层中的文字或图像于不同的位置 5.插入若干过渡帧 必选“position”（位置）复选项,海洋大学,第一帧,海洋大学,第二帧,过渡帧N,海洋大学,海洋大学,海洋大学, 8、动画图层透明度不同的动画,在photoshop中制作一多图层图像 此类动画通常为：燃烧效果、辐射效果等 火焰部分、辐射的光芒部分为独立图层 在IR中复制一帧 关闭第一帧动画图层（眼睛） 相当于不透明度=0 打开第二帧动画图层（眼睛） 相当于不透明度=100% 在两帧之间插入若干过渡帧 至少选中“opacity”（不透明度）复选项, 9 、动画图层样式不同的动画,在photoshop中制作多图层图像 动画层应含有：十种图层样式之一或多种,该类动画效果种类最多 如：渐变填充、外发光、单色填充等 背景动画制作 注：图像固有背景不能“样式”化，但可以 对复制的背景层“样式”化 背景动画制作 复制背景层，可删除固有背景层 复制一帧，利用样式中的“渐变叠加”更改两帧的背景层。(gradient overlay),
