关闭

关闭

关闭

封号提示

内容

首页 4-3 Flash 8 动作补间动画详解及实例.doc

4-3 Flash 8 动作补间动画详解及实例.doc

4-3 Flash 8 动作补间动画详解及实例.doc

上传者: 眨巴眨巴 2012-07-19 评分 0 0 0 0 0 0 暂无简介 简介 举报

简介:本文档为《4-3 Flash 8 动作补间动画详解及实例doc》,可适用于IT/计算机领域,主题内容包含动作补间动画也是Flash中非常重要的表现手段之一与“形状补间动画”不同的是动作补间动画的对象必需是“元件”或“成组对象”。  运用动作补间动画您可符等。

动作补间动画也是Flash中非常重要的表现手段之一与“形状补间动画”不同的是动作补间动画的对象必需是“元件”或“成组对象”。  运用动作补间动画您可以设置元件的大小、位置、颜色、透明度、旋转等种种属性配合别的手法您甚至能做出令人称奇的仿D的效果来。本实例详细讲解了动作补间动画的特点及创建方法并分析了动作补间动画和形状补间动画的区别我们精心设计的一个实例将带您进一步加深对动作补间动画的了解。.动作补间动画的概念  ()动作补间动画的概念  在Flash的时间帧面板上在一个时间点(关键帧)放置一个元件然后在另一个时间点(关键帧)改变这个元件的大小、颜色、位置、透明度等等Flash根据二者之间的帧的值创建的动画被称为动作变形动画。  ()构成动作补间动画的元素  构成动作补间动画的元素是元件包括影片剪辑、图形元件、按钮等等除了元件,其他元素包括文本都不能创建补间动画的,其他的位图、文本等等都必须要转换成元件才行只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。  ()动作补间动画在时间帧面板上的表现  动作补间动画建立后时间帧面板的背景色变为淡紫色在起始帧和结束帧之间有一个长长的箭头如图所示。图动作补间动画在时间帧上的表现  ()形状补间动画和动作补间动画的区别  形状补间动画和动作补间动画都属于补间动画。前后都各有一个起始帧和结束帧二者之间的区别如下表所示。区别之处动作补间动画形状补间动画  在时间轴上的表现  淡紫色背景加长箭头  淡绿色背景加长箭头  组成元素  影片剪辑、图形元件、按钮  形状如果使用图形元件、按钮、文字则必先打散再变形。  完成的作用  实现一个元件的大小、位置、颜色、透明等的变化。  实现二个形状之间的变化或一个形状的大小、位置、颜色等的变化。  )创建动作补间动画的方法  在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件一帧中只能放一个项目在动画要结束的地方创建或选择一个关键帧并设置该元件的属性再单击开始帧在【属性面板】上单击【补间】旁边的“小三角”在弹出的菜单中选择【动作】或单击右键在弹出的菜单中选择【新建补间动画】就建立了“动作补间动画”。.认识动作补间动画的属性面板  在时间线“动作补间动画”的起始帧上单击帧属性面板会变成如图所示。图动作补间动画属性面板  ()“简单”选项  在“”边有个滑动拉杆按钮单击后上下拉动滑杆或填入具体的数值补间动作动画效果会以下面的设置作出相应的变化:在到的负值之间动画运动的速度从慢到快朝运动结束的方向加速补间。在到的正值之间动画运动的速度从快到慢朝运动结束的方向减慢补间。默认情况下补间帧之间的变化速率是不变的。  ()“旋转”选项  有四个选择选择“无”(默认设置)禁止元件旋转选择“自动”可以使元件在需要最小动作的方向上旋转对象一次选择“顺时针”(CW)或“逆时针”(CCW)并在后面输入数字可使元件在运动时顺时针或逆时针旋转相应的圈数。  ()“调整到路径”  将补间元素的基线调整到运动路径此项功能主要用于引导线运动我们在下一节中要谈到此功能。  ()“同步”复选框  使图形元件实例的动画和主时间轴同步。  ()“对齐”选项  可以根据其注册点将补间元素附加到运动路径此项功能主要也用于引导线运动。实例:网站Banner  实例简介  当您访问一个网站时最先吸引您的目光的可能是网站上方的广告了吧?这就是Banner,它具有灵活的实时性、强烈的交互性与感官性您可以用它来说明自己网站的特点提升网站的形象如果您能用Flash做成动画的形式那无疑会大大增加对眼球的吸引力。   我们来看看“闪客启航”网站的Banner“闪客启航”这是一个提供免费学习Flash及网页制作等知识的网站“闪客启航视频语音教室”(UC合作专区合作免费教学专区闪客启航)是提供免费语音视频教学的网上教室本例通过动画手段使“Banner”较好地显示了网站的性质与特点播放效果如图所示。图启航网站的Banner  知识提要创建文字变色效果创建文字改变大小效果创建文字改变透明度效果  制作步骤  ()创建影片文档  、设置影片文档属性  执行【文件】|【新建】命令在弹出的面板中选择【常规】|【Flash文档】选项后点击【确定】按钮新建一个影片文档在【属性】面板上设置文件大小为*象素【背景色】为白色。如图所示。图启航Banner文档属性  、设置背景图层  执行【文件】|【导入到场景】命令将本实例中名为“启航bannerbmp”图片导入到场景中在第帧处按F加普通帧如图所示。图设置背景  ()创建元件  、创建“电脑动画”元件  执行【插入】|【新建元件】命令新建一个图形元件名称为“电脑动画”。在“新元件编辑窗口”中选择第一帧单击工具栏上的文字工具在场景中点击一下然后在【属性】面板上设置【文本类型】为静态文本、【字体】为隶书、【字体大小】、【颜色】#FF最后在场景中写下“电脑动画”四个字如图所示。图创建“电脑动画元件”  、创建“网页设计”元件  执行【插入】|【新建元件】命令新建一个图形元件名称为“网页设计”。在编辑窗口选择第一帧按上面的方法,在场景中写下“网页设计”四个字参数同上。  、创建“图象制作”元件  执行【插入】|【新建元件】命令新建一个图形元件名称为“图象制作”。在编辑窗口选择第一帧按上面的方法在场景中写下“图象制作”四个字参数同上。  、创建“闪客启航”元件  执行【插入】|【新建元件】命令新建一个图形元件名称为“闪客启航”。在编辑窗口选择第帧单击工具栏上的文字工具在【属性】面板上设置【文本类型】为静态文本、【字体】为隶书、【字体大小】为、【颜色】为#FF,在场景中写下“闪客沙龙”四个字如图所示。图创建“闪客沙龙”元件  、创建“语音教学”  执行【插入】|【新建元件】命令新建一个图形元件名称为“语音教学”。在编辑窗口选择第帧单击工具栏上的文字工具文字属性不变,在场景中写下“语音教学”四个字。  ()创建动画  、创建“电脑动画”文字效果  在场景中新建一个图层。先在第帧中把库里的“电脑动画”元件拖到场景的外面在【属性】面板上设置元件的【W】值为【H】值为,【X】值为【Y】值为,【Alpha】值为%然后在第帧处加关键帧把“电脑动画”元件拖到场景的中间设置【属性】面板的【W】值为,【H】值为【X】值为【Y】值为,【颜色】选项为“无”。  图是“电脑动画”元件在【属性】面板的第、帧处的位置设置。图“电脑动画”属性设置  在第帧处加关键帧不改参数这是为了给该文字对象一个停顿让别人能看清楚。  在第帧加关键帧设置【属性】面板上参数【W】值【H】值,【X】值,【Y】值【颜色】选色调黑色。  在第和第帧处分别动建立动作补间动画在第帧添加普通帧使帧内容延续。  、创建“网页设计”文字效果  在场景中新建一个图层。在此图层的第帧加关键帧把库里的“网页设计”元件拖到场景的外面在【属性】面板上设置元件的【W】值为【H】值为,【X】值为【Y】值为,【Alpha】值为%,然后在第帧处加关键帧把“网页设计”元件拖到场景的中间设置【属性】面板的【W】值为,【H】值为【X】值为【Y】值为,【颜色】选项为“无”如图所示。图“网页设计”元件在第、帧的位置  再在第帧处加关键帧不改参数在第帧加关键帧设置【属性】面板上参数【W】值【H】值,【X】值,【Y】值【颜色】选色调黑色。最后在第和第帧处分别建立动作补间动画在第帧添加普通帧。  、创建“图象制作”文字效果  在场景中新建一个图层。先在第帧加关键帧把库里的“图象制作”元件拖到场景的外面在【属性】面板上设置元件的【W】值为【H】值为,【X】值,【Y】值【Alpha】值为%,然后在第帧处加关键帧把“图象制作”元件拖到场景的中间设置【属性】面板的【W】值为,【H】值为【X】值,【Y】值【颜色】选项为“无”,再在第帧处加关键帧不改参数在第帧加关键帧设置【属性】面板上参数【W】值【H】值,【X】值,【Y】值【颜色】选色调黑色最后在第和第帧处分别建立动作补间动画在第帧添加普通帧如图所示。图“图象制作”元件在第、帧的位置  、创建“闪客启航”文字效果  在场景中新建一个图层。先在第帧处加关键帧把库里的“闪客启航”元件拖到场景的外面在【属性】面板上设置元件的【W】值为【H】值为,【X】值,【Y】值【Alpha】值为%然后在第帧处加关键帧把“闪客启航”元件拖到场景的中间设置【属性】面板的【W】值为,【H】值为【X】值,【Y】值【颜色】选项无。最后在第帧处建立动作补间动画在第帧添加普通帧。  、创建“语音教学”文字效果  在场景中新建一个图层。先在第帧处加关键帧把库里的“语音教学”元件拖到场景的外面在【属性】面板上设置元件的【W】值为【H】值为,【X】值,【Y】值【Alpha】值为%。然后在第帧处加关键帧把“语音教学”元件拖到场景的中间设置【属性】面板的【W】值为,【H】值为【X】值,【Y】值【颜色】选项无。最后在第帧处动作建立补间动画顺时钟旋转一圈在第帧添加普通帧如图所示。图“语音教学”元件在第帧的【属性】面板参数  完成后的部分时间线情况如图所示。图时间帧面板上的各层  在实际制作中本例中各图形元件的大小、位置均不必拘束于书中所示的数字您可自行调整至满意为止。

用户评论(0)

0/200

精彩专题

上传我的资料

每篇奖励 +2积分

资料评价:

/11
0下载券 下载 加入VIP, 送下载券

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部