ImageReady动画制作基础讲解

1功能与版本简介 2动画面板的使用 3基于图层显 隐类动画制作 4常用图层显 隐类动画的自动生成 5动画的格式及优化方法 6过渡类动画制作原理 7动画主体位置不同的动画 8动画图层透明度不同的动画 9动画图层样式化不同的动画 第九讲ImageReady动画制作 1功能与版本简介 一 功能点阵动画制作 即GIF动画制作网页中动画 QQ等应用程序中的动画二 Photoshop5 5 CS2版本有独立的ImageReady用于动画制作IR具有Photoshop常用功能 可编辑素材通常是在Photoshop中制作动画素材按 工具栏 最下面的图标可切换到IR中三 PhotoshopCS3 CS5版本PS集成了IR 窗口 动画 存盘 文件 保存Web和设备所用格式 2动画面板的使用 动画 Animation 面板 设置播放次数 返回到第一帧 返回到前一帧 切换到下一帧 停止播放 播放动画 插入过渡帧 复制帧 3基于图层显 隐类动画制作 一 图层显 隐类动画原理对于多图层图像 动画的不同帧显示的层有所不同 二 图层显 隐类动画制作步骤在Photoshop中制作一多图层图像切换到IR中 单击 复制帧 按钮 复制当前帧若干次3 利用 图层 面板 使不同的帧显示的图层不完全相同为每一帧设定播放 停留 时间 4常用图层显 隐类动画自动制作 一 动作 Action 可自动生成 图层显 隐 类动画15种CS3 5版本无此功能图像或文字放大与缩小动画各一种Zoomin自动生成15帧 逐帧放大的动画Zoomout自动生成含有15帧 逐帧缩小的动画 旋转类动画两种Spin 旋转 自动生成12帧绕图像重心旋转的动画SpinningZoomin 旋转放大 自动生成13帧绕图像重心旋转渐大的动画 二 文字动画 自动 制作步骤在Photoshop中新建一RGB文件用渐变工具修饰背景层用实体文字工具输入 大连水产学院 切换到IR中 打开Action 动作 面板单击文字图层 并在Action面板中选取一种动作 单击该面板下面的播放箭头即自动生成相应的动画 三 反向帧的制作连续选中若干帧 并复制单击待选的第一帧 再按Shift键单击待选的最后一帧 单击 复制 按钮在动画窗口的控制菜单中选中Inverseframes 反向帧 5动画的格式及优化方法 1 GIF格式最多为256色 通用性好 点阵动画应用格式2 SWF格式Flash矢量动画应用格式3 PSD格式ImageReady编辑格式 无任何损失 可再编辑 4 动画的优化显示优化面板Window 窗口 Optimize 优化 选取适合于GIF的优化方案 颜色数 必须选GIF格式 JPG等不支持动画5 文件优化存盘 发布 切换当前图像显示窗口为 优化 卡中选取动画颜色等参数File 文件 SaveOptimize 存储优化结果 6过渡类动画制作原理 一 动画产生的条件与制作方法条件 两帧的同图层具有某种不同不同点 动画主体的位置不同 图层透明度不同 图层样式 共10种 不同 制作方法 在ImageReady中复制一帧使两帧的动画图层有所不同单击过渡帧tween按钮 输入插入的帧数 二 ImageReady中常用英文单词Position 位置Opacity 不透明度Effect 效果 图层样式 frame 帧FramestoAdd添加帧Layer 图层Reverse 逆向Optimize 优化Animation 动画Saveoptimized 优化存盘 7动画主体位置不同的动画 在photoshop中制作一多图层图像动画主体图层可为实体文字图层 或像素化图层对于像素化图层应有透明的区域非背景层在IR中复制一帧用 移动工具 或光标键分别拖动两帧动画层中的文字或图像于不同的位置5 插入若干过渡帧必选 position 位置 复选项 海洋大学 第一帧 海洋大学 第二帧 过渡帧N 海洋大学 海洋大学 海洋大学 8动画图层透明度不同的动画 在photoshop中制作一多图层图像此类动画通常为 燃烧效果 辐射效果等火焰部分 辐射的光芒部分为独立图层在IR中复制一帧关闭第一帧动画图层 眼睛 相当于不透明度 0打开第二帧动画图层 眼睛 相当于不透明度 100 在两帧之间插入若干过渡帧至少选中 opacity 不透明度 复选项 9动画图层样式不同的动画 在photoshop中制作多图层图像动画层应含有 十种图层样式之一或多种 该类动画效果种类最多如 渐变填充 外发光 单色填充