基本动画和时间轴特效动画 .pdf

  1. 1、本文档共15页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
基本动画和时间轴特效动画 .pdf

第 6 章 基本动画和时间轴特效动画 本章通过完成 8 案例 ,介绍了几种制作基本动画和利用时间轴特效制作特效动画的方法和 制作技巧 ,还介绍了库和 图层文件夹的相关知识。 6.1 【案例 23】摆动的模拟指针钟 【案例效果 】 “摆动 的模拟指针钟”动画播放后的 2 幅画面如图 6­1­1 所示 。可以看到 ,最左边的彩珠 环摆起再回到原处后 ,撞击其他的彩珠环 ,使最右边的彩珠环摆起 ,当该彩珠环 回到原处后, 又撞击其他彩珠环 ,使最左边的彩珠环再摆起 。周而复始 ,不断运动 。中间的彩珠环是顺时针 转圈 ,左右两个摆动模拟指针钟是逆时针转圈,在摆动中还会改变颜色 。 图 6­1­1  “摆动 的模拟指针钟”动画播放后的 2 幅画面 【相关知识 】动画简介 1.Flash 动画的种类 (1)帧帧动画:帧帧动画的每一帧都由制作者确定,而不是由 Flash 通过计算得到 ,然后 连续依次播放这些画面 ,即可生成动画效果。帧帧动画适于制作非常复杂的动画 ,Gif  格式的 动画就是属于这种动画 。与过渡动画相比 ,通常帧帧动画的文件字节数较大 。为了使一帧的画 面显示的时间长一些 ,可以在关键帧后边添加几个与关键帧内容一样的普通帧 。 (2)补间动画 :它也叫过渡动画 。制作若干关键帧画面,由 Flash 计算生成各关键帧之间 的各个帧,使画面从一个关键帧过渡到另一个关键帧 。补间动画又分为动作动画和形状动画 。 利用帧帧动画和补间动画 ,可以制作大小、位置、围绕对象中心点旋转角度 、形状、颜色、 亮度 、透明度等分别变化或同时变化的动画 ,可以制作围绕对象中心点顺时针或逆时针转圈或 者来回摆动的动画 ,可以制作沿着引导线移动的动画 ,还可以制作其他各种变化形式的动画 。 138  2.动作动画的特点 动作动画是补间动画中的一种 。在  Flash CS3  中可以创建出丰富多彩的动作动画效果,可 以使一个对象在画面中沿直线移动,沿曲线移动 ,变换大小 、形状和颜色 ,以中心为圆点自转, 以中心为圆点旋转,产生淡入淡出效果等 。各种变化可以独立进行 ,也可合成复杂的动画 。例 如一个对象不断自转的同时还水平移动 。  Flash CS3 可以使实例 、图形、图像、文本和组合产生动作动画 。创建动作动画后, 自动将 对象转换成补间的实例, “库 ”面板中会自动增加元件 ,名字为 “补间 l”和 “补间 2”等 。 动作动画可以借助于引导层使对象沿任意路径运动 ,即创建引导动作动画。动作动画可以 借助遮罩层的作用产生千奇百态的动画效果 。 6.2 【案例 24】动画翻页画册 【案例效果 】 “动画翻页画册 ”动画播放后 ,动画翻页画册第 1 个动画画面慢慢从左向右翻开 ,接着第  2 动画画面慢慢从左向右翻开 。其中的 3 幅画面如 图 6­2­1 所示 。当翻页翻到背面后,背面动画 画面与正面动画画面不一样 。在翻页中动画画面一直变化 。 图 6­2­1  “动画翻页画册 ”动画播放后 的 3 幅画面 1.制作第 1 页翻页动画 (1)设置舞台工作区宽为 300 像素 、高为 300 像素 。显示标尺 ,创建 3 条垂直辅助线和两 条水平辅助线 ,如 图 6­2­2 所示 。然后 ,导入 5 个 GIF 格式动画到 “库 ”面板中 。同时在 “库 ” 面板内自动生成 5 个加载有相应的 GIF 格式动画的影片剪辑元件 。 (2)将这 5 个影片剪辑元件的名称分别改为 “动画 1” 、 “动画 2” 、 “动画 3” 、 “动画 4”和 “动画 5” 。双击 “库 ”面板中 “动画 1”影片剪辑元件,进入它的编辑状态 ,观察各帧的画面 , 将损坏图像的帧删除 。 (3)选中 “图层 1”图层第 1 帧,将 “库 ”面板 中的 “动画 1”影片剪辑元件拖曳到舞台 工作区内 ,形成一个 “动画  1”影片剪辑实例 。调整该实例宽为  122 像素 ,高为  160 像素 ,X  为 160 像素 ,Y 为 125 像素 ,如 图 6­2­2

文档评论(0)

ucut + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档