Flash MX2004入门与进阶实例－－动画基础（16）
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-14
|
第三章 动画基础 第四节 动作补间动画(4) ???? 步骤2创建“网页设计”元件 执行【插入】|【新建元件】命令，新建一个图形元件，名称为“网页设计”。在编辑场景中选择第一帧，按上面的方法，在场景中输入“网页设计”四个字，参数同上。 步骤3 创建“图像制作”元件 执行【插入】|【新建元件】命令，新建一个图形元件，名称为“图像制作”。在编辑场景中选择第一帧，按上面的方法，在场景中输入“图像制作”四个字，参数同上。 步骤4 创建“闪客启航”元件 执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪客启航”。在编辑场景中选择第1帧，单击工具箱上的文字工具  ，在【属性】面板上设置文本类型为【静态文本】、字体为【隶书】、字体大小为50、颜色值为#FF6600,在场景中输入“闪客沙龙”四个字，如图3-4-11所示。
?
图3-4-11 创建“闪客启航”元件
?
步骤5 创建“语音教学”
执行【插入】|【新建元件】命令，新建一个图形元件，名称为“语音教学”。在编辑场景中选择第1帧，单击工具箱中的【文字工具】，文字属性不变,在场景中输入“语音教学”四个字。
（3）创建动画
??? “电脑动画”、“网页设计”和“图像制作”三组字体分别从大到小、由近及远以渐显的方式运动到舞台中央停留片刻，再移动到舞台左边，字体颜色和大小相应改变。然后“闪客启航”一组字以同样的方式移动到舞台中央，突然消失，最后“语音教学”以旋转的方式移动到舞台正中，这就是本实例中文字的动画效果。下面，我们就来实现这一动画效果。
步骤1 创建“电脑动画”文字效果
单击时间轴右上角的【编辑场景】按钮，选择【场景1】转换到主场景中。在场景中新建一个图层。选择第1帧，把库里的“电脑动画”元件拖到场景的外面，在【属性】面板上设置元件的【W】值为260.0，【H】值为45.0,【X】值为58.0，【Y】值为48.0,【Alpha】值为3%，然后在第20帧处添加关键帧，在场景中选中文字，在【属性】面板中，设置【W】值为141,【H】值为36，【X】值为127，【Y】值为12,选择【颜色】为【无】。
图3-4-12是“电脑动画”元件在【属性】面板中的第1、20帧处的位置参数。
?
 ??????????? 
(a)第1帧属性??????????????? （b）第20帧属性
图3-4-12 “电脑动画”属性设置
?
在第28帧处添加关键帧，不改参数，这是为了给该文字对象一个停顿，让别人能看清楚。
在第48帧处添加关键帧，在【属性】面板上，设置【W】值为75，【H】值为12,【X】值为12，【Y】值为9，选择【颜色】为【色调】、黑色，如图3-4-13所示。
?
图3-4-13 设置第48帧上实例的属性
?
分别用鼠标右键单击第1帧和第28帧，在弹出的菜单中选择【创建补间动画】。
步骤2 创建“网页设计”文字效果
在场景中新建一个图层。在此图层的第49帧处添加关键帧，把库里的“网页设计”元件拖到场景中，在【属性】面板上设置元件的【W】值为300，【H】值为83，【X】值为43，【Y】值为20，【Alpha】值为6%。然后在第71帧处添加关键帧，在场景中选中文字，在【属性】面板中设置【W】值为135,【H】值为36，【X】值为131，【Y】值为11,选择【颜色】为【无】，如图3-4-14所示。
图3-4-14 在第49、71帧中的“网页设计”
?
再在第78帧处添加关键帧，不改参数，在第97帧处添加关键帧，在【属性】面板上，设置【W】值为81，【H】值为22,【X】值为18,【Y】值为20，选择【颜色】为【色调】、黑色。最后在第49和第78帧处分别建立动作补间动画，在第205帧添加普通帧，效果如图3-4-15。
图3-4-15? 创建补间后的时间轴结构及实例在第78帧的效果关键词：动画 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: FLASH中的物理世界(3)下一篇: 一个很简单的放大效果
关于Flash MX2004入门与进阶实例－－动画基础（16）的所有评论
