电子商务网页设计项目九使用Flash制作网页中的动画.ppt

(5)按照上述同样的方法,创建其余的5个影片剪辑元件 。 (6)在“时间轴”面板中,双击“图层1”,重命名为“图片01”。然后在“库”面板中,按住鼠标左键不动,将“pic01”影片剪辑元件拖到舞台中并对齐舞台 。 (7)在“图片01”图层中,分别选择第15帧和第45帧,按F6键插入关键帧,然后选中第45帧,按住Shift键将舞台中的元件沿着水平方向移到舞台的左侧,最后右键单击第15帧到第45帧之间的任意位置,创建“传统补间”动画 。 (8)在“时间轴”面板中,建立新图层,并将该图层重命名为“图片02”,选中该图层的第15帧,按F7键插入空白关键帧,然后从“库”面板中把“pic02”影片剪辑元件拖到舞台右侧并与舞台底部对齐 。然后选择第45帧,按F6键插入关键帧,再将“pic02”影片剪辑元件移到舞台正中,右键单击第15帧到第45帧之间的任意位置,创建“传统补间”动画 。 (9)在“图片02”图层中,分别选择第60帧和第90帧插入关键帧,右键单击第60帧到第90帧之间的任意位置,创建“传统补间”动画,然后选中第90帧,把“pic02”影片剪辑元件移到舞台左侧并与舞台底部对齐 。 (10)利用上述同样的方法,创建并设置“图片03”、“图片04”、“图片05”、“图片06”图层,“时间轴”面板 。为了使图片能顺畅播放,继续创建“图片07”图层,选择该图层的第240帧插入空白关键帧,从“库”面板中把“pic01”影片剪辑元件拖到舞台右侧并与舞台底部对齐,然后选择第270帧插入关键帧,把“pic01”影片剪辑元件移到舞台正中。 (11)在“库”面板中,创建按钮元件,命名为“按钮1”,选择工具箱中的“矩形”工具,设置笔触颜色为“无”,填充颜色为红色,在舞台中绘制出一个大小适中的矩形,并用“文本”工具输入数字“1”。再用同样的方法制作其他按钮元件。 (12)在“时间轴”面板中,建立新图层,并重命名为“按钮”图层,从“库”面板中把“按钮1”、“按钮2”等6个按钮元件拖到舞台右下方,并设置它们能在同一水平方向上平均间隔分布 (13)在场景1中,按F9键打开“动作”面板,选择舞台上的“按钮1”元件,给该按钮元件添加鼠标动作代码:on (release) {gotoAndPlay(1);}。相应地,也分别给其他按钮元件添加代码:on (release) {gotoAndPlay(45); }, on (release) {gotoAndPlay(90);}, on (release) {gotoAndPlay(135);}, on (release) {gotoAndPlay(180);}, on (release) {gotoAndPlay(225);}。 制作探照灯效果 (1)运行Flash CS5,执行“文件”→“新建”菜单命令,在弹出的“新建文档”对话框中,选择“常规”选项卡下面的“ActionScript 2.0”,然后单击“确定”按钮 。 (2)执行“文件”→“导入”→“导入到舞台”菜单命令,在“导入”对话框中,打开图片文件“2—1.jpg”,按快捷键Ctrl+F3打开“属性”面板,修改图片大小为550×400像素 。完成设置后,按快捷键Ctrl+K打开“对齐”面板,将图片置于舞台正中央。 (3)在“时间轴”面板中,建立新图层,选择“图层2”的第1帧,执行“文件”→“导入”→“导入到舞台”菜单命令,在“导入”对话框中,打开图片文件“2—2.jpg”,图片大小与位置的设置与步骤(2)相同。 (4)新建图层3,单击工具箱中的“椭圆”工具,按住Shift键在舞台中绘制出一个圆形 。单击“移动”工具,选中圆形,按F8键打开“转换为元件”对话框,设置元件名称为“圆形”,“类型”为图形元件,并设置中心对齐 。 项目九 使用flash制作网页中的动画 * * * Flash CS5的工作界面 1 任务分析 通过对Flash软件的学习,了解Flash动画的应用领域、特点、创作流程,以及掌握启动和退出Flash CS5的方法,并认识Flash CS5的工作界面,用这个软件制作一些简单广告动画。 相关知识 1.Flash动画的应用领域 Flash动画被广泛应用于网页设计、网页广告、网络动画、多媒体教学课件、游戏、企业宣传、产品展示和电子相册等领域。 2.Flash动画的特点 (1)制作简单:Flash动画的制作相对比较简单,拥有一台电脑、一套软件,并掌握一定的软件知识就可以制作出简单的动画。 (2)存储容量小和缩放时不失真:Flash动画主要由矢量图形组成,矢量图形具有存储容量小,并且在缩放时不失真的优点。 (3)交互性强:可以使用ActionScript语言为Flash动画添加代码,使动画具有交互性。 3.场景 如果将Flash CS5动画比作话剧,一