- 1、本文档共15页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
基本动画和时间轴特效动画 .pdf
第 6 章 基本动画和时间轴特效动画
本章通过完成 8 案例 ,介绍了几种制作基本动画和利用时间轴特效制作特效动画的方法和
制作技巧 ,还介绍了库和 图层文件夹的相关知识。
6.1 【案例 23】摆动的模拟指针钟
【案例效果 】
“摆动 的模拟指针钟”动画播放后的 2 幅画面如图 611 所示 。可以看到 ,最左边的彩珠
环摆起再回到原处后 ,撞击其他的彩珠环 ,使最右边的彩珠环摆起 ,当该彩珠环 回到原处后,
又撞击其他彩珠环 ,使最左边的彩珠环再摆起 。周而复始 ,不断运动 。中间的彩珠环是顺时针
转圈 ,左右两个摆动模拟指针钟是逆时针转圈,在摆动中还会改变颜色 。
图 611 “摆动 的模拟指针钟”动画播放后的 2 幅画面
【相关知识 】动画简介
1.Flash 动画的种类
(1)帧帧动画:帧帧动画的每一帧都由制作者确定,而不是由 Flash 通过计算得到 ,然后
连续依次播放这些画面 ,即可生成动画效果。帧帧动画适于制作非常复杂的动画 ,Gif 格式的
动画就是属于这种动画 。与过渡动画相比 ,通常帧帧动画的文件字节数较大 。为了使一帧的画
面显示的时间长一些 ,可以在关键帧后边添加几个与关键帧内容一样的普通帧 。
(2)补间动画 :它也叫过渡动画 。制作若干关键帧画面,由 Flash 计算生成各关键帧之间
的各个帧,使画面从一个关键帧过渡到另一个关键帧 。补间动画又分为动作动画和形状动画 。
利用帧帧动画和补间动画 ,可以制作大小、位置、围绕对象中心点旋转角度 、形状、颜色、
亮度 、透明度等分别变化或同时变化的动画 ,可以制作围绕对象中心点顺时针或逆时针转圈或
者来回摆动的动画 ,可以制作沿着引导线移动的动画 ,还可以制作其他各种变化形式的动画 。
138
2.动作动画的特点
动作动画是补间动画中的一种 。在 Flash CS3 中可以创建出丰富多彩的动作动画效果,可
以使一个对象在画面中沿直线移动,沿曲线移动 ,变换大小 、形状和颜色 ,以中心为圆点自转,
以中心为圆点旋转,产生淡入淡出效果等 。各种变化可以独立进行 ,也可合成复杂的动画 。例
如一个对象不断自转的同时还水平移动 。
Flash CS3 可以使实例 、图形、图像、文本和组合产生动作动画 。创建动作动画后, 自动将
对象转换成补间的实例, “库 ”面板中会自动增加元件 ,名字为 “补间 l”和 “补间 2”等 。
动作动画可以借助于引导层使对象沿任意路径运动 ,即创建引导动作动画。动作动画可以
借助遮罩层的作用产生千奇百态的动画效果 。
6.2 【案例 24】动画翻页画册
【案例效果 】
“动画翻页画册 ”动画播放后 ,动画翻页画册第 1 个动画画面慢慢从左向右翻开 ,接着第
2 动画画面慢慢从左向右翻开 。其中的 3 幅画面如 图 621 所示 。当翻页翻到背面后,背面动画
画面与正面动画画面不一样 。在翻页中动画画面一直变化 。
图 621 “动画翻页画册 ”动画播放后 的 3 幅画面
1.制作第 1 页翻页动画
(1)设置舞台工作区宽为 300 像素 、高为 300 像素 。显示标尺 ,创建 3 条垂直辅助线和两
条水平辅助线 ,如 图 622 所示 。然后 ,导入 5 个 GIF 格式动画到 “库 ”面板中 。同时在 “库 ”
面板内自动生成 5 个加载有相应的 GIF 格式动画的影片剪辑元件 。
(2)将这 5 个影片剪辑元件的名称分别改为 “动画 1” 、 “动画 2” 、 “动画 3” 、 “动画 4”和
“动画 5” 。双击 “库 ”面板中 “动画 1”影片剪辑元件,进入它的编辑状态 ,观察各帧的画面 ,
将损坏图像的帧删除 。
(3)选中 “图层 1”图层第 1 帧,将 “库 ”面板 中的 “动画 1”影片剪辑元件拖曳到舞台
工作区内 ,形成一个 “动画 1”影片剪辑实例 。调整该实例宽为 122 像素 ,高为 160 像素 ,X
为 160 像素 ,Y 为 125 像素 ,如 图 622
文档评论(0)