第九讲ImageReady动画制作.pptVIP

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