flash动画制作步骤.doc

《flash动画制作步骤.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、模块四企业网站动画的制作4.1模块功能分析根据网站建设方案，在与企业沟通、协调下分析设计网站宣传动画。【能力目标】l能够根据网站布局要求选择合适的动画尺寸，分析设计网站宣传动画l能够根据不同的动画选择不同的元件l能够创建补间动画、引导层动画和遮罩效果【知识目标】l认识帧（Frame）、时间轴、图层l熟悉图形元件、按钮元件和影片剪辑元件的不同用法l理解补间动画、引导层动画和遮罩效果的制作方法【素质目标】l挖掘学生的创造力、激发学生的艺术设计能力l培养学生的沟通、合作能力l培养学生自我学习、解决问题的能力4.2模块任务实施任务1企业宣传动画的制作一任务分析根据需求方提

2、出的设计要求和沟通，确定了网站的Banner条采用Flash设计制作，以达到增加页面动态效果和美化页面的效果。二任务实施步骤1新建一个Flash文档，命名为“banner.fla”，设置【属性】面板中的文档大小属性为宽900像素、高260像素，如图所示图文档属性步骤2选择【文件】

3、【导入】

4、【导入到库】菜单选项，在打开的对话框中选择需要导入的素材文件“banner-1.jpg”和“xiaotu.gif”两个图片，单击【确定】按钮，此时素材导入到库中，如图所示。图库面板步骤3将“banner-1.jpg”拖动到舞台中，调整其大小使其覆盖整个舞台。步骤4单击【时间轴】

5、面板下方的添加新图层按钮，添加【图层2】。步骤5鼠标单击【图层2】的第一帧，然后选择工具箱中的【文本】按钮，在打开的【属性】面板中，设置【字体】为“华文楷体”，【字体大小】为“53”，【字体颜色】为“#003300”。步骤6在舞台中输入“选择森兴选择品质”这8个文字。步骤7选中文字，选择【修改】

6、【分离】命令，文字被打散。效果如图所示。图分离文字步骤8选择【图层1】的第40帧，插入一个普通帧。按住【CTL】键，选中【图层2】的第1帧、第5帧、第10帧、第15帧、第20帧、第25帧、第30帧、第35帧、第40帧，插入一个关键帧。步骤9选择【图层2】的第1帧，按下【D

7、elete】键删除所有的文字。步骤10选择【图层2】的第5帧，删除“择森兴选择品质”这7个字。步骤11选择【图层2】的第10帧，删除“森兴选择品质”这6个字。步骤12同理设置【图层2】的第15帧、第20帧、第25帧、第30帧、第35帧、第40帧上的文字。步骤13单击【时间轴】面板下方的添加新图层按钮，添加【图层3】。单击【图层3】的第一帧，从【库】面板中拖入“xiaotu.gif”,选中图片，按下【F8】将其转换成图形元件。步骤14单击【图层3】的第40帧添加关键帧；在【变形】面板中设置第1帧图形为“10%”，在属性面板中设置【颜色】为“alpha”值为“20%”

8、，如图所示；在【变形】面板中设置第40帧图形为“100%”，在属性面板中设置【颜色】为“alpha”值为“70%”；在第1帧和第40帧之间添加【补间动画】；至此动画设置如图所示。图变形面板图动画界面步骤14按下【CTRL】+【ENTER】，测试效果，如图所示。图banner条动画效果三知识梳理知识结构如图所示。企业宣传动画的制作站点的建立Flash工作界面Flash工具箱Flash动画Flash元件图知识结构图1Flash工作界面打开一个Flash文档进入其工作界面，它包括标题栏、菜单栏、工具箱、时间轴、舞台、属性面板和面板区，如图所示。图Flash工作界面（1）

9、标题栏每一个应用程序窗口文档的最上方都会有一个标题栏，显示当前文档的名称。（2）菜单栏Flash菜单栏共包含11菜单项，每个菜单项有包含若干操作项，具体如图所示。图文件菜单图编辑菜单图视图菜单图修改菜单图插入菜单图文本菜单图命令菜单图测试菜单图窗口菜单2Flash工具箱工具箱位于窗口的左侧，用户可以随意拖动到合适的位置。它提供了Flash常用的各种工具。l选择工具选择工具是最常用的工具之一。使用它不仅可以选择对象，还可以移动对象选中选择工具后，在舞台中单击鼠标左键并拖动鼠标即可选择图形，如图所示。图选择工具l部分选择工具部分选择工具是修改和调整路径时经常使用的工具

10、，它可以通过选择对象的锚点实现编辑、移动和变形。单击部分选择工具按钮，然后单击舞台中图形的轮廓线，就会出现很多控制点，如图所示。鼠标移动到控制点上变成形状时，单击可以移动控制点；鼠标移动到2个控制点之间时变成形状，单击可以拖动图像。图部分选择工具l任意变形工具任意变形工具主要是对选中的对象进行旋转、扭曲和缩放。l套索工具套索工具主要是对对象局部进行选区。它分成魔术棒和多边形模式。l铅笔工具它用来绘制任意形状的线条和图形。单击铅笔按钮会在选项区域出现铅笔模式选择：伸直、平滑和墨水3个选项，如图所示。图铅笔模式【伸直】模式可以在绘制过程中将线条自动伸直，使其尽量直线化

11、，简单的说