当前位置导航:炫浪网>>网络学院>>在线图书>>图形图像教程>>Flash入门与实战>>第三章 动画基础

第四节 动作补间动画(3)

3.动作补间动画应用——网站Banner

在第一章中,我们已经学习了一个简单动作补间动画的制作全过程,这里来学习一个比较综合的案例应用。

实例简介

当你访问一个网站时,最先吸引你的可能是网站上方的广告条吧?这就是Banner,它具有灵活的实时性、强烈的交互性与感官性,你可以用它来说明自己网站的特点,提升网站的形象,如果你能用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 创建“电脑动画元件”

 

相关内容
赞助商链接