Flash MX2004入门与进阶实例:3.4 动作补间动画
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-09
它来说明自己网站的特点，提升网站的形象，如果你能用Flash做成动画的形式，那无疑会大大增加吸引力。
我们来看看“闪客启航”网站(http://www.Flasher123.com/)的Banner，“闪客启航”是一个提供免费学习Flash及网页制作等知识的网站，“闪客沙龙”(http://280739.chat.yinsha.com)是它提供语音教学的网上教室，本例通过动画手段，使“Banner”较好地显示了网站的性质与特点，播放效果如图3-4-7所示。
?
图3-4-7 启航网站的Banner
?
知识提要
●???? 创建文字变色效果
●???? 创建文字改变大小效果
●???? 创建文字改变透明度效果
?
制作步骤
（1）创建影片文档
步骤1 设置影片文档属性
执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，单击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为520×60像素，【背景色】为白色，如图3-4-8所示。
?
图3-4-8 启航Banner文档属性
?
步骤2 设置背景图层
执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中的名为“启航banner.bmp”图片导入到场景中（“启航banner.bmp”图片位置：光盘\example\part3\***\图片\启航banner.bmp），选择工具箱中的【选择工具】和【任意变形工具】调整图片的大小和位置。选中第205帧，按F5键，添加普通帧，如图3-4-9所示。
?
图3-4-9 设置背景
?
（2）创建元件
步骤1 创建“电脑动画”元件
执行【插入】|【新建元件】命令，新建一个图形元件，名称为“电脑动画”。在新元件编辑场景中选择第一帧，单击工具箱中的【文字工具】 ，在场景中单击一下，然后在【属性】面板上设置文本类型为【静态文本】、字体为【隶书】、字体大小为32、颜色值为#FF9900，设置完后，在场景中输入“电脑动画”四个字，如图3-4-10所示。
?
图3-4-10 创建“电脑动画元件”
上一页??[1]?[2]?[3]?[4]?[5]?下一页??
第三章 动画基础 第四节 动作补间动画(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,【 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于Flash MX2004入门与进阶实例:3.4 动作补间动画的所有评论
